/* ================================================================
   v750 - Portfolio-Cockpit: VOLLPORT cockpit-qb-final (Quick-Boarding)
   Komplettes Demo-CSS, scoped unter #dashboard-main (Auto-Prefix).
   Ersetzt das alte dashboard.css. Rollback via git checkout.
   ================================================================ */

  #dashboard-main *{box-sizing:border-box}

  #dashboard-main body{margin:0;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#111}

  
  
  
  
  
  

  #dashboard-main .stage{
    --c-page:#fff;--c-ink:#1b1815;--c-mut:#6b6660;--c-panel:#0c0b09;--c-ptext:#ece7dd;--c-pmut:#9a948a;
    --c-acc:var(--wl-c9a84c, #C9A84C);--c-acc2:var(--wl-e8cc7a, #E8CC7A);--c-accd:var(--wl-b8932f, #b8932f);--c-line:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 22%, transparent);
    --c-green:#3FA56C;--c-greenl:#5cc187;--c-greenm:#2FBE6E;--c-red:#B86250;--c-redl:#d98579;
    --c1:var(--wl-c9a84c, #C9A84C);--c2:#3FA56C;--c3:var(--wl-e8cc7a, #E8CC7A);--c4:#6f93b8;
    --c-front:#fff;--c-front-tx:#191713;--c-front-mut:#6b6660;--c-front-line:#cdbf9a;--c-front-acc:var(--wl-b8932f, #b8932f);
    --c-ring:#2FBE6E;--ring-w:13;--head-font:'Space Grotesk';
    --c-hatch:repeating-linear-gradient(102deg,color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 8%, transparent) 0 1px,transparent 1px 8px); /* v887-hatch: fein wie Deal-Aktion */
    --page-bg:radial-gradient(110% 50% at 88% -8%,color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 16%, transparent),transparent 55%),#fff;
    background:var(--page-bg);background-attachment:fixed;color:var(--c-ink);min-height:100vh;padding:0 0 70px}

  #dashboard-main .app{max-width:1140px;margin:0 auto;padding:0 16px}

  #dashboard-main .hdr{display:flex;align-items:center;gap:13px;padding:18px 4px 6px}

  #dashboard-main .hdr .wm{font-family:'Space Grotesk';font-weight:700;font-size:18px;color:var(--c-ink)}
#dashboard-main .hdr .wm span{color:var(--c-accd)}

  #dashboard-main .hdr .pf{margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--c-panel);color:var(--c-ptext);border-radius:30px;padding:7px 15px;border:1px solid var(--c-line)}

  #dashboard-main .hdr .pf .led{width:8px;height:8px;border-radius:50%;background:var(--c-green);box-shadow:0 0 8px 1px rgba(63,165,108,.7);animation:pulse 2.2s infinite}

  #dashboard-main .hdr .pf .t{font-family:'JetBrains Mono';font-size:10px;letter-spacing:1.3px;color:var(--c-acc2)}

  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
  #dashboard-main .sl{display:flex;align-items:center;gap:11px;margin:26px 4px 12px}

  #dashboard-main .sl .e{font-family:'JetBrains Mono';font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--c-accd)}

  #dashboard-main .sl h2{font-family:var(--head-font);font-weight:600;font-size:17px;margin:0;color:var(--c-ink)}

  #dashboard-main .sl .tag{font-family:'JetBrains Mono';font-size:9px;color:var(--c-mut);border:1px solid rgba(0,0,0,.12);border-radius:20px;padding:2px 9px}

  #dashboard-main .sl .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--c-line),transparent)}

  #dashboard-main .cnum{font-family:'Space Grotesk';font-weight:700;font-variant-numeric:tabular-nums}


  /* QC-STYLE HERO */
  #dashboard-main .hero{background:var(--c-panel);border-radius:20px;overflow:hidden;border:1px solid var(--c-line);box-shadow:0 24px 56px -34px rgba(0,0,0,.5);position:relative}

  #dashboard-main .hpre{display:flex;align-items:center;gap:9px;padding:12px 18px;background:var(--c-hatch);border-bottom:1px dashed var(--c-line)}

  #dashboard-main .hpre .led{width:9px;height:9px;border-radius:50%;background:var(--c-green);box-shadow:0 0 8px 1px rgba(63,165,108,.7);animation:pulse 2.2s infinite}

  #dashboard-main .hpre .t{font-family:'JetBrains Mono';font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--c-acc2)}

  #dashboard-main .hpre .cls{margin-left:auto;font-family:'JetBrains Mono';font-size:9px;letter-spacing:1px;color:#2c2410;background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 60%,var(--wl-b8932f, #b8932f));border-radius:20px;padding:3px 11px;font-weight:700}

  #dashboard-main .hbody{display:flex;gap:20px;padding:22px}

  #dashboard-main .hgate{flex:0 0 150px;text-align:center;border-right:2px dashed var(--c-line);padding-right:18px;position:relative}

  #dashboard-main .hgate .gl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:1.5px;color:var(--c-pmut);text-transform:uppercase}

  #dashboard-main .hgate .gn{font-family:'Space Grotesk';font-weight:700;font-size:64px;line-height:.95;color:var(--c-greenm)}

  #dashboard-main .hgate .gd{font-family:'JetBrains Mono';font-size:11px;color:var(--c-pmut)}

  #dashboard-main .hgate .gt{display:inline-block;margin-top:9px;font-family:'JetBrains Mono';font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;padding:3px 11px;border-radius:20px;background:rgba(47,190,110,.16);color:var(--c-greenm)}

  #dashboard-main .hgate .tot{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}

  #dashboard-main .hgate .tot div{text-align:center}
#dashboard-main .hgate .tot .k{font-family:'JetBrains Mono';font-size:7.5px;color:var(--c-pmut)}
#dashboard-main .hgate .tot .v{font-family:'JetBrains Mono';font-weight:700;font-size:12px;color:var(--c-ptext);margin-top:2px}

  #dashboard-main .hbars{flex:1;display:flex;flex-direction:column;gap:11px;justify-content:center}

  #dashboard-main .hbars .ttl{font-family:var(--head-font);font-weight:600;font-size:13px;color:var(--c-ptext);margin-bottom:1px}

  #dashboard-main .bar .bt{display:flex;justify-content:space-between;font-family:'JetBrains Mono';font-size:11px;margin-bottom:4px}

  #dashboard-main .bar .bt .n{color:var(--c-ptext)}
#dashboard-main .bar .bt .n em{font-style:normal;color:var(--c-pmut);font-size:9px;margin-left:5px}

  #dashboard-main .bar .bt .v{font-weight:700;color:var(--c-ptext)}

  #dashboard-main .track{height:7px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}

  #dashboard-main .fill{height:100%;border-radius:6px;width:0;transition:width 1.1s cubic-bezier(.2,.7,.2,1);background:var(--c-greenm)}


  /* KPI */
  #dashboard-main .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

  #dashboard-main .kpi{background:var(--c-panel);color:var(--c-ptext);border-radius:14px;padding:13px 15px;border:1px solid var(--c-line)}

  #dashboard-main .kpi .k{font-family:'JetBrains Mono';font-size:9px;letter-spacing:1px;color:var(--c-pmut);text-transform:uppercase}

  #dashboard-main .kpi .v{font-family:'JetBrains Mono';font-weight:700;font-size:21px;margin-top:5px;color:var(--c-ptext)}

  #dashboard-main .kpi .b{height:4px;border-radius:4px;background:rgba(255,255,255,.08);margin-top:9px;overflow:hidden}

  #dashboard-main .kpi .b i{display:block;height:100%;width:0;border-radius:4px;transition:width 1s ease}

  #dashboard-main .kpi .h{font-family:'JetBrains Mono';font-size:8.5px;color:var(--c-pmut);margin-top:7px}


  /* KANBAN flat-expand cards */
  #dashboard-main .gates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

  #dashboard-main .gh{display:flex;align-items:center;gap:7px;margin:0 2px 9px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--c-mut)}

  #dashboard-main .gh .c{margin-left:auto;font-weight:700;background:rgba(0,0,0,.07);border-radius:20px;padding:1px 9px;font-size:11px}

  #dashboard-main .gh.won{color:var(--c-green)}
#dashboard-main .gh.lost{color:var(--c-red)}

  #dashboard-main .gcol{display:flex;flex-direction:column;gap:11px;min-height:50px}

  #dashboard-main .gempty{font-size:12px;color:#a89f8c;font-style:italic;padding:13px 4px;border:1px dashed var(--c-line);border-radius:11px;text-align:center}

  #dashboard-main .kc{background:var(--c-front);color:var(--c-front-tx);border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 40%, transparent);border-left:4px solid var(--tier,var(--c-green));border-radius:12px;
    box-shadow:0 9px 22px -12px rgba(110,82,18,.45);overflow:hidden;cursor:pointer}

  #dashboard-main .kc.tg{--tier:var(--c-green)}
#dashboard-main .kc.ty{--tier:var(--c-acc)}
#dashboard-main .kc.tr{--tier:var(--c-red)}

  #dashboard-main .kc-flat{display:flex;align-items:center;gap:11px;padding:11px 14px}

  #dashboard-main .kc-flat .nm{flex:1;min-width:0;font-family:'Space Grotesk';font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--c-front-tx)}

  #dashboard-main .kc-flat .nm small{display:block;font-family:'JetBrains Mono';font-weight:400;font-size:9.5px;color:var(--c-front-mut)}

  #dashboard-main .kc-flat .sc{font-family:'Space Grotesk';font-weight:700;font-size:23px;line-height:1}

  #dashboard-main .kc-flat .scl{font-family:'JetBrains Mono';font-size:7.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-align:center;margin-top:1px}

  #dashboard-main .kc.tg .sc, #dashboard-main .kc.tg .scl{color:var(--c-green)}
#dashboard-main .kc.ty .sc, #dashboard-main .kc.ty .scl{color:var(--c-accd)}
#dashboard-main .kc.tr .sc, #dashboard-main .kc.tr .scl{color:var(--c-red)}

  #dashboard-main .kc-flat .chev{width:15px;height:15px;flex:0 0 15px;color:var(--c-front-mut);transition:transform .35s}

  #dashboard-main .kc.open .chev{transform:rotate(180deg)}

  #dashboard-main .kc-body{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.3,.7,.3,1)}

  #dashboard-main .kc.open .kc-body{max-height:260px}

  #dashboard-main .kc-in{padding:2px 14px 13px;border-top:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 18%, transparent)}

  #dashboard-main .kc-kp{display:flex;gap:15px;margin:10px 0}

  #dashboard-main .kc-kp .kk{font-family:'JetBrains Mono';font-size:8px;color:var(--c-front-mut);text-transform:uppercase}

  #dashboard-main .kc-kp .kv{font-family:'JetBrains Mono';font-weight:700;font-size:13px;margin-top:2px;color:var(--c-front-tx)}

  #dashboard-main .kc-share{display:flex;align-items:center;gap:10px;background:var(--c-hatch);border-radius:9px;padding:8px 10px;margin-bottom:9px}

  #dashboard-main .kc-share .qb{background:#fff;border-radius:6px;padding:4px}

  #dashboard-main .kc-share .si{font-family:'JetBrains Mono';font-size:9px;color:var(--c-front-mut);line-height:1.6}

  #dashboard-main .kc-share .si b{color:var(--c-front-acc);font-size:11px;letter-spacing:1px}

  #dashboard-main .pdfs{display:flex;gap:6px}

  #dashboard-main .pdfs button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;font-family:'JetBrains Mono';font-size:9px;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 40%, transparent);background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 8%, transparent);color:var(--c-front-acc);border-radius:7px;padding:7px 3px;cursor:pointer}

  #dashboard-main .pdfs button svg{width:10px;height:10px}

  #dashboard-main .cta{display:flex;align-items:center;justify-content:center;gap:6px;font-family:'JetBrains Mono';font-size:9.5px;border-radius:8px;padding:8px;border:1px dashed color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 45%, transparent);color:var(--c-front-acc);margin-bottom:9px}


  /* SHARED */
  #dashboard-main .shared{background:var(--c-panel);color:var(--c-ptext);border-radius:16px;overflow:hidden;border:1px solid var(--c-line);display:grid;grid-template-columns:1fr 210px}

  #dashboard-main .shr{display:grid;grid-template-columns:1.5fr 1fr .8fr auto;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.05)}

  #dashboard-main .shr:first-child{border-top:none}

  #dashboard-main .shr .o{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--c-ptext)}
#dashboard-main .shr .o small{display:block;font-family:Inter;font-weight:400;font-size:10px;color:var(--c-pmut);margin-top:1px}

  #dashboard-main .shr .cd{font-family:'JetBrains Mono';font-size:11.5px;color:var(--c-acc2);letter-spacing:1px}

  #dashboard-main .shr .rt{font-family:'JetBrains Mono';font-size:11px;color:var(--c-pmut)}
#dashboard-main .shr .rt.w{color:var(--c-redl)}

  #dashboard-main .shr .ac{display:flex;gap:6px;justify-self:end}
#dashboard-main .shr .ac button{font-family:'JetBrains Mono';font-size:10px;cursor:pointer;border-radius:7px;padding:5px 10px}

  #dashboard-main .shr .ac .e{background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 13%, transparent);border:1px solid var(--c-line);color:var(--c-acc2)}
#dashboard-main .shr .ac .r{background:rgba(184,98,80,.13);border:1px solid rgba(184,98,80,.4);color:var(--c-redl)}

  #dashboard-main .shq{background:var(--c-hatch);border-left:1px dashed var(--c-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px}

  #dashboard-main .shq .qb{background:#fff;border-radius:8px;padding:7px;position:relative;overflow:hidden}

  #dashboard-main .shq .qb::after{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(180deg,color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent),transparent);animation:scan 2.6s ease-in-out infinite}

  @keyframes scan{0%{top:-30%}60%{top:100%}100%{top:100%}}
  #dashboard-main .shq .cap{font-family:'JetBrains Mono';font-size:9px;color:var(--c-pmut);text-align:center}


  /* CHARTS */
  #dashboard-main .charts{display:grid;grid-template-columns:1fr 1fr;gap:13px}

  #dashboard-main .chart{background:var(--c-panel);color:var(--c-ptext);border-radius:15px;border:1px solid var(--c-line);padding:13px 15px}

  #dashboard-main .chart .ch{display:flex;align-items:center;gap:9px;margin-bottom:5px}

  #dashboard-main .chart .ico{width:25px;height:25px;border-radius:7px;background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 14%, transparent);display:flex;align-items:center;justify-content:center}

  #dashboard-main .chart .ico svg{width:14px;height:14px;stroke:var(--c-acc2);fill:none;stroke-width:2}

  #dashboard-main .chart .ct{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--c-ptext)}

  #dashboard-main .chart .cs{font-family:'JetBrains Mono';font-size:9px;color:var(--c-pmut)}

  #dashboard-main .chart .badge{margin-left:auto;font-family:'JetBrains Mono';font-size:8.5px;color:var(--c-acc2);border:1px solid var(--c-line);border-radius:20px;padding:2px 8px}

  #dashboard-main .draw{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 1.9s ease-out forwards}

  @keyframes draw{to{stroke-dashoffset:0}}
  #dashboard-main .leg{display:flex;gap:13px;margin-top:6px;font-family:'JetBrains Mono';font-size:9px;color:var(--c-pmut)}

  #dashboard-main .leg i{display:inline-block;width:10px;height:3px;border-radius:3px;vertical-align:middle;margin-right:5px}


  /* PROJ */
  #dashboard-main .proj{background:var(--c-panel);color:var(--c-ptext);border-radius:16px;overflow:hidden;border:1px solid var(--c-line)}

  #dashboard-main .ph{display:flex;align-items:center;gap:10px;padding:13px 18px;background:var(--c-hatch);border-bottom:1px dashed var(--c-line)}

  #dashboard-main .ph .t{font-family:'Space Grotesk';font-weight:600;font-size:13.5px;color:var(--c-ptext)}

  #dashboard-main .ph .tag{font-family:'JetBrains Mono';font-size:9px;color:var(--c-acc2);border:1px solid var(--c-line);border-radius:20px;padding:2px 8px}

  #dashboard-main .ph .yrs{margin-left:auto;display:flex;gap:5px}

  #dashboard-main .ph .yrs button{font-family:'JetBrains Mono';font-size:10px;border:1px solid var(--c-line);background:transparent;color:var(--c-pmut);border-radius:7px;padding:4px 9px;cursor:pointer}

  #dashboard-main .ph .yrs button.on{background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 60%,var(--wl-b8932f, #b8932f));color:#2c2410;border-color:transparent;font-weight:700}

  #dashboard-main .pw{overflow-x:auto}

  #dashboard-main table.pt{width:100%;border-collapse:collapse;font-family:'JetBrains Mono';font-size:10.5px;min-width:660px}

  #dashboard-main table.pt th{text-align:right;padding:8px 11px;font-size:8.5px;letter-spacing:.4px;color:var(--c-pmut);text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}

  #dashboard-main table.pt th:first-child, #dashboard-main table.pt td:first-child{text-align:left}

  #dashboard-main table.pt td{text-align:right;padding:7px 11px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--c-ptext)}

  #dashboard-main table.pt tr:hover td{background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 5%, transparent)}

  #dashboard-main table.pt td.pos{color:var(--c-greenl)}
#dashboard-main table.pt td.neg{color:var(--c-redl)}

  #dashboard-main .pcanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .4s}


  /* ════ FINAL: Weiß + Gold-Band + runde Scores ════ */
  #dashboard-main .stage.fc{--c-ink:#1b1815;--c-mut:#6b6660;--page-bg:#FDFCFA;
    --c-panel:#fff;--c-ptext:#1b1815;--c-pmut:#6b6660;--c-front:#fff;--c-front-tx:#191713;--c-front-mut:#6b6660;--c-front-acc:var(--wl-b8932f, #b8932f);
    --gb-hatch:repeating-linear-gradient(102deg,rgba(255,255,255,.06) 0 1px,transparent 1px 8px); /* v887-hatch: fein wie Deal-Aktion */
    --gb-gold:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 55%,var(--wl-bd9a3e, #bd9a3e));--gb-band:var(--gb-hatch),var(--gb-gold)}

  /* Panels weiß mit Goldrand */
  #dashboard-main .stage.fc .hero, #dashboard-main .stage.fc .kpi, #dashboard-main .stage.fc .chart, #dashboard-main .stage.fc .shared, #dashboard-main .stage.fc .proj, #dashboard-main .stage.fc .kc{border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 40%, transparent);box-shadow:0 9px 26px -17px rgba(120,90,20,.25)}

  #dashboard-main .stage.fc .track, #dashboard-main .stage.fc .kpi .b{background:#ece8dd}

  #dashboard-main .stage.fc table.pt th{border-bottom-color:#ece4d2}
#dashboard-main .stage.fc table.pt td{border-bottom-color:#f4f1e8}

  #dashboard-main .stage.fc .shr{border-top-color:#f0ece1}
#dashboard-main .stage.fc .hgate .tot{border-top-color:#eee6d6}

  #dashboard-main .stage.fc .hgate{border-right-color:#e8e3d6}
#dashboard-main .stage.fc .hgate .gl, #dashboard-main .stage.fc .hgate .gd, #dashboard-main .stage.fc .hgate .tot .k{color:#9a948a}
#dashboard-main .stage.fc .hgate .tot .v{color:#1b1815}

  /* Gold-Band Pre-Flight + Sektionen */
  #dashboard-main .stage.fc .hpre{background:var(--gb-band);border-bottom:1px dashed rgba(58,47,18,.3)}

  #dashboard-main .stage.fc .hpre .t{color:#2c2410}
#dashboard-main .stage.fc .hpre .cls{background:#2c2410;color:var(--wl-e8cc7a, #E8CC7A)}
#dashboard-main .stage.fc .hpre .led{background:#1f6b43;box-shadow:0 0 8px 1px rgba(31,107,67,.6)}

  #dashboard-main .stage.fc .sl{background:var(--gb-band);border-radius:9px;padding:8px 13px}

  #dashboard-main .stage.fc .sl .e{background:rgba(44,36,16,.85);color:var(--wl-e8cc7a, #E8CC7A);padding:3px 8px;border-radius:6px}

  #dashboard-main .stage.fc .sl h2{color:#2c2410}
#dashboard-main .stage.fc .sl .tag{color:#2c2410;border-color:rgba(58,47,18,.35)}
#dashboard-main .stage.fc .sl .rule{display:none}

  #dashboard-main .stage.fc .ph{background:var(--gb-band)}
#dashboard-main .stage.fc .ph .t, #dashboard-main .stage.fc .ph .tag{color:#2c2410}
#dashboard-main .stage.fc .ph .tag{border-color:rgba(58,47,18,.35)}
#dashboard-main .stage.fc .ph .yrs button{color:var(--wl-7a6a3a, #7a6a3a);border-color:rgba(58,47,18,.3)}
#dashboard-main .stage.fc .ph .yrs button.on{color:#2c2410}

  #dashboard-main .stage.fc .shq{background:var(--gb-band);border-left:1px dashed rgba(58,47,18,.3)}
#dashboard-main .stage.fc .shq .cap{color:#3a2f12}

  /* RUNDE PROGRESS-RING-SCORES im Kanban */
  #dashboard-main .stage.fc .kc-flat .sc{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--tier,var(--c-green)) calc(var(--p,0)*1%),rgba(0,0,0,.08) 0)}

  #dashboard-main .stage.fc .kc-flat .sc::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--c-front)}

  #dashboard-main .stage.fc .kc-flat .sc span{position:relative;z-index:1;font-family:'Space Grotesk';font-weight:700;font-size:15px;color:var(--tier,var(--c-green))}

  #dashboard-main .stage.fc .kc.tg{--tier:var(--c-green)}
#dashboard-main .stage.fc .kc.ty{--tier:var(--c-accd)}
#dashboard-main .stage.fc .kc.tr{--tier:var(--c-red)}

  #dashboard-main .stage.fc .kc-flat .scl{margin-top:3px}


  /* fc1 · Basis (Gold-Band + Progress-Ring) */
  /* fc2 · Gold-Unterstrich statt Band */
  
  
  
  /* fc3 · Gold-Tick Sektionen */
  
  
  /* fc4 · Ring mit Hatch-Kern */
  
  /* fc5 · Dicker Doppel-Ring */
  
  /* fc6 · Gold-Oberkante an Karten */
  
  /* fc7 · Perforierte Karten-Ränder */
  
  /* fc8 · Serif-Headlines */
  
  /* fc9 · Dunkler Hero zum Kontrast */
  #dashboard-main .stage.fc9 .hero{--c-panel:#0c0b09;--c-ptext:#ece7dd;--c-pmut:#9a948a;border-color:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 40%, transparent)}

  #dashboard-main .stage.fc9 .hgate{border-right-color:rgba(255,255,255,.12)}
#dashboard-main .stage.fc9 .hgate .gl, #dashboard-main .stage.fc9 .hgate .gd, #dashboard-main .stage.fc9 .hgate .tot .k{color:#9a948a}
#dashboard-main .stage.fc9 .hgate .tot{border-top-color:rgba(255,255,255,.1)}
#dashboard-main .stage.fc9 .hgate .tot .v{color:#fff}

  #dashboard-main .stage.fc9 .track{background:rgba(255,255,255,.08)}


  
  /* ── v2: kompaktere Karten + Schwarz/Gold-Aufklappbereich ── */
  #dashboard-main .stage.fc .kc-flat{padding:8px 12px;gap:9px}

  #dashboard-main .stage.fc .kc-flat .nm{font-size:12.5px}

  #dashboard-main .stage.fc .kc-flat .nm small{font-size:9px}

  #dashboard-main .stage.fc .kc-flat .sc{width:40px;height:40px}

  #dashboard-main .stage.fc .kc-flat .sc::before{inset:3.5px}

  #dashboard-main .stage.fc .kc-flat .sc span{font-size:13px}

  #dashboard-main .stage.fc .kc-flat .scl{font-size:7px;margin-top:2px}

  #dashboard-main .stage.fc .kc.open .kc-body{max-height:300px}

  /* Aufklappen: Obsidian-Panel mit Gold */
  #dashboard-main .stage.fc .kc-in{background:#0c0b09;color:#ece7dd;border-top:1px dashed color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 40%, transparent);padding:12px 13px}

  #dashboard-main .stage.fc .kc-kp{margin:2px 0 11px}

  #dashboard-main .stage.fc .kc-kp .kk{color:#9a948a}

  #dashboard-main .stage.fc .kc-kp .kv{color:#fff}

  #dashboard-main .stage.fc .kc-share{background:repeating-linear-gradient(102deg,transparent 0,transparent 9px,color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 16%, transparent) 9px,color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 16%, transparent) 10px);border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 30%, transparent)}

  #dashboard-main .stage.fc .kc-share .si{color:#cfc9bd}

  #dashboard-main .stage.fc .kc-share .si b{color:var(--wl-e8cc7a, #E8CC7A)}

  /* PDF-Buttons: Gold */
  #dashboard-main .stage.fc .pdfs button{background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 60%,var(--wl-b8932f, #b8932f));color:#2c2410;border:none;font-weight:700}



  /* Endfassung-Hero: dunkel + runder Score + weißer Abriss-QR */
  #dashboard-main .hero{display:flex}

  #dashboard-main .hmain{flex:1;display:flex;flex-direction:column;min-width:0}

  #dashboard-main .hgate{display:flex;flex-direction:column;align-items:center}

  #dashboard-main #hero-ring{margin:2px 0 0}

  #dashboard-main .vperf{position:relative;width:0;border-left:2px dashed color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent);align-self:stretch}

  #dashboard-main .vperf::before, #dashboard-main .vperf::after{content:"";position:absolute;left:-8px;width:15px;height:15px;border-radius:50%;background:#FDFCFA;z-index:2}

  #dashboard-main .vperf::before{top:-7.5px}
#dashboard-main .vperf::after{bottom:-7.5px}

  #dashboard-main .hpass{flex:0 0 158px;background:#fff;color:#1b1815;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 14px}

  #dashboard-main .hpass .hp-lab{font-family:'JetBrains Mono';font-size:8px;letter-spacing:1.4px;color:var(--wl-b8932f, #b8932f)}

  #dashboard-main .hpass .qb{background:#fff;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 30%, transparent);border-radius:9px;padding:6px}

  #dashboard-main .hpass .hp-code{font-family:'JetBrains Mono';font-size:11px;letter-spacing:1px;color:#1b1815}

  #dashboard-main .hpass .hp-sub{font-family:'JetBrains Mono';font-size:8.5px;color:#6b6660;text-align:center}

  @media(max-width:760px){#dashboard-main .hero{flex-direction:column}
#dashboard-main .vperf{display:none}
#dashboard-main .hpass{flex-basis:auto}
}

  #dashboard-main .pick, #dashboard-main @media(max-width:880px){
    .kpis{grid-template-columns:repeat(2,1fr)}.gates{grid-template-columns:1fr}
    .hbody{flex-direction:column}.hgate{border-right:none;border-bottom:2px dashed var(--c-line);padding-right:0;padding-bottom:14px}
    .shared{grid-template-columns:1fr}.shq{border-left:none;border-top:1px dashed var(--c-line);flex-direction:row}
    .charts{grid-template-columns:1fr}.shr{grid-template-columns:1fr auto}.shr .cd,.shr .rt{display:none}
  }

  @media(prefers-reduced-motion:reduce){#dashboard-main *{animation:none!important}
#dashboard-main .draw{stroke-dashoffset:0!important}
#dashboard-main .kc-body{transition:none}
}

/* -- Charts: Canvas-Box-Hoehe (buildCharts nutzt <canvas> statt SVG) -- */
#dashboard-main .chart .chart-box{position:relative;height:132px;margin-top:8px}
#dashboard-main .chart .chart-box.tall{height:172px}
#dashboard-main .chart .dp-chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--c-pmut);font-size:12px;gap:9px}
#dashboard-main .chart .dp-chart-loading .dp-spin{width:15px;height:15px;border:2px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 25%, transparent);border-top-color:var(--wl-c9a84c, #C9A84C);border-radius:50%;animation:dpSpin .8s linear infinite}
@keyframes dpSpin{to{transform:rotate(360deg)}}
/* -- Charts einklappbar -- */
#dashboard-main details#dp-charts-sec{margin:0}
#dashboard-main summary.dp-charts-summary{cursor:pointer;list-style:none}
#dashboard-main summary.dp-charts-summary::-webkit-details-marker{display:none}
#dashboard-main .dp-charts-hint{margin-left:8px;font-family:'JetBrains Mono';font-size:9px;color:#2c2410;opacity:.85}
#dashboard-main details#dp-charts-sec:not([open]) .charts{display:none}
/* -- Header (Titel + Objekt-Auswahl) im neuen Look -- */
#dashboard-main .dp-cp-head{display:flex;align-items:center;gap:14px;padding:18px 4px 4px}
#dashboard-main .dp-cp-head .ti{font-family:'Space Grotesk';font-weight:700;font-size:22px;color:#1b1815}
#dashboard-main .dp-cp-head .su{font-family:'JetBrains Mono';font-size:10px;color:#6b6660;margin-top:2px}
#dashboard-main .dp-cp-head .objsel-wrap{margin-left:auto;display:flex;align-items:center;gap:9px}
#dashboard-main .dp-cp-head .objsel-lab{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--wl-b8932f, #b8932f)}
#dashboard-main .dp-cp-head select{background:#fff;color:#1b1815;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 45%, transparent);border-radius:8px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;max-width:260px;cursor:pointer}
/* -- Details-&-KPIs-Button im Hero -- */
#dashboard-main .hero .hkpi-btn{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-family:'JetBrains Mono';font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2c2410;background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 55%,var(--wl-bd9a3e, #bd9a3e));border:none;border-radius:8px;padding:8px 13px;cursor:pointer}
#dashboard-main .hero .hkpi-btn svg{width:13px;height:13px;stroke:#2c2410;fill:none;stroke-width:2}
/* -- Shared-Passes-Host (F3-Loader) bekommt Panel-Optik -- */
#dashboard-main #dp-shared-passes:empty{display:none}

/* -- proj-years: setProjYears toggelt .active (Demo nutzt .on) -- */
#dashboard-main .ph .yrs button.active{background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 55%,var(--wl-bd9a3e, #bd9a3e));color:#2c2410;border-color:transparent;font-weight:700}
/* -- view-switch (Kanban/Karten) entfaellt im Vollport, ScoreTier-Farben sicherstellen -- */
#dashboard-main .kc.tg{--tier:var(--c-green)}#dashboard-main .kc.ty{--tier:var(--c-accd)}#dashboard-main .kc.tr{--tier:var(--c-red)}


/* ================================================================
   v750b - Farb-Aliase: --dp-* auf die Vollport-Palette (--c-*) mappen,
   damit tierOf()/catBarColor()/renderHealth() (var(--dp-...)) Farben zeigen.
   ================================================================ */
#dashboard-main{
  --dp-green:#3FA56C; --dp-gold:var(--wl-c9a84c, #C9A84C); --dp-red:#B86250; --dp-muted:#9a948a;
  --dp-card-ch:#ece7dd; --dp-green-bg:rgba(63,165,108,.14); --dp-red-bg:rgba(184,98,80,.14);
}


/* ================================================================
   v750c - 4er-Block + Modal + Kanban-Fix
   ================================================================ */
/* (A) Kennzahlen 4er-Block (renderOverview -> #dp-overview-strip) */
#dashboard-main #dp-overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:13px}
#dashboard-main .ov-card{background:var(--c-panel);border:1px solid var(--c-line);border-radius:14px;padding:14px 16px;position:relative;box-shadow:0 9px 26px -17px rgba(120,90,20,.25)}
#dashboard-main .ov-card-title{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c-accd);margin-bottom:11px}
#dashboard-main .ov-toggle-hint{color:var(--c-accd);font-size:11px;margin-left:5px;opacity:.85}
#dashboard-main .ov-pair{display:flex;gap:14px}
#dashboard-main .ov-pair .ov-half{flex:1 1 0;min-width:0}
#dashboard-main .ov-pair .ov-half + .ov-half{border-left:1px solid var(--c-line);padding-left:14px}
#dashboard-main .ov-l{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-mut);margin-bottom:5px;line-height:1.25}
#dashboard-main .ov-v{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
#dashboard-main .ov-sub{display:block;font-family:'JetBrains Mono',monospace;font-size:8.5px;color:var(--c-mut);margin-top:5px}
#dashboard-main .ov-card.ov-clickable{cursor:pointer}
#dashboard-main .ov-card.ov-clickable:hover{border-color:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent)}
@media(max-width:880px){#dashboard-main #dp-overview-strip{grid-template-columns:repeat(2,1fr)}}

/* (D) Kanban: Score-Spalte feste Breite (Tier-Label-Laenge verschob Ausrichtung) */
#dashboard-main .kc-flat{align-items:center}
#dashboard-main .kc-flat .kc-scwrap{flex:0 0 54px}
#dashboard-main .kc-flat .nm{text-align:left}
#dashboard-main .kc-flat .scl{white-space:nowrap}

/* (B) Score-/WK-Modal GLOBAL (haengt an document.body, NICHT unter #dashboard-main) */
.dp-wk-modal-ov{position:fixed;inset:0;z-index:99999;background:rgba(8,6,4,.6);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}
.dp-wk-modal{background:#0B0906;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 30%, transparent);border-radius:16px;padding:24px;max-width:380px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.dp-wk-modal-t{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:#F2ECDC;margin-bottom:6px}
.dp-wk-modal-s{font-size:12.5px;color:rgba(232,226,212,.6);margin-bottom:18px}
.dp-wk-modal-btns{display:flex;flex-direction:column;gap:9px}
.dp-wk-modal-btns button{padding:13px 16px;border-radius:10px;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 30%, transparent);background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 8%, transparent);color:var(--wl-e8c964, #E8C964);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}
.dp-wk-modal-btns button:hover{background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 18%, transparent);border-color:var(--wl-c9a84c, #C9A84C)}
.dp-wk-modal-x{margin-top:14px;width:100%;padding:9px;border-radius:9px;border:1px solid rgba(232,226,212,.15);background:transparent;color:rgba(232,226,212,.55);font-size:12px;cursor:pointer}
.dp-wk-modal-x:hover{color:#F2ECDC;border-color:rgba(232,226,212,.3)}
.dp-sd-modal .dp-sd-total{font-size:12.5px;color:rgba(232,226,212,.8);margin:2px 0 16px;line-height:1.5}
.dp-sd-cat{border-top:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 14%, transparent);padding:11px 0 9px}
.dp-sd-cat:first-of-type{border-top:none}
.dp-sd-cat-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:#F2ECDC;margin-bottom:6px}
.dp-sd-cat-head span:first-child{font-family:'Space Grotesk',sans-serif}
.dp-sd-cat-score{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800}
.dp-sd-weight{font-family:'Inter',sans-serif;font-size:10.5px;font-weight:600;color:var(--wl-f0d98a, #F0D98A);background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 12%, transparent);border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 22%, transparent);border-radius:6px;padding:1px 6px;margin-left:4px}
.dp-sd-bar{height:5px;border-radius:3px;background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 10%, transparent);overflow:hidden;margin:7px 0 9px}
.dp-sd-bar-fill{height:100%;border-radius:3px;box-shadow:0 0 6px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 35%, transparent)}
.dp-sd-klist{display:flex;flex-direction:column;gap:1px;margin-top:3px}
.dp-sd-krow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 7%, transparent)}
.dp-sd-krow:first-child{border-top:none}
.dp-sd-krow.dim{color:rgba(232,226,212,.5);font-size:11px}
.dp-sd-kn{font-size:12px;color:rgba(232,226,212,.82)}
.dp-sd-kw{font-family:'Space Grotesk',sans-serif;font-size:11.5px;font-weight:700;color:var(--wl-f0d98a, #F0D98A);background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 20%, transparent);border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 45%, transparent);border-radius:6px;padding:1px 7px;flex-shrink:0;font-variant-numeric:tabular-nums}


/* ================================================================
   v750d - Hero-Tot lesbar + klickbarer QR
   ================================================================ */
#dashboard-main .hgate{flex-basis:174px}
#dashboard-main .hgate .tot{gap:8px}
#dashboard-main .hgate .tot div{flex:1 1 0;min-width:0}
#dashboard-main .hgate .tot .k{font-size:7px;letter-spacing:.2px;white-space:nowrap}
#dashboard-main .hgate .tot .v{font-size:12.5px;white-space:nowrap;margin-top:4px}
#dashboard-main .kc-share a.qb{display:block;text-decoration:none;cursor:pointer}
#dashboard-main .kc-share a.qb:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent)}


/* ================================================================
   v750e - Header + card-ch
   ================================================================ */
/* (B) neutrale Kartenwerte (Gesamtinvestition/Restschuld) auf weissen Karten lesbar */
#dashboard-main{--dp-card-ch:#1b1815}
/* (A) Sektion-01 groesser + Objekt-Auswahl im Gold-Band rechts */
#dashboard-main .sl-head{padding-top:11px;padding-bottom:11px}
#dashboard-main .sl-head h2{font-size:21px}
#dashboard-main .sl .cp-objsel{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
#dashboard-main .sl .cp-objsel-lab{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#2c2410}
#dashboard-main .sl .cp-objsel select{background:#2c2410;color:var(--wl-e8cc7a, #E8CC7A);border:1px solid rgba(44,36,16,.5);border-radius:7px;padding:6px 11px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;max-width:220px;cursor:pointer}


/* ================================================================
   v750f - Geteilte Objekte: Zeilen mit Abrisskante + QR-Stub
   ================================================================ */
#dashboard-main .shared2{background:var(--c-panel);border:1px solid var(--c-line);border-radius:16px;overflow:hidden;box-shadow:0 9px 26px -17px rgba(120,90,20,.25)}
#dashboard-main .shr2{display:grid;grid-template-columns:1.5fr .9fr .7fr auto 74px;align-items:center;gap:12px;padding:11px 0 11px 18px;border-top:1px solid var(--c-line);position:relative}
#dashboard-main .shr2:first-child{border-top:none}
#dashboard-main .shr2 .o{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13px;color:var(--c-ink)}
#dashboard-main .shr2 .o small{display:block;font-family:Inter,sans-serif;font-weight:400;font-size:10px;color:var(--c-mut);margin-top:1px}
#dashboard-main .shr2 .cd{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--c-accd);letter-spacing:1px}
#dashboard-main .shr2 .rt{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--c-mut)}
#dashboard-main .shr2 .ac{display:flex;gap:6px;justify-self:end}
#dashboard-main .shr2 .ac button{font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;border-radius:7px;padding:5px 10px}
#dashboard-main .shr2 .ac .e{background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 13%, transparent);border:1px solid var(--c-line);color:var(--c-accd)}
#dashboard-main .shr2 .ac .r{background:rgba(184,98,80,.13);border:1px solid rgba(184,98,80,.4);color:var(--c-red)}
#dashboard-main .shr-stub{position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 14px;border-left:2px dashed var(--c-line);text-decoration:none}
#dashboard-main .shr-stub::before,#dashboard-main .shr-stub::after{content:'';position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--c-page)}
#dashboard-main .shr-stub::before{top:-6px}
#dashboard-main .shr-stub::after{bottom:-6px}
#dashboard-main .shr-stub .shr-qr{background:#fff;border:1px solid color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 30%, transparent);border-radius:6px;padding:3px;display:block;transition:box-shadow .15s}
#dashboard-main .shr-stub .shr-qr svg{display:block;width:46px;height:46px}
#dashboard-main .shr-stub:hover .shr-qr{box-shadow:0 0 0 2px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 55%, transparent)}
@media(max-width:880px){#dashboard-main .shr2{grid-template-columns:1fr auto 74px}#dashboard-main .shr2 .cd,#dashboard-main .shr2 .rt{display:none}}


/* ================================================================
   v750g - Kennzahlen-Toggle + Shared-Toolbar + dunkler Stub
   ================================================================ */
/* klickbare Kennzahl-Kachel (EK-Rendite vor/nach Steuer) */
#dashboard-main .kpi.kpi-click{cursor:pointer;transition:box-shadow .15s,transform .12s}
#dashboard-main .kpi.kpi-click:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 45%, transparent);transform:translateY(-1px)}
#dashboard-main .kpi.kpi-click::after{content:'\21C4';position:absolute;top:9px;right:11px;font-size:11px;color:var(--c-acc);opacity:.6}
#dashboard-main .kpi{position:relative}

/* Geteilte Objekte: Toolbar (Minimieren / Alle anzeigen) */
#dashboard-main .sh-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 16px;border-bottom:1px solid var(--c-line);background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 5%, transparent)}
#dashboard-main .sh-cnt{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-mut)}
#dashboard-main .sh-ctrl{display:flex;gap:7px}
#dashboard-main .shb{font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;border-radius:7px;padding:5px 11px;background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 14%, transparent);border:1px solid var(--c-line);color:var(--c-accd)}
#dashboard-main .shb.shb-m{background:transparent;color:var(--c-mut)}
#dashboard-main .shb:hover{filter:brightness(1.06)}

/* dunkler QR-Stub mit Abrisskante + Kerben (Pre-Flight-Karte) */
#dashboard-main .shr2{grid-template-columns:1.5fr .9fr .7fr auto 116px;padding-right:8px}
#dashboard-main .shr-stub{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;background:#0c0b09;border-radius:12px;margin:7px 6px 7px 6px;padding:11px 16px 11px 19px;border-left:2px dashed color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent);text-decoration:none;transition:box-shadow .15s}
#dashboard-main .shr-stub::before,#dashboard-main .shr-stub::after{content:'';position:absolute;left:-7px;width:13px;height:13px;border-radius:50%;background:var(--c-panel);z-index:2}
#dashboard-main .shr-stub::before{top:-3px}
#dashboard-main .shr-stub::after{bottom:-3px}
#dashboard-main .shr-stub .shr-qr{background:#fff;border:none;border-radius:7px;padding:4px;display:block}
#dashboard-main .shr-stub .shr-qr svg{display:block;width:52px;height:52px}
#dashboard-main .shr-stub:hover{box-shadow:0 0 0 2px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 55%, transparent)}
@media(max-width:880px){#dashboard-main .shr2{grid-template-columns:1fr auto 110px}#dashboard-main .shr2 .cd,#dashboard-main .shr2 .rt{display:none}}


/* ================================================================
   v750h - Kanban Objekt-oeffnen-Button
   ================================================================ */
#dashboard-main .kc-openbtn{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;cursor:pointer;border-radius:7px;padding:6px 12px;margin-right:7px;background:linear-gradient(110deg,var(--wl-e8cc7a, #E8CC7A),var(--wl-c9a84c, #C9A84C) 55%,var(--wl-bd9a3e, #bd9a3e));border:1px solid var(--wl-b8932f, #b8932f);color:#1b1815}
#dashboard-main .kc-openbtn:hover{filter:brightness(1.05)}


/* ================================================================
   v750i - Bestand-Flucht + Toggle-Clean + Boarding-Pass-Karten
   ================================================================ */
/* (1) Kennzahlen-Uebersicht: alle Werte in horizontale Flucht (Label-Hoehe gleich),
       Bestand-Trenner etwas nach rechts (linke Haelfte schmaler). */
#dashboard-main .ov-l{min-height:24px}
#dashboard-main #dp-overview-strip .ov-card:first-child .ov-pair .ov-half:first-child{flex:0 0 34%}

/* (2) Toggle-Kachel (EK-Rendite / Zins): stoerende Linie + Ring entfernen */
#dashboard-main .kpi.kpi-click::after{content:none}
#dashboard-main .kpi.kpi-click:hover{box-shadow:none;transform:none;background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 5%, transparent)}

/* (7) Geteilte Objekte: schmalere Boarding-Pass-Karten mit Abrisskante */
#dashboard-main .shared2{background:none;border:none;box-shadow:none;overflow:visible;border-radius:0}
#dashboard-main .sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:12px}
#dashboard-main .shr2{display:grid;grid-template-columns:1fr 102px;align-items:stretch;background:var(--c-panel);border:1px solid var(--c-line);border-radius:14px;box-shadow:0 8px 22px -16px rgba(120,90,20,.32);overflow:hidden;padding:0;border-top:1px solid var(--c-line);position:relative}
#dashboard-main .shr-body{padding:13px 16px;display:flex;flex-direction:column;gap:9px;min-width:0}
#dashboard-main .shr2 .o{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:13.5px;color:var(--c-ink);line-height:1.2}
#dashboard-main .shr2 .o small{display:block;font-family:Inter,sans-serif;font-weight:400;font-size:10px;color:var(--c-mut);margin-top:2px}
#dashboard-main .shr-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#dashboard-main .shr2 .cd{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--c-accd);letter-spacing:1px}
#dashboard-main .shr2 .rt{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--c-mut);padding:2px 8px;border:1px solid var(--c-line);border-radius:20px}
#dashboard-main .shr2 .ac{display:flex;gap:6px;margin-top:1px}
#dashboard-main .shr2 .ac button{font-family:'JetBrains Mono',monospace;font-size:10px;cursor:pointer;border-radius:7px;padding:5px 11px}
#dashboard-main .shr2 .ac .e{background:color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 13%, transparent);border:1px solid var(--c-line);color:var(--c-accd)}
#dashboard-main .shr2 .ac .r{background:rgba(184,98,80,.12);border:1px solid rgba(184,98,80,.4);color:var(--c-red)}
#dashboard-main .shr-stub{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#0c0b09;text-decoration:none;border-left:2px dashed color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent);transition:box-shadow .15s}
#dashboard-main .shr-stub::before,#dashboard-main .shr-stub::after{content:'';position:absolute;left:-7px;width:13px;height:13px;border-radius:50%;background:var(--c-page);z-index:2}
#dashboard-main .shr-stub::before{top:-7px}
#dashboard-main .shr-stub::after{bottom:-7px}
#dashboard-main .shr-stub .shr-qr{background:#fff;border-radius:7px;padding:4px;display:block}
#dashboard-main .shr-stub .shr-qr svg{display:block;width:52px;height:52px}
#dashboard-main .shr-stub .shr-qr-ph{display:block;width:52px;height:52px;border-radius:4px;background:repeating-linear-gradient(45deg,#0c0b09 0 2px,#fff 2px 4px)}
#dashboard-main .shr-stub-lab{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--wl-e8cc7a, #E8CC7A);opacity:.85}
#dashboard-main .shr-stub:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--wl-c9a84c, #C9A84C) 50%, transparent)}
@media(max-width:760px){#dashboard-main .sh-grid{grid-template-columns:1fr}}


/* ================================================================
   v750j - Jahres-Band + Toggle-Pfeil
   ================================================================ */
/* 10/20/30-J.-Auswahl im goldenen "Projektion & Verlauf"-Band */
#dashboard-main .dp-charts-summary .yrs.sl-yrs{display:inline-flex;gap:6px;margin-left:auto;margin-right:14px}
#dashboard-main .dp-charts-summary .yrs.sl-yrs button{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;cursor:pointer;border-radius:7px;padding:4px 11px;background:rgba(12,11,9,.12);border:1px solid rgba(44,36,16,.45);color:#2c2410;transition:background .12s,color .12s}
#dashboard-main .dp-charts-summary .yrs.sl-yrs button:hover{background:rgba(12,11,9,.2)}
#dashboard-main .dp-charts-summary .yrs.sl-yrs button.active{background:#2c2410;color:var(--wl-e8cc7a, #E8CC7A);border-color:#2c2410}

/* Wechselzeichen hinter dem Label der Toggle-Kacheln (wie Cashflow-vor-Steuer) */
#dashboard-main .kpi .kpi-hint{color:var(--c-acc);font-size:11px;margin-left:5px;opacity:.8;font-weight:400}


/* ================================================================
   v750k - Modellprojektion-Hinweis (hoverbar)
   ================================================================ */
#dashboard-main .tag.mp-info{cursor:help;border-bottom:1px dotted currentColor;padding-bottom:1px}

/* v880-cockpit-struktur: dezente weiße Struktur auf den Gold-Sektionsbannern */
#dashboard-main .stage.fc .sl{position:relative;overflow:hidden}
#dashboard-main .stage.fc .sl::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,rgba(255,255,255,.12) 0 1px,transparent 1px 11px);pointer-events:none;border-radius:9px}
#dashboard-main .stage.fc .sl>*{position:relative;z-index:1}