/* ============================================================
   SOLARDESK PORTAL · MASTER STYLESHEET (v14 — 19.05.2026)
   Single Source of Truth — ersetzt 16 Legacy-Files.
   Backup unter: _backups/portal_css_legacy_19052026/
   ============================================================ */

/* ─────────── LEGACY: style.css (Base + Layout) ─────────── */
:root{color-scheme:light dark;--sidebar-width: 248px;--header-height: 70px;--bg-deep: var(--bg-solid,#0C0907);--bg-soft: var(--panel-solid,#17130D);--bg-2: var(--panel-solid,#17130D);--sidebar-bg: linear-gradient(180deg, var(--bg-solid,#0C0907) 0%, var(--panel-solid,#17130D) 60%, var(--bg-solid,#0C0907) 100%);--sidebar-bg-flat: var(--bg-solid,#0C0907);--sidebar-border: rgba(178,198,138,.1);--sidebar-text: #DDE5EE;--sidebar-text-soft: #95A6B8;--sidebar-active-bg: linear-gradient(135deg, rgba(170,220,90,.2), rgba(178,198,138,.08));--sidebar-active-text: #D2EB99;--sidebar-active-border: rgba(178,198,138,.4);--sidebar-hover-bg: rgba(255,255,255,.05);--bg: #EAF5D2;--bg-card: #ffffff;--bg-card-hover: #F2F8DB;--bg-canvas: #F0F6D5;--border: rgba(140,190,34,.16);--border-strong: rgba(140,190,34,.3);--text: #1A1410;--text-secondary: #4A4136;--text-muted: #8A7E6E;--taupe: #B2C68A;--taupe-deep: var(--green,#6E8E22);--taupe-soft: #D4ECA0;--ivory: #EAF5D2;--gold-glow: rgba(140,190,34,.55);--gold: var(--green,#6E8E22);--gold-light: #ADD659;--accent: var(--green,#6E8E22);--accent-dark: #729E1B;--accent-darker: #4F6E11;--accent-light: rgba(140,190,34,.1);--accent-glow: rgba(140,190,34,.45);--accent-gradient: linear-gradient(135deg, #DFF1A8 0%, #B2C68A 30%, var(--green,#6E8E22) 70%, #4F6E11 100%);--accent-gradient-soft: linear-gradient(135deg, #D4ECA0 0%, #B2C68A 100%);--gruen: #5C8A4F;--gruen-bg: rgba(92, 138, 79, .1);--gelbgruen: #A4B864;--gelbgruen-bg: rgba(164, 184, 100, .1);--gelb: #E0B547;--gelb-bg: rgba(140,190,34, .12);--rot: #B85A4A;--rot-bg: rgba(184, 90, 74, .1);--schwarz: #2A3540;--schwarz-bg: rgba(42, 53, 64, .08);--shadow-sm: 0 1px 2px rgba(var(--surf-deep-rgb),.04), 0 1px 3px rgba(var(--surf-deep-rgb),.05);--shadow: 0 2px 4px rgba(var(--surf-deep-rgb),.04), 0 6px 14px -2px rgba(var(--surf-deep-rgb),.08);--shadow-md: 0 4px 10px -2px rgba(var(--surf-deep-rgb),.06), 0 14px 28px -6px rgba(var(--surf-deep-rgb),.12);--shadow-lg: 0 10px 20px -8px rgba(var(--surf-deep-rgb),.1), 0 30px 50px -12px rgba(var(--surf-deep-rgb),.18);--shadow-glow: 0 0 0 1px rgba(178,198,138,.32), 0 8px 24px -6px rgba(178,198,138,.35);--shadow-gold: 0 8px 22px -6px rgba(115,160,30,.45), 0 0 30px -8px rgba(140,190,34,.45);--shadow-inset-light: inset 0 1px 0 rgba(255,250,235,.5);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--font-display: "Fraunces", Georgia, serif;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(178,198,138,.18),transparent 60%),var(--bg);color:var(--text);line-height:1.65;min-height:100vh;position:relative}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.025 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.5;mix-blend-mode:multiply}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font)}input,select,textarea{font-family:var(--font)}::selection{background:var(--taupe);color:var(--bg-deep)}h1,h2{font-family:var(--font-display);font-weight:300;font-style:italic;letter-spacing:-.03em;line-height:1.05;color:var(--text)}h3,h4{font-family:var(--font-display);font-weight:400;font-style:italic;letter-spacing:-.02em;color:var(--text)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;box-shadow:inset -1px 0 #b2c68a1a,4px 0 28px -8px #0006;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0%,rgba(178,198,138,.06),transparent 50%),radial-gradient(circle at 70% 100%,rgba(178,198,138,.04),transparent 60%);pointer-events:none;z-index:0}.sidebar>*{position:relative;z-index:2}.sidebar-logo{padding:28px 24px 22px;border-bottom:1px solid var(--sidebar-border);position:relative}.sidebar-logo:after{content:"";position:absolute;bottom:-1px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--taupe),transparent);opacity:.6}.sidebar-logo-mark{font-family:var(--font-display);font-size:1.5rem;font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.sidebar-logo-mark .logo-italic{font-style:italic;background:linear-gradient(165deg,#dff1a8,#c2dc78 18%,#b2c68a 38%,var(--green,#6E8E22),#4f6e11 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo-mark .logo-thin{font-style:normal;font-weight:400;color:var(--ivory)}.sidebar-logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:300;font-style:italic;letter-spacing:-.02em;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo-icon{display:none}.sidebar-logo-sub{font-size:.66rem;color:var(--sidebar-text-soft);font-weight:500;letter-spacing:.32em;text-transform:uppercase;font-family:var(--font-mono)}.sidebar-nav{padding:22px 14px 14px;flex:1}.nav-section{margin-bottom:26px}.nav-section-label{font-size:.62rem;font-weight:500;color:var(--sidebar-text-soft);text-transform:uppercase;letter-spacing:.28em;padding:0 12px;margin-bottom:10px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--sidebar-text);font-size:.86rem;font-weight:500;margin-bottom:2px;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1);cursor:pointer;border:1px solid transparent;background:none;width:100%;text-align:left;letter-spacing:.005em;position:relative}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:2px;height:60%;background:var(--taupe);border-radius:0 2px 2px 0;transition:transform .22s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 8px #b2c68a99}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--ivory)}.nav-item:hover:before{transform:translateY(-50%) scaleY(.4)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-color:var(--sidebar-active-border);box-shadow:inset 0 1px #f5fad714,0 4px 12px -4px var(--green,#6E8E22)59}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}.nav-item .nav-icon{font-size:.95rem;width:18px;text-align:center;flex-shrink:0;opacity:.8}.nav-item.active .nav-icon{opacity:1}.nav-item .nav-label{flex:1}.nav-item .nav-badge{margin-left:auto;background:linear-gradient(135deg,var(--green,#6E8E22),var(--green,#6E8E22));color:var(--bg-deep);font-size:.62rem;font-weight:800;padding:2px 7px;border-radius:20px;min-width:18px;text-align:center;box-shadow:0 0 12px #adcb5573;letter-spacing:0}.nav-item .nav-badge-overdue{background:linear-gradient(135deg,#ef4444,#b91c1c);color:var(--ivory,#F4EFE6);box-shadow:0 0 14px #ef444473;animation:nav-tasks-overdue 1.8s ease infinite}@keyframes nav-tasks-overdue{0%,to{box-shadow:0 0 14px #ef444473}50%{box-shadow:0 0 20px #ef4444cc}}.nav-item .nav-badge-today{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0),var(--green,#6E8E22));color:#1a1a1a}.nav-item-owner{border-left:2px solid rgba(244,217,160,.3);padding-left:calc(var(--nav-item-pad-left, 14px) - 2px)}.nav-item .nav-owner-badge{margin-left:auto;font-size:.7rem;opacity:.55}.nav-item-owner:hover .nav-owner-badge{opacity:1}.sidebar-footer{padding:14px 14px 18px;border-top:1px solid var(--sidebar-border);position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--taupe),transparent);opacity:.4}.user-logout-icon{color:var(--sidebar-text-soft);font-size:.85rem;opacity:.5;transition:opacity .18s ease}.sidebar-user:hover .user-logout-icon{opacity:1;color:var(--taupe)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.sidebar-user:hover{background:var(--sidebar-hover-bg)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#dff1a8,#b2c68a 50%,var(--green,#6E8E22));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;color:var(--bg-deep);flex-shrink:0;box-shadow:0 2px 8px var(--green,#6E8E22)66,inset 0 1px #f5fad766;letter-spacing:.02em}.user-info{flex:1;min-width:0}.user-name{font-size:.82rem;font-weight:600;color:var(--ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.user-role{font-size:.68rem;color:var(--sidebar-text-soft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.main-content{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{min-height:var(--header-height);background:#ffffffc7;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 32px;gap:14px;position:sticky;top:0;z-index:50}.topbar-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--bg-canvas);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1);flex-shrink:0}.topbar-back:hover{background:var(--accent-gradient-soft);color:var(--accent-darker);transform:translate(-2px);box-shadow:0 4px 12px -4px var(--green,#6E8E22)66}.topbar-titles{display:flex;flex-direction:column;gap:3px;min-width:0}.topbar-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-.02em;line-height:1.1}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.06em}.topbar-breadcrumb .crumb{cursor:pointer;text-transform:uppercase;transition:color .18s ease}.topbar-breadcrumb a.crumb:hover{color:var(--accent-dark)}.topbar-breadcrumb .crumb.current{color:var(--accent-dark);font-weight:600;cursor:default}.topbar-breadcrumb .crumb-sep{color:var(--text-muted);opacity:.5;font-size:.7rem}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-canvas);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:.85rem;color:var(--text-secondary);cursor:text;min-width:200px}.topbar-date-pill{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;background:var(--bg-canvas);border:1px solid var(--border);border-radius:20px;font-weight:500;white-space:nowrap}.page-content{padding:32px 32px 80px;flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 26px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1), opacity .28s cubic-bezier(.2,.7,.2,1), background-color .28s cubic-bezier(.2,.7,.2,1), border-color .28s cubic-bezier(.2,.7,.2,1), color .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s cubic-bezier(.2,.7,.2,1), filter .28s cubic-bezier(.2,.7,.2,1)}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),0 0 0 1px var(--green,#6E8E22)2e;border-color:var(--green,#6E8E22)4d}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--taupe),transparent);opacity:0;transition:opacity .28s ease}.kpi-card:hover:before{opacity:1}.kpi-card.accent:before{opacity:.7;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.kpi-card.gruen:before{opacity:.7;background:linear-gradient(90deg,transparent,var(--gruen),transparent)}.kpi-card.rot:before{opacity:.7;background:linear-gradient(90deg,transparent,var(--rot),transparent)}.kpi-card.blue:before{opacity:.7;background:linear-gradient(90deg,transparent,#6B8294,transparent)}.kpi-card.purple:before{opacity:.7;background:linear-gradient(90deg,transparent,#729E1B,transparent)}.kpi-icon{font-size:1.3rem;margin-bottom:14px;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-gradient-soft);color:var(--accent-darker);box-shadow:inset 0 1px #f5fad780}.kpi-label{font-size:.66rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px;font-family:var(--font-mono)}.kpi-value{font-family:var(--font-display);font-size:2.1rem;font-weight:300;color:var(--text);letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.kpi-sub{font-size:.78rem;color:var(--text-muted);margin-top:6px;letter-spacing:.01em}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;margin-top:6px;padding:2px 7px;border-radius:20px}.kpi-delta.up{background:var(--gruen-bg);color:var(--gruen)}.kpi-delta.down{background:var(--rot-bg);color:var(--rot)}.kpi-delta.warn{background:var(--gelb-bg);color:var(--gelb)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .28s ease,border-color .28s ease}.card:hover{box-shadow:var(--shadow);border-color:var(--green,#6E8E22)40}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-display);font-size:1.08rem;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-.015em}.card-body{padding:22px 24px}.section-label{font-size:.65rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:inline-flex;align-items:center;gap:14px;font-family:var(--font-mono)}.section-label:before{content:"";width:32px;height:1px;background:var(--accent);opacity:.6}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-gruen{background:var(--gruen-bg);color:var(--gruen)}.badge-gelbgruen{background:var(--gelbgruen-bg);color:var(--gelbgruen)}.badge-gelb{background:var(--gelb-bg);color:var(--gelb)}.badge-rot{background:var(--rot-bg);color:var(--rot)}.badge-schwarz{background:var(--schwarz-bg);color:var(--schwarz)}.badge-gray{background:#f1f5f9;color:var(--text-secondary)}.badge-blue{background:#3b82f61a;color:#3b82f6}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:100px;font-size:.83rem;font-weight:500;letter-spacing:.02em;border:1px solid transparent;cursor:pointer;transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .32s cubic-bezier(.2,.7,.2,1), background-color .32s cubic-bezier(.2,.7,.2,1), border-color .32s cubic-bezier(.2,.7,.2,1), color .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s cubic-bezier(.2,.7,.2,1), filter .32s cubic-bezier(.2,.7,.2,1);white-space:nowrap;font-family:var(--font)}.btn-primary{position:relative;color:#fffcf2;background:linear-gradient(150deg,#c2dc7838,#b2c68a1a 22%,#b2c68a0d 50%,#c2dc7824),linear-gradient(135deg,var(--green,#6E8E22),var(--green,#6E8E22));border:1px solid rgba(170,220,90,.42);box-shadow:0 1px #f5fad74d inset,0 -1px #2a40081a inset,0 8px 22px -6px #729e1b73,0 0 30px -8px #adcb5573,0 2px 6px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.4);overflow:hidden;backdrop-filter:blur(22px) saturate(180%)}.btn-primary:before{content:"";position:absolute;inset:0;border-radius:100px;pointer-events:none;background:linear-gradient(135deg,rgba(255,250,235,.3) 0%,rgba(255,250,235,.08) 14%,transparent 32%,transparent 68%,rgba(255,250,235,.06) 88%,rgba(255,250,235,.18) 100%);mix-blend-mode:overlay}.btn-primary:hover{transform:translateY(-1.5px);border-color:#c2dc78a6;box-shadow:0 1px #f5fad773 inset,0 -1px #2a40081f inset,0 14px 32px -8px #729e1ba6,0 0 50px -10px #adcb55a6,0 4px 10px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-canvas);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 1px 2px #140e040a,inset 0 1px #f5fad766}.btn-secondary:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent-darker);transform:translateY(-1px);box-shadow:0 4px 12px -4px var(--green,#6E8E22)40,inset 0 1px #f5fad780}.btn-danger{background:var(--rot-bg);color:var(--rot);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--rot);color:var(--ivory,#F4EFE6)}.btn-ghost{background:none;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg)}.btn-sm{padding:5px 12px;font-size:.78rem}.btn-lg{padding:11px 22px;font-size:.95rem}.btn-icon{padding:8px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}table{width:100%;border-collapse:collapse}thead tr{background:#f8fafc;border-bottom:1px solid var(--border)}th{padding:11px 16px;text-align:left;font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}td{padding:13px 16px;font-size:.875rem;color:var(--text);border-bottom:1px solid #f1f5f9;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-card-hover)}.td-name{font-weight:600;color:var(--text)}.td-sub{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.pruef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.pruef-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:var(--radius);border:1px solid var(--border);text-align:center;transition:transform .1s}.pruef-item:hover{transform:translateY(-1px)}.pruef-code{font-size:.72rem;font-weight:800;letter-spacing:.05em;color:var(--text-secondary)}.pruef-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--ivory,#F4EFE6)}.pruef-label{font-size:.65rem;color:var(--text-secondary);line-height:1.3}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius);margin-bottom:12px;border:1px solid transparent}.alert-icon{font-size:1rem;margin-top:1px;flex-shrink:0}.alert-title{font-size:.85rem;font-weight:700;margin-bottom:2px}.alert-text{font-size:.8rem;line-height:1.4}.alert-warn{background:var(--gelb-bg);border-color:#f59e0b40;color:#92400e}.alert-danger{background:var(--rot-bg);border-color:#ef444440;color:#991b1b}.alert-success{background:var(--gruen-bg);border-color:#10b98140;color:#065f46}.alert-info{background:#3b82f614;border-color:#3b82f633;color:#1e40af}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);font-size:.875rem;color:var(--text);background:var(--bg-card);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1f}.form-textarea{min-height:100px;resize:vertical}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:4px}.upload-zone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:40px;text-align:center;cursor:pointer;transition:transform .2s ease, opacity .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease;background:var(--bg)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-light)}.upload-zone-icon{font-size:2.5rem;margin-bottom:12px}.upload-zone-title{font-size:1rem;font-weight:700;margin-bottom:6px}.upload-zone-sub{font-size:.85rem;color:var(--text-secondary)}.nz-list{display:flex;flex-direction:column;gap:8px}.nz-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);transition:box-shadow .15s}.nz-item:hover{box-shadow:var(--shadow-sm)}.nz-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nz-name{font-size:.85rem;font-weight:600;flex:1}.nz-sub{font-size:.75rem;color:var(--text-secondary)}.nz-date{font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:20px}.projekt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;cursor:pointer;position:relative;overflow:hidden}.projekt-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.projekt-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;gap:12px}.projekt-card-title{font-size:.95rem;font-weight:700;line-height:1.3}.projekt-card-location{font-size:.78rem;color:var(--text-secondary);margin-top:2px}.projekt-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.projekt-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.projekt-stat-value{font-size:.9rem;font-weight:700;color:var(--text)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-group{display:flex;align-items:center;gap:6px}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:600;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:transform .15s, opacity .15s, background-color .15s, border-color .15s, color .15s, box-shadow .15s, filter .15s}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--ivory,#F4EFE6)}.search-input{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:7px 14px;font-size:.875rem;color:var(--text);flex:1;min-width:200px}.search-input input{border:none;background:none;outline:none;flex:1;font-size:.875rem;color:var(--text)}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500;background:#f1f5f9;color:var(--text-secondary);margin:2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 30%,rgba(140,190,34,.1) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(140,190,34,.07) 0%,transparent 50%),linear-gradient(135deg,#0a0e13,var(--panel-solid,#17130D) 45%,#0a0e13);position:relative;overflow:hidden;font-family:Inter,system-ui,sans-serif}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(178,198,138,.06) 0%,transparent 60%);pointer-events:none}.login-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(178,198,138,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(178,198,138,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.login-card{background:linear-gradient(165deg,#1c212aa6,#0f131ad9);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid rgba(178,198,138,.1);border-radius:18px;padding:52px 44px 36px;width:100%;max-width:460px;position:relative;z-index:1;text-align:center;box-shadow:0 24px 60px -20px #000000a6,0 0 0 1px #b2c68a0a,inset 0 1px #f5fad70f}.login-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.45),transparent)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:30px;position:relative}.login-logo:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--taupe),transparent)}.login-logo-mark{font-family:var(--font-display);font-size:2.1rem;font-weight:300;letter-spacing:-.02em;line-height:1}.login-logo-mark .logo-italic{font-style:italic;background:linear-gradient(165deg,#dff1a8,#c2dc78 18%,#b2c68a 38%,var(--green,#6E8E22),#4f6e11 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-logo-mark .logo-thin{font-style:normal;font-weight:400;color:#f4ecdb}.login-logo-sub{font-size:.66rem;color:#b2c68a8c;font-weight:500;letter-spacing:.32em;text-transform:uppercase;font-family:var(--font-mono);margin-top:4px}.login-logo-icon{display:none}.login-logo-text{font-family:var(--font-display);font-size:1.6rem;font-style:italic;font-weight:300;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.login-title{font-family:var(--font-display);font-size:1.7rem;font-weight:300;font-style:italic;color:#f4ecdb;margin-bottom:8px;letter-spacing:-.01em}.login-sub{font-size:.84rem;color:#b2c68a8c;margin-bottom:32px;letter-spacing:.005em;line-height:1.5}.login-input{width:100%;padding:13px 16px;border:1px solid rgba(178,198,138,.12);border-radius:10px;font-size:.9rem;font-family:Inter,sans-serif;color:#f4ecdb;background:var(--bg-solid,#0C0907)80;margin-bottom:14px;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)}.login-input:focus{outline:none;border-color:var(--green,#6E8E22)8c;background:var(--bg-solid,#0C0907)b3;box-shadow:0 0 0 3px var(--green,#6E8E22)1f,inset 0 1px #f5fad70a}.login-input::placeholder{color:#b2c68a59}.login-label{font-size:.66rem;font-weight:500;color:#b2c68a8c;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:8px;margin-top:14px;text-align:center}.login-label:first-of-type{margin-top:0}.login-input{text-align:center}.login-input::placeholder{text-align:center}form#login-form{text-align:center}.login-btn{width:100%;padding:14px 22px;background:linear-gradient(165deg,#dff1a8,#b2c68a 25%,var(--green,#6E8E22) 70%,#4f6e11);color:#1a130b;border:1px solid rgba(140,190,34,.55);border-radius:10px;font-size:.92rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.2,1), opacity .25s cubic-bezier(.2,.7,.2,1), background-color .25s cubic-bezier(.2,.7,.2,1), border-color .25s cubic-bezier(.2,.7,.2,1), color .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s cubic-bezier(.2,.7,.2,1), filter .25s cubic-bezier(.2,.7,.2,1);margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 22px -6px #729e1b73,0 0 30px -8px #adcb5573,inset 0 1px #f5fad780;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -6px #729e1b99,0 0 50px -10px #adcb55a6,inset 0 1px #f5fad799}.login-btn:hover:before{transform:translate(100%)}.login-btn:active{transform:translateY(0)}.login-btn-arrow{font-family:var(--font-mono);font-size:1.05rem;transition:transform .22s cubic-bezier(.2,.7,.2,1)}.login-btn:hover .login-btn-arrow{transform:translate(3px)}.login-error{background:#b85a4a1a;border:1px solid rgba(184,90,74,.32);color:#fcc4ae;padding:11px 14px;border-radius:10px;font-size:.8rem;margin-bottom:14px;display:none;letter-spacing:.005em;text-align:center}.login-success{background:#5c8a4f1f;border:1px solid rgba(92,138,79,.4);color:#c5e5bc;padding:14px 18px;border-radius:12px;font-size:.85rem;margin-bottom:14px;display:none;letter-spacing:.005em;text-align:center;line-height:1.5;box-shadow:inset 0 1px #f5fad70f,0 0 24px -8px #5c8a4f59}.login-success strong{color:var(--ivory,#E5DAC0);font-weight:700}.login-tabs{display:flex;gap:4px;background:var(--bg-solid,#0C0907)80;border:1px solid rgba(178,198,138,.12);border-radius:12px;padding:4px;margin-bottom:28px;box-shadow:inset 0 1px #f5fad70a}.login-tab{flex:1;padding:10px 14px;border-radius:9px;border:1px solid transparent;background:transparent;color:#b2c68a8c;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)}.login-tab:hover:not(.active){color:var(--jm-text-bright);background:#ffffff0a}.login-tab.active{background:linear-gradient(165deg,#b2c68a2e,var(--green,#6E8E22)1a);color:var(--jm-text-bright);border-color:#b2c68a47;box-shadow:inset 0 1px #f5fad71a,0 4px 14px -4px var(--green,#6E8E22)73}.login-form-block{animation:jmFadeIn .4s cubic-bezier(.2,.7,.2,1)}.login-input[type=select],select.login-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(178,198,138,.55) 50%),linear-gradient(135deg,rgba(178,198,138,.55) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}select.login-input option{background:var(--bg-solid,#0C0907);color:var(--jm-text);padding:8px}.login-demo-hints{margin-top:30px;padding-top:22px;border-top:1px solid rgba(178,198,138,.08)}.login-demo-title{font-size:.62rem;font-weight:500;color:#b2c68a8c;text-transform:uppercase;letter-spacing:.28em;margin-bottom:12px;font-family:var(--font-mono)}.login-demo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0;font-size:.8rem;color:#b2c68a8c;border-bottom:1px solid rgba(178,198,138,.05);gap:8px;text-align:center}.login-demo-item>div:first-child{display:flex;flex-direction:column;align-items:center;gap:2px}.login-demo-item:last-child{border-bottom:none}.login-demo-name{font-weight:600;color:#b2c68a;font-size:.82rem;letter-spacing:.005em;margin-bottom:2px}.login-demo-name-soft{font-weight:600;color:#b2c68a73;font-size:.74rem;letter-spacing:.005em}.login-demo-creds{font-family:var(--font-mono);font-size:.7rem;color:#b2c68a73;letter-spacing:.02em}.login-demo-creds-soft{font-family:var(--font-mono);font-size:.66rem;color:#b2c68a52;letter-spacing:.02em}.login-demo-fill{font-size:.66rem;color:var(--taupe);cursor:pointer;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:6px;border:1px solid rgba(140,190,34,.18);background:var(--green,#6E8E22)0f;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1);flex-shrink:0}.login-demo-fill:hover{background:var(--green,#6E8E22)24;border-color:var(--green,#6E8E22)59;color:#f4ecdb}.login-demo-item-divider{margin-top:10px;padding-top:14px;border-top:1px solid rgba(178,198,138,.06)}.login-footer-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(178,198,138,.06);display:flex;justify-content:center;gap:8px;font-size:.66rem;color:#b2c68a66;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase}.login-footer-mark{color:#b2c68a99}.login-footer-sep{color:#b2c68a40}.modal-overlay{display:none;position:fixed;inset:0;background:var(--panel-solid,#17130D)b3;z-index:500;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;width:90%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:1.1rem;font-weight:800}.modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:4px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:1rem;font-weight:800;color:var(--text)}.section-sub{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.investor-page{min-height:100vh;background:#0a0f1e;color:#f1f5f9}.investor-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);padding:20px 40px;display:flex;align-items:center;gap:16px}.investor-content{padding:40px}.divider{height:1px;background:var(--border);margin:20px 0}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;padding:5px 10px;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:200}@media(max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){body{--is-mobile: 1}}@media(max-width:1024px),(hover:none)and (pointer:coarse){.sidebar{transform:translate(-100%);z-index:200;width:min(82vw,320px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.grid-2,.grid-3{grid-template-columns:1fr}.page-content{padding:14px}.topbar{padding:0 12px;gap:10px}.topbar-back{display:none}.topbar-title{font-size:1rem!important}.topbar-search-pill{display:none!important}.topbar-hamburger{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--bg-canvas, #f8fafc);border:1px solid var(--border, #e2e8f0);color:var(--text-primary, var(--panel-solid,#17130D));cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.topbar-hamburger:active{background:#0000000f}.sidebar-backdrop{position:fixed;inset:0;background:var(--bg-solid,#0C0907)8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;opacity:0;pointer-events:none;transition:opacity .22s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar-close-mobile{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#dceb9933,#d6a6444d);border:1px solid rgba(235,245,170,.45);color:var(--ivory,#F0F8D5);display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:999;box-shadow:0 4px 14px #0006}.sidebar-close-mobile:active{transform:scale(.94);background:#dceb994d}}body.is-mobile-nav .sidebar{transform:translate(-100%);z-index:200;width:min(82vw,320px)}body.is-mobile-nav .sidebar.open{transform:translate(0)}body.is-mobile-nav .main-content{margin-left:0!important}body.is-mobile-nav .topbar-hamburger,body.is-mobile-nav .sidebar-close-mobile{display:inline-flex!important}body.is-mobile-nav .sidebar-backdrop{display:block!important}@media(min-width:1025px)and (hover:hover)and (pointer:fine){body:not(.is-mobile-nav) .topbar-hamburger{display:none!important}body:not(.is-mobile-nav) .sidebar-backdrop{display:none!important}body:not(.is-mobile-nav) .sidebar-close-mobile{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.w-full{width:100%}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.4}.empty-state-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:8px}.empty-state-text{font-size:.875rem}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--rot);position:absolute;top:6px;right:6px}.card-3d{transform-style:preserve-3d;transition:transform .15s ease,box-shadow .15s ease;will-change:transform}.card-3d:hover{box-shadow:0 24px 48px -12px #00000024,0 0 0 1px #f59e0b1f}.glass{background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85)}.glass-dark{background:var(--panel-solid,#17130D)bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.glow-gruen{box-shadow:0 0 0 1px #10b98147,0 4px 24px #10b9811f}.glow-rot{box-shadow:0 0 0 1px #ef444447,0 4px 24px #ef44441f}.glow-gelb{box-shadow:0 0 0 1px #f59e0b47,0 4px 24px #f59e0b1f}.glow-blue{box-shadow:0 0 0 1px #3b82f647,0 4px 24px #3b82f61f}.gradient-text{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gruen{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.checker-table{width:100%;border-collapse:separate;border-spacing:0 3px}.checker-table th{font-size:.66rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;text-align:left}.checker-table td{padding:9px 12px;font-size:.84rem;background:var(--bg);transition:color .18s ease,box-shadow .18s ease;position:relative}.checker-table tbody tr{transition:none}.checker-table tbody tr:hover td{background:#263040c7!important;color:var(--jm-text-bright)!important;box-shadow:none}.checker-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 #c2dc788c}.checker-table tbody tr:hover td *{color:inherit}.checker-table tbody tr:hover .badge,.checker-table tbody tr:hover .metric-pill{filter:brightness(1.05)}.checker-table tr td:first-child{border-radius:var(--radius) 0 0 var(--radius)}.checker-table tr td:last-child{border-radius:0 var(--radius) var(--radius) 0}.check-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.check-ok{background:var(--gruen-bg);color:var(--gruen)}.check-warn{background:var(--gelb-bg);color:var(--gelb)}.check-fail{background:var(--rot-bg);color:var(--rot)}.check-none{background:#f1f5f9;color:#94a3b8}.metric-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:.75rem;font-weight:600;background:var(--bg);border:1px solid var(--border);white-space:nowrap}.metric-pill-warn{background:var(--gelb-bg);border-color:#fde68a;color:#92400e}.metric-pill-fail{background:var(--rot-bg);border-color:#fecaca;color:#991b1b}.metric-pill-ok{background:var(--gruen-bg);border-color:#a7f3d0;color:#065f46}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}.bento-span-6{grid-column:span 6}.bento-span-8{grid-column:span 8}.bento-span-12{grid-column:span 12}@media(max-width:1100px){.bento-span-3,.bento-span-4{grid-column:span 6}.bento-span-8{grid-column:span 12}}@media(max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-span-3,.bento-span-4,.bento-span-6,.bento-span-8,.bento-span-12{grid-column:span 1}}.hero-stat{text-align:center;padding:12px 16px;border-radius:var(--radius);background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.hero-stat-val{font-size:1.6rem;font-weight:800;line-height:1;color:#f59e0b;letter-spacing:-.02em}.hero-stat-label{font-size:.68rem;color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:5px}.projekt-card-v2{background:#fff;border-radius:14px;border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}.projekt-card-v2:hover{box-shadow:0 12px 36px #0000001a;transform:translateY(-3px)}.nvp-bar{height:4px;border-radius:2px;background:#e2e8f0;margin-top:5px;overflow:hidden}.nvp-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444)}.counter-val{font-variant-numeric:tabular-nums}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b59}50%{box-shadow:0 0 0 10px #f59e0b00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.float-anim{animation:float 3.5s ease-in-out infinite}.pulse-glow-anim{animation:pulse-glow 2s ease-in-out infinite}body:before{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(140,190,34,.18) 0%,rgba(140,190,34,.06) 40%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-300px;left:10%;width:700px;height:700px;background:radial-gradient(circle,rgba(140,190,34,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.main-content{position:relative;z-index:1}.card,.projekt-card,.invest-card,.partner-card,.kpi-card{box-shadow:var(--shadow-md),var(--shadow-inset-light);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;border:1px solid var(--border);position:relative}.card:before,.projekt-card:before,.invest-card:before,.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(140,190,34,.5),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:before,.projekt-card:hover:before,.invest-card:hover:before,.partner-card:hover:before{opacity:1}.card:hover,.projekt-card:hover,.invest-card:hover,.partner-card:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--green,#6E8E22)33,var(--shadow-inset-light)}.sidebar-logo-icon{background:var(--accent-gradient)!important;box-shadow:0 0 0 1px #ffffff14,0 6px 20px -4px var(--green,#6E8E22)99;position:relative}.sidebar-logo-icon:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 50%);pointer-events:none}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);position:relative;box-shadow:inset 0 0 20px -10px var(--green,#6E8E22)4d}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent-gradient);border-radius:0 3px 3px 0;box-shadow:0 0 12px var(--accent-glow)}.kpi-card{overflow:hidden;position:relative}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:.85}.kpi-card.gruen:after{background:linear-gradient(90deg,#10b981,#34d399)}.kpi-card.rot:after{background:linear-gradient(90deg,#ef4444,#f87171)}.kpi-card.blue:after{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-card.purple:after{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.badge{box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d;letter-spacing:.02em}.badge-blue{background:var(--green,#6E8E22)26;color:var(--accent-darker)}.topbar{backdrop-filter:blur(12px) saturate(1.2);background:#ffffffc7!important;box-shadow:var(--shadow-sm),0 1px var(--green,#6E8E22)14}.filter-chip{box-shadow:var(--shadow-sm);transition:transform .2s ease, opacity .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, filter .2s ease}.filter-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.filter-chip.active{background:var(--accent-gradient)!important;color:var(--ivory,#F4EFE6)!important;border-color:transparent!important;box-shadow:0 4px 12px -3px var(--accent-glow)}.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input input:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light),inset 0 1px 2px #00000008}.table-wrapper table tbody tr{transition:background .15s ease}.table-wrapper table tbody tr:hover{background:linear-gradient(90deg,rgba(140,190,34,.06),transparent)}.card-3d{transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .25s ease;will-change:transform}.card-3d:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--green,#6E8E22)40}.glow-border{box-shadow:0 0 0 1px var(--accent),0 0 24px -4px var(--accent-glow)}.glow-text{text-shadow:0 0 20px var(--accent-glow)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.dataroom-kpi-val{color:#b2c68a!important;text-shadow:0 0 24px rgba(178,198,138,.55)}.btn-secondary{box-shadow:var(--shadow-sm),var(--shadow-inset-light)}.btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.badge-gr\fcn{background:linear-gradient(135deg,#10b9812e,#10b98114);color:#047857;border:1px solid rgba(16,185,129,.3)}.badge-gelb{background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);color:#92400e;border:1px solid rgba(245,158,11,.3)}.badge-rot{background:linear-gradient(135deg,#ef44442e,#ef444414);color:#991b1b;border:1px solid rgba(239,68,68,.3)}.metric-pill{box-shadow:inset 0 1px #fff6,0 1px 2px #0000000d;font-weight:700}.metric-pill-ok{background:linear-gradient(135deg,#10b9812e,#10b98114);color:#047857}.metric-pill-warn{background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);color:#92400e}.metric-pill-fail{background:linear-gradient(135deg,#ef44442e,#ef444414);color:#991b1b}.sidebar:after{content:"";position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.4),transparent)}.table-wrapper table tbody tr{position:relative}.table-wrapper table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}html{scroll-behavior:smooth}::selection{background:var(--accent-light);color:var(--accent-darker)}.proj-statbar{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}@media(max-width:1100px){.proj-statbar{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.proj-statbar{grid-template-columns:repeat(2,1fr)}}.proj-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease;position:relative;overflow:hidden}.proj-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent)}.proj-stat.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 22px -8px var(--accent-glow)}.proj-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.proj-stat-num{font-size:1.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}.proj-stat-label{font-size:.72rem;color:var(--text-secondary);font-weight:600;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.phase-section{margin-bottom:28px}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);border-left:4px solid var(--phase-color, var(--accent));cursor:pointer;user-select:none}.phase-header:hover{background:var(--bg-card-hover)}.phase-icon{width:32px;height:32px;border-radius:8px;background:var(--phase-bg, rgba(140,190,34,.12));display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.phase-title-block{flex:1}.phase-title{font-size:.95rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.phase-desc{font-size:.74rem;color:var(--text-secondary);margin-top:1px;font-weight:500}.phase-count{background:var(--phase-color, var(--accent));color:var(--ivory,#F4EFE6);font-size:.78rem;font-weight:800;padding:4px 11px;border-radius:16px;min-width:28px;text-align:center}.phase-collapse-icon{color:var(--text-muted);font-size:.85rem;transition:transform .2s ease}.phase-section.collapsed .phase-collapse-icon{transform:rotate(-90deg)}.phase-section.collapsed .phase-body{display:none}.proj-list{display:flex;flex-direction:column;gap:8px}.proj-row{display:grid;grid-template-columns:6px 64px minmax(220px,1.5fr) 110px 110px 130px 130px auto;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 18px 14px 0;position:relative;overflow:hidden;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease;cursor:pointer}.proj-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--row-color, var(--accent));border-radius:12px 0 0 12px}.proj-row:hover{border-color:var(--row-color, var(--accent));box-shadow:0 8px 24px -10px var(--panel-solid,#17130D)2e}.proj-row:hover:before{width:6px}.proj-row:after{content:"";position:absolute;inset:0;border-radius:12px;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%),rgba(170,220,90,.16) 0%,rgba(170,220,90,.08) 25%,rgba(170,220,90,.02) 50%,transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none;mix-blend-mode:screen;z-index:1}.proj-row:hover:after{opacity:1}.proj-row>*{position:relative;z-index:2}.proj-row:hover .proj-name{color:var(--ivory,#F4EFE6)!important;text-shadow:0 0 20px rgba(170,220,90,.25)}.proj-row:hover .proj-metric-value{color:#ffefc9!important}.proj-row:hover .proj-meta{color:#e8d9b8e0!important}.proj-row:hover .proj-metric-label,.proj-row:hover .proj-metric-sub{color:#e8d9b8b8!important}.proj-cell-status{display:flex;flex-direction:column;align-items:center;gap:4px}.proj-statusbadge{display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.05em}.proj-typeicon{font-size:1.2rem;opacity:.85}.proj-cell-name{display:flex;flex-direction:column;gap:4px;min-width:0}.proj-name{font-size:.96rem;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-meta{display:flex;gap:10px;font-size:.74rem;color:var(--text-secondary);align-items:center;flex-wrap:wrap}.proj-meta-item{display:inline-flex;align-items:center;gap:4px}.proj-meta .bl-pill{background:var(--bg);border:1px solid var(--border);font-weight:700;padding:1px 6px;border-radius:4px;font-size:.68rem;letter-spacing:.04em;color:var(--text-secondary)}.proj-metric{display:flex;flex-direction:column;gap:2px}.proj-metric-label{font-size:.66rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.proj-metric-value{font-size:.92rem;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1.1}.proj-metric-value.warn{color:var(--gelb)}.proj-metric-value.danger{color:var(--rot)}.proj-metric-value.success{color:var(--gruen)}.proj-metric-sub{font-size:.68rem;color:var(--text-secondary);font-weight:600}.proj-pdots{display:flex;gap:2px;align-items:center}.proj-pdot{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.proj-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.proj-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:38px;height:38px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;text-decoration:none;position:relative}.proj-action-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--ivory,#F4EFE6);transform:translateY(-1px);box-shadow:var(--shadow)}.proj-action-btn[data-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none}.proj-action-btn .action-tip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:var(--panel-solid,#17130D);color:var(--ivory,#F4EFE6);font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}.proj-action-btn:hover .action-tip{opacity:1}.proj-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.proj-toolbar .search-input{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.proj-toolbar .search-input input{flex:1;border:none;background:transparent;outline:none;font-size:.88rem;color:var(--text)}.proj-toolbar .filter-group{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.proj-toolbar .filter-group-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}.resp-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-gradient);color:var(--ivory,#F4EFE6);font-size:.7rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.phase-empty{text-align:center;padding:26px 16px;color:var(--text-secondary);font-size:.85rem;background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:10px}@media(max-width:1100px){.proj-row{grid-template-columns:6px 50px 1fr auto;grid-template-areas:"bar typ name actions" "bar typ metrics actions";row-gap:10px;padding:14px 14px 14px 0}.proj-row:before{grid-area:bar}.proj-cell-status{grid-area:typ}.proj-cell-name{grid-area:name}.proj-actions{grid-area:actions}.proj-row>.proj-metric{display:none}.proj-row .proj-metric-mobile{grid-area:metrics;display:flex!important;gap:18px;flex-wrap:wrap}}@media(min-width:1101px){.proj-metric-mobile{display:none!important}}.filter-chip.is-on{background:var(--accent-gradient);color:var(--ivory,#F4EFE6);border-color:var(--accent);box-shadow:0 4px 14px -4px var(--accent-glow)}.dr-modal-backdrop{position:fixed;inset:0;background:var(--panel-solid,#17130D)9e;backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:30px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dr-modal{background:#fff;border-radius:18px;width:100%;max-width:1100px;height:calc(100vh - 60px);max-height:820px;box-shadow:0 32px 80px -10px #0006;display:flex;flex-direction:column;overflow:hidden}.dr-header{padding:18px 24px;background:linear-gradient(135deg,var(--panel-solid,#17130D),#1e3a5f 70%,var(--panel-solid,#17130D));color:var(--ivory,#F4EFE6);display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.dr-header-icon{width:38px;height:38px;border-radius:10px;background:var(--green,#6E8E22)2e;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.dr-header-title{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;flex:1;min-width:0}.dr-header-sub{font-size:.78rem;color:#fff9;margin-top:2px;font-weight:500}.dr-close{width:34px;height:34px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:var(--ivory,#F4EFE6);border-radius:8px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.dr-close:hover{background:#fff3}.dr-body{flex:1;display:grid;grid-template-columns:360px 1fr;min-height:0}@media(max-width:800px){.dr-body{grid-template-columns:1fr}.dr-preview,.dr-body.show-preview .dr-tree-pane{display:none}.dr-body.show-preview .dr-preview{display:flex}}.dr-tree-pane{border-right:1px solid var(--border);overflow-y:auto;padding:12px 8px;background:#f7fceb}.dr-tree-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:.88rem}.dr-tree-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:.84rem;color:var(--text);transition:background .12s ease;user-select:none}.dr-tree-item:hover{background:#fff;box-shadow:0 1px 3px #0000000f}.dr-tree-item.active{background:var(--accent-light);color:var(--accent-darker);font-weight:700}.dr-tree-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.dr-tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-tree-size{font-size:.7rem;color:var(--text-muted);font-weight:500;flex-shrink:0}.dr-tree-children{padding-left:14px;border-left:1px dashed var(--border);margin-left:10px}.dr-tree-folder.collapsed>.dr-tree-children{display:none}.dr-preview{display:flex;flex-direction:column;background:#fff;min-width:0}.dr-preview-header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:#fff}.dr-preview-name{font-weight:700;font-size:.92rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-preview-actions{display:flex;gap:6px}.dr-preview-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease}.dr-preview-btn:hover{background:var(--accent);color:var(--ivory,#F4EFE6);border-color:var(--accent)}.dr-preview-content{flex:1;overflow:hidden;background:#f1f5f9}.dr-preview-content iframe{width:100%;height:100%;border:none;background:#fff}.dr-preview-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto}.dr-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.88rem;gap:6px}.dr-preview-empty-icon{font-size:3rem;opacity:.35;margin-bottom:6px}.dr-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);font-size:.88rem}.dr-loading:before{content:"";width:16px;height:16px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:dr-spin .8s linear infinite;margin-right:10px}@keyframes dr-spin{to{transform:rotate(360deg)}}:root{--jm-bg-deep: var(--bg-solid,#0C0907);--jm-bg-mid: #0B0F15;--jm-bg-soft: #131922;--jm-glass-bg: rgba(18, 24, 34, .42);--jm-glass-bg-strong: rgba(28, 36, 50, .72);--jm-glass-border: rgba(232, 222, 198, .16);--jm-glass-border-strong: rgba(232, 222, 198, .34);--jm-text-bright: #F0F8D5;--jm-text: #F0E5C8;--jm-text-soft: rgba(240, 228, 200, .82);--jm-text-muted: rgba(232, 222, 198, .58);--jm-gold-1: #DFF1A8;--jm-gold-2: #B2C68A;--jm-gold-3: var(--green,#6E8E22);--jm-gold-4: #4F6E11;--jm-gold-glow: rgba(140,190,34,.5);--jm-shadow-card: 0 1px 0 rgba(255, 250, 235, .08) inset, 0 -1px 0 rgba(0, 0, 0, .4) inset, 0 2px 4px -1px rgba(0, 0, 0, .25), 0 8px 24px -6px rgba(0, 0, 0, .55), 0 24px 56px -16px rgba(0, 0, 0, .65), 0 0 0 1px rgba(232, 222, 198, .08);--jm-shadow-card-hover: 0 1px 0 rgba(255, 250, 235, .16) inset, 0 -1px 0 rgba(0, 0, 0, .4) inset, 0 2px 6px -1px rgba(0, 0, 0, .28), 0 14px 36px -8px rgba(0, 0, 0, .65), 0 32px 72px -18px rgba(0, 0, 0, .7), 0 0 60px -20px rgba(140,190,34, .18), 0 0 0 1px rgba(232, 222, 198, .22);--jm-shadow-glow: 0 0 80px -20px rgba(140,190,34, .55), 0 0 30px -8px rgba(255, 230, 180, .3);--jm-light-edge: inset 0 1px 0 rgba(255, 250, 235, .14);--jm-light-edge-strong: inset 0 1px 0 rgba(255, 250, 235, .22), inset 0 0 0 1px rgba(232, 222, 198, .1)}html{background:var(--jm-bg-deep)}body{background:radial-gradient(ellipse 70% 40% at 80% -5%,rgba(140,190,34,.18) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 5% 100%,rgba(140,190,34,.1) 0%,transparent 65%),radial-gradient(circle at 50% 50%,rgba(178,198,138,.04) 0%,transparent 70%),linear-gradient(180deg,var(--bg-solid,#0C0907),var(--bg-solid,#0C0907),var(--bg-solid,#0C0907))!important;background-attachment:fixed!important;color:var(--jm-text)!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(178,198,138,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(178,198,138,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 85%)}.app-layout,.main-content,.page-content{position:relative;z-index:1}.sidebar{background:linear-gradient(180deg,var(--bg-solid,#0C0907)eb,var(--panel-solid,#17130D)e0,var(--bg-solid,#0C0907)eb)!important;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-right:1px solid rgba(178,198,138,.1);box-shadow:inset -1px 0 #b2c68a0d,4px 0 40px -12px #0009!important}.sidebar:before{background:radial-gradient(circle at 30% 0%,rgba(178,198,138,.1),transparent 55%),radial-gradient(circle at 70% 100%,rgba(178,198,138,.06),transparent 60%)!important}.nav-item{color:#e8d9b8c7!important;font-weight:500!important}.nav-item:hover{background:#ffffff0f!important;color:var(--jm-text-bright)!important}.nav-item.active{background:linear-gradient(135deg,#c2dc782e,#b2c68a0f)!important;color:var(--jm-text-bright)!important;border-color:#b2c68a52!important;box-shadow:inset 0 1px #f5fad71a,0 4px 16px -4px var(--green,#6E8E22)73!important}.nav-section-label{color:#b2c68a6b!important}.user-name{color:var(--jm-text-bright)!important}.user-role{color:#b2c68a8c!important}.topbar{background:var(--panel-solid,#17130D)9e!important;backdrop-filter:blur(32px) saturate(140%)!important;-webkit-backdrop-filter:blur(32px) saturate(140%)!important;border-bottom:1px solid rgba(178,198,138,.1)!important;box-shadow:0 1px #f5fad70a inset,0 8px 24px -16px #0009!important;min-height:72px!important;padding:0 28px!important}.topbar-title{color:var(--jm-text-bright)!important}.topbar-breadcrumb,.topbar-breadcrumb .crumb{color:#b2c68a8c!important}.topbar-breadcrumb a.crumb:hover{color:var(--jm-text-bright)!important}.topbar-breadcrumb .crumb.current{color:var(--jm-gold-2)!important}.topbar-back{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.16)!important;color:#e8d9b8d9!important;width:38px!important;height:38px!important;box-shadow:inset 0 1px #f5fad70f!important}.topbar-back:hover{background:#b2c68a1f!important;border-color:#b2c68a5c!important;color:var(--jm-text-bright)!important;box-shadow:0 4px 16px -4px var(--green,#6E8E22)66!important}.topbar-date-pill{height:38px!important;display:inline-flex!important;align-items:center!important;background:#ffffff0a!important;border:1px solid rgba(178,198,138,.14)!important;color:#e8d9b8bf!important;box-shadow:inset 0 1px #f5fad70d!important;font-size:.68rem!important}.topbar-right{gap:12px!important}.topbar .btn-sm,.topbar-right .btn,.topbar-right .btn-sm{height:38px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:.84rem!important}.btn-primary{background:linear-gradient(165deg,#dff1a8,#b2c68a 22%,var(--green,#6E8E22) 65%,#4f6e11)!important;color:#1a130b!important;border:1px solid rgba(140,190,34,.55)!important;font-weight:700!important;letter-spacing:.02em!important;box-shadow:0 8px 22px -6px #729e1b8c,0 0 30px -8px #adcb5573,inset 0 1px #f5fad78c!important;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 14px 32px -8px #729e1ba6,0 0 50px -10px #adcb5599,inset 0 1px #f5fad7a6!important}.btn-primary:hover:before{transform:translate(100%)}.btn-secondary,.btn-ghost{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.16)!important;color:#e8d9b8d9!important;box-shadow:inset 0 1px #f5fad70d!important}.btn-secondary:hover,.btn-ghost:hover{background:#b2c68a1a!important;border-color:#b2c68a52!important;color:var(--jm-text-bright)!important}.card,.kpi-card,.invest-card,.partner-card,.proj-stat,.dataroom-hero,.partner-hero,.projekt-hero{background:var(--jm-glass-bg)!important;backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;border:1px solid var(--jm-glass-border)!important;border-radius:16px!important;box-shadow:var(--jm-shadow-card)!important;color:var(--jm-text)!important;position:relative;overflow:hidden}.card:before,.kpi-card:before,.invest-card:before,.partner-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.4),transparent);z-index:1}.card:hover,.kpi-card:hover,.invest-card:hover,.partner-card:hover{transform:translateY(-3px);border-color:var(--jm-glass-border-strong)!important;box-shadow:var(--jm-shadow-card-hover)!important}.kpi-card:after{content:""!important;position:absolute;top:0;left:0;right:0;height:2px!important;background:linear-gradient(90deg,transparent 5%,var(--jm-gold-3) 50%,transparent 95%)!important;opacity:.55!important}.kpi-card.gruen:after{background:linear-gradient(90deg,transparent 5%,#5C8A4F 50%,transparent 95%)!important}.kpi-card.rot:after{background:linear-gradient(90deg,transparent 5%,#B85A4A 50%,transparent 95%)!important}.kpi-card.blue:after{background:linear-gradient(90deg,transparent 5%,#6B8294 50%,transparent 95%)!important}.kpi-card.purple:after{background:linear-gradient(90deg,transparent 5%,#729E1B 50%,transparent 95%)!important}.kpi-card.accent:after{background:linear-gradient(90deg,transparent 5%,var(--jm-gold-3) 50%,transparent 95%)!important}.kpi-label,.invest-metric-label,.partner-metric-label,.partner-card-loc,.invest-card-loc{color:#b2c68a8c!important;letter-spacing:.06em}.kpi-value,.invest-card-name,.partner-card-title,.partner-metric-val{color:var(--jm-text-bright)!important;font-weight:700!important}.kpi-sub{color:#b2c68a8c!important}.kpi-icon{background:linear-gradient(135deg,var(--green,#6E8E22)2e,#b2c68a0f)!important;border:1px solid rgba(178,198,138,.18)!important;color:var(--jm-gold-2)!important;box-shadow:inset 0 1px #f5fad714!important}.card-header{border-bottom:1px solid rgba(178,198,138,.08)!important}.card-title{color:var(--jm-text-bright)!important;font-family:var(--font-display)!important;font-style:italic!important;font-weight:400!important;font-size:1.1rem!important;letter-spacing:-.01em}.table-wrapper,table{background:transparent!important;color:var(--jm-text)!important}thead,thead tr,.table-wrapper thead,.table-wrapper thead tr,.table-wrapper table thead,.table-wrapper table thead tr,table thead,table thead tr{background:transparent!important}.table-wrapper table thead th,table thead th{background:#141a24e0!important;color:#e8dec6d9!important;border-bottom:1px solid rgba(178,198,138,.18)!important;font-family:var(--font-mono)!important;font-size:.68rem!important;letter-spacing:.18em!important;text-transform:uppercase;font-weight:600!important}.table-wrapper table tbody td,table tbody td{border-bottom:1px solid rgba(178,198,138,.06)!important;color:var(--jm-text)!important}.table-wrapper table tbody tr:hover{background:#b2c68a0d!important}.table-wrapper table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--jm-gold-3)!important}.filter-chip{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.14)!important;color:#e8d9b8c7!important;box-shadow:inset 0 1px #f5fad70d!important}.filter-chip:hover{background:#b2c68a1a!important;border-color:#b2c68a47!important;color:var(--jm-text-bright)!important}.filter-chip.active{background:linear-gradient(165deg,#b2c68a,var(--green,#6E8E22))!important;border-color:var(--green,#6E8E22)8c!important;color:#1a130b!important;box-shadow:0 4px 14px -3px var(--green,#6E8E22)80,inset 0 1px #f5fad766!important}.form-input,.form-select,.form-textarea,.search-input input,.login-input,input[type=text],input[type=email],input[type=search],input[type=password],input[type=number],input[type=date],select,textarea{background:var(--bg-solid,#0C0907)80!important;border:1px solid rgba(178,198,138,.14)!important;color:var(--jm-text)!important}.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input input:focus,input:focus,select:focus,textarea:focus{border-color:var(--green,#6E8E22)8c!important;background:var(--bg-solid,#0C0907)b3!important;box-shadow:0 0 0 3px var(--green,#6E8E22)1f,inset 0 1px #f5fad70a!important}::placeholder{color:#b2c68a52!important}.search-input,.filter-bar{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.14)!important;color:var(--jm-text)!important;box-shadow:inset 0 1px #f5fad70d!important}.proj-row,.phase-section,.phase-head{background:var(--jm-glass-bg)!important;backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;border:1px solid var(--jm-glass-border)!important;color:var(--jm-text)!important}.proj-row:hover{border-color:#b2c68a73!important;background:var(--jm-glass-bg)!important;box-shadow:0 14px 36px -10px #0000008c,0 0 0 1px #b2c68a38!important}#status-legend>div{color:var(--jm-text)!important}h1,h2,h3,h4,h5,h6{color:var(--jm-text-bright)!important}.section-label,.stat-label,.partner-stat-lbl,.dataroom-kpi-label{color:#b2c68a8c!important;letter-spacing:.16em!important;font-family:var(--font-mono)!important;font-weight:500!important}.modal-overlay{background:var(--bg-solid,#0C0907)d1!important;backdrop-filter:blur(8px)}.modal{background:linear-gradient(165deg,#1c2330d9,var(--panel-solid,#17130D)f2)!important;border:1px solid rgba(178,198,138,.18)!important;color:var(--jm-text)!important;box-shadow:0 32px 80px -20px #000000b3,inset 0 1px #f5fad70f!important}.dataroom-hero,.partner-hero,.projekt-hero{background:radial-gradient(circle at 100% 0%,rgba(178,198,138,.22),transparent 50%),linear-gradient(165deg,#15202d,#0b1019 60%,var(--panel-solid,#17130D))!important;border:1px solid rgba(178,198,138,.16)!important;box-shadow:0 24px 60px -16px #000000b3,inset 0 1px #f5fad714,inset 0 -1px #b2c68a1a!important;position:relative;overflow:hidden}.projekt-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 100% 0%,rgba(178,198,138,.22),transparent 55%),linear-gradient(165deg,#15202d,#0b1019 60%,var(--panel-solid,#17130D))!important;z-index:0!important;border-radius:inherit;pointer-events:none}.projekt-hero:after{content:""!important;position:absolute!important;top:0!important;left:30px!important;right:30px!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(178,198,138,.6),transparent)!important;z-index:1;border-radius:0!important;pointer-events:none}.dataroom-hero:before,.partner-hero:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.5),transparent)!important;z-index:1;width:auto!important}.dataroom-hero-title,.partner-hero-title,.hero-name{color:#edf6ce!important;font-family:var(--font-display)!important;font-weight:300!important;font-style:italic!important}.dataroom-hero-sub,.partner-hero-sub,.hero-location{color:#e8d9b8b3!important}.dataroom-kpi-val{color:var(--jm-gold-2)!important;text-shadow:0 0 24px rgba(178,198,138,.55)}.dataroom-kpi-label{color:#b2c68aa6!important}.hero-stats-row .hero-stat-val,.hero-stats-row [class*=value],.hero-stats-row [class*=num]{color:#edf6ce!important}.hero-badges .hero-badge{background:#ffffff14!important;border-color:#b2c68a33!important;color:#e8d9b8d9!important}.hero-badge-gold{background:#b2c68a38!important;border-color:#b2c68a73!important;color:var(--jm-gold-1)!important}.hero-badge-gruen{background:#5c8a4f4d!important;border-color:#5c8a4f80!important;color:#c5e5bc!important}.hero-badge-blue{background:var(--green,#6E8E22)38!important;border-color:var(--green,#6E8E22)73!important;color:var(--jm-gold-2)!important}.proj-stat{border-radius:14px}.proj-stat .stat-num{color:var(--jm-text-bright)!important}.empty-state{background:var(--jm-glass-bg)!important;border:1px dashed rgba(178,198,138,.18)!important;color:var(--jm-text-soft)!important;border-radius:14px;padding:40px}.alert{background:#b85a4a1f!important;border:1px solid rgba(184,90,74,.28)!important;color:#fcc4ae!important;backdrop-filter:blur(20px)}.alert-warn{background:var(--green,#6E8E22)1f!important;border-color:var(--green,#6E8E22)47!important;color:#f4d7a1!important}.metric-pill,.invest-metric,.partner-metric-cell{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.1)!important;color:var(--jm-text)!important}.reservierung-ok{background:#5c8a4f1f!important;border-color:#5c8a4f47!important;color:#b5d4ab!important}.reservierung-warn{background:var(--green,#6E8E22)1f!important;border-color:var(--green,#6E8E22)47!important;color:#f4d7a1!important}.reservierung-fail{background:#b85a4a1f!important;border-color:#b85a4a47!important;color:#fcc4ae!important}.tab-bar{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.1)!important;padding:5px!important;border-radius:12px}.tab-btn{color:#e8d9b8a6!important;border-radius:8px!important}.tab-btn:hover{color:var(--jm-text-bright)!important}.tab-btn.active{background:linear-gradient(165deg,#b2c68a2e,var(--green,#6E8E22)1a)!important;color:var(--jm-text-bright)!important;border:1px solid rgba(178,198,138,.22)!important;box-shadow:inset 0 1px #f5fad714!important}canvas{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-solid,#0C0907)66}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--green,#6E8E22)66,#4f6e1180);border-radius:8px;border:2px solid rgba(var(--surf-deep-rgb),.4)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b2c68a99,var(--green,#6E8E22)b3)}::selection{background:var(--green,#6E8E22)66;color:var(--jm-text-bright)}.invest-card:hover,.partner-card:hover{background:#1c2330c7!important}.invest-card-header,.partner-card-top{background:linear-gradient(165deg,var(--green,#6E8E22)2e,var(--bg-solid,#0C0907)99)!important}.user-logout-icon{color:#b2c68a73!important}.sidebar-user:hover .user-logout-icon{color:var(--jm-gold-2)!important}.badge{background:#ffffff0f!important;border:1px solid rgba(178,198,138,.14)!important;color:var(--jm-text)!important;box-shadow:inset 0 1px #f5fad70a!important}.badge-gr\fcn,.badge-gruen{background:#5c8a4f33!important;color:#b5d4ab!important;border-color:#5c8a4f52!important}.badge-gelb{background:var(--green,#6E8E22)33!important;color:#f4d7a1!important;border-color:var(--green,#6E8E22)52!important}.badge-rot{background:#b85a4a33!important;color:#fcc4ae!important;border-color:#b85a4a52!important}.badge-blue{background:var(--green,#6E8E22)2e!important;color:var(--jm-gold-2)!important;border-color:var(--green,#6E8E22)52!important}.badge-gray{background:#b2c68a1a!important;color:#b2c68aa6!important}.search-input{background:#ffffff0a!important}.kpi-card .kpi-icon{color:var(--jm-gold-2)!important}p,li,label,dd,dt,td,th{color:inherit}.kpi-card:after{z-index:2}.invest-card,.partner-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1),border-color .28s cubic-bezier(.2,.7,.2,1)}.btn{box-sizing:border-box}.topbar-right>*{display:inline-flex;align-items:center}.helper-text,.small,.text-muted{color:#b2c68a8c!important}.fade-in{animation:jmFadeIn .5s cubic-bezier(.2,.7,.2,1)}@keyframes jmFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff06;border:1px solid rgba(178,198,138,.08);margin-bottom:8px;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)}.user-row:hover{background:#b2c68a0f;border-color:#b2c68a2e}.user-row.pending-row{background:linear-gradient(165deg,var(--green,#6E8E22)1a,var(--green,#6E8E22)0a);border:1px solid rgba(140,190,34,.28);box-shadow:inset 0 1px #f5fad70f,0 0 24px -10px #adcb554d}.user-row.pending-row:hover{border-color:var(--green,#6E8E22)73;box-shadow:inset 0 1px #f5fad71a,0 0 32px -8px #adcb5566}.user-avatar-sm{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--jm-text-bright);background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#b2c68a33,var(--green,#6E8E22)1a);border:1px solid rgba(178,198,138,.2);box-shadow:inset 0 1px #f5fad72e;flex-shrink:0}.pending-avatar{background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.2),transparent 60%),linear-gradient(165deg,var(--green,#6E8E22)4d,var(--green,#6E8E22)1a)!important;border-color:var(--green,#6E8E22)73!important;color:#f4d7a1!important}.toggle-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--bg-solid,#0C0907)80;border:1px solid rgba(178,198,138,.18);border-radius:24px;transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s cubic-bezier(.2,.7,.2,1), background-color .3s cubic-bezier(.2,.7,.2,1), border-color .3s cubic-bezier(.2,.7,.2,1), color .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s cubic-bezier(.2,.7,.2,1), filter .3s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 2px 4px #0000004d}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:linear-gradient(165deg,#b2c68a73,var(--green,#6E8E22)40);border:1px solid rgba(178,198,138,.3);border-radius:50%;transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s cubic-bezier(.2,.7,.2,1), background-color .3s cubic-bezier(.2,.7,.2,1), border-color .3s cubic-bezier(.2,.7,.2,1), color .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s cubic-bezier(.2,.7,.2,1), filter .3s cubic-bezier(.2,.7,.2,1);box-shadow:inset 0 1px #f5fad733,0 2px 4px #0006}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(165deg,var(--green,#6E8E22)73,#4f6e114d);border-color:#b2c68a66;box-shadow:inset 0 1px #f5fad70f,0 0 16px -4px #adcb5566}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:linear-gradient(165deg,#dff1a8,#b2c68a 50%,var(--green,#6E8E22));border-color:#f5fad74d;box-shadow:inset 0 1px #f5fad780,0 2px 6px #729e1b80}#impersonation-banner{position:sticky;top:0;z-index:999;padding:10px 24px;background:linear-gradient(165deg,var(--green,#6E8E22),var(--green,#6E8E22),#4f6e11);color:#1a130b;font-size:.85rem;font-weight:600;letter-spacing:.005em;box-shadow:0 4px 16px -4px #00000080,inset 0 1px #f5fad74d;animation:jmFadeIn .4s cubic-bezier(.2,.7,.2,1)}#impersonation-banner svg{color:#1a130b}.app-layout:has(#impersonation-banner) .sidebar{top:44px}#profile-modal .modal{padding:28px 30px 24px;border-radius:18px}#profile-modal .modal-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(178,198,138,.1)}#profile-modal .modal-title{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.3rem;color:var(--jm-text-bright);letter-spacing:-.01em}#profile-modal .modal-close{width:32px;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(178,198,138,.14);color:#b2c68aa6;display:flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;transition:transform .2s, opacity .2s, background-color .2s, border-color .2s, color .2s, box-shadow .2s, filter .2s}#profile-modal .modal-close:hover{background:#b2c68a1a;color:var(--jm-text-bright);border-color:#b2c68a52}:root{--text: #E5DAC0 !important;--text-primary: #EDF6CE !important;--text-secondary: rgba(178,198,138,.65) !important;--text-muted: rgba(178,198,138,.45) !important;--bg: rgba(var(--surf-card-rgb),.55) !important;--bg-card: rgba(var(--surf-card-rgb),.62) !important;--bg-card-hover: rgba(var(--surf-card-rgb),.78) !important;--bg-canvas: rgba(255,255,255,.04) !important;--bg-secondary: rgba(255,255,255,.04) !important;--border: rgba(178,198,138,.14) !important;--border-strong: rgba(178,198,138,.32) !important}.proj-name{color:#fff8e6!important;font-family:var(--font-display)!important;font-style:italic!important;font-weight:500!important;font-size:1.05rem!important;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.4)}.proj-meta{color:#e8dec6eb!important;font-weight:500!important}.proj-meta .bl-pill{background:#ffffff12!important;border-color:#e8dec64d!important;color:#edf6cef2!important;font-weight:600!important}.proj-metric-label{color:#e8dec6cc!important;font-weight:700!important}.proj-metric-value{color:#fffaec!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}.proj-metric-sub{color:#e8dec6c7!important;font-weight:500!important}.proj-action-btn{background:#ffffff0f!important;border-color:#e8dec647!important;color:#edf6ce!important;font-weight:600!important}.proj-action-btn:hover{background:#b2c68a1a!important;border-color:#b2c68a52!important;color:var(--jm-text-bright)!important}.proj-pdot{background:#b2c68a2e!important}.proj-row{background:var(--jm-glass-bg)!important;border-color:var(--jm-glass-border)!important;box-shadow:var(--jm-shadow-card)!important}.phase-section{background:#161c2673!important;border:1px solid rgba(178,198,138,.1)!important;border-radius:14px;overflow:hidden}.phase-head{padding:16px 20px!important;background:linear-gradient(165deg,var(--green,#6E8E22)1a,var(--bg-solid,#0C0907)33)!important;border-bottom:1px solid rgba(178,198,138,.1)!important;color:var(--jm-text-bright)!important}.phase-head .phase-title{color:#fff8e6!important;font-family:var(--font-display)!important;font-style:italic!important;font-weight:500!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.phase-head .phase-sub{color:#e8dec6d9!important;font-weight:500!important}.proj-statbar{gap:14px}.proj-stat{background:var(--jm-glass-bg)!important;border:1px solid var(--jm-glass-border)!important;border-radius:14px!important;backdrop-filter:blur(20px) saturate(140%);padding:18px 20px!important;position:relative;overflow:hidden}.proj-stat:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.4),transparent)}.proj-stat .stat-num{color:var(--jm-text-bright)!important;font-family:var(--font-display)!important;font-style:italic!important;font-weight:300!important;font-size:1.6rem!important}.proj-stat .stat-label{color:#b2c68a8c!important;font-family:var(--font-mono)!important;font-size:.66rem!important;letter-spacing:.18em!important;text-transform:uppercase}.proj-stat .stat-sub{color:#b2c68a8c!important}.search-input{background:#ffffff0a!important;border-radius:10px}.search-input input{background:transparent!important;border:none!important;color:var(--jm-text)!important}select,.form-select{background:var(--bg-solid,#0C0907)80!important;color:var(--jm-text)!important;border-color:#b2c68a24!important}select option{background:var(--bg-solid,#0C0907)!important;color:var(--jm-text)!important}.proj-statusbadge{background:#ffffff0a!important;border:1px solid rgba(178,198,138,.18);color:var(--jm-text-bright)!important}.card-body,.card-header{color:var(--jm-text)!important}.card-body *{color:inherit}.card-body strong,.card-body b{color:var(--jm-text-bright)!important}.nz-list{color:var(--jm-text)!important}.nz-name{color:var(--jm-text-bright)!important}.nz-item{border-color:#b2c68a14!important}.nz-item:hover{background:#b2c68a0d!important}.kpi-card .kpi-sub{color:#b2c68aa6!important;font-weight:500!important}.kpi-card .kpi-label{color:#b2c68a8c!important;font-family:var(--font-mono)!important;font-size:.66rem!important;letter-spacing:.18em!important;text-transform:uppercase!important}.kpi-card .kpi-value{font-family:var(--font-display)!important;font-weight:300!important;font-style:italic!important;font-size:2rem!important;letter-spacing:-.02em!important}.card-title{font-size:1.05rem!important}.dataroom-kpi-val{font-family:var(--font-display)!important;font-style:italic!important;font-weight:300!important}.hero-name{font-family:var(--font-display)!important;font-weight:300!important;font-style:italic!important;font-size:2rem!important}td b,td strong,.table-wrapper b,.table-wrapper strong{color:var(--jm-text-bright)!important}[style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background: white"]{background:var(--jm-glass-bg)!important;color:var(--jm-text)!important}#top-projekte>div,#top-projekte .top-item{background:#ffffff08!important;border-color:#b2c68a1a!important;color:var(--jm-text)!important}#top-projekte>div:hover,#top-projekte .top-item:hover{background:#b2c68a14!important;border-color:#b2c68a38!important}.modal label{color:#b2c68aa6!important}.modal input,.modal select,.modal textarea{background:var(--bg-solid,#0C0907)80!important;color:var(--jm-text)!important;border-color:#b2c68a24!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[style*="color:var(--text)"],[style*="color: var(--text)"]{color:var(--jm-text)!important}[style*="color:var(--text-primary)"]{color:var(--jm-text-bright)!important}[style*="color:var(--text-secondary)"]{color:#b2c68aa6!important}[style*="color:var(--text-muted)"]{color:#b2c68a73!important}[style*="background:var(--bg)"],[style*="background: var(--bg)"],[style*="background:var(--bg-secondary)"]{background:#ffffff0a!important}.nav-icon,.nav-icon-svg{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;font-size:0!important;color:#b2c68aa6!important;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)}.nav-icon svg,.nav-icon-svg svg{width:17px!important;height:17px!important;stroke-width:1.6!important;filter:drop-shadow(0 0 8px rgba(178,198,138,0));transition:filter .22s,transform .22s}.nav-item:hover .nav-icon svg{color:var(--jm-gold-2);filter:drop-shadow(0 0 8px rgba(178,198,138,.4))}.nav-item.active .nav-icon{color:var(--jm-gold-2)!important}.nav-item.active .nav-icon svg{filter:drop-shadow(0 0 10px rgba(140,190,34,.55))}.user-logout-icon svg{width:14px;height:14px}.kpi-card{perspective:800px;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s cubic-bezier(.2,.7,.2,1),border-color .4s cubic-bezier(.2,.7,.2,1);background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(178,198,138,.1),transparent 60%),linear-gradient(180deg,#1c2330c7,#0f151ed9)!important;box-shadow:inset 0 1px #f5fad71a,inset 0 -1px #b2c68a0f,0 1px #f5fad70a inset,0 8px 32px -10px #000000a6,0 1px 2px #0000004d!important;border:1px solid rgba(178,198,138,.14)!important;border-radius:18px!important;padding:22px 24px 20px!important;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;isolation:isolate}.kpi-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.5),transparent)!important;z-index:2}.kpi-card:hover{transform:translateY(-4px) rotateX(2deg);border-color:#b2c68a52!important;box-shadow:inset 0 1px #f5fad724,inset 0 -1px #b2c68a1a,0 18px 48px -10px #000000b3,0 0 60px -16px #adcb5559!important}.kpi-card .kpi-icon{position:absolute!important;top:18px;right:18px;width:38px!important;height:38px!important;border-radius:11px!important;background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#b2c68a33,var(--green,#6E8E22)1a)!important;border:1px solid rgba(178,198,138,.2)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;color:var(--jm-gold-2)!important;box-shadow:inset 0 1px #f5fad733,inset 0 -1px #0000002e,0 4px 12px -4px var(--green,#6E8E22)66!important}.kpi-card .kpi-icon svg{width:18px;height:18px;filter:drop-shadow(0 0 6px rgba(140,190,34,.5))}.kpi-card .kpi-label{color:#b2c68a9e!important;font-family:var(--font-mono)!important;font-size:.64rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;font-weight:500!important;margin-bottom:2px;padding-right:50px}.kpi-card .kpi-value{font-family:var(--font-display)!important;font-weight:300!important;font-style:italic!important;font-size:2.3rem!important;line-height:1.05!important;letter-spacing:-.025em!important;background:linear-gradient(165deg,#dff1a8,#d4eca0 30%,#b2c68a 70%,var(--green,#6E8E22))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(140,190,34,.18));margin:6px 0 4px}.kpi-card .kpi-sub{color:#b2c68a9e!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:.005em}.kpi-card.gruen:before{background:linear-gradient(90deg,transparent 5%,#6FA862 50%,transparent 95%)!important}.kpi-card.rot:before{background:linear-gradient(90deg,transparent 5%,#C96D5C 50%,transparent 95%)!important}.kpi-card.blue:before{background:linear-gradient(90deg,transparent 5%,#94B4D6 50%,transparent 95%)!important}.kpi-card.purple:before{background:linear-gradient(90deg,transparent 5%,#C4A77A 50%,transparent 95%)!important}.kpi-card.accent:before{background:linear-gradient(90deg,transparent 5%,var(--jm-gold-1) 50%,transparent 95%)!important}.kpi-card.gruen .kpi-icon{color:#b5d4ab!important;background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#5c8a4f4d,#5c8a4f1a)!important;border-color:#5c8a4f66!important}.kpi-card.rot .kpi-icon{color:#fcc4ae!important;background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#b85a4a4d,#b85a4a1a)!important;border-color:#b85a4a66!important}.kpi-card.blue .kpi-icon{color:#b6cbd7!important;background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#6b82944d,#6b82941a)!important;border-color:#6b829466!important}.kpi-card:after{display:none!important}.kpi-card .kpi-icon[data-emoji]{font-size:1rem!important;color:var(--jm-gold-2)!important}.alert{background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(140,190,34,.18),transparent 60%),linear-gradient(165deg,#281e14d1,#14120feb)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(140,190,34,.32)!important;border-left:3px solid var(--green,#6E8E22)!important;border-radius:14px!important;padding:14px 18px!important;display:flex!important;align-items:center!important;gap:14px!important;color:#f4d7a1!important;box-shadow:inset 0 1px #f5fad714,0 8px 24px -10px #0000008c,0 0 32px -10px #adcb5540!important;position:relative;overflow:hidden}.alert-warn{background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(140,190,34,.18),transparent 60%),linear-gradient(165deg,#281e14d1,#14120feb)!important;border-color:var(--green,#6E8E22)52!important;border-left-color:var(--green,#6E8E22)!important;color:#f4d7a1!important}.alert-danger{background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(184,90,74,.18),transparent 60%),linear-gradient(165deg,#23120fd9,#140c0af2)!important;border-color:#b85a4a66!important;border-left:3px solid #C96D5C!important;color:#fcc4ae!important;box-shadow:inset 0 1px #f5fad714,0 8px 24px -10px #0000008c,0 0 32px -10px #b85a4a59!important}.alert-icon{width:36px;height:36px;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px;background:var(--green,#6E8E22)2e;border:1px solid rgba(140,190,34,.32);color:#f4d7a1;flex-shrink:0;font-size:1rem}.alert-danger .alert-icon{background:#b85a4a2e;border-color:#b85a4a52;color:#fcc4ae}.alert-title{color:#edf6ce!important;font-weight:700!important;font-size:.92rem!important;margin-bottom:2px}.alert-text{color:#e8d9b8c7!important;font-size:.82rem!important}.alert .btn{margin-left:auto}.phase-section{background:linear-gradient(180deg,#161c2673,#0f151e4d)!important;border:1px solid rgba(178,198,138,.1)!important;border-radius:16px!important;overflow:hidden!important;margin-bottom:18px;backdrop-filter:blur(16px) saturate(130%)}.phase-head{display:flex!important;align-items:center!important;gap:14px!important;padding:14px 20px!important;background:radial-gradient(ellipse 60% 100% at 0% 50%,rgba(178,198,138,.1),transparent 50%),linear-gradient(135deg,#1c23308c,#0f151e59)!important;border-bottom:1px solid rgba(178,198,138,.1)!important;cursor:pointer;position:relative;color:var(--jm-text-bright)!important}.phase-head:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,var(--jm-gold-2),var(--jm-gold-3));border-radius:0 3px 3px 0;box-shadow:0 0 10px #b2c68a80}.phase-head .phase-icon{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 25%,rgba(255,250,235,.18),transparent 60%),linear-gradient(165deg,#b2c68a33,var(--green,#6E8E22)1a);border:1px solid rgba(178,198,138,.22);display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--jm-gold-2);font-size:0;box-shadow:inset 0 1px #f5fad72e;flex-shrink:0}.phase-head .phase-icon svg{width:18px;height:18px}.phase-head .phase-title{color:var(--jm-text-bright)!important;font-family:var(--font-display)!important;font-style:italic!important;font-weight:400!important;font-size:1.05rem!important;letter-spacing:-.005em}.phase-head .phase-sub{color:#b2c68a9e!important;font-size:.78rem!important}.phase-head .phase-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 10px;border-radius:14px;background:linear-gradient(165deg,#b2c68a2e,var(--green,#6E8E22)1a);border:1px solid rgba(178,198,138,.22);color:var(--jm-text-bright)!important;font-family:var(--font-mono)!important;font-size:.74rem!important;font-weight:600!important;box-shadow:inset 0 1px #f5fad71a}.phase-head .phase-toggle,.phase-head .phase-collapse-icon{color:#b2c68a8c!important;margin-left:8px;transition:transform .22s;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;transform:rotate(90deg)}.phase-section.collapsed .phase-toggle,.phase-section.collapsed .phase-collapse-icon{transform:rotate(0)}.phase-section[data-color=rot] .phase-head:before,.phase-head[data-status=rot]:before{background:linear-gradient(180deg,#c96d5c,#b85a4a);box-shadow:0 0 10px #b85a4a8c}.phase-section[data-color=gelb] .phase-head:before,.phase-head[data-status=gelb]:before{background:linear-gradient(180deg,#d6ab5c,var(--green,#6E8E22));box-shadow:0 0 10px var(--green,#6E8E22)8c}.phase-section[data-color=gruen] .phase-head:before,.phase-head[data-status=gruen]:before{background:linear-gradient(180deg,#6fa862,#5c8a4f);box-shadow:0 0 10px #5c8a4f8c}.phase-body{padding:12px 14px;background:var(--bg-solid,#0C0907)33;display:flex;flex-direction:column;gap:8px}.phase-section[style*=margin-bottom]{margin-bottom:18px!important}[style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background: white"],[style*="background-color:var(--ivory,#F4EFE6)"],[style*="background-color: var(--ivory,#F4EFE6)"],[style*="background-color:white"],[style*="background-color: white"]{background:#161c269e!important;color:var(--jm-text)!important;border-color:#b2c68a24!important}[style*="color:var(--ivory,#F4EFE6)"],[style*="color: var(--ivory,#F4EFE6)"],[style*="color:white"],[style*="color: white"]{color:var(--jm-text-bright)!important}.dot-glow{display:inline-block;box-shadow:0 0 12px #adcb55d9,0 0 4px #f5fad7b3 inset}.tab-btn{background:transparent!important;border:1px solid transparent!important}.tab-btn:not(.active){color:#e8d9b88c!important}.tab-btn.active{background:linear-gradient(165deg,#b2c68a2e,var(--green,#6E8E22)1a)!important;color:var(--jm-text-bright)!important;border:1px solid rgba(178,198,138,.28)!important;box-shadow:inset 0 1px #f5fad71a,0 4px 14px -4px var(--green,#6E8E22)73!important}.proj-stat{perspective:600px;transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .32s cubic-bezier(.2,.7,.2,1), background-color .32s cubic-bezier(.2,.7,.2,1), border-color .32s cubic-bezier(.2,.7,.2,1), color .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s cubic-bezier(.2,.7,.2,1), filter .32s cubic-bezier(.2,.7,.2,1)}.proj-stat:hover{transform:translateY(-2px) rotateX(2deg);border-color:#b2c68a52!important;box-shadow:inset 0 1px #f5fad724,0 14px 36px -10px #0009,0 0 32px -10px #adcb5540!important}.proj-stat .stat-icon{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:9px;background:linear-gradient(165deg,#b2c68a33,var(--green,#6E8E22)1a);border:1px solid rgba(178,198,138,.22);display:inline-flex;align-items:center;justify-content:center;color:var(--jm-gold-2);box-shadow:inset 0 1px #f5fad72e}.proj-stat .stat-num{background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(140,190,34,.18))}.user-logout-icon{display:inline-flex!important;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#b2c68a73!important;transition:transform .22s, opacity .22s, background-color .22s, border-color .22s, color .22s, box-shadow .22s, filter .22s}.sidebar-user:hover .user-logout-icon{color:var(--jm-gold-2)!important;background:#b2c68a1a;filter:drop-shadow(0 0 6px rgba(178,198,138,.4))}body{background:radial-gradient(ellipse 80% 50% at 80% -8%,rgba(255,220,160,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(140,190,34,.14) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 30%,rgba(178,198,138,.06) 0%,transparent 70%),linear-gradient(180deg,#04060a,#090d14 45%,var(--bg-solid,#0C0907))!important}.card,.kpi-card,.invest-card,.partner-card,.proj-row,.proj-stat,.phase-section,.checker-table .card-body,.bento-grid>.card{background:linear-gradient(165deg,rgba(255,250,235,.04) 0%,transparent 35%),var(--jm-glass-bg)!important;backdrop-filter:blur(36px) saturate(160%)!important;-webkit-backdrop-filter:blur(36px) saturate(160%)!important;border:1px solid var(--jm-glass-border)!important;box-shadow:var(--jm-shadow-card)!important;position:relative}.card:after,.kpi-card:after,.invest-card:after,.partner-card:after,.proj-row:before,.phase-section:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,250,235,.5),transparent);pointer-events:none;z-index:4;border-radius:1px}.card:hover,.kpi-card:hover,.invest-card:hover,.partner-card:hover,.proj-row:hover,.proj-stat:hover{box-shadow:var(--jm-shadow-card-hover)!important;border-color:var(--jm-glass-border-strong)!important}.card:hover:after,.kpi-card:hover:after,.invest-card:hover:after,.partner-card:hover:after{background:linear-gradient(90deg,transparent,rgba(255,230,180,.85),transparent)}.sidebar{backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;box-shadow:inset -1px 0 #e8dec614,4px 0 32px -8px #00000080,8px 0 64px -24px #0009!important}.topbar{background:var(--panel-solid,#17130D)b8!important;backdrop-filter:blur(32px) saturate(160%)!important;-webkit-backdrop-filter:blur(32px) saturate(160%)!important;border-bottom:1px solid rgba(232,222,198,.12)!important;box-shadow:inset 0 -1px #e8dec60f,0 8px 24px -12px #00000080!important}.kpi-card .kpi-value,.proj-stat .stat-num,.hero-stat-val{text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 24px rgba(255,220,160,.2)!important}body,.card-body,.card *,p,td,.text{color:var(--jm-text)!important}.card-title,.kpi-title,.section-title,.hero-title,.modal-title,h1,h2,h3,h4,h5,h6{color:var(--jm-text-bright)!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}.text-secondary,.text-muted,.card-subtitle,.kpi-trend,.td-sub,[style*="color:var(--text-secondary)"],[style*="color: var(--text-secondary)"]{color:#f0e4c8cc!important}table tbody td,.table-wrapper table tbody td,.checker-table td{color:var(--jm-text)!important}table tbody td b,table tbody td strong,.checker-table td b,.checker-table td strong{color:var(--jm-text-bright)!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.btn-primary,.btn-accent,button[class*=primary]{box-shadow:inset 0 1px #f5fad74d,inset 0 -1px #4f6e114d,0 2px 4px #0000004d,0 8px 20px -6px var(--green,#6E8E22)80!important}.btn-primary:hover,.btn-accent:hover,button[class*=primary]:hover{box-shadow:inset 0 1px #f5fad766,inset 0 -1px #4f6e114d,0 4px 8px #00000059,0 12px 28px -6px var(--green,#6E8E22)a6!important}.badge{box-shadow:inset 0 1px #f5fad71a,0 1px 3px #0000004d!important}.badge-gruen{box-shadow:inset 0 1px #f5fad71a,0 0 14px -4px #5c8a4f73!important}.badge-rot{box-shadow:inset 0 1px #f5fad71a,0 0 14px -4px #b85a4a80!important}.badge-gelb{box-shadow:inset 0 1px #f5fad71a,0 0 14px -4px var(--green,#6E8E22)80!important}input,select,textarea,.search-input,.form-input,.form-select{background:#080c1299!important;border:1px solid rgba(232,222,198,.14)!important;box-shadow:inset 0 2px 4px #0006,inset 0 -1px #f5fad70a!important;color:var(--jm-text-bright)!important}input:focus,select:focus,textarea:focus{border-color:#e8dec666!important;box-shadow:inset 0 2px 4px #0006,inset 0 -1px #f5fad70f,0 0 0 3px var(--green,#6E8E22)2e,0 0 24px -6px #adcb554d!important;outline:none!important}.nav-item.active{background:linear-gradient(135deg,#c2dc7838,var(--green,#6E8E22)1a)!important;box-shadow:inset 0 1px #f5fad71a,inset 0 0 30px -8px var(--green,#6E8E22)4d,0 0 24px -10px #adcb5566!important}.progress-bar-fill,.nvp-bar-fill{box-shadow:inset 0 1px #f5fad74d,0 0 14px -2px currentColor;filter:brightness(1.15) saturate(1.1)}.sidebar .nav-item{color:#f0e4c8eb!important;font-weight:500}.sidebar .nav-item:hover{color:var(--ivory,#F0F8D5)!important;text-shadow:0 0 12px rgba(140,190,34,.3)}.sidebar-section-title{color:#e8dec6b3!important;font-weight:600!important}.hero-stat-val,.kpi-value{font-weight:300!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.card,.kpi-card,.invest-card,.partner-card,.phase-section{background-image:linear-gradient(135deg,rgba(255,250,235,.03) 0%,transparent 25%,transparent 75%,rgba(255,250,235,.015) 100%),var(--jm-glass-bg)!important}.kpi-card{background:linear-gradient(135deg,rgba(255,250,235,.045) 0%,transparent 26%,transparent 74%,rgba(255,250,235,.025) 100%),radial-gradient(circle at 20% 0%,rgba(170,220,90,.06),transparent 60%),var(--jm-glass-bg, rgba(var(--surf-card-rgb), .78))!important;box-shadow:0 6px 18px #0000005c,inset 0 1px #f5fad71a,inset 0 -1px #0000004d!important;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 30% 0%,rgba(210,235,153,.1) 0%,transparent 55%);opacity:0;transition:opacity .32s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000080,0 0 0 1px #cce07738,inset 0 1px #f5fad72e,inset 0 -1px #0000004d!important}.kpi-card:hover:after{opacity:1}.kpi-card.gruen .kpi-value,.kpi-card.rot .kpi-value,.kpi-card.accent .kpi-value{background:linear-gradient(180deg,var(--ivory, #f0e6d0) 0%,#d8c8a4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-icon{background:radial-gradient(circle at 30% 22%,#fff4c8d9,#b8d45aa6 30%,#4f6e118c)!important;box-shadow:inset 0 1px #fffce68c,inset 0 -2px 4px #321e0059,0 2px 6px #0000004d!important;transition:transform .22s ease,box-shadow .22s ease}.kpi-card:hover .kpi-icon{transform:scale(1.06) rotate(-2deg);box-shadow:inset 0 1px #fffce6b3,inset 0 -2px 4px #321e0059,0 4px 10px #0006,0 0 16px #b8d45a66!important}.section-title,.section h2,main .section h2,.detail-section-title,.panel-title,.dashboard-section-title,.subsection-title{background:linear-gradient(180deg,var(--ivory, #f0e6d0) 0%,#d8c8a4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.005em;position:relative}.badge,.status-pill,.gap-pill,.tag-pill,.kpi-delta{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 6px #00000038,inset 0 1px #ffffff1a;transition:transform .15s ease,box-shadow .15s ease}.badge:hover,.status-pill:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000052,inset 0 1px #ffffff29}.badge-gruen,.badge.gruen,.status-gruen{background:linear-gradient(135deg,#6ecb8e38,#2e6e4452)!important;border-color:#6ecb8e73!important;color:#c0f0d2!important}.badge-gelb,.badge.gelb,.status-gelb{background:linear-gradient(135deg,#add65938,#7a5d2052)!important;border-color:#add65973!important;color:#ffdfa0!important}.badge-rot,.badge.rot,.status-rot{background:linear-gradient(135deg,#dc5a5a38,#78232352)!important;border-color:#dc5a5a73!important;color:#ffc8c8!important}.btn-primary,.btn.primary,button.primary,.cta-primary{position:relative;overflow:hidden}.btn-primary:before,.btn.primary:before,button.primary:before,.cta-primary:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,250,235,.18) 50%,transparent 100%);transition:left .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}.btn-primary:hover:before,.btn.primary:hover:before,button.primary:hover:before,.cta-primary:hover:before{left:130%}

/* ─────────── LEGACY: glass-theme.css ─────────── */
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portal/fonts/woff2/geist.woff2) format("woff2-variations")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/portal/fonts/woff2/geist-mono.woff2) format("woff2-variations")}@property --mouse-glow-alpha{syntax: "<number>"; inherits: false; initial-value: 0;}:root{color-scheme:dark!important;--canvas: oklch(13% .02 245);--canvas-opaque: oklch(20% .02 245);--accent-cool: oklch(70% .16 252);--accent-cool-hover: oklch(76% .17 252);--accent-cool-soft: oklch(70% .16 252 / .18);--accent-cool-ring: oklch(70% .16 252 / .5);--accent-warm: oklch(78% .13 125);--accent-warm-hover: oklch(83% .13 125);--accent-warm-soft: oklch(78% .13 125 / .16);--accent: var(--green,#6E8E22);--accent-dark: var(--accent-cool-active, oklch(64% .15 252));--accent-light: var(--accent-cool-soft);--accent-glow: oklch(70% .16 252 / .45);--accent-gradient: linear-gradient(135deg, oklch(85% .14 252) 0%, var(--accent-cool) 50%, oklch(55% .16 252) 100%);--accent-gradient-soft: linear-gradient(135deg, oklch(82% .1 252) 0%, oklch(60% .14 252) 100%);--gold: var(--accent-warm);--gold-light: var(--accent-warm-hover);--gold-glow: oklch(78% .13 125 / .55);--taupe: oklch(78% .005 240);--taupe-deep: oklch(60% .004 240);--text: oklch(100% 0 0);--text-secondary: oklch(96% 0 0);--text-muted: oklch(86% 0 0);--text-on-accent: oklch(100% 0 0);--text-shadow-glass: 0 1px 2px oklch(0% 0 0 / .65), 0 2px 4px oklch(0% 0 0 / .4);--text-shadow-strong: 0 1px 2px oklch(0% 0 0 / .85), 0 2px 6px oklch(0% 0 0 / .65), 0 4px 12px oklch(0% 0 0 / .4);--bg: transparent;--bg-deep: transparent;--bg-soft: transparent;--bg-2: transparent;--bg-canvas: transparent;--bg-card: transparent;--bg-card-hover: transparent;--ivory: oklch(96% .005 245);--taupe-soft: oklch(86% .004 240 / .18);--border: oklch(100% 0 0 / .18);--border-strong: oklch(100% 0 0 / .32);--sidebar-border: oklch(100% 0 0 / .14);--gruen: oklch(72% .16 145);--gruen-bg: oklch(72% .16 145 / .15);--gelbgruen: oklch(78% .16 130);--gelbgruen-bg: oklch(78% .16 130 / .15);--gelb: oklch(80% .16 85);--gelb-bg: oklch(82% .16 125 / .15);--rot: oklch(65% .21 25);--rot-bg: oklch(65% .21 25 / .15);--schwarz: oklch(50% .01 245);--schwarz-bg: oklch(50% .01 245 / .15);--sidebar-bg: transparent;--sidebar-bg-flat: transparent;--sidebar-text: var(--text);--sidebar-text-soft: var(--text-secondary);--sidebar-active-bg: var(--accent-cool-soft);--sidebar-active-text: oklch(100% 0 0);--sidebar-active-border:var(--accent-cool);--sidebar-hover-bg: oklch(100% 0 0 / .08);--shadow-sm: 0 1.5px 4px oklch(0% 0 0 / .3), inset 0 1px 0 oklch(100% 0 0 / .14);--shadow: 0 4px 12px oklch(0% 0 0 / .4), 0 12px 32px oklch(0% 0 0 / .4), inset 0 1.5px 0 oklch(100% 0 0 / .3);--shadow-md: 0 6px 16px oklch(0% 0 0 / .48), 0 24px 50px oklch(0% 0 0 / .5), inset 0 2px 0 oklch(100% 0 0 / .5);--shadow-lg: 0 8px 22px oklch(0% 0 0 / .55), 0 50px 100px oklch(0% 0 0 / .62), inset 0 3px 0 oklch(100% 0 0 / .74);--shadow-glow: 0 0 0 1px oklch(100% 0 0 / .3), 0 8px 24px -6px var(--accent-cool-ring);--shadow-gold: 0 8px 22px -6px oklch(78% .13 125 / .5), 0 0 30px -8px oklch(78% .13 125 / .45);--shadow-inset-light: inset 0 2px 0 oklch(100% 0 0 / .5);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-snappy: .15s;--dur-smooth: .25s;--dur-deliberate: .4s;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "Geist Mono", "SF Mono", ui-monospace, monospace}html,body{background:var(--canvas)!important;color:var(--ivory,#F4EFE6)!important;font-family:var(--font-sans)!important;font-weight:450;font-feature-settings:"ss01" on,"cv11" on,"calt" on;font-variant-numeric:tabular-nums;text-shadow:var(--text-shadow-glass)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative}body:before{content:"";position:fixed;inset:-15%;z-index:-1;background:radial-gradient(ellipse 65% 55% at 15% -5%,oklch(45% .22 252 / .75),transparent 60%),radial-gradient(ellipse 55% 65% at 85% 105%,oklch(40% .16 125 / .7),transparent 60%),radial-gradient(ellipse 45% 45% at 50% 50%,oklch(35% .14 290 / .45),transparent 65%),radial-gradient(ellipse 30% 35% at 75% 25%,oklch(38% .12 195 / .35),transparent 70%),var(--canvas);filter:blur(.5px) saturate(1.15);animation:mesh-drift 32s ease-in-out infinite alternate;pointer-events:none}@keyframes mesh-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-1%,0) scale(1.04)}to{transform:translate3d(-1%,2%,0) scale(1.02)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}body,p,span,td,th,li,label,dt,dd,.text,.body-text{color:#f2f2f2!important;font-weight:500!important;text-shadow:var(--text-shadow-strong)!important}h1,h2,h3,h4,h5,h6,.page-title,.section-title,.card-title,.card-subtitle,.topbar-title,.topbar-titles,.hero-title,.hero-name,.modal-title,.invest-card-header,.partner-card-header,.projekt-card-title,.kpi-title,.phase-title,.proj-cell-name,.proj-name,.empty-state-title,.upload-zone-title,.alert-title,.login-demo-title,.login-demo-name,.user-name,.dr-preview-name,.nz-name,.td-name,.projekt-card-location{font-family:var(--font-sans)!important;font-style:normal!important;color:var(--ivory,#F4EFE6)!important;font-weight:700!important;letter-spacing:-.018em!important;text-shadow:var(--text-shadow-strong)!important;filter:none!important;-webkit-text-fill-color:oklch(100% 0 0)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}h1,h2,h3,h4,h5,h6,header,.header,.heading,.page-title,.section-title,.card-title,.card-subtitle,.topbar-title,.topbar-titles,.hero-title,.hero-name,.sidebar-section-title,.subtitle{text-align:center!important}.kpi-card .kpi-value,.kpi-grid .kpi-value,.stat-card .stat-value,.kpi-value,.stat-value,.sum-value,.hero-stat-val,.metric-value,.big-number,.invest-card-name,.partner-card-title,.partner-metric-val,.proj-metric-value,.projekt-stat-value,.proj-stat-num,.dataroom-kpi-val,.counter-val,.phase-count,.dr-header-title,.dataroom-hero-title,.login-title,.login-logo-text,.amount,.figure,.number-large,[data-role=kpi],[data-role=metric]{font-family:var(--font-sans)!important;font-style:normal!important;color:var(--ivory,#F4EFE6)!important;font-weight:800!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;text-shadow:var(--text-shadow-strong)!important;filter:none!important;-webkit-text-fill-color:oklch(100% 0 0)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-align:center!important;display:block!important;margin:8px 0!important}.kpi-value.gruen,.stat-value.gruen{color:#79ec80!important}.kpi-value.rot,.stat-value.rot{color:oklch(76% .2 25)!important}.kpi-value.gelb,.stat-value.gelb{color:#ffdc4c!important}.kpi-value.blue,.stat-value.blue,.kpi-value.accent,.stat-value.accent{color:oklch(82% .16 252)!important}.kpi-card .kpi-label,.kpi-grid .kpi-label,.stat-card .stat-label,.kpi-label,.stat-label,.hero-stat-label,.sum-label,.metric-label,.invest-metric-label,.partner-metric-label,.partner-card-loc,.invest-card-loc,.proj-metric-label,.proj-stat-label,.projekt-stat-label,.dataroom-kpi-label,.pruef-label,.login-label,.form-label,.dr-tree-label,.dataroom-hero-sub,.label-caps,.section-label,.field-label,.topbar-breadcrumb{color:#C9A458!important;font-family:var(--font-sans)!important;font-style:normal!important;font-weight:700!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-shadow:var(--text-shadow-strong)!important;text-align:center!important;opacity:1!important}.kpi-card .kpi-sub,.kpi-grid .kpi-sub,.stat-card .stat-sub,.kpi-sub,.stat-sub,.sum-sub,.meta,.meta-item,.proj-metric-sub,.nz-sub,.td-sub,.section-sub,.dr-header-sub,.login-sub,.sidebar-logo-sub,.login-logo-sub,.empty-state-text,.upload-zone-sub,.subtitle,.card-subtitle,.description,.hint,small,.small{color:#ebebeb!important;font-family:var(--font-sans)!important;font-style:normal!important;font-weight:500!important;font-size:12.5px!important;line-height:1.4!important;text-shadow:var(--text-shadow-strong)!important;text-align:center!important;opacity:1!important}.card .icon,.stat-card .icon,.kpi-card .icon,.panel .icon,.topbar .icon,.alert .alert-icon,.badge .icon,.card-3d svg,.panel svg,.topbar svg,.card .icon-circle,.kpi-card-icon,.stat-card-icon{color:oklch(88% .1 252)!important;opacity:1!important;stroke-width:2.4!important;font-weight:700;filter:drop-shadow(0 1px 2px oklch(0% 0 0 / .55))}.nav-item .nav-icon{color:oklch(88% .1 252)!important;opacity:1!important;font-weight:700!important;stroke-width:2.4!important;filter:drop-shadow(0 1px 2px oklch(0% 0 0 / .55))}::selection{background:var(--accent-cool-soft);color:var(--text)}.card,.card-3d,.stat-card,.kpi-card,.panel,.bento-card,.modal,.popover,.invest-card,.partner-card,.projekt-card,.projekt-card-v2,.lead-card,.kunden-card,.angebot-card,.login-card,.summary-card,.nz-card,.dr-card,.dataroom-card{--mx: 50%;--my: 50%;--mouse-glow-alpha: 0;position:relative;isolation:isolate;background:radial-gradient(circle 60px at var(--mx) var(--my),oklch(100% 0 0 / var(--mouse-glow-alpha)) 0%,oklch(100% 0 0 / calc(var(--mouse-glow-alpha) * .4)) 25%,transparent 60%),linear-gradient(155deg,#ffffff38,#ffffff14 18%,#ffffff05 56%,#0000004d),#222a319e!important;backdrop-filter:blur(72px) saturate(180%) brightness(1.05)!important;-webkit-backdrop-filter:blur(72px) saturate(180%) brightness(1.05)!important;border:1px solid oklch(100% 0 0 / .68)!important;border-radius:20px!important;color:var(--text);transition:--mouse-glow-alpha var(--dur-smooth) var(--ease-out),border-color var(--dur-smooth) var(--ease-default),transform var(--dur-smooth) var(--ease-default),box-shadow var(--dur-smooth) var(--ease-default);box-shadow:0 3.5px #ffffff80,0 7px 16px #00000094,0 28px 58px #0000009e,0 70px 120px #000000a8,0 130px 200px -28px #0000008a,inset 0 3.5px #ffffffeb,inset 0 28px 42px -16px #ffffff6b,inset 0 -3px #000000c7,inset 0 -22px 36px -12px #0006!important}.card:before,.card-3d:before,.stat-card:before,.kpi-card:before,.panel:before,.bento-card:before,.modal:before,.invest-card:before,.partner-card:before,.projekt-card:before,.projekt-card-v2:before,.lead-card:before,.kunden-card:before,.angebot-card:before,.login-card:before,.summary-card:before,.nz-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(125deg,oklch(100% 0 0 / 1) 0%,oklch(100% 0 0 / .45) 6%,oklch(100% 0 0 / .1) 20%,transparent 36%,transparent 64%,oklch(100% 0 0 / .16) 80%,oklch(100% 0 0 / .65) 100%),linear-gradient(180deg,oklch(100% 0 0 / .55) 0%,oklch(100% 0 0 / .18) 12%,transparent 30%,transparent 100%),linear-gradient(0deg,oklch(100% 0 0 / .3) 0%,oklch(100% 0 0 / .08) 6%,transparent 14%);mix-blend-mode:screen;background-size:200% 100%,100% 100%,100% 100%;background-position:0% 0%,0% 0%,0% 0%;transition:background-position var(--dur-deliberate) var(--ease-out)}.card:hover:before,.card-3d:hover:before,.stat-card:hover:before,.kpi-card:hover:before,.panel:hover:before,.bento-card:hover:before,.invest-card:hover:before,.partner-card:hover:before,.projekt-card:hover:before,.projekt-card-v2:hover:before,.lead-card:hover:before,.kunden-card:hover:before,.angebot-card:hover:before,.login-card:hover:before,.summary-card:hover:before{background-position:30% 0%,0% 0%,0% 0%}.card:after,.card-3d:after,.stat-card:after,.kpi-card:after,.panel:after,.bento-card:after,.invest-card:after,.partner-card:after,.projekt-card:after,.projekt-card-v2:after,.lead-card:after,.kunden-card:after,.angebot-card:after,.login-card:after,.summary-card:after,.nz-card:after{content:"";position:absolute;top:4%;left:8%;right:8%;height:28%;border-radius:999px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 35% 0%,oklch(100% 0 0 / .95) 0%,oklch(100% 0 0 / .45) 25%,oklch(100% 0 0 / .12) 55%,transparent 80%),radial-gradient(ellipse at 80% 10%,oklch(100% 0 0 / .4) 0%,oklch(100% 0 0 / .1) 40%,transparent 75%);filter:blur(14px);mix-blend-mode:screen}.card>*,.card-3d>*,.stat-card>*,.kpi-card>*,.panel>*,.bento-card>*,.modal>*,.invest-card>*,.partner-card>*,.projekt-card>*,.projekt-card-v2>*,.lead-card>*,.kunden-card>*,.angebot-card>*,.login-card>*,.summary-card>*,.nz-card>*{position:relative;z-index:2}.card-body,.card canvas,.card svg,.kpi-card .kpi-value,.kpi-card .kpi-label,.kpi-card .kpi-sub{position:relative;z-index:2}.card:hover,.card-3d:hover,.stat-card:hover,.kpi-card:hover,.panel:hover,.bento-card:hover,.invest-card:hover,.partner-card:hover,.projekt-card:hover,.projekt-card-v2:hover,.lead-card:hover,.kunden-card:hover,.angebot-card:hover,.login-card:hover,.summary-card:hover{--mouse-glow-alpha: .32;border-color:#ffffffd9!important;transform:translateY(-6px);box-shadow:0 4px #fff9,0 10px 22px #000000a8,0 38px 72px #000000b8,0 90px 160px #000000bd,inset 0 4px #fff,inset 0 32px 50px -18px #ffffff80,inset 0 -3.5px #000000d1,inset 0 -26px 42px -14px #00000075!important}.card-body{position:relative;z-index:2;width:100%;min-height:240px;overflow:visible!important;display:block}.card-body canvas,.card-body svg,.card canvas,.card svg{max-width:100%!important;width:100%!important;height:auto!important;position:relative;z-index:2}.card-body[data-chart],.card-body.chart-wrap,.chart-container{min-height:280px;height:100%}.card-body canvas{display:block;max-height:320px}.sidebar{--mx: 50%;--my: 50%;--mouse-glow-alpha: 0;position:relative;isolation:isolate;background:radial-gradient(circle 80px at var(--mx) var(--my),oklch(100% 0 0 / var(--mouse-glow-alpha)) 0%,transparent 60%),linear-gradient(160deg,#ffffff2e,#ffffff0f 28%,#ffffff05 65%,#0000001a),#141c239e!important;backdrop-filter:blur(72px) saturate(200%) brightness(1.08)!important;-webkit-backdrop-filter:blur(72px) saturate(200%) brightness(1.08)!important;border-right:1px solid oklch(100% 0 0 / .4)!important;box-shadow:inset 0 2.5px #ffffff8c,inset -2px 0 #0006,8px 0 32px -12px #00000080!important;transition:--mouse-glow-alpha var(--dur-smooth) var(--ease-out)}.sidebar:hover{--mouse-glow-alpha: .18}.sidebar-text,.sidebar-text-soft{color:#f8f8f8!important;text-shadow:var(--text-shadow-strong);font-weight:500}.sidebar-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:24px 16px 20px!important;gap:4px!important}.sidebar-logo-mark,.sidebar-logo-icon{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 8px!important;width:56px!important;height:56px!important;font-size:28px!important;color:var(--ivory,#F4EFE6)!important;text-shadow:0 2px 6px oklch(0% 0 0 / .65)!important;border-radius:16px!important;background:#49a2fe2e!important;border:1px solid oklch(100% 0 0 / .22);box-shadow:inset 0 1.5px #fff6,0 4px 12px #0006}.sidebar-logo-text{font-size:26px!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--ivory,#F4EFE6)!important;-webkit-text-fill-color:oklch(100% 0 0)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:0 1px 2px oklch(0% 0 0 / .85),0 3px 8px oklch(0% 0 0 / .55)!important;filter:none!important;text-align:center!important;display:block!important;width:100%!important}.sidebar-logo-sub{font-size:11px!important;font-weight:600!important;color:#adc7e4!important;text-shadow:0 1px 2px oklch(0% 0 0 / .55)!important;letter-spacing:.18em!important;text-transform:uppercase!important;text-align:center!important;display:block!important;width:100%!important;opacity:1!important;margin-top:2px!important}.sidebar-section-title,.nav-section-label{color:#C9A458!important;text-shadow:var(--text-shadow-strong)!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-size:11px!important;opacity:1!important;padding-top:12px}.nav-item{color:#f2f2f2!important;text-shadow:var(--text-shadow-strong);font-weight:500}.nav-item .nav-icon{color:oklch(85% .08 252);opacity:.95}.nav-item:hover{color:var(--ivory,#F4EFE6)!important;background:#ffffff1a!important}.nav-item:hover .nav-icon{color:var(--accent-cool)}.sidebar-active-text,.nav-item.active{color:var(--text)!important;text-shadow:var(--text-shadow-strong)}.nav-item{border-radius:12px;transition:background var(--dur-snappy)}.nav-item:hover{background:#ffffff14!important}.nav-item.active{background:var(--accent-cool-soft)!important;border-left:3px solid var(--accent-cool)}.topbar{--mx: 50%;--my: 50%;--mouse-glow-alpha: 0;position:sticky;top:0;z-index:50;isolation:isolate;background:radial-gradient(circle 80px at var(--mx) var(--my),oklch(100% 0 0 / var(--mouse-glow-alpha)) 0%,transparent 60%),linear-gradient(160deg,#ffffff57,#ffffff1f 24%,#ffffff0a 64%,#00000024),#1a232a8c!important;backdrop-filter:blur(64px) saturate(200%) brightness(1.06)!important;-webkit-backdrop-filter:blur(64px) saturate(200%) brightness(1.06)!important;border-bottom:1px solid oklch(100% 0 0 / .46)!important;box-shadow:inset 0 2.5px #ffffffa8,inset 0 -2px #000000a6,0 8px 24px -8px #0006!important;transition:--mouse-glow-alpha var(--dur-smooth) var(--ease-out)}.topbar:hover{--mouse-glow-alpha: .2}.topbar-title,.topbar-titles,.topbar-breadcrumb{color:var(--text)!important;text-shadow:var(--text-shadow-strong)}.topbar-search input,input[type=search],input[type=text]{background:#060c118c!important;border:1px solid oklch(100% 0 0 / .2)!important;color:var(--text)!important;border-radius:12px}.btn,button.btn,.btn-primary,.btn-secondary,.btn-accent,.btn-ghost{font-family:inherit;border-radius:12px;transition:background var(--dur-snappy),border-color var(--dur-snappy),transform var(--dur-instant)}.btn-primary,.btn-accent{background:var(--accent-cool)!important;color:var(--text-on-accent)!important;border:1px solid oklch(100% 0 0 / .3)!important;box-shadow:inset 0 1.5px #fff6,0 4px 12px var(--accent-cool-ring)!important}.btn-primary:hover,.btn-accent:hover{background:var(--accent-cool-hover)!important;transform:translateY(-1px)}.btn-secondary{background:var(--panel-solid,#17130D)8c!important;backdrop-filter:blur(20px) saturate(180%);border:1px solid oklch(100% 0 0 / .2)!important;color:var(--text)!important}.btn-secondary:hover{border-color:#fff6!important}.btn-ghost{background:transparent!important;color:var(--text-secondary)!important;border:1px solid transparent!important}.btn-ghost:hover{background:var(--accent-cool-soft)!important;color:var(--text)!important}.badge{font-family:inherit;border-radius:9999px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.badge-gruen{background:var(--gruen-bg)!important;color:var(--gruen)!important}.badge-gelbgruen{background:var(--gelbgruen-bg)!important;color:var(--gelbgruen)!important}.badge-gelb{background:var(--gelb-bg)!important;color:var(--gelb)!important}.badge-rot{background:var(--rot-bg)!important;color:var(--rot)!important}.badge-schwarz{background:var(--schwarz-bg)!important;color:var(--text-muted)!important}.badge-blue{background:var(--accent-cool-soft)!important;color:var(--accent-cool)!important}.alert{background:#ffffff14!important;backdrop-filter:blur(20px) saturate(180%);border:1px solid oklch(100% 0 0 / .18)!important;color:var(--text);border-radius:10px;padding:6px 12px!important;margin-bottom:12px!important;font-size:12px;line-height:1.35;display:flex;align-items:center;gap:10px}.alert .alert-icon{width:22px!important;height:22px!important;flex-shrink:0;font-size:13px}.alert .alert-title{font-size:12px!important;font-weight:600;margin:0}.alert .alert-text{font-size:11.5px!important;color:var(--text-secondary);margin-top:1px}.alert-success{border-color:#5bbe6266!important;background:var(--gruen-bg)!important}.alert-warn{border-color:var(--green,#6E8E22)66!important;background:var(--gelb-bg)!important}.alert-danger{border-color:#f5474866!important;background:var(--rot-bg)!important}.alert-info{border-color:var(--accent-cool-ring)!important;background:var(--accent-cool-soft)!important}table{font-variant-numeric:tabular-nums}table thead th{background:var(--panel-solid,#17130D)8c!important;backdrop-filter:blur(20px) saturate(180%);color:var(--text-secondary)!important;border-bottom:1px solid oklch(100% 0 0 / .2);text-transform:uppercase;letter-spacing:.04em;font-size:12px}table tbody td{color:var(--text);border-bottom:1px solid oklch(100% 0 0 / .08)}table tbody tr:hover{background:var(--accent-cool-soft)!important}@media(prefers-reduced-transparency:reduce){.card,.card-3d,.stat-card,.panel,.bento-card,.modal,.sidebar,.topbar,.alert{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--canvas-opaque)!important}}@media print{body{background:#fff!important;color:#000!important}body:before{display:none}.card,.panel,.stat-card,.sidebar,.topbar{background:#fff!important;color:#000!important;border:1px solid #ddd!important;box-shadow:none!important;backdrop-filter:none!important}}body.premium-dark .stage-bg{z-index:0!important;opacity:.55!important}body.premium-dark .stage-bg .stars{opacity:.35!important}body.premium-dark .stage-bg .spotlight{opacity:.3!important}body.premium-dark .stage-bg .vignette{opacity:.4!important}body.premium-dark{color:var(--text)!important}body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .stat-card,body.premium-dark .panel,body.premium-dark .bento-card,body.premium-dark .booking-card,body.premium-dark .wizard-card,body.premium-dark .calc-card,body.premium-dark .modal{background:linear-gradient(150deg,#ffffff14,#ffffff0a 35%,#ffffff05 65%,#ffffff0f)!important;backdrop-filter:blur(48px) saturate(280%) brightness(1.12)!important;-webkit-backdrop-filter:blur(48px) saturate(280%) brightness(1.12)!important;border:1px solid oklch(100% 0 0 / .16)!important;border-radius:18px!important;box-shadow:0 1px #ffffff38 inset,0 -1px #00000059 inset,0 18px 38px -16px #0000008c,0 4px 12px -2px #00000040!important;color:var(--text)!important;position:relative!important;overflow:hidden!important}body.premium-dark .card:hover,body.premium-dark .partner-card:hover,body.premium-dark .bento-card:hover{border-color:var(--accent-cool-ring)!important;box-shadow:0 1px #ffffff42 inset,0 -1px #00000059 inset,0 24px 50px -16px #000000a6,0 0 38px -8px var(--accent-glow)!important;transform:translateY(-2px)!important}body.premium-dark .card-title,body.premium-dark .partner-card-title,body.premium-dark .partner-hero-title,body.premium-dark .dataroom-hero-title,body.premium-dark .modal-title,body.premium-dark .login-title,body.premium-dark .hero-title,body.premium-dark .hero-name{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.015em!important;color:#fffbf4!important;text-shadow:0 1px 0 oklch(20% .02 125 / .55),0 4px 18px oklch(0% 0 0 / .45)!important;-webkit-text-fill-color:oklch(99% .01 125)!important}body.premium-dark .page-title,body.premium-dark .section-title,body.premium-dark .topbar-title{font-family:var(--font-sans)!important;font-style:normal!important}body.premium-dark .sidebar{position:relative!important;background:linear-gradient(135deg,#ffffff1a,#ffffff08 30%,#ffffff05,#ffffff14)!important;backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;-webkit-backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;border-right:1px solid oklch(100% 0 0 / .18)!important;box-shadow:inset 1px 0 #ffffff57,inset -1px 0 #0000006b,inset 0 1px #ffffff4d,inset 24px 0 36px -22px #49a2fe38,6px 0 14px -2px #00000059,22px 0 48px -16px #000000a6,44px 0 80px -10px #49a2fe66,80px 0 100px -20px oklch(82% .12 252 / .22)!important;overflow:hidden!important;--mx: 50%;--my: 50%}body.premium-dark .sidebar:before{content:""!important;position:absolute!important;inset:-40px!important;background:radial-gradient(circle 320px at var(--mx) var(--my),oklch(100% 0 0 / .1) 0%,oklch(82% .12 252 / .06) 35%,transparent 70%),radial-gradient(ellipse 90% 30% at 50% 12%,oklch(70% .16 252 / .3) 0%,transparent 70%),radial-gradient(ellipse 90% 30% at 50% 88%,oklch(82% .14 220 / .25) 0%,transparent 70%),radial-gradient(ellipse 120% 20% at 50% 50%,oklch(78% .12 240 / .12) 0%,transparent 70%)!important;filter:blur(28px)!important;pointer-events:none!important;z-index:0!important;animation:sidebar-aurora-drift 14s ease-in-out infinite!important}body.premium-dark .sidebar:after{content:""!important;position:absolute!important;top:-50%!important;left:0!important;width:100%!important;height:60%!important;background:linear-gradient(180deg,transparent 0%,oklch(100% 0 0 / 0) 35%,oklch(100% 0 0 / .18) 47%,oklch(82% .12 252 / .22) 50%,oklch(100% 0 0 / .18) 53%,oklch(100% 0 0 / 0) 65%,transparent 100%)!important;filter:blur(3px)!important;pointer-events:none!important;z-index:1!important;animation:sidebar-shimmer 7s cubic-bezier(.55,.05,.45,.95) infinite!important}@keyframes sidebar-aurora-drift{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}@keyframes sidebar-shimmer{0%{transform:translateY(0) skewY(-10deg);opacity:0}12%{opacity:1}60%{transform:translateY(360%) skewY(-10deg);opacity:1}62%{opacity:0}to{transform:translateY(360%) skewY(-10deg);opacity:0}}body.premium-dark .sidebar>*{position:relative!important;z-index:2!important}body.premium-dark .sidebar-logo{padding:24px 22px 20px!important;border-bottom:1px solid oklch(100% 0 0 / .1)!important;text-align:center!important;position:relative!important;overflow:visible!important;z-index:2!important}body.premium-dark .sidebar-logo:before{content:""!important;position:absolute!important;inset:8% 10% 12%!important;background:radial-gradient(ellipse 60% 80% at 30% 50%,oklch(70% .16 252 / .3) 0%,transparent 70%),radial-gradient(ellipse 50% 70% at 75% 50%,oklch(82% .14 220 / .22) 0%,transparent 70%)!important;filter:blur(22px)!important;pointer-events:none!important;z-index:-1!important;animation:sidebar-logo-breathe 9s ease-in-out infinite!important}@keyframes sidebar-logo-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}body.premium-dark .sidebar-logo:after{content:""!important;position:absolute!important;bottom:-1px!important;left:22%!important;right:22%!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,var(--accent-cool) 50%,transparent 100%)!important;opacity:.7!important;box-shadow:0 0 12px var(--accent-glow)!important}body.premium-dark .sidebar-logo-mark{font-family:var(--font-sans)!important;font-weight:800!important;letter-spacing:-.02em!important;color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 0 oklch(0% 0 0 / .7),0 2px 6px oklch(0% 0 0 / .5),0 0 18px oklch(70% .16 252 / .45)!important}body.premium-dark .sidebar-logo-mark .logo-italic{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:oklch(82% .12 252)!important}body.premium-dark .sidebar-logo-sub{font-family:ui-monospace,monospace!important;font-size:.62rem!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:oklch(82% .1 252 / .75)!important;margin-top:6px!important}body.premium-dark .nav-item{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 14px!important;margin:2px 10px!important;border-radius:10px!important;background:transparent!important;border:1px solid transparent!important;color:#e4e4e4!important;font-weight:500!important;transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)!important;text-shadow:0 1px 2px oklch(0% 0 0 / .55)!important}body.premium-dark .nav-item:hover{background:#ffffff0f!important;border-color:#ffffff1f!important;color:var(--ivory,#F4EFE6)!important;transform:translate(2px)!important}body.premium-dark .nav-item.active{background:linear-gradient(150deg,var(--accent-cool-soft) 0%,oklch(100% 0 0 / .04) 100%)!important;border:1px solid var(--accent-cool-ring)!important;color:var(--ivory,#F4EFE6)!important;box-shadow:0 1px #ffffff38 inset,0 4px 12px -4px var(--accent-glow),0 0 20px -6px var(--accent-glow)!important;animation:nav-item-pulse 4s ease-in-out infinite!important;position:relative!important}body.premium-dark .nav-item.active:before{content:""!important;position:absolute!important;left:-10px!important;top:22%!important;bottom:22%!important;width:3px!important;border-radius:0 3px 3px 0!important;background:linear-gradient(180deg,transparent 0%,var(--accent-cool) 30%,oklch(82% .12 252) 50%,var(--accent-cool) 70%,transparent 100%)!important;box-shadow:0 0 12px var(--accent-glow),0 0 24px var(--accent-glow)!important;animation:nav-item-stripe 4s ease-in-out infinite!important}@keyframes nav-item-pulse{0%,to{box-shadow:0 1px #ffffff38 inset,0 4px 12px -4px var(--accent-glow),0 0 20px -6px var(--accent-glow)}50%{box-shadow:0 1px #ffffff4d inset,0 6px 18px -4px var(--accent-glow),0 0 36px -4px var(--accent-glow)}}@keyframes nav-item-stripe{0%,to{opacity:.7}50%{opacity:1}}body.premium-dark .nav-item.active .nav-icon{color:var(--accent-cool)!important;filter:drop-shadow(0 0 6px var(--accent-glow)) drop-shadow(0 0 14px var(--accent-glow))!important}body.premium-dark .nav-section-label{font-family:ui-monospace,monospace!important;font-size:.62rem!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:#80a8d6a6!important;padding:18px 18px 6px!important}body.premium-dark .topbar{background:linear-gradient(180deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(40px) saturate(220%)!important;-webkit-backdrop-filter:blur(40px) saturate(220%)!important;border-bottom:1px solid oklch(100% 0 0 / .12)!important}body.premium-dark .btn-primary,body.premium-dark .login-btn{background:var(--accent-gradient)!important;color:var(--ivory,#F4EFE6)!important;border:1px solid var(--accent-cool-ring)!important;box-shadow:0 1px #ffffff4d inset,0 8px 22px -8px var(--accent-glow)!important}body.premium-dark .btn-primary:hover,body.premium-dark .login-btn:hover{background:var(--accent-cool-hover)!important;box-shadow:0 1px #ffffff59 inset,0 12px 30px -8px var(--accent-glow)!important}body.premium-dark .btn-ghost,body.premium-dark .btn-secondary{background:#ffffff0f!important;color:var(--text)!important;border:1px solid oklch(100% 0 0 / .14)!important;backdrop-filter:blur(20px)!important}body.premium-dark .btn-ghost:hover,body.premium-dark .btn-secondary:hover{background:#ffffff1a!important;border-color:var(--accent-cool-ring)!important}body.premium-dark .kpi-card{background:linear-gradient(150deg,#ffffff12,#ffffff06)!important;backdrop-filter:blur(40px) saturate(260%) brightness(1.08)!important;-webkit-backdrop-filter:blur(40px) saturate(260%) brightness(1.08)!important;border:1px solid oklch(100% 0 0 / .14)!important;border-radius:16px!important;box-shadow:0 1px #ffffff38 inset,0 14px 30px -14px #0000008c!important;color:var(--text)!important}body.premium-dark .partner-hero,body.premium-dark .dataroom-hero{background:linear-gradient(135deg,var(--accent-cool-soft) 0%,oklch(20% .02 245 / .65) 50%,var(--accent-cool-soft) 100%)!important;border:1px solid var(--accent-cool-ring)!important;box-shadow:0 1px #ffffff38 inset,0 24px 50px -16px #000000a6,0 0 60px -16px var(--accent-glow)!important}body.premium-dark .partner-hero:before,body.premium-dark .dataroom-hero:before{background:linear-gradient(90deg,transparent 0%,var(--accent-cool) 50%,transparent 100%)!important}body.premium-dark .badge{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid oklch(100% 0 0 / .1)!important}body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .stat-card,body.premium-dark .kpi-card,body.premium-dark .panel,body.premium-dark .bento-card{--mx: 50%;--my: 50%}body.premium-dark .card:after,body.premium-dark .partner-card:after,body.premium-dark .kpi-card:after,body.premium-dark .bento-card:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle 280px at var(--mx) var(--my),oklch(100% 0 0 / .1) 0%,transparent 60%)!important;pointer-events:none!important;opacity:0!important;transition:opacity .35s ease!important;z-index:1!important}body.premium-dark .card:hover:after,body.premium-dark .partner-card:hover:after,body.premium-dark .kpi-card:hover:after,body.premium-dark .bento-card:hover:after{opacity:1!important}body.premium-dark .card>*,body.premium-dark .partner-card>*,body.premium-dark .kpi-card>*,body.premium-dark .bento-card>*{position:relative!important;z-index:2!important}body.premium-dark canvas{filter:drop-shadow(0 2px 12px oklch(0% 0 0 / .45))}body.premium-dark .card:before,body.premium-dark .partner-card:before,body.premium-dark .kpi-card:before,body.premium-dark .bento-card:before,body.premium-dark .stat-card:before,body.premium-dark .panel:before{content:""!important;position:absolute!important;top:0!important;left:16%!important;right:16%!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .55) 50%,transparent 100%)!important;pointer-events:none!important;z-index:3!important}body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .kpi-card,body.premium-dark .bento-card,body.premium-dark .stat-card,body.premium-dark .panel{position:relative!important}body.premium-dark .card-title:before,body.premium-dark .partner-card-title:before{content:""!important;display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--accent-cool)!important;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow)!important;margin-right:12px!important;vertical-align:middle!important;position:relative!important;top:-2px!important}body.premium-dark .widget-title-dot{background:var(--accent-cool)!important;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow)!important}@media(prefers-reduced-transparency:reduce){body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .kpi-card,body.premium-dark .panel,body.premium-dark .sidebar,body.premium-dark .topbar{background:var(--panel-solid,#17130D)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}body.premium-dark{background:#00050c!important}body.premium-dark .portal-bg,body.premium-dark .shell{background:transparent!important}body.premium-dark .container .card,body.premium-dark .shell .card,body.premium-dark .kpi{background:linear-gradient(150deg,#ffffff14,#ffffff06,#ffffff0f)!important;border:1px solid oklch(100% 0 0 / .14)!important;box-shadow:0 1px #fff3 inset,0 14px 30px -14px #0000008c!important;color:var(--text)!important}body.premium-dark .btn-primary{background:var(--accent-gradient)!important;color:var(--ivory,#F4EFE6)!important;border:1px solid var(--accent-cool-ring)!important;box-shadow:0 1px #ffffff4d inset,0 8px 22px -8px var(--accent-glow)!important}body.premium-dark .btn-primary:hover{background:var(--accent-cool-hover)!important}body.premium-dark .btn,body.premium-dark .btn-secondary,body.premium-dark .btn-ghost{background:#ffffff0f!important;border:1px solid oklch(100% 0 0 / .14)!important;color:var(--text)!important}body.premium-dark .btn:hover{background:#ffffff1a!important;border-color:var(--accent-cool-ring)!important}body.premium-dark .pill,body.premium-dark .tag{background:#ffffff12!important;border:1px solid oklch(100% 0 0 / .12)!important;color:var(--text-muted)!important}body.premium-dark .modal-bd{background:linear-gradient(150deg,#ffffff17,#ffffff08)!important;backdrop-filter:blur(48px) saturate(260%)!important;-webkit-backdrop-filter:blur(48px) saturate(260%)!important;border:1px solid oklch(100% 0 0 / .16)!important}body.premium-dark .table{background:#ffffff08!important;border:1px solid oklch(100% 0 0 / .08)!important}body.premium-dark .table th{background:#ffffff0d!important;color:var(--text-muted)!important;border-bottom:1px solid oklch(100% 0 0 / .1)!important}body.premium-dark .table td{border-bottom:1px solid oklch(100% 0 0 / .05)!important}body.premium-dark .table tr:hover td{background:var(--accent-cool-soft)!important}body.premium-dark .input,body.premium-dark .field input,body.premium-dark .field select,body.premium-dark .field textarea{background:#ffffff0d!important;border:1px solid oklch(100% 0 0 / .14)!important;color:var(--text)!important}body.premium-dark .input:focus,body.premium-dark .field input:focus,body.premium-dark .field select:focus,body.premium-dark .field textarea:focus{border-color:var(--accent-cool)!important;outline:none!important;box-shadow:0 0 0 3px var(--accent-cool-soft)!important}body.premium-dark .page-head{position:relative!important;text-align:center!important;padding:32px 48px!important;margin:28px auto 36px!important;max-width:760px!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff1a,#ffffff08 30%,#ffffff05,#ffffff14)!important;backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;-webkit-backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;border:1px solid oklch(100% 0 0 / .18)!important;box-shadow:0 1px #ffffff57 inset,0 -1px #0000006b inset,0 -28px 36px -22px #49a2fe38 inset,0 6px 14px -2px #00000059,0 22px 48px -16px #000000a6,0 0 44px -10px #49a2fe73,0 0 80px -20px oklch(82% .12 252 / .3)!important;overflow:hidden!important;display:block!important}body.premium-dark .page-head:before{content:""!important;position:absolute!important;inset:-40px -60px!important;background:radial-gradient(ellipse 50% 70% at 30% 50%,oklch(70% .16 252 / .35) 0%,transparent 70%),radial-gradient(ellipse 40% 65% at 75% 50%,oklch(82% .14 220 / .3) 0%,transparent 70%)!important;filter:blur(36px)!important;pointer-events:none!important;z-index:-1!important;animation:topbar-breathe 6s ease-in-out infinite!important}body.premium-dark .page-head:after{content:""!important;position:absolute!important;top:0!important;left:-50%!important;width:60%!important;height:100%!important;background:linear-gradient(110deg,transparent 0%,oklch(100% 0 0 / 0) 35%,oklch(100% 0 0 / .22) 47%,oklch(82% .12 252 / .3) 50%,oklch(100% 0 0 / .22) 53%,oklch(100% 0 0 / 0) 65%,transparent 100%)!important;filter:blur(2px)!important;pointer-events:none!important;z-index:1!important;animation:topbar-shimmer 7s cubic-bezier(.55,.05,.45,.95) infinite!important}body.premium-dark .page-head h1,body.premium-dark .section-h{font-family:var(--font-sans)!important;font-weight:800!important;font-size:2.05rem!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 0 oklch(0% 0 0 / .85),0 2px 6px oklch(0% 0 0 / .55),0 4px 14px oklch(0% 0 0 / .45),0 0 18px oklch(82% .1 252 / .65),0 0 36px oklch(70% .16 252 / .5),0 0 64px oklch(70% .16 252 / .25)!important;margin:0 0 8px!important;position:relative!important;z-index:2!important}body.premium-dark .page-head .lede,body.premium-dark .page-head .text-italic{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:300!important;font-size:1.05rem!important;color:oklch(85% .08 252 / .9)!important;text-shadow:0 1px 2px oklch(0% 0 0 / .7)!important;margin:0!important;position:relative!important;z-index:2!important}body.premium-dark .page-head .head-text{text-align:center!important;width:100%!important}body.premium-dark .page-head .head-actions{margin-top:16px!important;display:flex!important;justify-content:center!important;gap:10px!important;position:relative!important;z-index:2!important}body.premium-dark .eyebrow{color:var(--accent-cool)!important;font-family:ui-monospace,monospace!important;letter-spacing:.32em!important;text-transform:uppercase!important;font-size:.65rem!important;position:relative!important;z-index:2!important}body.premium-dark:after{display:none!important}body.premium-dark .topnav{position:sticky!important;top:0!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 32px!important;background:linear-gradient(180deg,#030c15a6,#0108108c)!important;backdrop-filter:blur(40px) saturate(260%) brightness(1.06)!important;-webkit-backdrop-filter:blur(40px) saturate(260%) brightness(1.06)!important;border-bottom:1px solid oklch(100% 0 0 / .12)!important;box-shadow:0 1px #ffffff2e inset,0 12px 28px -10px #0000008c!important}body.premium-dark .topnav-logo{font-family:var(--font-sans)!important;font-weight:700!important;color:var(--ivory,#F4EFE6)!important;display:flex!important;align-items:center!important;gap:8px!important;text-shadow:0 1px 2px oklch(0% 0 0 / .6),0 0 14px oklch(70% .16 252 / .4)!important}body.premium-dark .topnav-logo-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;border-radius:8px!important;background:var(--accent-gradient)!important;font-size:.95rem!important;box-shadow:0 1px #ffffff4d inset,0 4px 12px -2px var(--accent-glow)!important}body.premium-dark .hero{position:relative!important;overflow:hidden!important}body.premium-dark .hero-orb-1,body.premium-dark .hero-orb-2{background:radial-gradient(circle at center,var(--accent-cool-soft) 0%,transparent 70%)!important;filter:blur(60px)!important;animation:hero-orb-drift 18s ease-in-out infinite!important}body.premium-dark .hero-orb-2{animation-delay:-9s!important;background:radial-gradient(circle at center,oklch(82% .14 220 / .25) 0%,transparent 70%)!important}@keyframes hero-orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-10px) scale(1.15)}}body.premium-dark .hero-title{font-family:var(--font-sans)!important;color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 0 oklch(0% 0 0 / .7),0 4px 14px oklch(0% 0 0 / .5),0 0 32px oklch(70% .16 252 / .45)!important}body.premium-dark .hero-title span{background:linear-gradient(120deg,oklch(82% .14 220),oklch(78% .16 252),oklch(72% .18 252))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}body.premium-dark .hero-sub{color:#e4e4e4e6!important;text-shadow:0 1px 2px oklch(0% 0 0 / .7)!important}body.premium-dark .hero-eyebrow{display:inline-flex!important;align-items:center!important;padding:7px 14px!important;border-radius:999px!important;background:var(--accent-cool-soft)!important;border:1px solid var(--accent-cool-ring)!important;color:oklch(95% .04 252)!important;font-family:ui-monospace,monospace!important;font-size:.7rem!important;letter-spacing:.2em!important;text-transform:uppercase!important;box-shadow:0 0 18px -4px var(--accent-glow)!important}body.premium-dark .client-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 32px!important;background:linear-gradient(180deg,#ffffff14,#ffffff08)!important;backdrop-filter:blur(40px) saturate(260%)!important;-webkit-backdrop-filter:blur(40px) saturate(260%)!important;border-bottom:1px solid oklch(100% 0 0 / .12)!important;box-shadow:0 1px #ffffff38 inset,0 14px 32px -16px #0000008c!important}body.premium-dark .client-brand-mark{color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 2px oklch(0% 0 0 / .6),0 0 14px oklch(70% .16 252 / .35)!important}body.premium-dark .client-brand-sub,body.premium-dark .client-user-name{color:#b2d1f5e6!important}body.premium-dark .client-logout{background:#ffffff0f!important;border:1px solid oklch(100% 0 0 / .14)!important;color:var(--text)!important;backdrop-filter:blur(20px)!important}body.premium-dark .client-logout:hover{background:#ffffff1a!important;border-color:var(--accent-cool-ring)!important}body.premium-dark .topbar{position:relative!important;display:flex!important;align-items:center!important;padding:0 28px!important;min-height:76px!important}body.premium-dark .topbar>.topbar-back,body.premium-dark .topbar>.topbar-hamburger{position:relative;z-index:3}body.premium-dark .topbar{min-height:108px!important}body.premium-dark .topbar-titles{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;min-width:380px!important;padding:22px 56px!important;border-radius:24px!important;background:linear-gradient(135deg,#ffffff1a,#ffffff08 30%,#ffffff05,#ffffff14)!important;backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;-webkit-backdrop-filter:blur(52px) saturate(300%) brightness(1.12)!important;border:1px solid oklch(100% 0 0 / .18)!important;box-shadow:0 1px #ffffff57 inset,0 -1px #0000006b inset,0 -28px 36px -22px #49a2fe38 inset,0 6px 14px -2px #00000059,0 22px 48px -16px #000000a6,0 0 44px -10px #49a2fe73,0 0 80px -20px oklch(82% .12 252 / .3)!important;z-index:2!important;overflow:hidden!important;--mx: 50%;--my: 50%;--rx: 0deg;--ry: 0deg;transform:translate(-50%,-50%) perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))!important;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease!important}body.premium-dark .topbar-titles:hover{box-shadow:0 1px #fff6 inset,0 -1px #0000006b inset,0 -28px 36px -22px #49a2fe52 inset,0 8px 18px -2px #0006,0 28px 56px -16px #000000bf,0 0 56px -8px #49a2fea6,0 0 100px -16px oklch(82% .14 220 / .42)!important}body.premium-dark .topbar-titles:before{content:""!important;position:absolute!important;top:0!important;left:-50%!important;width:60%!important;height:100%!important;background:linear-gradient(110deg,transparent 0%,oklch(100% 0 0 / 0) 35%,oklch(100% 0 0 / .22) 47%,oklch(82% .12 252 / .3) 50%,oklch(100% 0 0 / .22) 53%,oklch(100% 0 0 / 0) 65%,transparent 100%)!important;filter:blur(2px)!important;pointer-events:none!important;z-index:4!important;animation:topbar-shimmer 7s cubic-bezier(.55,.05,.45,.95) infinite!important}@keyframes topbar-shimmer{0%{transform:translate(0) skew(-18deg);opacity:0}10%{opacity:1}60%{transform:translate(360%) skew(-18deg);opacity:1}62%{opacity:0}to{transform:translate(360%) skew(-18deg);opacity:0}}body.premium-dark .topbar-titles:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle 240px at var(--mx) var(--my),oklch(100% 0 0 / .16) 0%,oklch(82% .12 252 / .1) 35%,transparent 70%),radial-gradient(ellipse 60% 100% at 12% 50%,oklch(70% .16 252 / .22) 0%,transparent 65%),radial-gradient(ellipse 50% 100% at 88% 50%,oklch(82% .14 220 / .2) 0%,transparent 65%),radial-gradient(ellipse 70% 30% at 50% 50%,oklch(78% .12 240 / .14) 0%,transparent 70%),linear-gradient(180deg,oklch(100% 0 0 / .1) 0%,transparent 18%)!important;pointer-events:none!important;z-index:1!important;mix-blend-mode:screen!important}body.premium-dark .topbar-titles{background-image:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .7) 50%,transparent 100%)!important;background-position:0 0!important;background-size:100% 1px!important;background-repeat:no-repeat!important}body.premium-dark .topbar-titles-halo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:540px!important;height:200px!important;pointer-events:none!important;z-index:1!important;filter:blur(36px)!important;animation:topbar-breathe 6s ease-in-out infinite!important}body.premium-dark .topbar-titles-halo:before,body.premium-dark .topbar-titles-halo:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important}body.premium-dark .topbar-titles-halo:before{background:radial-gradient(ellipse at 30% 50%,oklch(70% .16 252 / .45) 0%,oklch(70% .16 252 / .12) 35%,transparent 70%),radial-gradient(ellipse at 50% 50%,oklch(78% .12 240 / .2) 0%,transparent 65%)!important;animation:aurora-drift-a 14s ease-in-out infinite!important}body.premium-dark .topbar-titles-halo:after{background:radial-gradient(ellipse at 70% 50%,oklch(82% .14 220 / .4) 0%,oklch(82% .14 220 / .1) 40%,transparent 75%)!important;animation:aurora-drift-b 18s ease-in-out infinite!important}@keyframes topbar-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@keyframes aurora-drift-a{0%,to{transform:translate(0) scaleX(1)}50%{transform:translate(30px) scaleX(1.2)}}@keyframes aurora-drift-b{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(-25px) scaleY(1.15)}}body.premium-dark .topbar-title{font-family:var(--font-sans)!important;font-weight:800!important;font-size:2.05rem!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 0 oklch(0% 0 0 / .85),0 2px 6px oklch(0% 0 0 / .55),0 4px 14px oklch(0% 0 0 / .45),0 0 18px oklch(82% .1 252 / .65),0 0 36px oklch(70% .16 252 / .5),0 0 64px oklch(70% .16 252 / .25)!important;margin:0!important;position:relative!important;z-index:3!important;background:linear-gradient(180deg,#fff,#e8f3ff 70%,oklch(90% .06 252))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:oklch(100% 0 0)!important}body.premium-dark .topbar-breadcrumb{position:relative!important;z-index:3!important}body.premium-dark .topbar-breadcrumb,body.premium-dark .topbar-breadcrumb .crumb,body.premium-dark .topbar-breadcrumb .crumb.current{font-family:ui-monospace,monospace!important;font-size:.62rem!important;letter-spacing:.32em!important;text-transform:uppercase!important;color:oklch(82% .1 252 / .85)!important;text-shadow:0 1px 2px oklch(0% 0 0 / .7)!important;margin:0!important}body.premium-dark .topbar-right{margin-left:auto!important;display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;z-index:3!important}body.premium-dark .topbar-search-pill{position:relative!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:9px 14px 9px 13px!important;border-radius:12px!important;cursor:pointer!important;font-size:.82rem!important;font-weight:600!important;font-family:var(--font-sans)!important;color:#f8f8f8!important;background:linear-gradient(150deg,#ffffff1a,#ffffff0a 35%,#ffffff05 65%,#ffffff14)!important;border:1px solid oklch(100% 0 0 / .18)!important;backdrop-filter:blur(36px) saturate(280%) brightness(1.1)!important;-webkit-backdrop-filter:blur(36px) saturate(280%) brightness(1.1)!important;box-shadow:0 1px #ffffff4d inset,0 -1px #0006 inset,0 -10px 16px -8px #49a2fe2e inset,0 4px 10px -2px #00000059,0 14px 32px -14px #0000008c,0 0 22px -8px #49a2fe33!important;overflow:hidden!important;transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .32s cubic-bezier(.2,.7,.2,1), background-color .32s cubic-bezier(.2,.7,.2,1), border-color .32s cubic-bezier(.2,.7,.2,1), color .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s cubic-bezier(.2,.7,.2,1), filter .32s cubic-bezier(.2,.7,.2,1)!important}body.premium-dark .topbar-search-pill:before{content:""!important;position:absolute!important;top:0!important;left:12%!important;right:12%!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .55) 50%,transparent 100%)!important;pointer-events:none!important}body.premium-dark .topbar-search-pill:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle 80px at 18% 130%,oklch(70% .16 252 / .2) 0%,transparent 70%)!important;pointer-events:none!important;opacity:.8!important;transition:opacity .32s ease!important}body.premium-dark .topbar-search-pill:hover{transform:translateY(-1px)!important;border-color:var(--accent-cool-ring)!important;background:linear-gradient(150deg,#ffffff24,#ffffff0f,#ffffff1a)!important;box-shadow:0 1px #ffffff5c inset,0 -1px #0006 inset,0 -10px 18px -8px #49a2fe4d inset,0 6px 14px -2px #00000073,0 20px 40px -14px #000000a6,0 0 36px -6px #49a2fe80!important}body.premium-dark .topbar-search-pill:hover:after{opacity:1!important}body.premium-dark .topbar-search-pill:active{transform:translateY(0) scale(.985)!important}body.premium-dark .topbar-search-pill .tsp-icon{font-size:1rem!important;opacity:.95!important;filter:drop-shadow(0 0 6px oklch(70% .16 252 / .6))!important}body.premium-dark .topbar-search-pill .tsp-text{letter-spacing:.02em!important;color:#f8f8f8!important;text-shadow:0 1px 0 oklch(0% 0 0 / .55)!important}body.premium-dark .topbar-search-pill .tsp-kbd{padding:3px 7px!important;border-radius:6px!important;background:linear-gradient(180deg,#ffffff1a,#0000004d)!important;border:1px solid oklch(100% 0 0 / .18)!important;font-family:ui-monospace,monospace!important;font-size:.68rem!important;font-weight:700!important;color:#ffffffc7!important;letter-spacing:.04em!important;box-shadow:0 1px #ffffff40 inset,0 1px 2px #0000004d!important}body.premium-dark .topbar-date-pill{position:relative!important;display:inline-flex!important;align-items:center!important;padding:9px 16px!important;border-radius:12px!important;font-family:ui-monospace,monospace!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#f8f8f8!important;text-shadow:0 1px 2px oklch(0% 0 0 / .7)!important;background:linear-gradient(150deg,#ffffff1a,#ffffff0a 35%,#ffffff05 65%,#ffffff14)!important;border:1px solid oklch(100% 0 0 / .18)!important;backdrop-filter:blur(36px) saturate(280%) brightness(1.08)!important;-webkit-backdrop-filter:blur(36px) saturate(280%) brightness(1.08)!important;box-shadow:0 1px #ffffff4d inset,0 -1px #0006 inset,0 -10px 16px -8px #49a2fe29 inset,0 4px 10px -2px #00000059,0 14px 32px -14px #0000008c,0 0 22px -8px #49a2fe2e!important;overflow:hidden!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;--mx: 50%;--my: 50%}body.premium-dark .topbar-date-pill:before{content:""!important;position:absolute!important;top:0!important;left:14%!important;right:14%!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .55) 50%,transparent 100%)!important;pointer-events:none!important}body.premium-dark .topbar-date-pill:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle 100px at var(--mx) var(--my),oklch(82% .12 252 / .18) 0%,transparent 70%)!important;pointer-events:none!important;opacity:0!important;transition:opacity .3s ease!important}body.premium-dark .topbar-date-pill:hover:after{opacity:1!important}body.premium-dark .topbar-date-pill:hover{border-color:var(--accent-cool-ring)!important;transform:translateY(-1px)!important;box-shadow:0 1px #ffffff5c inset,0 -1px #0000006b inset,0 -10px 18px -8px #49a2fe42 inset,0 6px 14px -2px #00000073,0 20px 40px -14px #000000a6,0 0 32px -6px #49a2fe6b!important;transition:transform .32s cubic-bezier(.2,.7,.2,1), opacity .32s cubic-bezier(.2,.7,.2,1), background-color .32s cubic-bezier(.2,.7,.2,1), border-color .32s cubic-bezier(.2,.7,.2,1), color .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s cubic-bezier(.2,.7,.2,1), filter .32s cubic-bezier(.2,.7,.2,1)!important}@media(max-width:900px){body.premium-dark .topbar-titles{position:static!important;transform:none!important;left:auto!important;top:auto!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:auto!important;align-items:flex-start!important;text-align:left!important}body.premium-dark .topbar-titles:before,body.premium-dark .topbar-titles:after{display:none!important}body.premium-dark .topbar-titles-halo{display:none!important}body.premium-dark .topbar-title{font-size:1.25rem!important}}@media(prefers-reduced-motion:reduce){body.premium-dark .topbar-titles:before,body.premium-dark .topbar-titles-halo,body.premium-dark .topbar-titles-halo:before,body.premium-dark .topbar-titles-halo:after{animation:none!important}body.premium-dark .topbar-titles{transition:none!important}}

/* ─────────── LEGACY: premium.css ─────────── */
body.premium-dark{background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(170,220,90,.1),transparent 60%),radial-gradient(ellipse 70% 55% at 90% 90%,rgba(115,160,30,.08),transparent 70%),radial-gradient(ellipse 60% 50% at 5% 50%,rgba(178,198,138,.04),transparent 65%),linear-gradient(180deg,var(--bg-solid,#0C0907),var(--bg-solid,#0C0907),var(--bg-solid,#0C0907))!important;color:#eaf5d2!important;background-attachment:fixed!important}body.premium-dark:after{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")!important;opacity:.5!important;mix-blend-mode:overlay!important}body.premium-dark .stage-bg{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important;perspective:4500px!important;perspective-origin:50% 38%!important}body.premium-dark .stage-bg:before{content:"";position:absolute;inset:-55%;background:radial-gradient(ellipse 50% 35% at 50% 55%,rgba(35,50,75,.24) 0%,transparent 65%),radial-gradient(ellipse 72% 52% at 82% 92%,rgba(115,160,30,.2) 0%,transparent 70%),radial-gradient(ellipse 60% 42% at 18% 85%,rgba(178,198,138,.08) 0%,transparent 65%);filter:blur(160px);transform:translateZ(-3500px) scale(4.2);animation:deepDrift 90s ease-in-out infinite alternate;opacity:.92}body.premium-dark .stage-bg:after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 220deg at 60% -15%,transparent 0deg,rgba(220,235,170,.22) 8deg,transparent 18deg,rgba(220,235,170,.14) 32deg,transparent 55deg,rgba(220,235,170,.18) 75deg,transparent 115deg,rgba(220,235,170,.1) 140deg,transparent 180deg),radial-gradient(ellipse 35% 28% at 85% 88%,rgba(115,160,30,.32) 0%,transparent 70%),radial-gradient(2px 2px at 18% 22%,rgba(178,198,138,.55),transparent 50%),radial-gradient(1.6px 1.6px at 42% 58%,rgba(178,198,138,.42),transparent 50%),radial-gradient(1.4px 1.4px at 72% 18%,rgba(178,198,138,.4),transparent 50%),radial-gradient(1.6px 1.6px at 88% 65%,rgba(178,198,138,.45),transparent 50%),radial-gradient(1.2px 1.2px at 28% 80%,rgba(178,198,138,.35),transparent 50%);filter:blur(95px);transform:translateZ(-2200px) scale(2.4);animation:stageDrift 60s ease-in-out infinite alternate}body.premium-dark .stage-bg .stars{position:absolute;inset:-10%;background-image:radial-gradient(2px 2px at 12% 18%,rgba(170,220,90,.85),transparent 50%),radial-gradient(1.4px 1.4px at 28% 42%,rgba(255,250,235,.65),transparent 50%),radial-gradient(1.6px 1.6px at 47% 25%,rgba(178,198,138,.7),transparent 50%),radial-gradient(1.4px 1.4px at 63% 64%,rgba(255,250,235,.55),transparent 50%),radial-gradient(2.4px 2.4px at 78% 14%,rgba(170,220,90,.8),transparent 50%),radial-gradient(1.4px 1.4px at 88% 78%,rgba(178,198,138,.55),transparent 50%),radial-gradient(1.8px 1.8px at 8% 73%,rgba(255,250,235,.65),transparent 50%),radial-gradient(1.4px 1.4px at 38% 89%,rgba(170,220,90,.55),transparent 50%),radial-gradient(2.2px 2.2px at 92% 38%,rgba(255,250,235,.78),transparent 50%),radial-gradient(1.4px 1.4px at 55% 8%,rgba(178,198,138,.55),transparent 50%),radial-gradient(1.6px 1.6px at 17% 55%,rgba(170,220,90,.5),transparent 50%),radial-gradient(1.4px 1.4px at 68% 38%,rgba(255,250,235,.45),transparent 50%);background-size:100% 100%;transform:translateZ(-700px);animation:starsDrift 120s linear infinite;opacity:1}body.premium-dark .stage-bg .spotlight{position:absolute;top:-8%;left:50%;width:90%;height:70%;transform:translate(-50%) translateZ(-150px);background:radial-gradient(ellipse 55% 45% at center,rgba(170,220,90,.18) 0%,rgba(170,220,90,.05) 35%,transparent 70%);filter:blur(50px);pointer-events:none;animation:spotlightPulse 14s ease-in-out infinite}body.premium-dark .stage-bg .vignette{position:absolute;inset:0;background:radial-gradient(ellipse 100% 95% at center,transparent 30%,rgba(var(--surf-deep-rgb),.65) 85%,rgba(var(--surf-deep-rgb),.92) 100%),linear-gradient(180deg,rgba(var(--surf-deep-rgb),.18) 0%,transparent 18%,transparent 78%,rgba(var(--surf-deep-rgb),.55) 100%);pointer-events:none}@keyframes deepDrift{0%{transform:translateZ(-3500px) scale(4.2) translate(-1.5%,-1.5%) rotate(-1deg)}to{transform:translateZ(-3500px) scale(4.6) translate(2.5%,2.5%) rotate(1.5deg)}}@keyframes stageDrift{0%{transform:translateZ(-2200px) scale(2.4) translate(-2.5%,-2.5%) rotate(-1.2deg)}to{transform:translateZ(-2200px) scale(2.7) translate(2.5%,2.5%) rotate(1.2deg)}}@keyframes starsDrift{0%{transform:translateZ(-700px) translate(0)}to{transform:translateZ(-700px) translate(-15%,-8%)}}@keyframes spotlightPulse{0%,to{opacity:.6;transform:translate(-50%) translateZ(-150px) scale(1)}50%{opacity:1;transform:translate(-50%) translateZ(-150px) scale(1.1)}}body.premium-dark .app-layout,body.premium-dark .main-content,body.premium-dark .page-content{position:relative;z-index:2;background:transparent!important}body.premium-dark .page-content{perspective:2400px!important;perspective-origin:50% 30%!important;transform-style:preserve-3d!important}body.premium-dark .proj-statbar,body.premium-dark .proj-list,body.premium-dark .grid-auto,body.premium-dark .grid-2{transform-style:preserve-3d!important}body.premium-dark .proj-stat{box-shadow:0 1px #fff3 inset,0 0 0 .5px #ffffff0d inset,0 8px 16px -8px #00000080,0 24px 48px -12px #000000b3,0 48px 80px -24px #0000008c!important}body.premium-dark .proj-stat:hover{box-shadow:0 1px #ffffff47 inset,0 12px 24px -8px #0009,0 36px 64px -12px #000c,0 72px 120px -32px #0009,0 0 50px -8px #adcb5566!important}body.premium-dark .phase-section{box-shadow:0 1px #ffffff1f inset,0 8px 16px -8px #00000073,0 28px 56px -16px #000000b3,0 60px 100px -32px #0000008c!important}body.premium-dark .proj-row{box-shadow:0 1px #ffffff24 inset,0 6px 12px -6px #0006,0 18px 36px -10px #0000008c,0 36px 64px -20px #00000073!important}body.premium-dark .proj-row:hover{box-shadow:0 1px #ffffff38 inset,0 10px 20px -6px #0000008c,0 28px 50px -12px #000000b3,0 56px 96px -24px #0000008c,0 0 40px -8px #adcb5552!important}body.premium-dark .card,body.premium-dark .partner-card{box-shadow:0 1px #ffffff29 inset,0 8px 16px -6px #00000073,0 24px 48px -12px #0009,0 56px 96px -28px #00000080!important}body.premium-dark .card:hover,body.premium-dark .partner-card:hover{box-shadow:0 1px #ffffff3d inset,0 12px 24px -6px #0009,0 36px 64px -14px #000000bf,0 80px 130px -36px #0009,0 0 48px -10px #adcb5552!important}body.premium-dark .partner-hero,body.premium-dark .dataroom-hero{box-shadow:0 1px #f5fad73d inset,0 12px 24px -8px #0000008c,0 40px 70px -16px #000000b3,0 80px 140px -36px #0000008c,0 0 80px -16px #adcb555c!important}body.premium-dark .proj-toolbar,body.premium-dark .filter-bar{box-shadow:0 1px #ffffff2e inset,0 6px 12px -6px #0006,0 20px 40px -12px #0000008c,0 40px 70px -24px #0006!important}body.premium-dark .tilt-3d{transform-style:preserve-3d!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)!important}body.premium-dark .tilt-3d.active{transition:transform .1s linear!important}} body.premium-dark .main-content::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(var(--surf-deep-rgb),.4) 0%,transparent 70%),radial-gradient(ellipse 80% 30% at 50% 0%,rgba(var(--surf-deep-rgb),.3) 0%,transparent 60%)}body.premium-dark .proj-statbar{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:14px!important;margin:24px 0 28px!important;perspective:1200px!important}@media(max-width:1280px){body.premium-dark .proj-statbar{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:720px){body.premium-dark .proj-statbar{grid-template-columns:1fr 1fr!important}}body.premium-dark .proj-stat{position:relative!important;padding:20px 20px 18px!important;border-radius:18px!important;background:linear-gradient(150deg,#ffffff12,#ffffff06 22%,#ffffff04 50%,#ffffff0d)!important;backdrop-filter:blur(22px) saturate(180%)!important;-webkit-backdrop-filter:blur(22px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 1px #ffffff2e inset,0 0 0 .5px #ffffff0a inset,0 18px 40px -16px #000000b3!important;cursor:pointer!important;transition:transform .45s cubic-bezier(.2,.7,.2,1), opacity .45s cubic-bezier(.2,.7,.2,1), background-color .45s cubic-bezier(.2,.7,.2,1), border-color .45s cubic-bezier(.2,.7,.2,1), color .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s cubic-bezier(.2,.7,.2,1), filter .45s cubic-bezier(.2,.7,.2,1)!important;transform-style:preserve-3d!important;display:flex!important;align-items:center!important;gap:14px!important;overflow:hidden!important}body.premium-dark .proj-stat:before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 14%,transparent 32%,transparent 68%,rgba(255,255,255,.04) 88%,rgba(255,255,255,.1) 100%)!important;mix-blend-mode:overlay!important}body.premium-dark .proj-stat:after{content:""!important;position:absolute!important;top:0!important;left:24px!important;right:24px!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(170,220,90,.55) 50%,transparent 100%)!important;opacity:.65!important}body.premium-dark .proj-stat:hover{transform:translateY(-3px) rotateX(2deg)!important;border-color:#c2dc7852!important;box-shadow:0 1px #ffffff3d inset,0 24px 50px -12px #000c,0 0 40px -8px #adcb554d!important}body.premium-dark .proj-stat.is-active{border-color:#c2dc788c!important;background:linear-gradient(150deg,#c2dc782e,#b2c68a0f 22%,#b2c68a0a 50%,#c2dc781a)!important;box-shadow:0 1px #f5fad74d inset,0 0 0 .5px #c2dc7833 inset,0 0 32px -6px #adcb558c!important}body.premium-dark .proj-stat .stat-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(150deg,#c2dc782e,var(--green,#6E8E22)0f)!important;border:1px solid rgba(170,220,90,.22)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffe9b6!important;flex-shrink:0!important;box-shadow:0 0 22px -6px #adcb5573 inset!important}body.premium-dark .proj-stat .stat-num{font-family:Fraunces,Georgia,serif!important;font-weight:300!important;font-style:italic!important;font-size:1.95rem!important;line-height:1!important;margin-bottom:4px!important;color:#fffcf2!important;text-shadow:0 0 18px rgba(140,190,34,.35),0 1px 2px rgba(0,0,0,.5)!important}body.premium-dark .proj-stat .stat-label{font-family:SF Mono,Menlo,monospace!important;font-size:10px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#ffe9b6!important;font-weight:600!important;margin-bottom:4px!important;text-shadow:0 0 10px rgba(140,190,34,.3)!important}body.premium-dark .proj-stat .stat-sub{font-size:11px!important;color:#95a6b8!important;letter-spacing:.04em!important}body.premium-dark .proj-toolbar{background:linear-gradient(150deg,#ffffff12,#ffffff06,#ffffff0d)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;padding:14px 16px!important;box-shadow:0 1px #ffffff29 inset,0 16px 38px -14px #0009!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin-bottom:22px!important;position:relative!important}body.premium-dark .filter-bar{background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(22px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;padding:14px 16px!important;box-shadow:0 1px #ffffff24 inset,0 14px 32px -12px #0000008c!important;margin-bottom:22px!important}body.premium-dark .search-input{background:var(--bg-solid,#0C0907)8c!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:100px!important;padding:8px 16px!important;flex:1!important;min-width:240px!important;display:flex!important;align-items:center!important;gap:10px!important;transition:transform .3s ease, opacity .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease, filter .3s ease!important}body.premium-dark .search-input:focus-within{border-color:#c2dc7873!important;box-shadow:0 0 24px -6px #adcb5559!important}body.premium-dark .search-input input{background:transparent!important;border:0!important;outline:0!important;color:#eaf5d2!important;font-size:14px!important;flex:1!important;padding:0!important}body.premium-dark .search-input input::placeholder{color:#6b8294!important}body.premium-dark .filter-group{display:flex!important;align-items:center!important;gap:6px!important}body.premium-dark .filter-group-label{font-family:SF Mono,Menlo,monospace!important;font-size:10px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#95a6b8!important;font-weight:600!important;margin-right:4px!important}body.premium-dark .filter-chip{position:relative!important;font-family:SF Mono,Menlo,monospace!important;font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#b0bfcd!important;padding:8px 16px!important;border-radius:100px!important;background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;border:1px solid rgba(255,255,255,.12)!important;cursor:pointer!important;transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s cubic-bezier(.2,.7,.2,1), background-color .3s cubic-bezier(.2,.7,.2,1), border-color .3s cubic-bezier(.2,.7,.2,1), color .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s cubic-bezier(.2,.7,.2,1), filter .3s cubic-bezier(.2,.7,.2,1)!important;font-weight:600!important}body.premium-dark .filter-chip:hover{color:#fffcf2!important;border-color:#c2dc784d!important;transform:translateY(-1px)!important}body.premium-dark .filter-chip.is-on,body.premium-dark .filter-chip.active{color:#1a1410!important;background:linear-gradient(150deg,#ffe9b6,#b2c68a)!important;border-color:#c2dc788c!important;box-shadow:0 0 24px -6px #adcb558c!important;text-shadow:none!important}body.premium-dark select,body.premium-dark #sort-select{background:var(--bg-solid,#0C0907)8c!important;border:1px solid rgba(255,255,255,.12)!important;color:#eaf5d2!important;border-radius:100px!important;padding:8px 14px!important;font-size:12px!important;font-family:SF Mono,Menlo,monospace!important;letter-spacing:.06em!important}body.premium-dark .phase-section{background:linear-gradient(180deg,var(--panel-solid,#17130D)8c,var(--panel-solid,#17130D)73)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;padding:0!important;margin-bottom:18px!important;overflow:hidden!important;box-shadow:0 1px #ffffff1a inset,0 18px 40px -16px #0009!important;position:relative!important}body.premium-dark .phase-section:before{content:""!important;position:absolute!important;top:0!important;left:24px!important;right:24px!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,var(--phase-color, rgba(170,220,90,.55)) 50%,transparent 100%)!important;opacity:.7!important}body.premium-dark .phase-header,body.premium-dark .phase-head{padding:18px 24px!important;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;gap:14px!important;cursor:pointer!important;transition:background .3s ease!important}body.premium-dark .phase-header:hover,body.premium-dark .phase-head:hover{background:linear-gradient(180deg,rgba(170,220,90,.06) 0%,transparent 100%)!important}body.premium-dark .phase-icon{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(150deg,#c2dc782e,var(--green,#6E8E22)0a)!important;border:1px solid rgba(170,220,90,.22)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffe9b6!important;flex-shrink:0!important}body.premium-dark .phase-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:1.15rem!important;color:#fffcf2!important;text-shadow:0 1px 0 rgba(var(--surf-deep-rgb),.5)!important}body.premium-dark .phase-desc,body.premium-dark .phase-sub{font-size:.78rem!important;color:#95a6b8!important;letter-spacing:.02em!important}body.premium-dark .phase-count{margin-left:auto!important;padding:6px 14px!important;background:#c2dc7824!important;border:1px solid rgba(170,220,90,.26)!important;border-radius:100px!important;color:#ffe9b6!important;font-family:SF Mono,Menlo,monospace!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important}body.premium-dark .phase-collapse-icon,body.premium-dark .phase-toggle{color:#95a6b8!important;transition:transform .3s ease!important}body.premium-dark .phase-section.collapsed .phase-toggle{transform:rotate(-90deg)!important}body.premium-dark .phase-section.collapsed .phase-body{display:none!important}body.premium-dark .phase-body{padding:16px 16px 20px!important}body.premium-dark .proj-list{display:flex!important;flex-direction:column!important;gap:10px!important;perspective:1400px!important}body.premium-dark .proj-row{position:relative!important;background:linear-gradient(150deg,#ffffff12,#ffffff06 22%,#ffffff04 50%,#ffffff0d)!important;backdrop-filter:blur(18px) saturate(180%)!important;-webkit-backdrop-filter:blur(18px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;padding:18px 22px!important;cursor:pointer!important;transition:transform .4s cubic-bezier(.2,.7,.2,1), opacity .4s cubic-bezier(.2,.7,.2,1), background-color .4s cubic-bezier(.2,.7,.2,1), border-color .4s cubic-bezier(.2,.7,.2,1), color .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s cubic-bezier(.2,.7,.2,1), filter .4s cubic-bezier(.2,.7,.2,1)!important;transform-style:preserve-3d!important;box-shadow:0 1px #ffffff1f inset,0 14px 32px -14px #00000080!important;overflow:hidden!important}body.premium-dark .proj-row:before{content:""!important;position:absolute!important;left:0!important;top:12px!important;bottom:12px!important;width:3px!important;background:var(--row-color, rgba(170,220,90,.7))!important;border-radius:0 4px 4px 0!important;box-shadow:0 0 18px var(--row-color, rgba(140,190,34,.55))!important}body.premium-dark .proj-row:after{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 14%,transparent 32%,transparent 68%,rgba(255,255,255,.03) 88%,rgba(255,255,255,.1) 100%)!important;mix-blend-mode:overlay!important}body.premium-dark .proj-row:hover{transform:translateY(-2px)!important;border-color:#c2dc7852!important;box-shadow:0 1px #ffffff2e inset,0 22px 44px -16px #000000b3,0 0 32px -8px #adcb5547!important}body.premium-dark .proj-row>*{position:relative;z-index:1}body.premium-dark .proj-name{font-family:Fraunces,Georgia,serif!important;font-weight:400!important;font-style:italic!important;font-size:1.08rem!important;color:#fffcf2!important;margin-bottom:4px!important;text-shadow:0 1px 0 rgba(var(--surf-deep-rgb),.4)!important}body.premium-dark .proj-meta{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;color:#95a6b8!important;font-size:.78rem!important}body.premium-dark .proj-meta-item{color:#b0bfcd!important}body.premium-dark .bl-pill{background:#c2dc781f!important;border:1px solid rgba(170,220,90,.26)!important;color:#ffe9b6!important;font-family:SF Mono,Menlo,monospace!important;font-size:10px!important;letter-spacing:.12em!important;padding:2px 8px!important;border-radius:6px!important;font-weight:700!important}body.premium-dark .resp-avatar{background:linear-gradient(150deg,#b2c68a,var(--green,#6E8E22))!important;color:#1a1410!important;border-radius:50%!important;font-weight:700!important;font-size:.6rem!important}body.premium-dark .badge.badge-blue{background:#7ab2ff29!important;border-color:#7ab2ff5c!important;color:#bbd4ff!important}body.premium-dark .badge.badge-gray{background:#ffffff1a!important;border-color:#ffffff2e!important;color:var(--ivory,#DDE5EE)!important}body.premium-dark .proj-typeicon{width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(150deg,#c2dc7829,var(--green,#6E8E22)0a)!important;border:1px solid rgba(170,220,90,.26)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffe9b6!important;font-size:1.1rem!important;box-shadow:0 0 18px -4px #adcb554d inset!important}body.premium-dark .proj-statusbadge{font-family:SF Mono,Menlo,monospace!important;font-size:10px!important;letter-spacing:.18em!important;padding:4px 10px!important;border-radius:100px!important;font-weight:700!important;margin-top:6px!important;text-transform:uppercase!important;border:1px solid currentColor!important;text-align:center!important}body.premium-dark .proj-metric-label{font-family:SF Mono,Menlo,monospace!important;font-size:9px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#95a6b8!important;font-weight:600!important;margin-bottom:4px!important}body.premium-dark .proj-metric-value{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:1.05rem!important;color:#fffcf2!important}body.premium-dark .proj-metric-value.warn{color:#ffd8b6!important}body.premium-dark .proj-metric-value.danger{color:#ff9b85!important}body.premium-dark .proj-metric-value.success{color:#b5d4ab!important}body.premium-dark .proj-metric-sub{font-size:11px!important;color:#95a6b8!important;margin-top:2px!important}body.premium-dark .proj-pdot{width:8px!important;height:8px!important;border-radius:50%!important;background:#ffffff24!important;box-shadow:0 0 8px -2px currentColor!important}body.premium-dark .proj-action-btn{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(150deg,#ffffff12,#ffffff05)!important;border:1px solid rgba(255,255,255,.14)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--ivory,#DDE5EE)!important;transition:transform .3s ease, opacity .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease, filter .3s ease!important;position:relative!important}body.premium-dark .proj-action-btn:hover{border-color:#c2dc7873!important;color:#ffe9b6!important;background:linear-gradient(150deg,#c2dc7829,var(--green,#6E8E22)0a)!important;transform:translateY(-1px)!important;box-shadow:0 0 22px -6px #adcb5573!important}body.premium-dark .card,body.premium-dark .partner-card{background:linear-gradient(150deg,#ffffff12,#ffffff06 22%,#ffffff04 50%,#ffffff0d)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;box-shadow:0 1px #ffffff24 inset,0 16px 36px -14px #0009!important;color:#eaf5d2!important;position:relative!important;overflow:hidden!important;transition:transform .4s cubic-bezier(.2,.7,.2,1), opacity .4s cubic-bezier(.2,.7,.2,1), background-color .4s cubic-bezier(.2,.7,.2,1), border-color .4s cubic-bezier(.2,.7,.2,1), color .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s cubic-bezier(.2,.7,.2,1), filter .4s cubic-bezier(.2,.7,.2,1)!important}body.premium-dark .partner-card:hover,body.premium-dark .card:hover{transform:translateY(-3px)!important;border-color:#c2dc7852!important;box-shadow:0 1px #ffffff2e inset,0 24px 48px -16px #000000bf,0 0 36px -8px #adcb5547!important}body.premium-dark .card-title,body.premium-dark .partner-card-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#fffcf2!important}body.premium-dark .partner-card-loc{color:#95a6b8!important}body.premium-dark .partner-card-top{background:#ffffff06!important;border-bottom:1px solid rgba(255,255,255,.06)!important}body.premium-dark .partner-card-footer{background:var(--bg-solid,#0C0907)73!important;border-top:1px solid rgba(255,255,255,.06)!important}body.premium-dark .card-body{color:var(--ivory,#DDE5EE)!important}body.premium-dark .partner-hero,body.premium-dark .dataroom-hero{background:linear-gradient(135deg,#c2dc781f,var(--panel-solid,#17130D)a6,var(--green,#6E8E22)1f)!important;backdrop-filter:blur(22px) saturate(180%)!important;border:1px solid rgba(170,220,90,.26)!important;border-radius:24px!important;padding:36px 40px!important;position:relative!important;overflow:hidden!important;box-shadow:0 1px #f5fad733 inset,0 24px 50px -16px #000000b3,0 0 60px -16px #adcb5552!important;margin-bottom:24px!important}body.premium-dark .partner-hero:before,body.premium-dark .dataroom-hero:before{content:""!important;position:absolute!important;top:0!important;left:30px!important;right:30px!important;height:1px!important;background:linear-gradient(90deg,transparent 0%,rgba(170,220,90,.65) 50%,transparent 100%)!important;opacity:.75!important}body.premium-dark .partner-hero-title,body.premium-dark .dataroom-hero-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:300!important;font-size:2.1rem!important;letter-spacing:-.02em!important;color:#fffcf2!important;text-shadow:0 1px 0 rgba(var(--surf-deep-rgb),.5),0 4px 18px rgba(0,0,0,.4)!important;margin-bottom:8px!important}body.premium-dark .partner-hero-sub,body.premium-dark .dataroom-hero-sub{color:var(--ivory,#DDE5EE)!important;font-size:.95rem!important;line-height:1.6!important}body.premium-dark .dataroom-kpi{background:linear-gradient(150deg,#ffffff1a,#ffffff08)!important;border:1px solid rgba(170,220,90,.24)!important;border-radius:14px!important;padding:14px 18px!important;text-align:center!important;min-width:120px!important;backdrop-filter:blur(14px)!important}body.premium-dark .dataroom-kpi-val{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:300!important;font-size:1.7rem!important;color:#ffe9b6!important;text-shadow:0 0 18px rgba(140,190,34,.5)!important;line-height:1!important}body.premium-dark .dataroom-kpi-label{font-family:SF Mono,Menlo,monospace!important;font-size:9px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#95a6b8!important;font-weight:600!important;margin-top:6px!important}body.premium-dark #empty-state,body.premium-dark .empty-state{background:linear-gradient(150deg,#ffffff0a,#ffffff03)!important;border:1px dashed rgba(255,255,255,.16)!important;border-radius:22px!important;padding:60px 24px!important;text-align:center!important}body.premium-dark .tab-bar{background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:100px!important;padding:6px!important;display:inline-flex!important;gap:4px!important;margin-bottom:24px!important;box-shadow:0 1px #ffffff24 inset,0 12px 28px -10px #0000008c!important}body.premium-dark #result-count{color:#95a6b8!important;font-family:SF Mono,Menlo,monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-size:11px!important}body.premium-dark .modal-overlay{background:var(--bg-solid,#0C0907)d9!important;backdrop-filter:blur(8px)!important}body.premium-dark .modal{background:linear-gradient(150deg,var(--panel-solid,#17130D)f2,var(--panel-solid,#17130D)eb)!important;backdrop-filter:blur(28px) saturate(180%)!important;border:1px solid rgba(170,220,90,.26)!important;color:#eaf5d2!important;box-shadow:0 28px 60px -20px #000000d9,0 0 80px -20px #adcb5552!important}body.premium-dark .sidebar-credit{margin:14px 12px 4px;padding:14px 14px 12px;position:relative;border-radius:12px;text-align:center;background:linear-gradient(180deg,#c2dc780a,var(--panel-solid,#17130D)4d);border:1px solid rgba(178,198,138,.12);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 1px #c2dc781a inset,0 -1px #0000004d inset,0 8px 22px -10px #0000008c}body.premium-dark .sidebar-credit:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(170,220,90,.45) 50%,transparent 100%);opacity:.65;pointer-events:none}body.premium-dark .sidebar-credit:after{content:"";position:absolute;inset:auto -4px -8px auto;width:60%;height:60%;background:radial-gradient(60% 80% at 30% 100%,rgba(140,190,34,.1),transparent 70%);pointer-events:none;border-radius:12px;z-index:0}body.premium-dark .sidebar-credit>*{position:relative;z-index:1}body.premium-dark .sidebar-credit .credit-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}body.premium-dark .sidebar-credit .credit-brand-mark{font-size:13px;letter-spacing:.04em;color:#c2dc78eb;text-shadow:0 0 14px rgba(140,190,34,.3)}body.premium-dark .sidebar-credit .credit-brand-italic{font-family:Fraunces,Inter,serif;font-style:italic;font-weight:600}body.premium-dark .sidebar-credit .credit-brand-thin{font-family:Inter,sans-serif;font-weight:300;letter-spacing:.18em;margin-left:2px}body.premium-dark .sidebar-credit .credit-version{font-family:SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.1em;padding:3px 8px;border-radius:99px;color:#c2dc78cc;background:#c2dc780f;border:1px solid rgba(170,220,90,.2);text-transform:uppercase;white-space:nowrap}body.premium-dark .sidebar-credit .credit-divider{height:1px;margin:0 4px 10px;background:linear-gradient(90deg,transparent 0%,rgba(178,198,138,.18) 50%,transparent 100%)}body.premium-dark .sidebar-credit .credit-line-row{display:flex;align-items:baseline;justify-content:center;gap:5px;font-size:9.5px;line-height:1.5;white-space:nowrap}body.premium-dark .sidebar-credit .credit-label{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#b2c68a66;font-weight:500}body.premium-dark .sidebar-credit .credit-strong{font-size:10.5px;font-weight:600;color:#e8d9b8eb;letter-spacing:.01em}body.premium-dark .sidebar-credit .credit-line-row+.credit-line-row{margin-top:3px}body.premium-dark .sidebar-credit{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease}body.premium-dark .sidebar-credit:hover{transform:translateY(-1px);border-color:#c2dc7838;box-shadow:0 1px #c2dc7826 inset,0 -1px #0000004d inset,0 12px 28px -10px #0009,0 0 0 1px #c2dc7814}body.premium-dark .topnav{background:linear-gradient(180deg,var(--panel-solid,#17130D)d9,var(--panel-solid,#17130D)c7)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border-bottom:1px solid rgba(178,198,138,.14)!important;box-shadow:0 1px #ffffff0f inset,0 14px 32px -10px #0009!important;color:#eaf5d2!important}body.premium-dark .topnav-logo{color:#fffcf2!important;font-weight:500!important}body.premium-dark .topnav-logo-icon{background:linear-gradient(150deg,#ffe9b6,#b2c68a)!important;color:#1a1410!important;box-shadow:0 0 18px -4px #adcb558c!important}body.premium-dark .section-eyebrow{font-family:SF Mono,Menlo,monospace!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#ffe9b6!important;font-weight:600!important;text-shadow:0 0 12px rgba(140,190,34,.4)!important}body.premium-dark .section-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:300!important;color:#fffcf2!important;text-shadow:0 1px 0 rgba(var(--surf-deep-rgb),.6),0 4px 18px rgba(0,0,0,.4)!important}body.premium-dark .section-sub{color:var(--ivory,#DDE5EE)!important}body.premium-dark .track-card{position:relative!important;background:linear-gradient(150deg,#ffffff12,#ffffff06 22%,#ffffff04 50%,#ffffff0d)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;box-shadow:0 1px #ffffff29 inset,0 8px 16px -6px #00000073,0 24px 48px -12px #0009,0 56px 96px -28px #00000080!important;overflow:hidden!important;color:#eaf5d2!important;transition:transform .4s cubic-bezier(.2,.7,.2,1), opacity .4s cubic-bezier(.2,.7,.2,1), background-color .4s cubic-bezier(.2,.7,.2,1), border-color .4s cubic-bezier(.2,.7,.2,1), color .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s cubic-bezier(.2,.7,.2,1), filter .4s cubic-bezier(.2,.7,.2,1)!important}body.premium-dark .track-card:hover{transform:translateY(-3px)!important;border-color:#c2dc7852!important;box-shadow:0 1px #ffffff3d inset,0 12px 24px -6px #0009,0 36px 64px -14px #000000bf,0 80px 130px -36px #0009,0 0 48px -10px #adcb5552!important}body.premium-dark .track-card.selected{border-color:#c2dc788c!important;box-shadow:0 1px #f5fad74d inset,0 0 32px -6px #adcb558c!important}body.premium-dark .track-card-icon{background:linear-gradient(150deg,#c2dc782e,var(--green,#6E8E22)0f)!important;border:1px solid rgba(170,220,90,.22)!important}body.premium-dark .track-card-label{font-family:SF Mono,Menlo,monospace!important;font-size:11px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#ffe9b6!important;font-weight:600!important}body.premium-dark .track-card-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#fffcf2!important}body.premium-dark .track-card-sub{color:#b0bfcd!important}body.premium-dark .track-card-reward{background:linear-gradient(150deg,#c2dc7829,var(--green,#6E8E22)0a)!important;border:1px solid rgba(170,220,90,.3)!important;color:#ffe9b6!important}body.premium-dark .wizard-card,body.premium-dark .wizard-section,body.premium-dark .calc-card,body.premium-dark .booking-card,body.premium-dark .upload-zone{background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;color:#eaf5d2!important;box-shadow:0 1px #ffffff24 inset,0 16px 36px -14px #0009!important}body.premium-dark .upload-zone:hover{border-color:#c2dc7852!important;background:linear-gradient(150deg,#c2dc7814,#ffffff08)!important}body.premium-dark .wizard-title,body.premium-dark .step-title,body.premium-dark .calc-title,body.premium-dark .upload-zone-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#fffcf2!important}body.premium-dark .wizard-sub,body.premium-dark .step-sub,body.premium-dark .calc-sub,body.premium-dark .upload-zone-sub{color:#b0bfcd!important}body.premium-dark .type-card,body.premium-dark .slot-btn{background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;border:1px solid rgba(255,255,255,.12)!important;color:#eaf5d2!important;border-radius:14px!important;transition:transform .3s cubic-bezier(.2,.7,.2,1), opacity .3s cubic-bezier(.2,.7,.2,1), background-color .3s cubic-bezier(.2,.7,.2,1), border-color .3s cubic-bezier(.2,.7,.2,1), color .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s cubic-bezier(.2,.7,.2,1), filter .3s cubic-bezier(.2,.7,.2,1)!important}body.premium-dark .type-card:hover,body.premium-dark .slot-btn:hover{border-color:#c2dc784d!important;transform:translateY(-1px)!important}body.premium-dark .type-card.selected,body.premium-dark .slot-btn.selected{border-color:#c2dc788c!important;background:linear-gradient(150deg,#c2dc782e,#b2c68a0f)!important;box-shadow:0 0 24px -6px #adcb558c!important}body.premium-dark .type-card-label{color:#eaf5d2!important}body.premium-dark .slot-day{color:#95a6b8!important}body.premium-dark .calc-row{border-bottom:1px solid rgba(255,255,255,.06)!important}body.premium-dark .calc-row-label{color:#95a6b8!important}body.premium-dark .calc-row-val{color:#fffcf2!important}body.premium-dark .calc-total{border-top:1px solid rgba(170,220,90,.32)!important;padding-top:14px!important;margin-top:14px!important}body.premium-dark .calc-total-label{font-family:SF Mono,Menlo,monospace!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:#ffe9b6!important}body.premium-dark .calc-total-val{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;color:#ffe9b6!important;text-shadow:0 0 18px rgba(140,190,34,.4)!important}body.premium-dark .calc-total-sub{color:#95a6b8!important}body.premium-dark .calc-kwp-input,body.premium-dark .calc-range{background:var(--bg-solid,#0C0907)8c!important;border:1px solid rgba(255,255,255,.12)!important;color:#eaf5d2!important;border-radius:100px!important}body.premium-dark .doc-chip{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;color:#b0bfcd!important;border-radius:100px!important}body.premium-dark .doc-chip.checked{background:#5c8a4f2e!important;border-color:#5c8a4f73!important;color:#b5d4ab!important}body.premium-dark .doc-chip-bonus{background:#c2dc7829!important;border-color:#c2dc7852!important;color:#ffe9b6!important}body.premium-dark .doc-chip-label{color:inherit!important}body.premium-dark .bonus-bar{background:var(--bg-solid,#0C0907)8c!important;border-radius:100px!important;height:8px!important}body.premium-dark .bonus-bar-fill{background:linear-gradient(90deg,#b2c68a,#ffe9b6)!important;border-radius:100px!important;box-shadow:0 0 18px -2px #adcb558c!important}body.premium-dark .success-screen{background:linear-gradient(150deg,#ffffff0d,#ffffff03)!important;border:1px solid rgba(170,220,90,.32)!important;border-radius:24px!important;color:#eaf5d2!important;box-shadow:0 24px 50px -16px #000000b3,0 0 60px -16px #adcb5552!important}body.premium-dark .success-icon{background:linear-gradient(150deg,#ffe9b6,#b2c68a)!important;color:#1a1410!important;box-shadow:0 0 32px -6px #adcb558c!important}body.premium-dark .success-title{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;color:#fffcf2!important}body.premium-dark .success-sub{color:#b0bfcd!important}body.premium-dark .success-ref{background:var(--bg-solid,#0C0907)8c!important;border:1px solid rgba(170,220,90,.3)!important;color:#ffe9b6!important;font-family:SF Mono,Menlo,monospace!important}body.premium-dark .badge,body.premium-dark .badge-gruen,body.premium-dark .badge-gelb,body.premium-dark .badge-blue{border-radius:100px!important}body.premium-dark .client-shell{background:transparent!important;color:#eaf5d2!important}body.premium-dark .client-topbar{background:linear-gradient(180deg,var(--panel-solid,#17130D)d9,var(--panel-solid,#17130D)c7)!important;backdrop-filter:blur(28px) saturate(180%)!important;border-bottom:1px solid rgba(178,198,138,.14)!important;box-shadow:0 1px #ffffff0f inset!important}body.premium-dark .client-brand-mark{color:#fffcf2!important;font-size:1.2rem!important;letter-spacing:.04em!important}body.premium-dark .client-brand-sub{color:#95a6b8!important;font-family:SF Mono,Menlo,monospace!important;font-size:10px!important;letter-spacing:.22em!important;text-transform:uppercase!important}body.premium-dark .client-user{color:#b0bfcd!important}body.premium-dark .access-banner{background:linear-gradient(150deg,#ffffff0f,#ffffff05)!important;backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(170,220,90,.26)!important;border-radius:22px!important;color:#eaf5d2!important;box-shadow:0 24px 50px -16px #000000b3,0 0 60px -16px #adcb5552!important}body.premium-dark h1,body.premium-dark h2,body.premium-dark h3,body.premium-dark h4{color:#fffcf2!important}body.premium-dark .topbar-hamburger{display:none;width:40px;height:40px;background:linear-gradient(150deg,#ffffff14,#ffffff05)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;color:#eaf5d2!important;align-items:center;justify-content:center;cursor:pointer;margin-right:8px;transition:transform .25s ease, opacity .25s ease, background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease, filter .25s ease;flex-shrink:0}body.premium-dark .topbar-hamburger:hover{border-color:#c2dc7873!important;color:#ffe9b6!important}body.premium-dark .sidebar-backdrop{display:none;position:fixed;inset:0;background:var(--bg-solid,#0C0907)c7;backdrop-filter:blur(8px);z-index:90;opacity:0;transition:opacity .3s ease}body.premium-dark .sidebar-backdrop.open{display:block;opacity:1}@media(max-width:980px){body.premium-dark .topbar-hamburger{display:inline-flex}body.premium-dark .topbar-back{display:none!important}body.premium-dark .sidebar{position:fixed!important;top:0;left:0;height:100vh;width:280px;z-index:100!important;transform:translate(-100%);transition:transform .4s cubic-bezier(.2,.7,.2,1)!important;box-shadow:0 0 80px -10px #000000d9,8px 0 40px -8px #adcb551f!important}body.premium-dark .sidebar.open{transform:translate(0)!important}body.premium-dark .main-content{margin-left:0!important;width:100%!important}body.premium-dark .partner-hero,body.premium-dark .dataroom-hero{padding:24px 22px!important}body.premium-dark .partner-hero-title,body.premium-dark .dataroom-hero-title{font-size:1.5rem!important}body.premium-dark .proj-statbar{grid-template-columns:1fr 1fr!important;gap:10px!important}body.premium-dark .proj-stat{padding:14px 14px 12px!important}body.premium-dark .proj-stat .stat-num{font-size:1.5rem!important}body.premium-dark .proj-toolbar,body.premium-dark .filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}body.premium-dark .filter-group{flex-wrap:wrap!important}body.premium-dark .search-input{min-width:0!important;width:100%!important}body.premium-dark .topbar{padding:0 16px!important;min-height:60px!important}body.premium-dark .topbar-title{font-size:1.05rem!important}body.premium-dark .topbar-breadcrumb{font-size:11px!important}body.premium-dark .topbar-right{gap:6px!important}body.premium-dark .topbar-right .btn{padding:0 12px!important;font-size:.78rem!important}body.premium-dark .partner-hero>div,body.premium-dark .dataroom-hero>div{grid-template-columns:1fr!important}body.premium-dark #partner-hero-stats,body.premium-dark .dataroom-kpi-block{grid-template-columns:repeat(3,1fr)!important}body.premium-dark .stage-bg .spotlight{width:120%!important;height:50%!important}}@media(max-width:600px){body.premium-dark .proj-statbar,body.premium-dark .grid-2,body.premium-dark .grid-auto{grid-template-columns:1fr!important}body.premium-dark .topbar-titles{min-width:0}body.premium-dark .topbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.premium-dark .topbar-breadcrumb{display:none!important}body.premium-dark .sidebar-credit{padding:10px 14px!important}}body.premium-dark .proj-stat,body.premium-dark .proj-row,body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .track-card,body.premium-dark .wizard-card,body.premium-dark .wizard-section,body.premium-dark .calc-card,body.premium-dark .booking-card,body.premium-dark .upload-zone,body.premium-dark .phase-section,body.premium-dark .partner-hero,body.premium-dark .dataroom-hero,body.premium-dark .access-banner,body.premium-dark .proj-toolbar,body.premium-dark .filter-bar,body.premium-dark .tab-bar,body.premium-dark .type-card,body.premium-dark .slot-btn,body.premium-dark .success-screen,body.premium-dark .topbar,body.premium-dark .sidebar,body.premium-dark .dataroom-kpi,body.premium-dark .stat-num,body.premium-dark .proj-name,body.premium-dark .proj-metric-value,body.premium-dark .calc-total-val,body.premium-dark h1,body.premium-dark h2,body.premium-dark h3,body.premium-dark h4{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}body.premium-dark .proj-stat:hover,body.premium-dark .proj-row:hover,body.premium-dark .card:hover,body.premium-dark .partner-card:hover,body.premium-dark .track-card:hover{transform:translateZ(0)!important}body.premium-dark .proj-stat,body.premium-dark .proj-row,body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .track-card,body.premium-dark .wizard-card,body.premium-dark .wizard-section,body.premium-dark .calc-card,body.premium-dark .booking-card,body.premium-dark .upload-zone,body.premium-dark .phase-section,body.premium-dark .partner-hero,body.premium-dark .dataroom-hero,body.premium-dark .access-banner,body.premium-dark .proj-toolbar,body.premium-dark .filter-bar,body.premium-dark .tab-bar,body.premium-dark .type-card,body.premium-dark .slot-btn,body.premium-dark .success-screen,body.premium-dark #empty-state,body.premium-dark .empty-state,body.premium-dark .dataroom-kpi{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.premium-dark .proj-stat:before,body.premium-dark .proj-row:after,body.premium-dark .card:before,body.premium-dark .partner-card:before,body.premium-dark .partner-hero:before,body.premium-dark .dataroom-hero:before,body.premium-dark .phase-section:before,body.premium-dark .stage-bg:after{mix-blend-mode:normal!important}body.premium-dark:after{opacity:.25!important;mix-blend-mode:normal!important}body.premium-dark .topbar{backdrop-filter:blur(14px) saturate(160%)!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important}body.premium-dark .sidebar{backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important}body.premium-dark .modal-overlay{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}body.premium-dark .proj-stat,body.premium-dark .proj-row,body.premium-dark .card,body.premium-dark .partner-card,body.premium-dark .track-card,body.premium-dark .wizard-card,body.premium-dark .partner-hero,body.premium-dark .dataroom-hero,body.premium-dark .phase-section{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.view-tabs{display:flex;gap:6px;margin-bottom:18px;padding:4px;background:var(--panel-solid,#17130D)8c;border:1px solid rgba(255,255,255,.06);border-radius:14px;width:fit-content;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}body.premium-dark .view-tabs{background:linear-gradient(180deg,#23201ca6,var(--panel-solid,#17130D)8c)!important;border-color:var(--green,#6E8E22)29!important;box-shadow:0 6px 22px #00000073,inset 0 1px #ffe6aa0f!important}.view-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:700;letter-spacing:.01em;color:var(--text-secondary, #b8bcc4);background:transparent;border:0;border-radius:10px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .15s ease;font-family:inherit}.view-tab:hover{color:var(--text, #fff);background:#ffffff0a}.view-tab.is-on{color:#1a1410;background:linear-gradient(180deg,var(--gold-soft,#F4D9A0),var(--green,#6E8E22));box-shadow:0 4px 14px var(--green,#6E8E22)6b,inset 0 1px #fffae68c}body.premium-dark .view-tab.is-on{color:#1a1410!important}.view-tab-icon{font-size:.95rem;line-height:1;opacity:.95}.view-tab-label{white-space:nowrap}.view-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;font-size:.72rem;font-weight:800;font-family:var(--font-mono, monospace);border-radius:999px;background:#00000040;color:inherit;letter-spacing:.02em}.view-tab.is-on .view-tab-count{background:#1a141038;color:#1a1410}@media(max-width:720px){.view-tabs{width:100%;overflow-x:auto}.view-tab{flex:1 0 auto;padding:9px 12px;font-size:.8rem}.view-tab-label{font-size:.78rem}}.today-block{margin-bottom:26px;padding:22px 24px;border-radius:20px;background:linear-gradient(180deg,#2d2822a6,var(--panel-solid,#17130D)73);border:1px solid rgba(170,220,90,.18);box-shadow:0 12px 36px #00000073,inset 0 1px #ffe6aa14;position:relative;overflow:hidden}.today-block:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,rgba(170,220,90,.1),transparent 55%);pointer-events:none}.today-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;position:relative;z-index:1}.today-greeting{font-family:Fraunces,serif;font-size:1.55rem;font-weight:400;color:var(--gold-soft,#F4D9A0);letter-spacing:-.01em;line-height:1.15}.today-sub{font-size:.84rem;color:#b2c68a;margin-top:4px;letter-spacing:.01em}.today-head-right{display:flex;gap:8px;flex-wrap:wrap}.td-pill{display:inline-flex;align-items:center;padding:6px 12px;font-size:.74rem;font-weight:800;letter-spacing:.04em;border-radius:999px;text-transform:uppercase}.td-pill-rot{background:#c96d5c2e;color:#fcc4ae;border:1px solid rgba(201,109,92,.36)}.td-pill-blue{background:#60a5fa29;color:#a4c7f4;border:1px solid rgba(96,165,250,.32)}.td-pill-gold{background:var(--green,#6E8E22)2e;color:var(--gold-soft,#F4D9A0);border:1px solid rgba(170,220,90,.36)}.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}@media(max-width:1100px){.today-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.today-grid{grid-template-columns:1fr}}.td-card{padding:18px 20px;border-radius:14px;background:linear-gradient(180deg,#231e1ad9,var(--panel-solid,#17130D)c7);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:12px;min-height:220px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.td-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000080}.td-card-rot{border-left:3px solid #C96D5C}.td-card-blue{border-left:3px solid #60A5FA}.td-card-gold{border-left:3px solid var(--green,#6E8E22)}.td-card-gruen{border-left:3px solid #6FA862}.td-card-head{display:flex;align-items:flex-start;gap:12px}.td-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;font-size:1.15rem;flex-shrink:0}.td-card-rot .td-card-icon{background:#c96d5c24;color:#fcc4ae}.td-card-blue .td-card-icon{background:#60a5fa24;color:#a4c7f4}.td-card-gold .td-card-icon{background:var(--green,#6E8E22)24;color:var(--gold-soft,#F4D9A0)}.td-card-gruen .td-card-icon{background:#6fa86224;color:#b5d4ab}.td-card-title{font-size:.98rem;font-weight:800;color:#f4f1ea;letter-spacing:-.01em}.td-card-sub{font-size:.78rem;color:#9c937f;margin-top:2px}.td-list{list-style:none;padding:0;margin:0;flex:1}.td-list li{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:8px;font-size:.84rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.td-list li:last-child{border-bottom:0}.td-list li:hover{background:var(--green,#6E8E22)0f}.td-list-text{color:#e8e2d4;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.td-list-meta{color:#9c937f;font-size:.74rem;font-weight:700;letter-spacing:.02em}.td-empty{padding:22px 8px;text-align:center;color:#ffffff4d;font-size:.82rem;flex:1;display:flex;align-items:center;justify-content:center}.td-cta{display:inline-flex;align-items:center;align-self:flex-start;font-size:.8rem;font-weight:700;color:var(--gold-soft,#F4D9A0);text-decoration:none;letter-spacing:.02em;padding-top:4px}.td-cta:hover{color:#ffe9b5;text-decoration:underline}.topbar-search-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px 7px 10px;margin-right:6px;background:var(--panel-solid,#17130D)8c;border:1px solid rgba(170,220,90,.16);border-radius:10px;cursor:pointer;color:var(--text-secondary, #b8bcc4);font-size:.82rem;font-weight:600;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.topbar-search-pill:hover{background:var(--green,#6E8E22)1a;border-color:var(--green,#6E8E22)52;color:var(--gold-soft,#F4D9A0)}.tsp-icon{font-size:.92rem;opacity:.75}.tsp-text{letter-spacing:.01em}.tsp-kbd{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#00000052;font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:700;color:#ffffff8c;letter-spacing:.02em}@media(max-width:640px){.tsp-text{display:none}.topbar-search-pill{padding:7px 9px}}.audit-banner{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:16px;border-radius:12px;background:linear-gradient(180deg,#f59e0b29,#f59e0b0f);border:1px solid rgba(245,158,11,.36);color:#d7e89e;font-size:.86rem;position:relative}.audit-banner-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f59e0b38;color:#fbbf24;font-size:1rem;flex-shrink:0}.audit-banner-text{flex:1;line-height:1.45}.audit-banner-text strong{color:#d7e89e}.audit-banner-close{background:transparent;border:0;color:#ffffff8c;font-size:1.4rem;font-weight:300;cursor:pointer;padding:0 6px;line-height:1}.audit-banner-close:hover{color:var(--ivory,#F4EFE6)}body.premium-dark .proj-meta-item.lead-quelle-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:#60a5fa24!important;color:#a4c7f4!important;border:1px solid rgba(96,165,250,.32);border-radius:999px;font-size:.7rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}body.premium-dark .proj-meta-item.lead-quelle-chip:hover{background:#60a5fa47!important;transform:translateY(-1px)}@media(max-width:720px){.today-block{padding:16px 14px;border-radius:14px;margin-bottom:18px}.today-greeting{font-size:1.18rem;line-height:1.2}.today-sub{font-size:.78rem}.today-head{margin-bottom:12px;align-items:flex-start;flex-direction:column;gap:6px}.today-head-right{gap:6px}.td-pill{padding:4px 9px;font-size:.66rem}.today-grid{gap:10px;grid-template-columns:1fr}.td-card{padding:14px 16px;min-height:0;border-radius:12px;gap:8px}.td-card-icon{width:32px;height:32px;font-size:1rem;border-radius:8px}.td-card-title{font-size:.92rem}.td-card-sub{font-size:.74rem}.td-list li{padding:8px;font-size:.82rem;gap:8px}.td-list-text{max-width:64%}.td-list-meta{font-size:.7rem}.td-cta{font-size:.78rem}}@media(max-width:720px){.topbar-date-pill{font-size:.7rem;padding:4px 9px;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:540px){.kpi-grid{grid-template-columns:1fr!important;gap:10px!important}.kpi-card{padding:14px 16px!important}.kpi-value{font-size:1.45rem!important}}body.premium-dark .tracker-card-linked{transition:transform .15s ease,border-color .18s ease,box-shadow .18s ease!important}body.premium-dark .tracker-card-linked:hover{transform:translateY(-1px)!important;border-color:var(--green,#6E8E22)73!important;box-shadow:0 12px 30px #0000008c,0 0 0 1px var(--green,#6E8E22)40!important}body.premium-dark .tracker-card-orphan{border-style:dashed!important;border-color:#ffffff1a!important;opacity:.85}.tracker-pipeline-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(180deg,var(--gold-soft,#F4D9A0),var(--green,#6E8E22));color:#1a1410!important;border-radius:8px;font-size:.78rem;font-weight:800;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .18s ease;box-shadow:0 4px 12px var(--green,#6E8E22)52}.tracker-pipeline-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px var(--green,#6E8E22)80}.tracker-not-in-pipeline{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.32);border-radius:8px;font-size:.74rem;font-weight:700;letter-spacing:.01em;cursor:help}.tracker-pill-kunde{background:var(--green,#6E8E22)2e!important;color:var(--gold-soft,#F4D9A0)!important;border:1px solid rgba(170,220,90,.32)!important}.tracker-pill-quelle{background:#60a5fa29!important;color:#a4c7f4!important;border:1px solid rgba(96,165,250,.32)!important}body.premium-dark .nav-section{position:relative;padding-top:4px}body.premium-dark .nav-section+.nav-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(170,220,90,.1)}body.premium-dark .nav-section-header{padding:4px 14px 8px;margin-bottom:2px}body.premium-dark .nav-section-label{font-size:.66rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--gold-soft,#F4D9A0)!important;line-height:1.1!important;margin:0!important}body.premium-dark .nav-section-sub{font-size:.66rem;color:#b2c68a8c;letter-spacing:.02em;margin-top:3px;line-height:1.25}

/* ─────────── LEGACY: premium-pages.css ─────────── */
body.premium-dark{--pp-glass-bg: oklch(100% 0 0 / .035);--pp-glass-bg-strong: oklch(100% 0 0 / .055);--pp-glass-border: oklch(100% 0 0 / .08);--pp-glass-border-strong: oklch(70% .16 252 / .3);--pp-shadow-soft: 0 12px 32px oklch(0% 0 0 / .35), 0 0 0 1px oklch(100% 0 0 / .04) inset;--pp-shadow-lift: 0 18px 48px oklch(0% 0 0 / .5), 0 0 0 1px oklch(100% 0 0 / .07) inset, 0 0 36px oklch(70% .16 252 / .14);--pp-aurora: radial-gradient(ellipse 70% 110% at 50% 0%, oklch(70% .16 252 / .1), transparent 60%);--pp-blue: oklch(70% .16 252);--pp-blue-soft: oklch(82% .1 252);--pp-text: oklch(96% 0 0);--pp-text-mute: oklch(82% .1 252 / .65);--pp-mono: ui-monospace, monospace;--pp-display: "Fraunces", Georgia, serif}body.premium-dark .page-content{position:relative;padding-top:18px}body.premium-dark .page-content:before{content:"";position:absolute;inset:-40px 0 auto;height:220px;background:var(--pp-aurora);pointer-events:none;opacity:.9;z-index:0}body.premium-dark .page-content>*{position:relative;z-index:1}body.premium-dark .view-tabs{display:inline-flex;gap:4px;background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:14px;padding:4px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft)}body.premium-dark .view-tab{background:transparent;border:0;color:var(--pp-text-mute);padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s ease,color .18s ease,transform .18s ease}body.premium-dark .view-tab:hover{background:#ffffff0d;color:var(--pp-text)}body.premium-dark .view-tab.is-on{background:linear-gradient(150deg,#49a2fe2e,#49a2fe14);color:var(--ivory,#F4EFE6);box-shadow:0 0 0 1px #49a2fe73 inset,0 6px 16px #49a2fe38}body.premium-dark .view-tab-count{font-family:var(--pp-mono);font-size:.62rem;letter-spacing:.18em;background:#ffffff0f;padding:2px 8px;border-radius:999px;color:var(--pp-blue-soft)}body.premium-dark .proj-toolbar,body.premium-dark .aufgaben-toolbar,body.premium-dark .feed-toolbar,body.premium-dark .filter-bar,body.premium-dark .crm-toolbar,body.premium-dark .ang-toolbar,body.premium-dark .anfr-toolbar{background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:14px;padding:12px 14px;margin:14px 0;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft);display:flex;flex-wrap:wrap;gap:12px;align-items:center}body.premium-dark .search-input{background:#ffffff0a;border:1px solid var(--pp-glass-border);border-radius:10px;padding:4px 10px;display:inline-flex;align-items:center;gap:8px;flex:1;min-width:180px;transition:border-color .18s ease,box-shadow .18s ease}body.premium-dark .search-input:focus-within{border-color:#49a2fe8c;box-shadow:0 0 0 3px #49a2fe26}body.premium-dark .search-input input{background:transparent;border:0;outline:none;color:var(--pp-text);font-size:.88rem;padding:8px 4px;flex:1}body.premium-dark .filter-chip,body.premium-dark .chip{background:#ffffff08;border:1px solid var(--pp-glass-border);color:var(--pp-text-mute);padding:6px 12px;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease}body.premium-dark .filter-chip:hover,body.premium-dark .chip:hover{background:#ffffff0f;color:var(--pp-text);transform:translateY(-1px)}body.premium-dark .filter-chip.is-on,body.premium-dark .filter-chip.active,body.premium-dark .chip.is-on,body.premium-dark .chip.active{background:linear-gradient(150deg,#49a2fe38,#49a2fe1a);color:var(--ivory,#F4EFE6);border-color:#49a2fe8c;box-shadow:0 6px 16px #49a2fe38}body.premium-dark .filter-group-label{font-family:var(--pp-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-text-mute);margin-right:4px}body.premium-dark .proj-statbar,body.premium-dark .feed-hero,body.premium-dark .ang-hero,body.premium-dark .ang-hero-grid,body.premium-dark .statbar,body.premium-dark .kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 18px}body.premium-dark .feed-stat,body.premium-dark .ang-hero-block,body.premium-dark .kpi-card,body.premium-dark .stat-tile{background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:14px;padding:14px 16px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft);transition:transform .22s ease,box-shadow .22s ease}body.premium-dark .feed-stat:hover,body.premium-dark .ang-hero-block:hover,body.premium-dark .kpi-card:hover,body.premium-dark .stat-tile:hover{transform:translateY(-2px);box-shadow:var(--pp-shadow-lift)}body.premium-dark .feed-stat-value,body.premium-dark .hero-num,body.premium-dark .kpi-card-value{font-family:var(--pp-display);font-style:italic;font-weight:400;font-size:1.65rem;color:var(--ivory,#F4EFE6);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px oklch(0% 0 0 / .6),0 0 14px oklch(70% .16 252 / .3);line-height:1.1}body.premium-dark .feed-stat-label,body.premium-dark .hero-label,body.premium-dark .kpi-card-label{font-family:var(--pp-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-text-mute);margin-top:4px}body.premium-dark .feed-stat-sub,body.premium-dark .hero-sub,body.premium-dark .kpi-card-sub{font-size:.72rem;color:var(--pp-text-mute);margin-top:6px}body.premium-dark .phase-section{background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:14px;margin:14px 0;overflow:hidden;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}body.premium-dark .phase-header{padding:12px 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,oklch(70% .16 252 / .12),transparent 60%);cursor:pointer;transition:background .18s ease}body.premium-dark .phase-header:hover{background:linear-gradient(90deg,#49a2fe2e,#ffffff08 60%)}body.premium-dark .phase-title{font-family:var(--pp-display);font-style:italic;font-weight:400;font-size:1.05rem;color:var(--ivory,#F4EFE6)}body.premium-dark .phase-desc{font-family:var(--pp-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pp-text-mute)}body.premium-dark .phase-count{margin-left:auto;font-family:var(--pp-mono);font-size:.7rem;letter-spacing:.12em;color:var(--pp-blue-soft);background:#ffffff0d;padding:4px 10px;border-radius:999px}body.premium-dark .proj-row,body.premium-dark .funnel-row,body.premium-dark .bell-row,body.premium-dark .activity-item,body.premium-dark .feed-group{background:#ffffff05;border:1px solid oklch(100% 0 0 / .04);border-radius:12px;padding:12px 14px;margin:6px 0;display:flex;align-items:center;gap:12px;transition:background .18s ease,transform .18s ease,border-color .18s ease}body.premium-dark .proj-row:hover,body.premium-dark .funnel-row:hover,body.premium-dark .bell-row:hover,body.premium-dark .activity-item:hover{background:#ffffff0d;border-color:#49a2fe38;transform:translate(2px)}body.premium-dark .ang-card{background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:16px;padding:16px 18px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}body.premium-dark .ang-card:hover{transform:translateY(-3px);box-shadow:var(--pp-shadow-lift);border-color:#49a2fe4d}body.premium-dark .ang-card-title{font-family:var(--pp-display);font-style:italic;font-weight:400;font-size:1.1rem;color:var(--ivory,#F4EFE6)}body.premium-dark .ang-card-sub,body.premium-dark .ang-card-meta{font-size:.78rem;color:var(--pp-text-mute)}body.premium-dark .ang-card-pill{font-family:var(--pp-mono);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:#ffffff0d;color:var(--pp-blue-soft)}body.premium-dark .empty-state,body.premium-dark .aufgaben-empty,body.premium-dark .feed-empty{text-align:center;padding:48px 24px;background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:16px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft);margin:24px 0}body.premium-dark .empty-state-icon,body.premium-dark .b-empty-icon{font-size:2.4rem;opacity:.55;margin-bottom:12px;filter:drop-shadow(0 0 12px oklch(70% .16 252 / .45))}body.premium-dark .empty-state-title{font-family:var(--pp-display);font-style:italic;font-weight:400;font-size:1.2rem;color:var(--ivory,#F4EFE6)}body.premium-dark .empty-state-text{font-size:.88rem;color:var(--pp-text-mute);margin-top:6px}body.premium-dark table.data-table,body.premium-dark table.heat-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:14px;overflow:hidden;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}body.premium-dark table.data-table thead th,body.premium-dark table.heat-table thead th{background:linear-gradient(90deg,oklch(70% .16 252 / .1),transparent);color:var(--pp-text);font-family:var(--pp-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;padding:12px 14px;text-align:left;border-bottom:1px solid var(--pp-glass-border);position:sticky;top:0;z-index:2}body.premium-dark table.data-table tbody td,body.premium-dark table.heat-table tbody td{padding:12px 14px;border-bottom:1px solid oklch(100% 0 0 / .03);font-size:.86rem;color:#e6ecf2}body.premium-dark table.data-table tbody tr:hover td,body.premium-dark table.heat-table tbody tr:hover td{background:#ffffff0a}body.premium-dark .btn,body.premium-dark .btn-primary,body.premium-dark .btn-ghost,body.premium-dark .btn-sm{border-radius:11px;font-weight:600;transition:transform .18s ease,box-shadow .22s ease,background .22s ease}body.premium-dark .btn-primary{background:linear-gradient(150deg,#1d7cd5,#075ea9);color:var(--ivory,#F4EFE6);border:1px solid oklch(70% .16 252 / .45);box-shadow:0 6px 18px #49a2fe38}body.premium-dark .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #49a2fe57}body.premium-dark .btn-ghost{background:#ffffff08;border:1px solid var(--pp-glass-border);color:var(--pp-text)}body.premium-dark .btn-ghost:hover{background:#ffffff0f;border-color:#49a2fe4d}body.premium-dark .funnel{background:var(--pp-glass-bg);border:1px solid var(--pp-glass-border);border-radius:16px;padding:18px 20px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--pp-shadow-soft);margin:14px 0}body.premium-dark .funnel-fill{background:linear-gradient(90deg,#1d7cd5,#49a2fe);box-shadow:0 0 18px #49a2fe66;border-radius:4px}body.premium-dark .bell-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;font-size:1.1rem}body.premium-dark .bell-days{font-family:var(--pp-mono);font-size:.62rem;letter-spacing:.18em;background:oklch(85% .18 125 / .18);color:#fbdd67;padding:3px 10px;border-radius:999px;border:1px solid oklch(85% .18 125 / .3)}body.premium-dark .activity-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;font-family:var(--pp-mono);font-size:.72rem;color:var(--pp-blue-soft);flex-shrink:0}body.premium-dark .activity-time{font-family:var(--pp-mono);font-size:.62rem;letter-spacing:.16em;color:var(--pp-text-mute);margin-left:auto}@keyframes pp-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.premium-dark .page-content.fade-in,body.premium-dark .page-content{animation:pp-fadein .32s cubic-bezier(.2,.8,.2,1) both}body.premium-dark .topbar-back{background:#ffffff0a;border:1px solid var(--pp-glass-border);color:var(--pp-text);border-radius:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease;cursor:pointer}body.premium-dark .topbar-back:hover{background:#ffffff14;border-color:#49a2fe73;transform:translate(-2px);box-shadow:0 0 18px #49a2fe38}body.premium-dark .sidebar-nav{text-align:center}body.premium-dark .nav-section-label,body.premium-dark aside.sidebar .nav-section-label{text-align:center!important;display:block!important;padding:18px 0 10px!important;margin:12px 0 4px!important;font-family:ui-monospace,monospace!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:#e8f3fff2!important;text-shadow:0 1px 0 oklch(0% 0 0 / .65),0 2px 6px oklch(0% 0 0 / .45),0 0 14px oklch(70% .16 252 / .35)!important;opacity:1!important}body.premium-dark .nav-item{justify-content:center!important;text-align:center!important;width:auto!important}body.premium-dark .nav-item:hover{transform:translateY(-1px)!important}body.premium-dark .nav-item.active:before{inset:auto auto 4px 50%!important;transform:translate(-50%)!important;width:24px!important;height:2px!important;border-radius:2px!important;background:linear-gradient(90deg,transparent 0%,var(--accent-cool, oklch(70% .16 252)) 30%,oklch(82% .12 252) 50%,var(--accent-cool, oklch(70% .16 252)) 70%,transparent 100%)!important}body.premium-dark .sidebar-footer{text-align:center!important}body.premium-dark .sidebar-user{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:10px!important}body.premium-dark .sidebar-user .user-info{text-align:center!important;flex:0 1 auto!important}body.premium-dark .sidebar-user .user-name,body.premium-dark .sidebar-user .user-role{text-align:center!important}body.premium-dark .sidebar-credit{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}body.premium-dark .sidebar-credit .credit-brand,body.premium-dark .sidebar-credit .credit-line-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;text-align:center!important}body.premium-dark .sidebar-credit .credit-divider{margin:0 auto!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item,body.premium-dark aside.sidebar nav.sidebar-nav .nav-item.active,body.premium-dark aside.sidebar nav.sidebar-nav a.nav-item,body.premium-dark aside.sidebar nav.sidebar-nav button.nav-item,body.premium-dark aside.sidebar nav.sidebar-nav button.nav-item.active{position:relative!important;display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;column-gap:10px!important;text-align:left!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:6px 12px!important;padding:11px 16px!important;box-sizing:border-box!important;justify-items:start!important;text-indent:0!important;white-space:nowrap!important;overflow:hidden!important;background:linear-gradient(165deg,#ffffff14,#ffffff08 40%,#00000026)!important;border:1px solid oklch(100% 0 0 / .1)!important;border-radius:13px!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important;box-shadow:inset 0 1px #ffffff38,inset 0 1px 2px #ffffff14,inset 0 -1px #0000004d,0 1px #ffffff0a,0 4px 10px #0000004d,0 8px 20px #0000002e!important;transform:translateZ(0)!important;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background .22s ease!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item:after{content:""!important;position:absolute!important;inset:1px 1px auto!important;height:45%!important;background:linear-gradient(180deg,oklch(100% 0 0 / .12) 0%,oklch(100% 0 0 / .04) 60%,transparent 100%)!important;border-radius:12px 12px 0 0!important;pointer-events:none!important;z-index:0!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item>*{position:relative!important;z-index:1!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item:hover{transform:translateY(-2px) translateZ(0)!important;background:linear-gradient(165deg,#ffffff1f,#ffffff0d 40%,#0000001a)!important;border-color:#49a2fe66!important;box-shadow:inset 0 1px #ffffff52,inset 0 1px 2px #ffffff1f,inset 0 -1px #0000004d,0 1px #ffffff0f,0 8px 18px #0006,0 14px 32px #0000003d,0 0 24px #49a2fe47!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item.active{transform:translateY(-1px) translateZ(0)!important;background:linear-gradient(165deg,#49a2fe38,#49a2fe1a 40%,#0000001f)!important;border-color:#49a2fe8c!important;box-shadow:inset 0 1px #ffffff59,inset 0 1px 2px #ffffff24,inset 0 -1px #0000004d,0 1px #ffffff14,0 6px 14px #0006,0 12px 28px #00000038,0 0 28px #49a2fe66,0 0 56px #49a2fe2e!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item.active:after{background:linear-gradient(180deg,oklch(100% 0 0 / .2) 0%,oklch(70% .16 252 / .06) 60%,transparent 100%)!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item:hover>.nav-icon,body.premium-dark aside.sidebar nav.sidebar-nav .nav-item.active>.nav-icon{filter:drop-shadow(0 0 6px oklch(70% .16 252 / .55)) drop-shadow(0 0 14px oklch(70% .16 252 / .3))!important;color:oklch(86% .14 252)!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item>.nav-icon{width:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;text-align:center!important;margin:0!important;grid-column:1!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item>.nav-label{grid-column:2!important;text-align:left!important;margin:0!important;width:auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body.premium-dark aside.sidebar nav.sidebar-nav .nav-item>.nav-badge{grid-column:3!important;justify-self:end!important;align-self:center!important;margin:0!important;white-space:nowrap!important;flex-shrink:0!important}body.premium-dark .nav-item.active:before{display:none!important}body.premium-dark .sidebar-logo-mark .logo-italic,body.premium-dark aside.sidebar .sidebar-logo-mark .logo-italic{font-family:Fraunces,Georgia,serif!important;font-style:italic!important;font-weight:600!important;background:linear-gradient(165deg,#dff1a8,#f4dfa8 18%,#e8c77c 35%,#c8a14a 55%,var(--green,#6E8E22) 72%,#7e5f2a 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 0 10px oklch(80% .14 125 / .55)) drop-shadow(0 1px 0 oklch(0% 0 0 / .5))!important}body.premium-dark .sidebar-logo-mark .logo-thin{color:#f8f8f8!important;-webkit-text-fill-color:oklch(98% 0 0)!important;background:none!important;text-shadow:0 1px 0 oklch(0% 0 0 / .7),0 2px 6px oklch(0% 0 0 / .5),0 0 14px oklch(75% .1 125 / .3)!important}body.premium-dark .sidebar-credit .credit-line-row:last-of-type{display:none!important}body.is-mobile-nav.premium-dark .sidebar-nav,body.is-mobile-nav.premium-dark .nav-item,body.is-mobile-nav.premium-dark .sidebar-user,body.is-mobile-nav.premium-dark .sidebar-credit{text-align:initial;justify-content:initial}@media(max-width:768px){body.premium-dark .proj-toolbar,body.premium-dark .aufgaben-toolbar,body.premium-dark .feed-toolbar,body.premium-dark .filter-bar{flex-direction:column;align-items:stretch}body.premium-dark .proj-statbar,body.premium-dark .feed-hero,body.premium-dark .kpi-row{grid-template-columns:repeat(2,1fr)}}

/* ─────────── LEGACY: glass-enhancements.css ─────────── */
body.premium-dark .widget-loading,body.premium-dark [data-skeleton],body.premium-dark .skeleton{position:relative;min-height:60px;border-radius:10px;background:linear-gradient(90deg,#ffffff0a,oklch(82% .1 252 / .1),#ffffff0a);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;color:oklch(82% .1 252 / .7)!important;font-family:ui-monospace,monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-shadow:0 0 12px oklch(70% .16 252 / .4)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.premium-dark .skeleton-line{height:12px;margin:6px 0;border-radius:4px;background:linear-gradient(90deg,#ffffff08,oklch(82% .1 252 / .08),#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}body.premium-dark .skeleton-line.w-50{width:50%}body.premium-dark .skeleton-line.w-70{width:70%}body.premium-dark .skeleton-line.w-90{width:90%}body.premium-dark:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 35% at 20% 8%,oklch(70% .16 252 / .18) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 88% 45%,oklch(82% .14 220 / .14) 0%,transparent 70%),radial-gradient(ellipse 70% 30% at 15% 92%,oklch(78% .12 240 / .16) 0%,transparent 75%),repeating-linear-gradient(0deg,transparent 0px,transparent 39px,oklch(82% .1 252 / .025) 40px,transparent 41px,transparent 80px),repeating-linear-gradient(90deg,transparent 0px,transparent 79px,oklch(82% .1 252 / .018) 80px,transparent 81px,transparent 160px);filter:blur(.5px);animation:pattern-drift 40s ease-in-out infinite}@keyframes pattern-drift{0%,to{transform:translate(0)}33%{transform:translate(20px,-10px)}66%{transform:translate(-15px,18px)}}html{scroll-behavior:smooth}body{-webkit-overflow-scrolling:touch}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:380px}.toast{position:relative;pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 18px 14px 16px;border-radius:14px;background:linear-gradient(150deg,#ffffff1f,#ffffff0a,#ffffff14);backdrop-filter:blur(40px) saturate(280%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(280%) brightness(1.1);border:1px solid oklch(100% 0 0 / .18);box-shadow:0 1px #ffffff52 inset,0 -1px #0006 inset,0 12px 28px -10px #0000008c,0 0 32px -8px var(--accent-glow, oklch(70% .16 252 / .4));color:#f2f2f2;font-size:.88rem;line-height:1.45;overflow:hidden;animation:toast-slide-in .42s cubic-bezier(.2,.7,.2,1);text-shadow:0 1px 2px oklch(0% 0 0 / .6)}.toast:before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .55) 50%,transparent 100%)}.toast.toast-success{border-color:#5bbe628c}.toast.toast-success:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,oklch(72% .16 145),transparent);box-shadow:0 0 12px #5bbe62d9}.toast.toast-error{border-color:#f547488c}.toast.toast-error:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,oklch(65% .21 25),transparent);box-shadow:0 0 12px #f54748d9}.toast.toast-info{border-color:oklch(78% .16 252 / .55)}.toast.toast-info:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,oklch(78% .16 252),transparent);box-shadow:0 0 12px oklch(78% .16 252 / .85)}.toast-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{font-weight:700;margin-bottom:2px;color:var(--ivory,#F4EFE6)}.toast-msg{font-size:.82rem;color:#e6ecf2eb}.toast-close{background:none;border:0;cursor:pointer;color:#d1d1d18c;font-size:1rem;padding:0 4px;transition:color .2s ease}.toast-close:hover{color:var(--ivory,#F4EFE6)}.toast.toast-leaving{animation:toast-slide-out .32s ease-in forwards}@keyframes toast-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}body.premium-dark .live-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid oklch(100% 0 0 / .1);backdrop-filter:blur(20px);font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:oklch(82% .1 252 / .85)}body.premium-dark .live-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#7cdf81,#45ba50 60%);box-shadow:0 0 8px #5bbe62d9,0 0 16px #5bbe6273;animation:live-dot-pulse 2.4s ease-in-out infinite}body.premium-dark .live-indicator.has-activity .live-dot{background:radial-gradient(circle,oklch(85% .16 252),oklch(70% .18 252) 60%);box-shadow:0 0 12px #49a2fef2,0 0 24px #49a2fea6;animation:live-dot-flash .6s ease-out}@keyframes live-dot-pulse{0%,to{box-shadow:0 0 8px #5bbe628c,0 0 16px #5bbe6240;transform:scale(1)}50%{box-shadow:0 0 14px #5bbe62f2,0 0 28px #5bbe628c;transform:scale(1.12)}}@keyframes live-dot-flash{0%{transform:scale(1);box-shadow:0 0 14px #49a2fef2}50%{transform:scale(1.6);box-shadow:0 0 24px #49a2fe,0 0 40px #49a2fe80}to{transform:scale(1);box-shadow:0 0 12px #49a2fef2}}body.premium-dark [data-lucide]{width:18px;height:18px;stroke-width:1.8;color:#d2e7ff;filter:drop-shadow(0 1px 2px oklch(0% 0 0 / .55));transition:transform .22s cubic-bezier(.2,.7,.2,1), opacity .22s cubic-bezier(.2,.7,.2,1), background-color .22s cubic-bezier(.2,.7,.2,1), border-color .22s cubic-bezier(.2,.7,.2,1), color .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s cubic-bezier(.2,.7,.2,1), filter .22s cubic-bezier(.2,.7,.2,1)}body.premium-dark .nav-item.active [data-lucide]{color:oklch(82% .14 252);filter:drop-shadow(0 0 6px oklch(70% .16 252 / .85)) drop-shadow(0 0 14px oklch(70% .16 252 / .45))}body.premium-dark .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}[data-counter]{font-variant-numeric:tabular-nums}[data-counter].counting{color:oklch(82% .14 252)}@media(prefers-reduced-motion:reduce){body.premium-dark:before{animation:none}body.premium-dark .widget-loading,body.premium-dark .skeleton-line,body.premium-dark .live-dot{animation:none}}body.premium-dark .cmdk-backdrop,.cmdk-backdrop{background:radial-gradient(ellipse at top,#010810a6,#000205d9)!important;backdrop-filter:blur(14px) saturate(180%)!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important}body.premium-dark .cmdk-panel,.cmdk-panel{background:linear-gradient(150deg,#ffffff1a,#ffffff08 30%,#ffffff05,#ffffff14)!important;backdrop-filter:blur(52px) saturate(300%) brightness(1.1)!important;-webkit-backdrop-filter:blur(52px) saturate(300%) brightness(1.1)!important;border:1px solid oklch(100% 0 0 / .18)!important;border-radius:22px!important;box-shadow:0 1px #ffffff52 inset,0 -1px #0006 inset,0 -28px 36px -22px #49a2fe38 inset,0 22px 56px -16px #000000bf,0 0 60px -10px #49a2fe73,0 0 100px -20px #59d6fa4d!important;overflow:hidden!important;position:relative!important}body.premium-dark .cmdk-panel:before,.cmdk-panel:before{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent 0%,oklch(100% 0 0 / .65) 50%,transparent 100%);pointer-events:none}body.premium-dark .cmdk-input-row,.cmdk-input-row{border-bottom:1px solid oklch(100% 0 0 / .12)!important;padding:22px 26px!important}body.premium-dark .cmdk-input,.cmdk-input{color:var(--ivory,#F4EFE6)!important;font-size:1.1rem!important;text-shadow:0 1px 2px oklch(0% 0 0 / .55)}body.premium-dark .cmdk-input::placeholder,.cmdk-input::placeholder{color:oklch(82% .1 252 / .55)!important}body.premium-dark .cmdk-input-icon,.cmdk-input-icon{color:oklch(82% .14 252)!important;filter:drop-shadow(0 0 8px oklch(70% .16 252 / .6))!important}body.premium-dark .cmdk-kbd,.cmdk-kbd{background:linear-gradient(180deg,#ffffff1a,#0000004d)!important;border:1px solid oklch(100% 0 0 / .18)!important;color:#ffffffc7!important;box-shadow:0 1px #ffffff40 inset,0 1px 2px #0000004d!important}body.premium-dark .cmdk-section-label,.cmdk-section-label{font-family:ui-monospace,monospace!important;color:oklch(82% .1 252 / .7)!important;letter-spacing:.2em!important;padding:14px 18px 8px!important}body.premium-dark .cmdk-item,.cmdk-item{padding:12px 18px!important;margin:2px 6px!important;border-radius:10px!important;transition:transform .18s cubic-bezier(.2,.7,.2,1), opacity .18s cubic-bezier(.2,.7,.2,1), background-color .18s cubic-bezier(.2,.7,.2,1), border-color .18s cubic-bezier(.2,.7,.2,1), color .18s cubic-bezier(.2,.7,.2,1), box-shadow .18s cubic-bezier(.2,.7,.2,1), filter .18s cubic-bezier(.2,.7,.2,1)!important;border:1px solid transparent!important}body.premium-dark .cmdk-item:hover,body.premium-dark .cmdk-item.is-active,.cmdk-item:hover,.cmdk-item.is-active{background:#ffffff0f!important;border-color:var(--accent-cool-ring, oklch(70% .16 252 / .5))!important;transform:translate(2px)}body.premium-dark .cmdk-item-icon,.cmdk-item-icon{background:#ffffff0f!important;color:oklch(82% .14 252)!important;border:1px solid oklch(100% 0 0 / .1)!important;box-shadow:0 1px #ffffff2e inset,0 0 12px -2px #49a2fe73!important}body.premium-dark .cmdk-item:hover .cmdk-item-icon,.cmdk-item:hover .cmdk-item-icon{background:var(--accent-cool-soft, oklch(70% .16 252 / .18))!important;color:var(--ivory,#F4EFE6)!important}body.premium-dark .cmdk-item-title,.cmdk-item-title{color:var(--ivory,#F4EFE6)!important;text-shadow:0 1px 2px oklch(0% 0 0 / .55)!important}body.premium-dark .cmdk-item-meta,.cmdk-item-meta{color:oklch(82% .1 252 / .65)!important}body.premium-dark .cmdk-tag-projekt,.cmdk-tag-projekt{background:#49a2fe33!important;color:oklch(88% .14 252)!important;border:1px solid oklch(70% .16 252 / .35)}body.premium-dark .cmdk-tag-kunde,.cmdk-tag-kunde{background:oklch(82% .14 220 / .2)!important;color:oklch(90% .12 220)!important;border:1px solid oklch(82% .14 220 / .35)}body.premium-dark .cmdk-tag-anfrage,.cmdk-tag-anfrage{background:#69c1fc38!important;color:oklch(90% .12 240)!important;border:1px solid oklch(78% .12 240 / .35)}body.premium-dark .cmdk-tag-nav,.cmdk-tag-nav{background:#ffffff0d!important;color:#b2d1f5!important;border:1px solid oklch(100% 0 0 / .1)}body.premium-dark .cmdk-tag-action,.cmdk-tag-action{background:#5bbe6238!important;color:#79ec80!important;border:1px solid oklch(72% .16 145 / .35)}body.premium-dark .cmdk-footer,.cmdk-footer{background:#00000040!important;border-top:1px solid oklch(100% 0 0 / .1)!important;color:oklch(82% .1 252 / .55)!important}body.premium-dark .cmdk-empty,.cmdk-empty{color:oklch(82% .1 252 / .4)!important;font-family:ui-monospace,monospace!important;letter-spacing:.1em!important;font-size:.78rem!important;text-transform:uppercase!important}body.premium-dark .leaflet-tile-pane,body.lk-embed .leaflet-tile-pane{filter:none!important}body.premium-dark .leaflet-container,body.lk-embed .leaflet-container{background:var(--bg-solid,#0C0907)!important}body.premium-dark .leaflet-marker-icon.leaflet-div-icon,body.lk-embed .leaflet-marker-icon.leaflet-div-icon{background:transparent!important;border:0!important}body.premium-dark .leaflet-popup-content-wrapper,body.lk-embed .leaflet-popup-content-wrapper{background:linear-gradient(150deg,#ffffff1a,#ffffff0a)!important;backdrop-filter:blur(48px) saturate(280%)!important;-webkit-backdrop-filter:blur(48px) saturate(280%)!important;border:1px solid oklch(100% 0 0 / .18)!important;border-radius:14px!important;box-shadow:0 1px #ffffff52 inset,0 12px 32px -8px #000000a6,0 0 36px -10px #49a2fe73!important;color:#f2f2f2!important}body.premium-dark .leaflet-popup-tip,body.lk-embed .leaflet-popup-tip{background:var(--panel-solid,#17130D)f2!important;border-top:1px solid oklch(100% 0 0 / .18)!important;border-left:1px solid oklch(100% 0 0 / .18)!important}body.premium-dark .lead-pin-disc,body.lk-embed .lead-pin-disc{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,oklch(82% .14 252) 30%,oklch(60% .18 252));border:1.5px solid oklch(100% 0 0 / .55);box-shadow:0 0 12px #49a2fef2,0 0 24px #49a2fe8c,inset 0 1px 2px #fff9;animation:lead-pin-pulse 3s ease-in-out infinite}@keyframes lead-pin-pulse{0%,to{box-shadow:0 0 12px #49a2fea6,0 0 24px #49a2fe59,inset 0 1px 2px #fff9}50%{box-shadow:0 0 18px #49a2fe,0 0 36px #49a2fea6,inset 0 1px 2px #fffc}}body.premium-dark .leaflet-control-attribution,body.lk-embed .leaflet-control-attribution{background:#030c158c!important;color:oklch(82% .1 252 / .7)!important;font-size:10px!important}body.premium-dark .leaflet-control-attribution a,body.lk-embed .leaflet-control-attribution a{color:oklch(82% .14 252)!important}

body.premium-dark .marker-cluster,body.lk-embed .marker-cluster{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}

/* ─────────── LEGACY: crm.css ─────────── */
.crm-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.crm-toolbar .search-input{flex:1 1 280px;min-width:240px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--panel-solid,#17130D)8c;border:1px solid rgba(170,220,90,.16);border-radius:12px;backdrop-filter:blur(18px) saturate(140%)}.crm-toolbar .search-input input{flex:1;border:0;background:transparent;color:#e8e2d4;font-size:.9rem;outline:none}.crm-toolbar .search-input input::placeholder{color:#ffffff52}.form-select-sm{padding:8px 12px;background:var(--panel-solid,#17130D)8c;border:1px solid rgba(170,220,90,.16);border-radius:10px;color:#e8e2d4;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none}.kanban-wrap{width:100%}.kanban-board{display:grid;grid-template-columns:repeat(7,minmax(260px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}@media(max-width:1400px){.kanban-board{grid-template-columns:repeat(7,280px)}}.kanban-col{display:flex;flex-direction:column;min-height:60vh;background:linear-gradient(180deg,#23201c8c,var(--panel-solid,#17130D)66);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;position:relative}.kanban-col:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stage-color, var(--green,#6E8E22));opacity:.85}.kanban-col-head{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.04)}.kanban-col-title{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:800;color:var(--gold-soft,#F4D9A0);letter-spacing:.01em}.kanban-col-dot{width:9px;height:9px;border-radius:50%;background:var(--stage-color, var(--green,#6E8E22));box-shadow:0 0 8px var(--stage-color, var(--green,#6E8E22))}.kanban-col-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;border-radius:999px;background:var(--stage-bg, rgba(140,190,34,.16));color:var(--stage-color, var(--green,#6E8E22));font-size:.74rem;font-weight:800;font-family:var(--font-mono, monospace);letter-spacing:.04em}.kanban-col-sub{font-size:.72rem;color:#9c937f;margin-top:4px;letter-spacing:.02em}.kanban-col-body{padding:10px;flex:1;display:flex;flex-direction:column;gap:8px;transition:background .18s ease}.kanban-col-body.dnd-over{background:var(--stage-bg, rgba(140,190,34,.1));outline:2px dashed var(--stage-color, var(--green,#6E8E22));outline-offset:-6px;border-radius:12px}.kanban-empty{padding:20px 8px;text-align:center;font-size:.78rem;color:#ffffff47;border:1px dashed rgba(255,255,255,.08);border-radius:10px}#kunde-modal{position:fixed!important;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:var(--bg-solid,#0C0907)d1!important;backdrop-filter:blur(8px);border:none!important;border-radius:0!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;overflow:hidden!important}#kunde-modal:before,#kunde-modal:after{display:none!important}#kunde-modal .modal-content .modal-row{display:block!important;margin-bottom:14px!important}#kunde-modal .modal-content .modal-row label{display:block!important;font-size:.78rem!important;font-weight:700!important;color:#b2c68a!important;margin-bottom:6px!important;letter-spacing:.02em!important}#kunde-modal .modal-content .modal-row input,#kunde-modal .modal-content .modal-row textarea,#kunde-modal .modal-content .modal-row select{width:100%!important;padding:9px 12px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;color:#efe7d0!important;font-size:.88rem!important;font-family:inherit!important}#kunde-modal .modal-content .modal-row.two-col{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important}#kunde-modal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important}#kunde-modal .modal-footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:16px!important}#kunde-modal .modal-backdrop{position:absolute;inset:0;z-index:0}#kunde-modal .modal-content{position:relative;z-index:1;background:linear-gradient(165deg,#1c2330eb,var(--panel-solid,#17130D)f7);border:1px solid rgba(178,198,138,.18);border-radius:18px;padding:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px -20px #000000b3,inset 0 1px #f5fad70f}.kanban-empty-add{cursor:pointer;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease}.kanban-empty-add:hover{color:var(--stage-color, var(--green,#6E8E22));border-color:var(--stage-color, var(--green,#6E8E22));background:var(--stage-bg, rgba(140,190,34,.1))}.kanban-col-add{margin-left:6px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffff8c;font-size:1.05rem;line-height:1;border-radius:6px;cursor:pointer;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease;padding:0}.kanban-col-add:hover{border-color:var(--stage-color, var(--green,#6E8E22));color:var(--stage-color, var(--green,#6E8E22));background:var(--stage-bg, rgba(140,190,34,.15));transform:scale(1.08)}.kanban-card{background:linear-gradient(180deg,#2d2822c7,#1c1814d9);border:1px solid rgba(170,220,90,.16);border-radius:12px;padding:12px 14px;cursor:grab;transition:transform .15s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 3px 10px #0000004d}.kanban-card:hover{border-color:var(--green,#6E8E22)5c;box-shadow:0 8px 22px #00000080,0 0 0 1px var(--green,#6E8E22)40;transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.4;transform:scale(.97)}.kanban-card-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.kanban-card-avatar{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green,#6E8E22),#729e1b);color:#1a1410;font-size:.74rem;font-weight:800;letter-spacing:.02em;flex-shrink:0;box-shadow:0 2px 6px var(--green,#6E8E22)66}.kanban-card-firma{font-size:.88rem;font-weight:700;color:var(--gold-soft,#F4D9A0);line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kanban-card-ap{font-size:.78rem;color:#b2c68a;margin-bottom:6px}.kanban-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.kc-chip{font-size:.68rem;padding:2px 8px;border-radius:6px;background:#ffffff0d;color:#b2c68a;border:1px solid rgba(255,255,255,.04);font-weight:600}.kc-chip-on{background:#6fa8622e;color:#b5d4ab;border-color:#6fa86252}.kanban-card-vol{font-size:.85rem;font-weight:800;color:#b5d4ab;font-family:var(--font-mono, monospace);margin-top:4px}.kanban-card-notiz{font-size:.74rem;color:#ffffff8c;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04);line-height:1.4}.b-table-wrap{background:linear-gradient(180deg,#23201c8c,var(--panel-solid,#17130D)73);border:1px solid rgba(170,220,90,.14);border-radius:18px;overflow:hidden}.b-table{width:100%;border-collapse:separate;border-spacing:0}.b-table thead th{padding:14px 18px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#b2c68a;text-align:left;background:#0000002e;border-bottom:1px solid rgba(170,220,90,.18)}.b-table tbody td{padding:16px 18px;font-size:.9rem;color:#e8e2d4;border-bottom:1px solid rgba(255,255,255,.04)}.b-table tbody tr:hover td{background:var(--green,#6E8E22)0d;cursor:pointer}.b-table tbody tr:last-child td{border-bottom:0}.b-name{font-weight:700;color:var(--gold-soft,#F4D9A0)}.b-meta{font-size:.78rem;color:#9c937f;margin-top:2px}.b-pill{display:inline-flex;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:999px}.b-num{font-family:var(--font-mono, monospace);font-weight:700}.b-empty{padding:60px 24px;text-align:center;color:var(--text-secondary)}.b-empty-icon{font-size:2.6rem;opacity:.4;margin-bottom:10px}.modal-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-row.two-col label{display:block;font-size:.78rem;font-weight:700;color:#b2c68a;margin-bottom:4px;letter-spacing:.02em}@media(max-width:980px){.kanban-board{grid-template-columns:repeat(7,78vw)}.kanban-col{min-height:50vh}}.kc-chip-link{background:var(--green,#6E8E22)2e;color:var(--gold-soft,#F4D9A0);border:1px solid rgba(170,220,90,.36);cursor:pointer;font-weight:700;text-decoration:none;transition:background .15s ease,transform .15s ease}.kc-chip-link:hover{background:var(--green,#6E8E22)52;transform:translateY(-1px)}.quellen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.quelle-card{padding:18px 20px;border-radius:14px;background:linear-gradient(180deg,#231e1ad9,var(--panel-solid,#17130D)c7);border:1px solid rgba(96,165,250,.2);border-left:3px solid #60A5FA;cursor:pointer;transition:transform .15s ease,border-color .18s ease,box-shadow .18s ease}.quelle-card:hover{transform:translateY(-2px);border-color:#60a5fa80;box-shadow:0 10px 26px #00000080,0 0 0 1px #60a5fa52}.quelle-card.is-empty{border-left-color:#ffffff1a;border-color:#ffffff0f;cursor:default;opacity:.7}.quelle-card.is-empty:hover{transform:none;box-shadow:none}.quelle-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.quelle-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#60a5fa52,#60a5fa2e);color:#a4c7f4;font-weight:800;font-size:.86rem;letter-spacing:.02em;flex-shrink:0;border:1px solid rgba(96,165,250,.36)}.quelle-info{flex:1;min-width:0}.quelle-name{font-size:.95rem;font-weight:800;color:#f4f1ea;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quelle-meta{font-size:.75rem;color:#9c937f;margin-top:2px}.quelle-count{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:10px;background:#60a5fa29;color:#a4c7f4;font-weight:800;font-size:1.1rem;font-family:var(--font-mono, monospace);border:1px solid rgba(96,165,250,.28);flex-shrink:0}.quelle-projekte{margin:10px 0 4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.quelle-proj-line{font-size:.78rem;color:#b2c68a;padding:4px 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.quelle-proj-meta{color:#6b6452;font-size:.7rem;letter-spacing:.02em}.quelle-proj-more{color:#fff6;font-style:italic;font-size:.74rem}.quelle-foot{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:.78rem;color:#9c937f}.quelle-foot strong{color:#b5d4ab;font-family:var(--font-mono, monospace);font-weight:800}.stage-progress{display:flex;align-items:center;gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04)}.stage-dot{width:14px;height:6px;border-radius:3px;background:#ffffff14;transition:background .2s ease,transform .2s ease}.stage-dot.is-on{background:var(--stage-color, var(--green,#6E8E22))}.stage-dot.is-current{background:var(--stage-color, var(--green,#6E8E22));box-shadow:0 0 8px var(--stage-color, var(--green,#6E8E22));transform:scaleY(1.4)}.stage-progress.is-lost .stage-dot{background:#b85a4a2e}.stage-progress-label{margin-left:auto;font-size:.66rem;font-weight:800;color:var(--stage-color, var(--green,#6E8E22));font-family:var(--font-mono, monospace);letter-spacing:.04em}.stage-progress.is-lost .stage-progress-label{color:#fff6;font-weight:700}.kanban-card{position:relative}.kanban-card-stagebtn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:8px;border:1px solid rgba(170,220,90,.18);background:var(--panel-solid,#17130D)8c;color:var(--green,#6E8E22)a6;font-size:.95rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,color .15s ease,transform .15s ease,border-color .15s ease;z-index:2}.kanban-card:hover .kanban-card-stagebtn{opacity:1}.kanban-card-stagebtn:hover{color:var(--gold-soft,#F4D9A0);border-color:var(--green,#6E8E22)73;background:var(--green,#6E8E22)24;transform:scale(1.06)}@media(hover:none){.kanban-card-stagebtn{opacity:1}}.stage-menu{position:fixed;z-index:10001;background:linear-gradient(180deg,#2d2822f5,var(--panel-solid,#17130D)f5);border:1px solid rgba(170,220,90,.32);border-radius:12px;box-shadow:0 18px 50px #0009,0 0 0 1px var(--green,#6E8E22)1f;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);padding:6px;min-width:220px;animation:stage-menu-in .16s ease}@keyframes stage-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-menu-head{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9c937f;padding:8px 12px 6px}.stage-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#e8e2d4;font-size:.86rem;font-weight:600;font-family:inherit;text-align:left;cursor:pointer;transition:background .12s ease}.stage-menu-item:hover{background:var(--green,#6E8E22)24}.stage-menu-item.is-current{color:var(--gold-soft,#F4D9A0);font-weight:800}.stage-menu-dot{width:9px;height:9px;border-radius:50%;background:var(--stage-color, var(--green,#6E8E22));box-shadow:0 0 6px var(--stage-color, var(--green,#6E8E22));flex-shrink:0}.stage-menu-check{margin-left:auto;color:#b5d4ab;font-weight:800}.kanban-card-ghost{border-color:var(--green,#6E8E22)a6!important;box-shadow:0 18px 48px #000000b3,0 0 0 2px var(--green,#6E8E22)73!important}.modal-row.activity-add-row textarea{background:var(--panel-solid,#17130D)8c;border:1px solid rgba(170,220,90,.16);border-radius:10px;color:#e8e2d4;padding:8px 10px;font-family:inherit;font-size:.85rem;outline:none;resize:vertical}.activity-list{max-height:280px;overflow-y:auto;padding:4px 2px 4px 0;scrollbar-width:thin;border-top:1px solid rgba(170,220,90,.1);margin-top:4px}.activity-empty{padding:18px 8px;text-align:center;font-size:.78rem;color:#ffffff52;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.activity-item:last-child{border-bottom:0}.activity-item:before{content:"";position:absolute;left:22px;top:36px;bottom:-1px;width:1px;background:var(--green,#6E8E22)1f}.activity-item:last-child:before{display:none}.activity-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--act-color, var(--green,#6E8E22)) 18%,transparent);color:var(--act-color, var(--green,#6E8E22));font-size:.85rem;flex-shrink:0;border:1px solid color-mix(in srgb,var(--act-color, var(--green,#6E8E22)) 36%,transparent);z-index:1}.activity-body{flex:1;min-width:0}.activity-text{font-size:.86rem;color:#e8e2d4;line-height:1.4}.activity-text strong{color:var(--gold-soft,#F4D9A0);font-weight:700}.activity-text em{color:#b2c68a;font-style:italic}.activity-time{font-size:.7rem;color:#6b6452;font-family:var(--font-mono, monospace);letter-spacing:.02em;margin-top:2px}.stage-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%) translateY(120%);display:flex;align-items:center;gap:14px;padding:12px 16px 12px 14px;min-width:320px;max-width:90vw;background:linear-gradient(180deg,#2d2822f5,var(--panel-solid,#17130D)f5);border:1px solid rgba(170,220,90,.36);border-radius:14px;box-shadow:0 18px 50px #0000008c,0 0 0 1px var(--green,#6E8E22)24;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);color:#e8e2d4;z-index:10002;opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .2s ease;font-family:inherit}.stage-toast.is-on{transform:translate(-50%) translateY(0);opacity:1}.stage-toast-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--green,#6E8E22)2e;color:var(--gold-soft,#F4D9A0);font-size:1.1rem;font-weight:800;flex-shrink:0}.stage-toast-text{display:flex;flex-direction:column;line-height:1.3;flex:1;min-width:0}.stage-toast-text strong{font-size:.92rem;font-weight:800;color:var(--gold-soft,#F4D9A0);letter-spacing:-.005em}.stage-toast-text span{font-size:.78rem;color:#b2c68a}.stage-toast-text span strong{font-size:inherit;color:#b5d4ab}.stage-toast-undo{border:1px solid rgba(170,220,90,.32);background:var(--green,#6E8E22)1a;color:var(--gold-soft,#F4D9A0);border-radius:8px;padding:7px 12px;font-size:.82rem;font-weight:800;font-family:inherit;cursor:pointer;letter-spacing:.01em;flex-shrink:0;transition:background .15s ease,transform .15s ease}.stage-toast-undo:hover{background:var(--green,#6E8E22)3d;transform:translateY(-1px)}.stage-toast-close{border:0;background:transparent;color:#ffffff8c;font-size:1.4rem;font-weight:300;line-height:1;cursor:pointer;padding:0 4px;flex-shrink:0}.stage-toast-close:hover{color:var(--ivory,#F4EFE6)}@media(max-width:540px){.stage-toast{min-width:0;width:calc(100vw - 24px);bottom:20px;padding:10px 12px;gap:10px}.stage-toast-undo{padding:6px 10px;font-size:.76rem}}.kanban-board{padding:4px 4px 18px}.kanban-col{background:linear-gradient(180deg,#23201ca6,var(--panel-solid,#17130D)80)!important;border:1px solid rgba(170,220,90,.1)!important;box-shadow:0 4px 14px #00000052,inset 0 1px #ffe6aa0a;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.kanban-col:before{height:4px!important;opacity:1!important;box-shadow:0 0 18px var(--stage-color, var(--green,#6E8E22))}.kanban-col-head{padding:18px 18px 12px!important;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent);border-bottom:1px solid rgba(170,220,90,.1)!important}.kanban-col-title{font-family:Fraunces,serif!important;font-size:1.04rem!important;font-weight:400!important;font-style:normal;letter-spacing:-.005em!important}.kanban-col-title span:nth-child(2){background:linear-gradient(165deg,#DFF1A8 0%,#B2C68A 60%,var(--stage-color, var(--green,#6E8E22)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kanban-col-dot{width:11px!important;height:11px!important;box-shadow:0 0 12px var(--stage-color, var(--green,#6E8E22)),0 0 24px var(--green,#6E8E22)52!important}.kanban-col-count{font-size:.78rem!important;font-weight:800;min-width:28px!important;height:26px!important;background:#00000052!important;border:1px solid var(--stage-color, var(--green,#6E8E22));color:var(--stage-color, var(--green,#6E8E22));letter-spacing:.06em}.kanban-col-sub{font-size:.76rem!important;color:#b2c68a!important;font-family:var(--font-mono, monospace);letter-spacing:.04em!important;margin-top:6px!important}.kanban-card{background:linear-gradient(180deg,#302a24d9,#1c1814eb)!important;border:1px solid rgba(170,220,90,.12)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:0 6px 18px #0000006b,inset 0 1px #ffe6aa0f!important;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .18s ease!important;position:relative}.kanban-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 0%,rgba(255,232,170,.08),transparent 60%);opacity:0;transition:opacity .25s ease}.kanban-card:hover{border-color:var(--green,#6E8E22)73!important;transform:translateY(-3px)!important;box-shadow:0 14px 32px #0000008c,0 0 0 1px var(--green,#6E8E22)52,0 0 36px var(--green,#6E8E22)1a!important}.kanban-card:hover:after{opacity:1}.kanban-card-avatar{width:34px!important;height:34px!important;background:linear-gradient(135deg,var(--gold-soft,#F4D9A0),var(--green,#6E8E22) 60%,#729e1b)!important;box-shadow:0 4px 12px var(--green,#6E8E22)80,inset 0 1px #fffae666!important;font-size:.82rem!important}.kanban-card-firma{font-family:Fraunces,serif;font-size:.98rem!important;font-weight:400!important;letter-spacing:-.005em!important;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}.kanban-card-ap{font-size:.82rem!important;color:#b2c68a!important;font-weight:500}.kanban-card-vol{font-size:.96rem!important;font-weight:800!important;font-family:var(--font-mono, monospace)!important;background:linear-gradient(165deg,#c5e8b5,#8ab87c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:6px!important}.kanban-col-body.dnd-over{background:linear-gradient(180deg,var(--stage-bg, rgba(140,190,34,.18)),transparent)!important;outline:2px dashed var(--stage-color, var(--green,#6E8E22))!important;outline-offset:-8px!important;border-radius:14px!important;box-shadow:inset 0 0 40px var(--stage-bg, rgba(140,190,34,.18))}.view-tabs{margin-bottom:22px!important}.view-tab{padding:10px 18px!important;font-size:.86rem!important;letter-spacing:.01em!important}.view-tab.is-on{font-weight:800!important;letter-spacing:0!important;box-shadow:0 6px 18px var(--green,#6E8E22)73,inset 0 1px #fffae699!important}.feed-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:5px;margin-right:6px;vertical-align:middle}.feed-tag-kunde{background:#60a5fa2e;color:#a4c7f4;border:1px solid rgba(96,165,250,.32)}.feed-tag-projekt{background:var(--green,#6E8E22)33;color:var(--gold-soft,#F4D9A0);border:1px solid rgba(170,220,90,.4)}body.premium-dark .nav-item .nav-badge-notif{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;border-radius:999px;background:linear-gradient(180deg,#c96d5c,#8b4438);color:var(--ivory,#F4EFE6)!important;font-size:.66rem!important;font-weight:800;font-family:var(--font-mono, monospace);letter-spacing:.04em;box-shadow:0 2px 6px #c96d5c66;animation:notif-pulse 2.4s ease infinite}@keyframes notif-pulse{0%,to{box-shadow:0 2px 6px #c96d5c66}50%{box-shadow:0 2px 14px #c96d5cd9}}.b-pill-clickable{cursor:pointer;font-family:inherit;font-weight:800;font-size:.72rem;letter-spacing:.04em;transition:transform .15s ease,filter .15s ease;display:inline-flex;align-items:center;gap:4px}.b-pill-clickable:hover{transform:translateY(-1px);filter:brightness(1.18)}.b-pill-arrow{font-size:.7rem;opacity:.6;font-weight:800}.b-pill-clickable:hover .b-pill-arrow{opacity:1}.forecast-strip{display:inline-flex;align-items:stretch;gap:0;background:linear-gradient(135deg,var(--gold-soft,#F4D9A0)0d,#b5d4ab0d);border:1px solid rgba(244,217,160,.18);border-radius:14px;padding:6px 4px;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #0000002e;backdrop-filter:blur(10px)}.fc-cell{padding:4px 14px;border-right:1px solid rgba(255,255,255,.06);min-width:92px}.fc-cell:last-child{border-right:none}.fc-label{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:2px}.fc-value{font-family:Fraunces,Georgia,serif;font-size:1.02rem;font-weight:600;letter-spacing:-.01em;color:var(--text);line-height:1.1}.fc-sub{font-size:.6rem;color:var(--text-muted);font-weight:600;margin-top:1px}.fc-weighted .fc-value{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0) 0% 60%,#b5d4ab);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fc-overdue .fc-label,.fc-overdue .fc-value{color:#fca5a5!important}.fc-overdue{animation:fc-overdue-pulse 2.4s ease infinite}@keyframes fc-overdue-pulse{0%,to{background:transparent}50%{background:#ef44440f}}@media(max-width:880px){.forecast-strip{flex-wrap:wrap;gap:2px}.fc-cell{min-width:70px;padding:4px 10px}.fc-value{font-size:.9rem}}.aging-chip{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.04em;border:1px solid;text-transform:uppercase;font-feature-settings:"tnum" 1}.aging-chip.aging-ok{background:#b5d4ab1a;border-color:#b5d4ab52;color:#b5d4ab}.aging-chip.aging-warn{background:var(--gold-soft,#F4D9A0)1f;border-color:var(--gold-soft,#F4D9A0)66;color:var(--gold-soft,#F4D9A0)}.aging-chip.aging-overdue{background:#ef444424;border-color:#ef444480;color:#fca5a5;animation:aging-overdue-pulse 2.2s ease infinite}@keyframes aging-overdue-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef44441a}}.kanban-card-bottom{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}.reminder-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1px solid;font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-feature-settings:"tnum" 1;background:#ffffff08;cursor:pointer;transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;font-family:inherit}.reminder-chip:hover{transform:translateY(-1px);filter:brightness(1.15)}.reminder-chip.rem-warm{background:var(--gold-soft,#F4D9A0)1a;border-color:var(--gold-soft,#F4D9A0)59;color:var(--gold-soft,#F4D9A0)}.reminder-chip.rem-cold{background:#fb923c24;border-color:#fb923c73;color:#fb923c;animation:rem-cold-pulse 2.2s ease infinite}@keyframes rem-cold-pulse{0%,to{box-shadow:0 0 #fb923c00}50%{box-shadow:0 0 0 4px #fb923c1a}}.reminder-chip.rem-snoozed{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted);cursor:default}.kc-chip-prob{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0)1a,#b5d4ab1f);border-color:var(--gold-soft,#F4D9A0)59;color:var(--gold-soft,#F4D9A0);font-weight:800}.kanban-col-prob{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;font-size:.6rem;font-weight:800;letter-spacing:.06em;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-feature-settings:"tnum" 1}.reason-modal{border-top:3px solid var(--accent, #10B981)}.reason-modal h3{color:var(--accent)}.reason-sub{font-size:.85rem;color:var(--text-secondary);margin-bottom:14px;line-height:1.5}.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.reason-btn{display:inline-flex;align-items:center;justify-content:flex-start;padding:11px 14px;border-radius:10px;background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);color:var(--text);font-size:.84rem;font-weight:600;cursor:pointer;transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;text-align:left}.reason-btn:hover{background:#ffffff0f;border-color:var(--accent);transform:translateY(-1px)}.reason-btn.is-on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #ffffff0f}.reason-detail-row label{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:6px}.reason-detail-row textarea{width:100%;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--text);font-family:inherit;font-size:.85rem;resize:vertical;min-height:60px}.reason-detail-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}@media(max-width:540px){.reason-grid{grid-template-columns:1fr}}

/* ─────────── LEGACY: dashboard.css ─────────── */
.dashboard-grid{--gs-cell-h: 90px;margin:8px 0 32px}.grid-stack{background:transparent}.grid-stack-item-content{inset:4px!important;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0f171f73;border:1px solid oklch(100% 0 0 / .08);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 1px #ffffff0f inset,0 8px 24px -12px #00000080,0 2px 6px -2px #0000004d;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.grid-stack-item-content:hover{border-color:oklch(72% .14 220 / .4);box-shadow:0 1px #ffffff1a inset,0 12px 32px -12px #0009,0 0 0 1px oklch(72% .14 220 / .15),0 4px 12px -2px oklch(72% .14 220 / .15)}.widget{display:flex;flex-direction:column;height:100%;width:100%}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid oklch(100% 0 0 / .06);flex-shrink:0;user-select:none}.widget-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#c4cfdb;display:flex;align-items:center;gap:8px}.widget-title-dot{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,oklch(95% .1 220),oklch(72% .14 220));box-shadow:0 0 8px oklch(72% .14 220 / .6)}.widget-actions{display:flex;gap:4px;opacity:0;transition:opacity .18s ease}.grid-stack-item-content:hover .widget-actions{opacity:1}.widget-action-btn{background:transparent;border:none;color:#95a0ab;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;line-height:1;transition:background .12s ease,color .12s ease}.widget-action-btn:hover{background:#ffffff14;color:#e5f0fc}.widget-body{flex:1;overflow:auto;padding:12px 16px;color:#d4dfeb;font-size:13px;line-height:1.5}.widget-body::-webkit-scrollbar{width:6px}.widget-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.widget-loading,.widget-empty,.widget-error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#77818c;font-size:12px;padding:24px;text-align:center;height:100%}.widget-error{color:#f07f77}.widget-kpi{display:flex;flex-direction:column;gap:2px;padding:8px 0}.widget-kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f4f9ff}.widget-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#86909b}.widget-kpi-trend-up{color:#57cb60}.widget-kpi-trend-down{color:#fa6863}.widget-list{display:flex;flex-direction:column;gap:6px}.widget-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff06;border:1px solid oklch(100% 0 0 / .04);transition:background .12s ease;cursor:pointer}.widget-list-item:hover{background:#ffffff0f}.widget-list-item-main{flex:1;min-width:0}.widget-list-item-title{font-size:13px;font-weight:500;color:#e5f0fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-list-item-sub{font-size:11px;color:#77818c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-list-item-meta{font-size:11px;color:#86909b;font-variant-numeric:tabular-nums;flex-shrink:0}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.dashboard-toolbar-left,.dashboard-toolbar-right{display:flex;align-items:center;gap:8px}.dashboard-toolbar .btn{font-size:12px;padding:6px 12px}.dashboard-toolbar .pill{font-size:11px;padding:4px 10px;border-radius:99px;background:#ffffff0d;border:1px solid oklch(100% 0 0 / .08);color:#b4bfca;text-transform:uppercase;letter-spacing:.08em}.dashboard-grid.edit-mode .grid-stack-item-content{border-color:oklch(72% .14 220 / .4);border-style:dashed}.dashboard-grid.edit-mode .grid-stack-item-content:before{content:"";position:absolute;inset:0;background:oklch(72% .14 220 / .04);pointer-events:none;z-index:1}.ui-resizable-se{background-image:none!important;width:14px!important;height:14px!important;right:6px!important;bottom:6px!important;border-right:2px solid oklch(70% .02 250 / .5);border-bottom:2px solid oklch(70% .02 250 / .5);border-radius:0 0 2px}.widget-picker-backdrop{position:fixed;inset:0;background:#010408b3;backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center}.widget-picker-backdrop.open{display:flex}.widget-picker{width:min(560px,92vw);max-height:80vh;overflow:auto;background:#0b121af2;border:1px solid oklch(100% 0 0 / .1);border-radius:18px;padding:20px;backdrop-filter:blur(24px)}.widget-picker h3{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#c4cfdb}.widget-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.widget-picker-item{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid oklch(100% 0 0 / .06);cursor:pointer;text-align:left;color:#d4dfeb;transition:background .12s ease}.widget-picker-item:hover{background:oklch(72% .14 220 / .1);border-color:oklch(72% .14 220 / .3)}.widget-picker-item-title{font-size:13px;font-weight:600}.widget-picker-item-desc{font-size:11px;color:#86909b}@media(max-width:900px){.dashboard-toolbar{flex-direction:column;align-items:stretch}}

/* dashboard-v2.css entfernt — war Orphan, applied wo es nicht sollte */

/* ─────────── LEGACY: sidebar-pro.css ─────────── */
/* ============================================================
   sidebar-pro.css  —  Pro Sidebar Layout & Accordion (v1)
   Lädt als ALLERLETZTE CSS-Datei. Hat Vorrang vor:
   - style.css / glass-theme.css / dashboard.css
   - glass-enhancements.css / perf-overrides.css
   Aktiv ab >=769px. Mobile bleibt mobile-nav-v6 unverändert.
   ============================================================ */

@media (min-width: 769px) {

  /* --- Sidebar: 3-Zonen-Layout, Logo+Footer fix, Nav scrollt --- */
  html body aside.sidebar,
  html body.premium-dark aside.sidebar,
  html body .sidebar,
  html body.premium-dark .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;            /* Wrapper selbst nicht scrollen */
    contain: layout paint !important;
    z-index: 100 !important;
  }

  /* Logo bleibt fix oben */
  html body .sidebar > .sidebar-logo,
  html body.premium-dark .sidebar > .sidebar-logo {
    flex: 0 0 auto !important;
  }

  /* Nav bekommt den Rest-Platz und scrollt vertikal */
  html body .sidebar > .sidebar-nav,
  html body.premium-dark .sidebar > .sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding: 18px 12px 12px !important;
    /* Sanfter Fade an den Rändern, damit Scroll-Indikation sichtbar ist */
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
            mask-image: linear-gradient(180deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
  }

  /* Footer bleibt fix unten */
  html body .sidebar > .sidebar-footer,
  html body.premium-dark .sidebar > .sidebar-footer {
    flex: 0 0 auto !important;
  }

  /* Custom Scrollbar */
  html body .sidebar > .sidebar-nav::-webkit-scrollbar,
  html body.premium-dark .sidebar > .sidebar-nav::-webkit-scrollbar {
    width: 6px;
  }
  html body .sidebar > .sidebar-nav::-webkit-scrollbar-thumb,
  html body.premium-dark .sidebar > .sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.18);
    border-radius: 3px;
  }
  html body .sidebar > .sidebar-nav::-webkit-scrollbar-thumb:hover,
  html body.premium-dark .sidebar > .sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.32);
  }
  html body .sidebar > .sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: var(--ivory,#F4EFE6) transparent;
  }

  /* --- Akkordeon: Nav-Section-Labels werden klickbar --- */
  html body .sidebar .nav-section,
  html body.premium-dark .sidebar .nav-section {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
  }

  html body .sidebar .nav-section-label,
  html body.premium-dark .sidebar .nav-section-label {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
    padding: 9px 12px 7px !important;
    margin: 0 0 4px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(178,198,138, 0.62) !important;
    cursor: pointer !important;
    user-select: none;
    border-radius: 8px;
    transition: background .18s ease, color .18s ease;
    -webkit-tap-highlight-color: transparent;
  }

  html body .sidebar .nav-section-label:hover,
  html body.premium-dark .sidebar .nav-section-label:hover {
    background: rgba(255,255,255,0.045);
    color: rgba(244, 232, 200, 0.92) !important;
  }

  html body .sidebar .nav-section-label::after,
  html body.premium-dark .sidebar .nav-section-label::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-right: 4px;
    transition: transform .22s cubic-bezier(.25,.7,.3,1);
    opacity: 0.8;
  }

  /* Eingeklappter Zustand */
  html body .sidebar .nav-section.is-collapsed > .nav-section-label::after,
  html body.premium-dark .sidebar .nav-section.is-collapsed > .nav-section-label::after {
    transform: rotate(-45deg);
  }

  html body .sidebar .nav-section.is-collapsed > .nav-item,
  html body .sidebar .nav-section.is-collapsed > a.nav-item,
  html body.premium-dark .sidebar .nav-section.is-collapsed > .nav-item,
  html body.premium-dark .sidebar .nav-section.is-collapsed > a.nav-item {
    display: none !important;
  }

  /* --- Aktive Section: nicht kollabieren, aktive Markierung --- */
  html body .sidebar .nav-section.has-active > .nav-section-label,
  html body.premium-dark .sidebar .nav-section.has-active > .nav-section-label {
    color: rgba(255, 241, 210, 0.92) !important;
  }

  /* Nav-Items dichter packen — mehr passt in den sichtbaren Bereich */
  html body .sidebar .nav-section > .nav-item,
  html body.premium-dark .sidebar .nav-section > .nav-item {
    padding: 8px 12px !important;
    font-size: 13.5px !important;
    line-height: 1.2 !important;
    border-radius: 9px !important;
    gap: 10px !important;
  }
  html body .sidebar .nav-section > .nav-item .nav-icon,
  html body.premium-dark .sidebar .nav-section > .nav-item .nav-icon {
    font-size: 14px !important;
    width: 18px !important;
    text-align: center !important;
  }

  /* Aurora-Pseudo-Elemente vom Sidebar-:before/:after sollen NICHT
     zur Scroll-Höhe beitragen — sie sind absolut und pointer-events:none,
     das ist OK, aber sicherheitshalber das overflow am Wrapper hidden lassen. */

  /* Main-Content nicht von Akkordeon betroffen */
  html body .main-content {
    /* unverändert */
  }
}

/* --- Mobile: Akkordeon-Verhalten auch dort verfügbar, aber Layout bleibt
       mobile-nav-v6, also nur die Akkordeon-Mechanik exportieren --- */
@media (max-width: 768px) {
  html body.is-mobile-nav .sidebar .nav-section.is-collapsed > .nav-item,
  html body.is-mobile-nav .sidebar .nav-section.is-collapsed > a.nav-item {
    display: none !important;
  }
  html body.is-mobile-nav .sidebar .nav-section-label {
    cursor: pointer;
    user-select: none;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  html body.is-mobile-nav .sidebar .nav-section-label::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-right: 4px;
    transition: transform .22s cubic-bezier(.25,.7,.3,1);
    opacity: 0.8;
  }
  html body.is-mobile-nav .sidebar .nav-section.is-collapsed > .nav-section-label::after {
    transform: rotate(-45deg);
  }
}

/* ─────────── LEGACY: filters.css ─────────── */
/* ============================================================
 * SOLARDESK · Filter Bar Styles
 * ============================================================ */
.sf-bar {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 12px 14px; margin-bottom: 14px;
  background: rgba(var(--surf-card-rgb),0.62);
  border: 1px solid rgba(140,190,34,0.18);
  border-radius: 11px;
}
.sf-filter {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 8px;
  background: rgba(0,0,0,0.30);
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 8px;
}
.sf-lbl {
  color: #8A7F65; font-size: 0.7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.04em;
}
.sf-input {
  background: transparent; border: none;
  color: #E8E2D4; font-size: 0.84rem;
  padding: 4px 6px; min-width: 100px; outline: none;
  font-family: inherit;
}
.sf-input::placeholder { color: #6B6452; }
.sf-input:focus { background: rgba(140,190,34,0.08); border-radius: 5px; }
.sf-filter select.sf-input { cursor: pointer; }

.sf-multi .sf-dropdown { position: relative; }
.sf-multi summary {
  list-style: none; cursor: pointer;
  color: #E8E2D4; font-size: 0.84rem; padding: 4px 6px;
  min-width: 100px;
}
.sf-multi summary::-webkit-details-marker { display: none; }
.sf-multi summary::after { content: " ▾"; color: #6B6452; font-size: 0.7rem; }
.sf-multi[open] .sf-options { display: block; }
.sf-multi .sf-options {
  position: absolute; top: 100%; left: 0; z-index: 100;
  background: #1a1612; border: 1px solid rgba(140,190,34,0.32);
  border-radius: 10px; padding: 8px; margin-top: 4px;
  min-width: 180px; max-height: 320px; overflow-y: auto;
  box-shadow: 0 8px 24px rgba(0,0,0,0.45);
}
.sf-multi .sf-options label {
  display: flex; gap: 8px; align-items: center;
  padding: 4px 6px; cursor: pointer; border-radius: 5px;
  color: #B2C68A; font-size: 0.84rem;
}
.sf-multi .sf-options label:hover { background: rgba(140,190,34,0.08); }
.sf-multi .sf-options input[type=checkbox] { accent-color: var(--green,#6E8E22); }

.sf-range .sf-min, .sf-range .sf-max { min-width: 56px; max-width: 70px; }
.sf-dash { color: #6B6452; font-size: 0.8rem; }
.sf-suffix { color: #6B6452; font-size: 0.74rem; margin-left: 2px; }

.sf-daterange .sf-from, .sf-daterange .sf-to {
  min-width: 120px; color: #B2C68A; font-size: 0.78rem;
  color-scheme: dark;
}

.sf-bool {
  cursor: pointer; padding: 5px 10px;
  background: rgba(0,0,0,0.30);
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 8px;
}
.sf-bool input[type=checkbox] { accent-color: var(--green,#6E8E22); margin-right: 4px; }

.sf-reset {
  background: rgba(196,109,92,0.08);
  border: 1px solid rgba(196,109,92,0.22);
  color: #C96D5C;
  padding: 5px 10px; border-radius: 7px;
  font-size: 0.78rem; font-weight: 700; cursor: pointer;
}
.sf-reset:hover { background: rgba(196,109,92,0.20); }
.sf-count {
  color: #8A7F65; font-size: 0.76rem; margin-left: auto;
}

/* ─────────── LEGACY: intake-tasks.css ─────────── */
.intake-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px}.intake-backdrop{position:absolute;inset:0;background:#080a12b8;backdrop-filter:blur(12px)}.intake-shell{position:relative;width:100%;max-width:820px;max-height:92vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#1c1e28f0,#12141cf5);border:1px solid rgba(244,217,160,.16);border-radius:20px;box-shadow:0 28px 80px #0000008c,0 0 0 1px #ffffff0a inset,0 -1px #ffffff0f inset;overflow:hidden}.intake-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(244,217,160,.06),transparent 55%);pointer-events:none}.intake-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 26px 14px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.intake-head-text{flex:1}.intake-pre{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft,#F4D9A0);font-weight:700;margin-bottom:4px}.intake-head h2{font-family:Fraunces,Georgia,serif;font-size:1.6rem;font-weight:500;letter-spacing:-.02em;margin:0 0 2px;color:var(--text)}.intake-sub{font-size:.84rem;color:var(--text-secondary);font-weight:500}.intake-close{background:none;border:none;color:var(--text-muted);font-size:1.7rem;cursor:pointer;width:36px;height:36px;border-radius:10px;transition:transform .15s, opacity .15s, background-color .15s, border-color .15s, color .15s, box-shadow .15s, filter .15s}.intake-close:hover{background:#ffffff0f;color:var(--text)}.intake-stepper{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 26px;background:#0000002e;border-bottom:1px solid rgba(255,255,255,.04);position:relative;z-index:1}.intake-step{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.82rem;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease}.intake-step:hover{color:var(--text)}.intake-step.is-on{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0)2e,#a4c7f41a);color:var(--text);box-shadow:inset 0 1px #ffffff14}.intake-step.is-done{color:#b5d4ab}.intake-step.is-done .intake-step-n{background:#b5d4ab33;color:#b5d4ab}.intake-step-n{width:24px;height:24px;border-radius:50%;background:#ffffff0a;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;font-family:var(--font-mono, monospace)}.intake-step.is-on .intake-step-n{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0),var(--green,#6E8E22));color:#1a1a1a}.intake-step-divider{flex:0 0 30px;height:1px;background:#ffffff1a}.intake-body{flex:1;overflow-y:auto;padding:22px 26px;position:relative;z-index:1}.intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}@media(max-width:680px){.intake-grid{grid-template-columns:1fr}}.intake-row{display:flex;flex-direction:column;gap:4px}.intake-row.span-2{grid-column:1 / -1}.intake-row label{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-weight:800}.intake-input{background:#0000004d;border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:9px;padding:10px 13px;font-size:.92rem;font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.intake-input:focus{outline:none;border-color:var(--gold-soft,#F4D9A0)80;box-shadow:0 0 0 3px var(--gold-soft,#F4D9A0)29}.intake-textarea{resize:vertical;min-height:80px;font-size:.88rem;line-height:1.55;width:100%}.intake-hint{font-size:.72rem;color:var(--text-muted);margin-top:2px;font-style:italic}.intake-section-h{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:500;color:var(--text);margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(244,217,160,.1)}.intake-section-h:first-child{margin-top:0}.intake-rating{display:inline-flex;align-items:center;gap:4px}.intake-star{background:none;border:none;cursor:pointer;font-size:1.45rem;color:var(--gold-soft,#F4D9A0)33;padding:2px 4px;transition:color .15s,transform .15s}.intake-star:hover{transform:scale(1.18)}.intake-star.is-on{color:var(--gold-soft,#F4D9A0)}.intake-rating-label{margin-left:8px;font-size:.84rem;font-weight:700;color:var(--text-secondary);font-family:var(--font-mono, monospace)}.intake-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;border-top:1px solid rgba(255,255,255,.06);background:#00000038;position:relative;z-index:1}.intake-foot-right{display:inline-flex;gap:10px}.intake-toast{background:linear-gradient(135deg,#10b98133,#1c1e28f5)!important;border-color:#10b98166!important}.kanban-card-callbtn{position:absolute;top:8px;right:38px;width:26px;height:26px;border-radius:8px;border:1px solid rgba(181,212,171,.32);background:#b5d4ab1a;color:#b5d4ab;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s, opacity .15s, background-color .15s, border-color .15s, color .15s, box-shadow .15s, filter .15s;opacity:0}.kanban-card:hover .kanban-card-callbtn{opacity:1}.kanban-card-callbtn:hover{background:#b5d4ab38;transform:scale(1.1)}.tasks-wrap{display:flex;flex-direction:column;gap:10px}.task-card{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:start;background:linear-gradient(180deg,#ffffff06,#ffffff03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px 16px;transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease;position:relative}.task-card:hover{border-color:var(--gold-soft,#F4D9A0)38;transform:translateY(-1px)}.task-card.is-overdue{border-color:#ef444459;background:linear-gradient(180deg,#ef44440f,#1c1e2866)}.task-card.is-today{border-color:var(--gold-soft,#F4D9A0)66;box-shadow:0 0 0 3px var(--gold-soft,#F4D9A0)0f}.task-card.is-done{opacity:.45}.task-card.is-done .task-titel{text-decoration:line-through}.task-check{margin-top:2px}.task-check input{appearance:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.18);background:#0000004d;cursor:pointer;transition:transform .15s, opacity .15s, background-color .15s, border-color .15s, color .15s, box-shadow .15s, filter .15s;display:inline-flex;align-items:center;justify-content:center}.task-check input:hover{border-color:#b5d4ab8c;box-shadow:0 0 0 3px #b5d4ab1a}.task-check input:checked{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.task-check input:checked:after{content:"\2713";color:var(--ivory,#F4EFE6);font-weight:900;font-size:.86rem}.task-body{min-width:0}.task-titel{font-weight:700;color:var(--text);font-size:.94rem;line-height:1.35;margin-bottom:2px}.task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px;font-size:.74rem;color:var(--text-secondary)}.task-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.04em;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.task-pill.tp-overdue{background:#ef444424;border-color:#ef444466;color:#fca5a5}.task-pill.tp-today{background:var(--gold-soft,#F4D9A0)2e;border-color:var(--gold-soft,#F4D9A0)66;color:var(--gold-soft,#F4D9A0)}.task-pill.tp-week{background:#a4c7f424;border-color:#a4c7f44d;color:#a4c7f4}.task-pill.tp-prio-hoch{background:#c96d5c29;border-color:#c96d5c66;color:#fca5a5}.task-pill.tp-prio-dringend{background:#ef444433;border-color:#ef44448c;color:#fca5a5;animation:tp-dringend-pulse 1.8s ease infinite}@keyframes tp-dringend-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef44441a}}.task-pill.tp-cat-call{color:#b5d4ab;border-color:#b5d4ab52}.task-pill.tp-cat-mail{color:#a4c7f4;border-color:#a4c7f452}.task-pill.tp-cat-termin{color:var(--gold-soft,#F4D9A0);border-color:var(--gold-soft,#F4D9A0)52}.task-pill.tp-cat-document{color:#b2c68a}.task-pill.tp-waiting{background:#a78bfa24;border-color:#a78bfa59;color:#a78bfa}.task-kunde{font-size:.76rem;color:var(--text-secondary);font-weight:600}.task-kunde a{color:var(--gold-soft,#F4D9A0);cursor:pointer}.task-kunde a:hover{text-decoration:underline}.task-desc{font-size:.82rem;color:var(--text-secondary);margin-top:6px;line-height:1.5}.task-actions{display:inline-flex;gap:6px;align-items:center}.task-action-btn{width:30px;height:30px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s, opacity .15s, background-color .15s, border-color .15s, color .15s, box-shadow .15s, filter .15s;font-size:.88rem}.task-action-btn:hover{background:var(--gold-soft,#F4D9A0)1a;color:var(--gold-soft,#F4D9A0);transform:translateY(-1px)}.tasks-section-head{display:flex;align-items:baseline;justify-content:space-between;padding:14px 4px 6px;margin-top:16px}.tasks-section-head:first-child{margin-top:0}.tasks-section-head h3{font-family:Fraunces,Georgia,serif;font-size:1.05rem;font-weight:500;margin:0;color:var(--text)}.tasks-section-head h3 .tsh-count{font-family:var(--font-mono, monospace);font-size:.85rem;color:var(--text-muted);margin-left:8px;font-weight:700}.tasks-section-head .tsh-meta{font-size:.72rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.tasks-quickadd{display:flex;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;margin-bottom:18px}.tasks-quickadd input[type=text]{flex:1;background:none;border:none;color:var(--text);font-size:.92rem;font-family:inherit;outline:none}.tasks-quickadd input[type=date]{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--text);padding:6px 8px;font-size:.82rem;font-family:inherit}.tasks-tabs{display:inline-flex;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:4px;margin-bottom:18px;gap:2px;flex-wrap:wrap}.tasks-tab{padding:7px 14px;font-size:.8rem;font-weight:700;color:var(--text-muted);background:none;border:none;border-radius:8px;cursor:pointer;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s}.tasks-tab:hover{color:var(--text)}.tasks-tab.is-on{background:linear-gradient(135deg,var(--gold-soft,#F4D9A0)29,#a4c7f414);color:var(--text)}.tasks-tab-count{display:inline-block;margin-left:6px;background:var(--gold-soft,#F4D9A0)33;color:var(--gold-soft,#F4D9A0);font-size:.66rem;padding:1px 7px;border-radius:999px;font-feature-settings:"tnum" 1}.tasks-tab.is-on .tasks-tab-count{background:#0000004d}.complete-modal-content{max-width:540px}.complete-followup-toggle{display:flex;align-items:center;gap:10px;padding:12px;background:var(--gold-soft,#F4D9A0)0d;border:1px dashed rgba(244,217,160,.3);border-radius:10px;margin-top:14px;cursor:pointer}.complete-followup-toggle:hover{background:var(--gold-soft,#F4D9A0)1a}.complete-followup-content{margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.daily-brief-card{margin-bottom:18px}.db-strip{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 22px;background:linear-gradient(135deg,var(--gold-soft,#F4D9A0)0f,#a4c7f40a);border:1px solid rgba(244,217,160,.22);border-radius:16px;backdrop-filter:blur(14px);box-shadow:0 10px 28px #0003,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.db-strip:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at left,rgba(244,217,160,.06),transparent 55%);pointer-events:none}.db-head{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.db-pre{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft,#F4D9A0);font-weight:800}.db-date{font-family:Fraunces,Georgia,serif;font-size:1.2rem;font-weight:500;letter-spacing:-.01em;color:var(--text)}.db-kpis{display:inline-flex;gap:10px;position:relative;z-index:1}.db-kpi{min-width:64px;padding:8px 12px;border-radius:10px;background:#00000038;border:1px solid rgba(255,255,255,.06);text-align:center}.db-kpi-val{font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:500;line-height:1;color:var(--text)}.db-kpi-lbl{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-top:3px}.db-kpi-rot .db-kpi-val{color:#fca5a5}.db-kpi-gold .db-kpi-val{color:var(--gold-soft,#F4D9A0)}.db-kpi-purple .db-kpi-val{color:#a78bfa}.db-kpi-orange .db-kpi-val{color:#fb923c}.db-actions{display:inline-flex;gap:8px;align-items:center;position:relative;z-index:1}.db-dismiss{width:32px;height:32px;padding:0;font-size:1.1rem;border-radius:8px}@media(max-width:920px){.db-strip{grid-template-columns:1fr;text-align:left}.db-actions{justify-content:flex-end}}.mail-draft-modal-content{max-width:640px}.mail-draft-preview{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;font-family:Geist,Inter,sans-serif;font-size:.88rem;line-height:1.55;color:var(--text);white-space:pre-wrap;margin-top:10px}.mail-draft-context{font-size:.76rem;color:var(--text-muted);padding:8px 12px;background:#a4c7f40f;border-left:2px solid rgba(164,199,244,.3);border-radius:6px;margin-bottom:10px}

/* ─────────── LEGACY: einreichen.css ─────────── */
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gruen: #10b981;--gruen-bg: #ecfdf5;--gelb: #f59e0b;--gelb-bg: #fffbeb;--rot: #ef4444;--rot-bg: #fef2f2;--blue: #3b82f6;--text: var(--panel-solid,#17130D);--text2: #475569;--text3: #94a3b8;--border: #e2e8f0;--bg: #f8fafc;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.08)}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.9rem}.topnav{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px}.topnav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1rem}.topnav-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#8dc63f,#ef4444);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ivory,#F4EFE6);font-size:1rem}.topnav-right{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);font-size:.875rem;font-weight:600;border:none;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s}.btn-ghost{background:none;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg)}.btn-primary{background:linear-gradient(135deg,#8dc63f,#6fa82e);color:var(--ivory,#F4EFE6)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8dc63f59}.btn-outline{background:none;color:var(--gruen);border:1.5px solid var(--gruen)}.btn-outline:hover{background:var(--gruen-bg)}.btn-gruen{background:var(--gruen);color:var(--ivory,#F4EFE6)}.btn-gruen:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-lg{padding:13px 28px;font-size:.95rem}.btn-full{width:100%;justify-content:center}.btn-sm{padding:6px 14px;font-size:.8rem}.hero{background:linear-gradient(160deg,var(--panel-solid,#17130D),#1e293b 40%,#0c1a2e);padding:80px 40px 60px;position:relative;overflow:hidden;color:var(--ivory,#F4EFE6)}.hero-orb-1{position:absolute;top:-80px;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(141,198,63,.14) 0%,transparent 70%);border-radius:50%}.hero-orb-2{position:absolute;bottom:-100px;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);border-radius:50%}.hero-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#8dc63f26;border:1px solid rgba(141,198,63,.3);color:#fbbf24;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px}.hero-title{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1.1;margin-bottom:16px}.hero-title span{background:linear-gradient(135deg,#fbbf24,#6fa82e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.05rem;color:#94a3b8;max-width:560px;line-height:1.7;margin-bottom:36px}.hero-kpi-row{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:48px}.hero-kpi{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 22px}.hero-kpi-val{font-size:1.8rem;font-weight:800;color:#fbbf24;line-height:1}.hero-kpi-lbl{font-size:.72rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.track-card{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 22px;cursor:pointer;transition:transform .2s, opacity .2s, background-color .2s, border-color .2s, color .2s, box-shadow .2s, filter .2s;position:relative;overflow:hidden}.track-card:hover{background:#ffffff1a;border-color:#8dc63f66;transform:translateY(-3px)}.track-card.selected{background:#8dc63f1f;border-color:#8dc63f}.track-card-icon{font-size:2rem;margin-bottom:12px}.track-card-label{font-size:.68rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.track-card-title{font-size:1.05rem;font-weight:800;color:var(--ivory,#F4EFE6);margin-bottom:8px}.track-card-sub{font-size:.8rem;color:#94a3b8;line-height:1.5;margin-bottom:14px}.track-card-reward{display:inline-flex;align-items:center;gap:6px;background:#8dc63f33;border:1px solid rgba(141,198,63,.35);color:#fbbf24;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:800}.track-card-reward.gruen{background:#10b98133;border-color:#10b98159;color:#34d399}.track-card .track-select-btn{margin-top:14px;width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:none;color:var(--ivory,#F4EFE6);font-size:.85rem;font-weight:600;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s}.track-card:hover .track-select-btn,.track-card.selected .track-select-btn{background:#8dc63f;border-color:#8dc63f;color:var(--panel-solid,#17130D)}.wizard-section{max-width:1100px;margin:0 auto;padding:60px 40px}.wizard-header{margin-bottom:32px}.wizard-title{font-size:1.6rem;font-weight:800;margin-bottom:6px}.wizard-sub{color:var(--text2);font-size:.9rem}.progress-track{display:flex;gap:0;margin-bottom:36px}.progress-step{flex:1;display:flex;align-items:center;gap:0}.progress-step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;border:2px solid var(--border);background:#fff;color:var(--text3);flex-shrink:0;transition:transform .25s, opacity .25s, background-color .25s, border-color .25s, color .25s, box-shadow .25s, filter .25s;z-index:1}.progress-step-dot.active{background:#8dc63f;border-color:#8dc63f;color:var(--ivory,#F4EFE6)}.progress-step-dot.done{background:var(--gruen);border-color:var(--gruen);color:var(--ivory,#F4EFE6)}.progress-step-line{flex:1;height:2px;background:var(--border);transition:background .25s}.progress-step-line.done{background:var(--gruen)}.progress-step-label{font-size:.7rem;font-weight:600;color:var(--text3);margin-top:6px;text-align:center}.wizard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.wizard-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:28px;box-shadow:var(--shadow)}.wizard-step{display:none}.wizard-step.active{display:block}.step-title{font-size:1.15rem;font-weight:800;margin-bottom:4px}.step-sub{color:var(--text2);font-size:.85rem;margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.8rem;font-weight:700;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select,.form-textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.88rem;color:var(--text);transition:border .18s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1f}.form-textarea{min-height:90px;resize:vertical}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.form-hint{font-size:.74rem;color:var(--text3);margin-top:4px}.required{color:var(--rot)}.doc-chip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s;margin-bottom:8px;user-select:none}.doc-chip:hover{border-color:#8dc63f;background:#f4faeb}.doc-chip.checked{border-color:var(--gruen);background:var(--gruen-bg)}.doc-chip input[type=checkbox]{accent-color:var(--gruen);margin-top:2px;flex-shrink:0;width:16px;height:16px}.doc-chip-info{flex:1}.doc-chip-label{font-size:.84rem;font-weight:700}.doc-chip-sub{font-size:.74rem;color:var(--text3);margin-top:1px}.doc-chip-bonus{font-size:.74rem;font-weight:800;color:var(--gruen);margin-left:auto;flex-shrink:0;white-space:nowrap}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:28px;text-align:center;cursor:pointer;transition:transform .2s, opacity .2s, background-color .2s, border-color .2s, color .2s, box-shadow .2s, filter .2s;background:var(--bg)}.upload-zone:hover,.upload-zone.dragover{border-color:#8dc63f;background:#f4faeb}.upload-zone-icon{font-size:2rem;margin-bottom:8px}.upload-zone-title{font-size:.9rem;font-weight:700;margin-bottom:4px}.upload-zone-sub{font-size:.78rem;color:var(--text3)}.file-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg);border-radius:8px;margin-top:6px;font-size:.8rem}.file-item-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wizard-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.calc-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:24px;box-shadow:var(--shadow);position:sticky;top:76px}.calc-title{font-size:.88rem;font-weight:800;margin-bottom:4px}.calc-sub{font-size:.74rem;color:var(--text3);margin-bottom:20px}.calc-kwp-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.calc-kwp-input{flex:1;padding:9px 12px;border:1.5px solid var(--border);border-radius:8px;font-size:.9rem;font-weight:700;text-align:right}.calc-kwp-input:focus{outline:none;border-color:#8dc63f}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:.8rem}.calc-row:last-of-type{border-bottom:none}.calc-row-label{color:var(--text2)}.calc-row-val{font-weight:700}.calc-row.bonus .calc-row-val{color:var(--gruen)}.calc-total{background:linear-gradient(135deg,var(--panel-solid,#17130D),#1e293b);border-radius:12px;padding:16px 18px;margin-top:16px;color:var(--ivory,#F4EFE6)}.calc-total-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.calc-total-val{font-size:2rem;font-weight:900;color:#fbbf24;line-height:1}.calc-total-sub{font-size:.75rem;color:#94a3b8;margin-top:4px}.calc-range{width:100%;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border);margin:8px 0}.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#8dc63f;cursor:pointer}.calc-range:focus{outline:none}.bonus-bar{height:6px;border-radius:3px;background:var(--border);margin-top:12px;overflow:hidden}.bonus-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#10b981,#8dc63f);transition:width .4s cubic-bezier(.22,1,.36,1)}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.type-card{border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s;text-align:center}.type-card:hover{border-color:#8dc63f;background:#f4faeb}.type-card.selected{border-color:var(--gruen);background:var(--gruen-bg)}.type-card-icon{font-size:1.5rem;margin-bottom:6px}.type-card-label{font-size:.82rem;font-weight:700}.how-section{background:#fff;border-top:1px solid var(--border);padding:70px 40px}.how-inner{max-width:1100px;margin:0 auto}.section-eyebrow{font-size:.75rem;font-weight:700;color:#6fa82e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.section-title{font-size:1.8rem;font-weight:800;margin-bottom:8px}.section-sub{color:var(--text2);font-size:.95rem;margin-bottom:48px}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.how-step{text-align:center}.how-step-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8dc63f,#6fa82e);color:var(--ivory,#F4EFE6);font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 6px 20px #8dc63f4d}.how-step-title{font-size:.95rem;font-weight:800;margin-bottom:6px}.how-step-text{font-size:.82rem;color:var(--text2);line-height:1.6}.booking-section{background:var(--bg);padding:70px 40px;border-top:1px solid var(--border)}.booking-inner{max-width:860px;margin:0 auto}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-top:36px}.booking-card{background:#fff;border-radius:16px;border:1px solid var(--border);padding:24px;box-shadow:var(--shadow)}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.slot-day{font-size:.7rem;font-weight:700;color:var(--text3);text-align:center;margin-bottom:4px;text-transform:uppercase}.slot-btn{padding:8px 4px;border:1.5px solid var(--border);border-radius:8px;background:#fff;font-size:.78rem;font-weight:600;color:var(--text2);cursor:pointer;transition:transform .18s, opacity .18s, background-color .18s, border-color .18s, color .18s, box-shadow .18s, filter .18s;text-align:center;width:100%}.slot-btn:hover{border-color:#8dc63f;color:var(--text)}.slot-btn.selected{background:#8dc63f;border-color:#8dc63f;color:var(--ivory,#F4EFE6)}.slot-btn.full{opacity:.35;cursor:not-allowed}.booking-info{padding:16px;background:var(--gruen-bg);border-radius:10px;border:1px solid #a7f3d0;font-size:.82rem;color:#065f46;margin-top:12px}.faq-section{background:#fff;padding:70px 40px;border-top:1px solid var(--border)}.faq-inner{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 0;cursor:pointer;font-size:.95rem;font-weight:700;gap:16px}.faq-q-icon{font-size:1.1rem;color:var(--text3);flex-shrink:0;transition:transform .2s}.faq-a{font-size:.88rem;color:var(--text2);line-height:1.7;padding-bottom:18px;display:none}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q-icon{transform:rotate(45deg)}.footer{background:var(--panel-solid,#17130D);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-logo{color:var(--ivory,#F4EFE6);font-weight:800;font-size:.95rem}.footer-links{display:flex;gap:24px}.footer-links a{color:#64748b;font-size:.82rem;transition:color .15s}.footer-links a:hover{color:#94a3b8}.success-screen{display:none;text-align:center;padding:60px 40px}.success-icon{font-size:4rem;margin-bottom:16px}.success-title{font-size:1.8rem;font-weight:900;margin-bottom:8px}.success-ref{display:inline-block;background:var(--gruen-bg);color:var(--gruen);padding:6px 18px;border-radius:20px;font-weight:800;font-size:.9rem;margin:12px 0 20px;border:1px solid #a7f3d0}.success-sub{color:var(--text2);font-size:.95rem;max-width:480px;margin:0 auto 28px;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:700}.badge-gruen{background:var(--gruen-bg);color:var(--gruen);border:1px solid #a7f3d0}.badge-gelb{background:var(--gelb-bg);color:var(--gelb);border:1px solid #fde68a}.badge-blue{background:#eff6ff;color:var(--blue);border:1px solid #bfdbfe}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:768px){.tracks,.wizard-grid{grid-template-columns:1fr}.how-steps{grid-template-columns:repeat(2,1fr)}.booking-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.hero{padding:50px 20px 40px}.wizard-section{padding:40px 20px}.topnav{padding:0 20px}}

/* ─────────── LEGACY: angebot.css ─────────── */
body{background:radial-gradient(1100px 600px at 80% -10%,rgba(140,190,34,.1),transparent 60%),radial-gradient(900px 500px at 0% 110%,rgba(107,130,148,.08),transparent 55%),linear-gradient(180deg,var(--bg-solid,#0C0907),#0e1218);min-height:100vh;color:var(--jm-text);padding:0;margin:0}.client-shell{max-width:1080px;margin:0 auto;padding:36px 28px 80px;animation:fadeIn .7s cubic-bezier(.2,.7,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.client-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:28px;border-bottom:1px solid rgba(178,198,138,.1)}.client-brand{display:flex;align-items:center;gap:14px}.client-brand-mark{font-family:var(--font-display);font-weight:300;font-size:1.2rem;letter-spacing:-.01em;color:var(--jm-text-bright)}.client-brand-mark em{font-style:italic;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.client-brand-sub{font-family:var(--font-mono);font-size:.7rem;color:#b2c68a8c;letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.client-user{display:flex;align-items:center;gap:10px;padding:7px 14px;background:#ffffff0a;border:1px solid rgba(178,198,138,.18);border-radius:10px;font-size:.84rem}.client-user-name{color:var(--jm-text-bright);font-weight:600}.client-user-mail{color:#b2c68a9e;font-family:var(--font-mono);font-size:.74rem}.client-logout{width:30px;height:30px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(178,198,138,.18);color:var(--jm-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.ang-cover{background:var(--jm-glass-bg);backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--jm-glass-border);border-radius:22px;padding:48px 52px 44px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:var(--jm-shadow-card)}.ang-cover:before{content:"";position:absolute;top:0;left:52px;right:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.55),transparent)}.ang-cover:after{content:"";position:absolute;top:-200px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(140,190,34,.15),transparent 60%);pointer-events:none}.ang-cover-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#b2c68a9e;margin-bottom:14px}.ang-cover-title{font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;color:var(--jm-text-bright);letter-spacing:-.025em;margin-bottom:14px}.ang-cover-title em{font-style:italic;font-weight:300;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ang-cover-lede{max-width:640px;color:#b2c68ac7;font-size:1.02rem;line-height:1.55}.cover-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;padding-top:28px;border-top:1px solid rgba(178,198,138,.1)}@media(max-width:700px){.cover-meta{grid-template-columns:1fr 1fr}}.cover-meta-cell .label{font-family:var(--font-mono);font-size:.62rem;color:#b2c68a8c;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}.cover-meta-cell .val{color:var(--jm-text-bright);font-weight:600;font-size:.94rem}.cover-meta-cell .val.mono{font-family:var(--font-mono);font-size:.84rem}.glass-section{background:var(--jm-glass-bg);backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--jm-glass-border);border-radius:18px;padding:32px 36px;box-shadow:var(--jm-shadow-card);margin-bottom:22px}.section-eyebrow{font-family:var(--font-mono);font-size:.66rem;font-weight:500;color:#b2c68a8c;letter-spacing:.22em;text-transform:uppercase;margin-bottom:6px}.section-title{font-family:var(--font-display);font-weight:400;font-size:1.65rem;color:var(--jm-text-bright);letter-spacing:-.01em;line-height:1.2;margin-bottom:22px}.section-title em{font-style:italic;font-weight:300;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.leistungen-list{display:flex;flex-direction:column;gap:14px}.leistung-row{display:grid;grid-template-columns:30px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(178,198,138,.08)}.leistung-row:last-child{border-bottom:0}.leistung-num{font-family:var(--font-mono);color:#b2c68a8c;font-size:.84rem;font-weight:600}.leistung-title{color:var(--jm-text-bright);font-weight:600;font-size:1rem;margin-bottom:4px}.leistung-desc{color:#b2c68ac7;font-size:.88rem;line-height:1.55}.preis-block{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:18px 20px;background:linear-gradient(165deg,var(--green,#6E8E22)1a,var(--green,#6E8E22)05);border:1px solid rgba(178,198,138,.18);border-radius:14px;margin-bottom:12px}.preis-block .desc{color:var(--jm-text);font-size:.92rem}.preis-block .preis{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:2.1rem;letter-spacing:-.02em;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.preis-summe{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 26px;background:linear-gradient(165deg,var(--green,#6E8E22)33,var(--green,#6E8E22)0f);border:1px solid rgba(178,198,138,.3);border-radius:16px;margin-top:18px;position:relative;overflow:hidden}.preis-summe:before{content:"";position:absolute;top:0;left:26px;right:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(178,198,138,.65),transparent)}.preis-summe .label{font-family:var(--font-mono);font-size:.72rem;color:#b2c68aa6;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.preis-summe .desc{color:var(--jm-text-bright);font-size:1.06rem;font-weight:600}.preis-summe .preis{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:3rem;letter-spacing:-.025em;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(140,190,34,.25));line-height:1}.preis-summe .sub{font-size:.78rem;color:#b2c68a9e;margin-top:4px;font-family:var(--font-mono);letter-spacing:.04em}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-row{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(178,198,138,.08)}.timeline-row:last-child{border-bottom:0}.timeline-week{font-family:var(--font-mono);font-size:.76rem;color:#b2c68a9e;letter-spacing:.06em;text-transform:uppercase}.timeline-week strong{display:block;color:var(--jm-text-bright);font-size:1.15rem;font-weight:700;margin-top:2px}.timeline-title{color:var(--jm-text-bright);font-weight:600;font-size:.96rem;margin-bottom:3px}.timeline-desc{color:#b2c68ac7;font-size:.86rem;line-height:1.55}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.btn-cta{flex:1;min-width:200px;padding:16px 24px;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.1rem;letter-spacing:-.01em;text-align:center;border-radius:14px;cursor:pointer;transition:transform .24s cubic-bezier(.2,.7,.2,1), opacity .24s cubic-bezier(.2,.7,.2,1), background-color .24s cubic-bezier(.2,.7,.2,1), border-color .24s cubic-bezier(.2,.7,.2,1), color .24s cubic-bezier(.2,.7,.2,1), box-shadow .24s cubic-bezier(.2,.7,.2,1), filter .24s cubic-bezier(.2,.7,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-cta-primary{background:linear-gradient(165deg,var(--green,#6E8E22),var(--green,#6E8E22));border:1px solid rgba(178,198,138,.65);color:#1a1410;box-shadow:0 8px 24px -8px var(--green,#6E8E22)80,inset 0 1px #ffffff2e;font-weight:500;font-style:normal}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px -8px var(--green,#6E8E22)a6,inset 0 1px #ffffff40}.btn-cta-secondary{background:#ffffff0a;border:1px solid rgba(178,198,138,.32);color:var(--jm-text-bright);font-style:normal;font-weight:600}.btn-cta-secondary:hover{background:#b2c68a1f;border-color:#b2c68a8c;transform:translateY(-2px)}.footer{margin-top:36px;padding:20px 0;border-top:1px solid rgba(178,198,138,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.78rem;color:#b2c68a8c}.footer a{color:#b2c68ac7;text-decoration:none}.footer a:hover{color:var(--jm-text-bright)}.access-banner{max-width:540px;margin:80px auto;padding:36px 40px;background:var(--jm-glass-bg);border:1px solid var(--jm-glass-border);border-radius:18px;text-align:center}.access-banner h2{font-family:var(--font-display);font-weight:400;font-size:1.6rem;color:var(--jm-text-bright);margin:0 0 12px}.access-banner h2 em{font-style:italic;background:linear-gradient(165deg,#dff1a8,#b2c68a,var(--green,#6E8E22));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.access-banner p{color:#b2c68ac7;margin:0 0 18px;line-height:1.55}

/* ─────────── LEGACY: collaboration.css ─────────── */
/* ============================================================
 * SOLARDESK · Collaboration UI (Comments, Handoff, Bell)
 * ============================================================ */

/* ----- Comments-Widget ----- */
.comments-box {
  background: rgba(var(--surf-card-rgb),0.55);
  border: 1px solid rgba(140,190,34,0.16);
  border-radius: 14px;
  padding: 18px;
  margin-top: 24px;
}
.comments-head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 14px;
}
.comments-title {
  color: var(--gold-soft,#F4D9A0); font-weight: 700; font-size: 0.95rem;
  letter-spacing: 0.02em;
}
.comments-hint { color: #6B6452; font-size: 0.74rem; }
.comments-empty {
  color: #6B6452; font-size: 0.86rem; text-align: center;
  padding: 22px 12px;
}
.comments-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.comment-item {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 10px;
  padding: 12px 14px;
}
.comment-head {
  display: flex; align-items: baseline; gap: 8px;
  font-size: 0.74rem; color: #8A7F65; margin-bottom: 6px;
}
.comment-author { color: #B2C68A; font-weight: 700; font-size: 0.82rem; }
.comment-time, .comment-edited { color: #6B6452; }
.comment-action {
  background: none; border: none; color: #8A7F65; font-size: 0.72rem;
  cursor: pointer; margin-left: auto; padding: 2px 6px;
}
.comment-action:hover { color: #C96D5C; }
.comment-body { color: #E8E2D4; font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; }
.c-mention {
  background: rgba(164,199,244,0.10);
  color: #A4C7F4; padding: 1px 6px; border-radius: 4px;
  font-weight: 600; font-size: 0.84rem;
}
.comments-compose {
  display: flex; gap: 10px; align-items: flex-end;
  border-top: 1px solid rgba(255,255,255,0.04);
  padding-top: 12px;
}
.comment-input {
  flex: 1; background: rgba(0,0,0,0.30);
  border: 1px solid rgba(140,190,34,0.20);
  border-radius: 8px; padding: 10px 12px;
  color: #E8E2D4; font-size: 0.9rem; resize: vertical;
  min-height: 44px;
}
.comment-input:focus { outline: none; border-color: rgba(140,190,34,0.55); }

/* ----- Handoff-Modal ----- */
#handoff-modal { position: fixed; inset: 0; z-index: 1000; display: flex !important;
  align-items: center; justify-content: center;
  background: rgba(var(--surf-deep-rgb),0.82); backdrop-filter: blur(8px);
}
#handoff-modal .modal-content { background: #1a1612; border: 1px solid rgba(140,190,34,0.22);
  border-radius: 14px; max-width: 560px; width: 92%;
  box-shadow: 0 20px 60px rgba(0,0,0,0.55); }
#handoff-modal .modal-header { padding: 16px 22px; border-bottom: 1px solid rgba(255,255,255,0.05);
  display: flex; justify-content: space-between; align-items: center; }
#handoff-modal .modal-header h3 { color: var(--gold-soft,#F4D9A0); font-size: 1.04rem; margin: 0; }
#handoff-modal .modal-close { background: none; border: none; color: #8A7F65;
  font-size: 22px; cursor: pointer; }
#handoff-modal .modal-body { padding: 20px 22px; }
#handoff-modal .modal-footer { padding: 14px 22px; border-top: 1px solid rgba(255,255,255,0.05);
  display: flex; gap: 10px; justify-content: flex-end; }
#handoff-modal .modal-row { margin-bottom: 14px; }
#handoff-modal .modal-row.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#handoff-modal label { display: block; font-size: 0.72rem; color: #8A7F65;
  text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px; font-weight: 700; }
#handoff-modal input, #handoff-modal select, #handoff-modal textarea {
  width: 100%; background: rgba(0,0,0,0.30);
  border: 1px solid rgba(140,190,34,0.20);
  border-radius: 8px; padding: 9px 11px; color: #E8E2D4; font-size: 0.86rem;
}
#handoff-modal textarea { resize: vertical; min-height: 70px; }
.handoff-pill {
  display: inline-block; padding: 4px 10px; border-radius: 999px;
  background: rgba(140,190,34,0.10); border: 1px solid rgba(140,190,34,0.22);
  color: #B2C68A; font-size: 0.78rem; margin-right: 6px; margin-bottom: 4px;
}
.handoff-pill.is-owner { background: rgba(244,217,160,0.14); border-color: rgba(244,217,160,0.32); color: var(--gold-soft,#F4D9A0); }

/* ----- Notification-Bell Dropdown ----- */
#sd-bell-dropdown .sd-bell-empty {
  padding: 26px 14px; text-align: center; color: #6B6452; font-size: 0.84rem;
}
#sd-bell-dropdown .sd-bell-item {
  display: flex; gap: 10px; padding: 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer; transition: background 0.15s;
}
#sd-bell-dropdown .sd-bell-item:hover { background: rgba(140,190,34,0.06); }
#sd-bell-dropdown .sd-bell-item:last-child { border-bottom: none; }
#sd-bell-dropdown .sd-bell-icon {
  flex-shrink: 0; width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(140,190,34,0.10); border-radius: 8px; color: var(--gold-soft,#F4D9A0);
  font-size: 13px;
}
#sd-bell-dropdown .sd-bell-content { flex: 1; min-width: 0; }
#sd-bell-dropdown .sd-bell-subject {
  color: var(--gold-soft,#F4D9A0); font-weight: 700; font-size: 0.84rem;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#sd-bell-dropdown .sd-bell-body {
  color: #B2C68A; font-size: 0.78rem; line-height: 1.35;
  margin-top: 2px; max-height: 36px; overflow: hidden;
}
#sd-bell-dropdown .sd-bell-time {
  color: #6B6452; font-size: 0.7rem; margin-top: 4px;
}

/* mobile-global.css + mobile-nav-bootstrap.css entfernt — überlappen mit mobile-nav-v6 */

/* ============================================================
   SOLARDESK — Mobile Nav Bootstrap CSS
   Wird zusammen mit js/mobile-nav-bootstrap.js auf jeder
   Portal-Seite geladen. Stilisiert Hamburger / Backdrop / X.
   ============================================================ */

body.is-mobile-nav .sidebar {
  transform: translateX(-100%) !important;
  z-index: 200 !important;
  width: min(82vw, 320px) !important;
  transition: transform 0.28s cubic-bezier(.2,.7,.2,1) !important;
}
body.is-mobile-nav .sidebar.open { transform: translateX(0) !important; }
body.is-mobile-nav .main-content { margin-left: 0 !important; }
body.is-mobile-nav .topbar-back { display: none !important; }

/* Hamburger v3 — FIXED position oben links, unabhängig von .topbar.
   Brand-Gold, gut sichtbar auf jedem Theme. */
body.is-mobile-nav #solardesk-hamburger {
  position: fixed !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 220 !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 12px;
  background: linear-gradient(135deg, #dceb99, #d2a644) !important;
  border: 1px solid rgba(235,245,170,0.55) !important;
  color: #1a1305 !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  box-shadow: 0 4px 14px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.30);
  padding: 0;
}
body.is-mobile-nav #solardesk-hamburger:active {
  transform: scale(0.93);
  box-shadow: 0 2px 8px rgba(0,0,0,0.30);
}
/* Topbar nach rechts schieben damit der Hamburger nicht überdeckt */
body.is-mobile-nav .topbar { padding-left: 72px !important; }

body.is-mobile-nav #solardesk-backdrop {
  position: fixed; inset: 0; background: rgba(var(--surf-deep-rgb),0.55);
  z-index: 150; opacity: 0; pointer-events: none;
  transition: opacity 0.22s ease;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
body.is-mobile-nav #solardesk-backdrop.open { opacity: 1; pointer-events: auto; }

body.is-mobile-nav #solardesk-sidebar-close {
  position: absolute; top: 12px; right: 12px;
  width: 46px; height: 46px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(235,245,170,0.30), rgba(214,166,68,0.40));
  border: 1px solid rgba(235,245,170,0.55); color: var(--ivory,#F0F8D5);
  display: inline-flex !important; align-items: center; justify-content: center;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  touch-action: manipulation; z-index: 999;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55);
}
body.is-mobile-nav #solardesk-sidebar-close:active { transform: scale(0.93); }

/* Auf Desktop nicht zeigen (zwischen 1025px und Touch-Geräten unterscheiden) */
@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
  body:not(.is-mobile-nav) #solardesk-hamburger,
  body:not(.is-mobile-nav) #solardesk-backdrop,
  body:not(.is-mobile-nav) #solardesk-sidebar-close { display: none !important; }
}

/* Mobile-Verbesserungen: enge Topbar, kleinerer Title, keine Such-Pille */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  body.is-mobile-nav .topbar { padding: 0 12px !important; gap: 10px !important; }
  body.is-mobile-nav .topbar-title { font-size: 1rem !important; }
  body.is-mobile-nav .topbar-search-pill { display: none !important; }
}

/* ============================================================
   PORTAL OVERRIDES — gewinnen Cascade-Reihenfolge
   (Soft-Dark Theme + v12 Unify + v13 Dashboard Converge)
   ============================================================ */

/* ============================================================
   SOLARDESK · Soft-Dark Theme-Layer (v10 — 18.05.2026)
   Hebt das Premium-Dark-Theme an: heller, luftiger, angenehmer.
   v10: Responsive-Schutz + Layout-Container-Guards
   v9: Header-Fix, Labels voll lesbar
   v2: Premium-Typografie + Icon-System
   ============================================================ */

/* ----- Premium-Schriften nachladen ----- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500;1,9..144,600&display=swap');

/* ============================================================
   ════════ LAYOUT-GUARDS — nichts schiebt sich übereinander ════════
   Verhindert Horizontal-Overflow + Sidebar-Überlappung auch wenn
   einzelne Pages eigene inline-styles mitbringen.
   ============================================================ */
html, body.premium-dark {
  overflow-x: hidden !important;
  max-width: 100vw;
}
body.premium-dark *, body.premium-dark *::before, body.premium-dark *::after {
  box-sizing: border-box;
}
body.premium-dark .app-layout {
  display: flex !important;
  min-height: 100vh !important;
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}
body.premium-dark .main-content {
  flex: 1 1 0 !important;
  min-width: 0 !important;          /* lässt Inhalt schrumpfen statt zu sprengen */
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body.premium-dark .page-content {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto;                  /* nur falls echt nötig (z.B. Tabellen) */
}
/* Topbar bricht um statt zu sprengen */
body.premium-dark .topbar {
  flex-wrap: wrap !important;
  row-gap: 6px !important;
  min-width: 0 !important;
}
body.premium-dark .topbar-titles {
  min-width: 0 !important;
  flex: 1 1 200px !important;
}
body.premium-dark .topbar-title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.premium-dark .topbar-right {
  flex-wrap: wrap !important;
  row-gap: 6px !important;
  column-gap: 8px !important;
  justify-content: flex-end !important;
}
/* Cards/Widgets können nie über Container hinaus */
body.premium-dark .widget,
body.premium-dark .glass-card,
body.premium-dark .card,
body.premium-dark .panel,
body.premium-dark .kpi-card,
body.premium-dark .feed-stat,
body.premium-dark .stat-tile,
body.premium-dark .ang-hero-block,
body.premium-dark .ang-card,
body.premium-dark .modal-card {
  max-width: 100% !important;
  min-width: 0 !important;
}
/* Bilder + iFrames + Pre-Blöcke responsive */
body.premium-dark img,
body.premium-dark iframe,
body.premium-dark video,
body.premium-dark pre {
  max-width: 100% !important;
  height: auto;
}
/* Tabellen scrollen statt zu sprengen */
body.premium-dark table {
  max-width: 100% !important;
  word-break: break-word;
}
body.premium-dark .table-wrap,
body.premium-dark .tbl-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
}
/* Long-Words mit harten Bindestrichen bei schmalen Spalten */
body.premium-dark .widget *,
body.premium-dark .card *,
body.premium-dark .kanban-card * {
  overflow-wrap: anywhere;
}

/* ============================================================
   SIDEBAR-RESPONSIVE-GUARDS
   ============================================================ */
/* Desktop ≥ 1025px: Sidebar muss immer sichtbar sein, nicht überlagert */
@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
  body.premium-dark aside.sidebar {
    transform: none !important;
    position: fixed !important;
    z-index: 100 !important;
  }
  body.premium-dark .main-content {
    margin-left: var(--sidebar-width, 248px) !important;
  }
}
/* Mobile / Touch: Sidebar weggeschoben, Hamburger erreichbar */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  body.premium-dark .main-content {
    margin-left: 0 !important;
  }
  body.premium-dark .topbar {
    padding-left: 72px !important;   /* Platz für Hamburger */
  }
}
/* Backdrop bei offener Mobile-Sidebar — voll opak gegen Durchschein-Bug */
body.is-mobile-nav #solardesk-backdrop {
  background: rgba(0, 0, 0, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

:root,
body.premium-dark {
  /* Canvas: 13 % → 19 % Lightness, leicht entsättigt */
  --canvas:        oklch(19% .015 245) !important;
  --canvas-opaque: oklch(26% .015 245) !important;

  /* Surface-Stufen — kühle Neutral-Slate (kein warmer Cast!) */
  --surface-1:     oklch(24% .013 245);   /* Sidebar / Topbar / Wells */
  --surface-2:     oklch(30% .012 245);   /* Card-Body */
  --surface-3:     oklch(36% .010 245);   /* Hover / aktive States */

  /* Borders kühl-neutral — sichtbarer, aber nicht hart */
  --border-soft:   oklch(80% 0 0 / .14);
  --border-strong: oklch(88% 0 0 / .22);

  /* Text — pure cool-white, KEIN warmer Cast */
  --text:           oklch(99% 0 0);
  --text-secondary: oklch(94% 0 0);
  --text-muted:     oklch(82% 0 0);
}

/* ============================================================
   BODY — atmosphärische Hintergrund-Verläufe (helleres Slate-Navy)
   ============================================================ */
body.premium-dark {
  background:
    /* Cool-blau oben links */
    radial-gradient(1400px 900px at 18% -10%, oklch(30% .025 252 / .50) 0%, transparent 58%),
    /* Cool-Cyan unten rechts (kein warmer Gelbton mehr!) */
    radial-gradient(1100px 800px at 92% 110%, oklch(28% .025 220 / .28) 0%, transparent 55%),
    /* Neutraler Soft-Spot Mitte */
    radial-gradient(800px 600px at 50% 50%, oklch(24% .012 245 / .30) 0%, transparent 70%),
    var(--canvas) !important;
}

/* ============================================================
   SIDEBAR — luftiger, deutlicher abgesetzt
   ============================================================ */
aside.sidebar {
  background:
    linear-gradient(180deg,
      oklch(28% .015 245 / .90) 0%,
      oklch(22% .013 245 / .95) 100%) !important;
  border-right: 1px solid var(--border-soft) !important;
  box-shadow:
    1px 0 0 oklch(100% 0 0 / .04),
    inset -1px 0 0 oklch(0% 0 0 / .25) !important;
}

/* Nav-Items — heller Hover/Active */
aside.sidebar nav.sidebar-nav .nav-item {
  color: var(--text-secondary) !important;
}
aside.sidebar nav.sidebar-nav .nav-item:hover {
  background: oklch(38% .015 245 / .55) !important;
  color: var(--text) !important;
}
aside.sidebar nav.sidebar-nav .nav-item.active {
  background: linear-gradient(135deg,
    oklch(42% .020 245 / .80) 0%,
    oklch(34% .015 245 / .65) 100%) !important;
  color: var(--text) !important;
  box-shadow:
    inset 0 1px 0 oklch(100% 0 0 / .12),
    0 4px 12px oklch(0% 0 0 / .35) !important;
}

/* Sidebar-Section-Labels — neutral kühl */
aside.sidebar .nav-section-label {
  color: oklch(78% 0 0) !important;
}

/* User-Footer */
aside.sidebar .sidebar-user {
  background: oklch(34% .013 245 / .60) !important;
  border: 1px solid var(--border-soft) !important;
}
aside.sidebar .sidebar-user:hover {
  background: oklch(40% .015 245 / .75) !important;
}

/* ============================================================
   TOPBAR — sanfter Grauverlauf statt fast-schwarz
   ============================================================ */
.topbar {
  background:
    linear-gradient(180deg,
      oklch(26% .013 245 / .82) 0%,
      oklch(22% .012 245 / .68) 100%) !important;
  border-bottom: 1px solid var(--border-soft) !important;
  backdrop-filter: blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
}
.topbar-title {
  color: var(--text) !important;
}
.topbar-breadcrumb,
.topbar-breadcrumb .crumb {
  color: var(--text-muted) !important;
}
.topbar-date-pill {
  background: oklch(34% .013 245 / .55) !important;
  border: 1px solid var(--border-soft) !important;
  color: var(--text-secondary) !important;
}

/* ============================================================
   WIDGETS / GLASS-CARDS — heller, mehr Wärme
   ============================================================ */
.widget,
.glass-card,
.grid-stack-item-content,
.dashboard-toolbar,
.card,
.panel,
.kpi-card {
  background:
    linear-gradient(155deg,
      oklch(34% .013 245 / .60) 0%,
      oklch(27% .013 245 / .72) 100%) !important;
  border: 1px solid var(--border-soft) !important;
  box-shadow:
    0 1px 0 oklch(100% 0 0 / .08) inset,
    0 8px 24px oklch(0% 0 0 / .35),
    0 2px 6px oklch(0% 0 0 / .20) !important;
}

.widget:hover,
.glass-card:hover {
  border-color: var(--border-strong) !important;
}

/* Card-Titel + Sub-Texte */
.widget-title,
.card-title,
.panel-title {
  color: var(--text) !important;
}
.widget-sub,
.card-sub,
.panel-sub {
  color: var(--text-muted) !important;
}

/* ============================================================
   BUTTONS / NAV-ITEMS in Page-Content
   ============================================================ */
.btn,
button.btn,
.button {
  background: linear-gradient(155deg,
    oklch(38% .015 245 / .80) 0%,
    oklch(30% .013 245 / .90) 100%) !important;
  border: 1px solid var(--border-soft) !important;
  color: var(--text) !important;
}
.btn:hover,
.button:hover {
  background: linear-gradient(155deg,
    oklch(44% .017 245 / .85) 0%,
    oklch(36% .015 245 / .92) 100%) !important;
  border-color: var(--border-strong) !important;
}

/* Primär-Buttons (Akzent) bleiben Gold/Cool — nur leicht angehoben */
.btn.primary,
.btn-primary {
  background: var(--accent-gradient) !important;
  border: 1px solid oklch(70% .16 252 / .55) !important;
  color: oklch(98% .005 80) !important;
}

/* ============================================================
   INPUTS / FORMS — angenehmer Kontrast
   ============================================================ */
input,
textarea,
select {
  background: oklch(28% .012 245 / .70) !important;
  border: 1px solid var(--border-soft) !important;
  color: var(--text) !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: oklch(70% .16 252 / .55) !important;
  background: oklch(32% .012 245 / .80) !important;
  outline: none !important;
}
input::placeholder,
textarea::placeholder {
  color: var(--text-muted) !important;
}

/* ============================================================
   TABELLEN
   ============================================================ */
table {
  background: transparent !important;
}
table thead th {
  background: oklch(34% .013 245 / .65) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--border-strong) !important;
}
table tbody tr {
  border-bottom: 1px solid var(--border-soft) !important;
}
table tbody tr:hover {
  background: oklch(36% .013 245 / .40) !important;
}
table tbody td {
  color: var(--text-secondary) !important;
}

/* ============================================================
   SCROLLBARS — passend zur helleren Atmosphäre
   ============================================================ */
* {
  scrollbar-color: oklch(50% .010 245 / .45) transparent;
}
*::-webkit-scrollbar-thumb {
  background: oklch(50% .010 245 / .45) !important;
}
*::-webkit-scrollbar-thumb:hover {
  background: oklch(60% .010 245 / .65) !important;
}

/* ============================================================
   ════════ PREMIUM-TYPOGRAFIE-PASS ════════
   Wertigkeit + Hierarchie für Schrift, Zahlen, Symbole.
   ============================================================ */

/* Body-Defaults — Geist mit Premium-OpenType-Settings */
body.premium-dark,
body.premium-dark .page-content,
body.premium-dark .widget,
body.premium-dark .kpi-card {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-feature-settings:
    'ss01' 1,   /* Stylistic-Set 1 (Geist: alt. a, g) */
    'ss03' 1,   /* Alt. 4 */
    'cv11' 1,   /* Alt. l */
    'kern' 1,
    'liga' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Tabular Lining-Numerals — überall wo Zahlen stehen */
body.premium-dark .num,
body.premium-dark .stat-value,
body.premium-dark .kpi-card-value,
body.premium-dark .feed-stat-value,
body.premium-dark .hero-num,
body.premium-dark .ang-card-meta,
body.premium-dark .topbar-date-pill,
body.premium-dark .live-indicator,
body.premium-dark td,
body.premium-dark th,
body.premium-dark input[type="number"],
body.premium-dark .data-table tbody td {
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1, 'kern' 1 !important;
}

/* ============================================================
   KPI-HERO-ZAHLEN — echter Editorial-Look (Fraunces Italic)
   ============================================================ */
body.premium-dark .kpi-card-value,
body.premium-dark .feed-stat-value,
body.premium-dark .hero-num,
body.premium-dark .ang-hero-block .num,
body.premium-dark .stat-tile .num {
  font-family: 'Fraunces', 'Times New Roman', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: clamp(1.9rem, 2.4vw, 2.5rem) !important;
  letter-spacing: -0.022em !important;
  line-height: 1.02 !important;
  color: oklch(99% 0 0) !important;
  /* Editorial-Glow: kühl, KEIN warmer Ton */
  text-shadow:
    0 1px 0 oklch(0% 0 0 / .55),
    0 2px 6px oklch(0% 0 0 / .45),
    0 0 22px oklch(82% .10 252 / .25),
    0 0 40px oklch(70% .16 252 / .12) !important;
  font-variant-numeric: lining-nums proportional-nums !important;
  font-feature-settings: 'lnum' 1, 'pnum' 1, 'kern' 1, 'salt' 1 !important;
  display: inline-block;
  /* Lässt das Italic-Lean ein wenig „atmen" */
  padding-right: 0.05em;
}

/* Untertitel-Format für Mini-Trend / Delta neben Hero-Zahl */
body.premium-dark .kpi-card-delta,
body.premium-dark .stat-delta,
body.premium-dark .num-delta {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: oklch(40% .025 145 / .35) !important;
  color: oklch(85% .12 145) !important;
  border: 1px solid oklch(70% .12 145 / .30) !important;
}
body.premium-dark .kpi-card-delta.is-down,
body.premium-dark .stat-delta.is-down {
  background: oklch(40% .025 25 / .35) !important;
  color: oklch(85% .12 25) !important;
  border-color: oklch(70% .12 25 / .30) !important;
}

/* ============================================================
   MONO-LABELS (UPPERCASE TICKER-STYLE)
   ============================================================ */
body.premium-dark .kpi-card-label,
body.premium-dark .feed-stat-label,
body.premium-dark .hero-label,
body.premium-dark .nav-section-label,
body.premium-dark .filter-group-label,
body.premium-dark .ang-card-pill,
body.premium-dark .view-tab-count,
body.premium-dark .activity-time {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.62rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;       /* von 0.22em runter — wertiger */
  text-transform: uppercase !important;
  color: oklch(80% 0 0) !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: 'tnum' 1, 'ss01' 1 !important;
}

/* Card-Sub-Texte */
body.premium-dark .kpi-card-sub,
body.premium-dark .feed-stat-sub,
body.premium-dark .hero-sub,
body.premium-dark .widget-sub,
body.premium-dark .card-sub,
body.premium-dark .ang-card-sub,
body.premium-dark .empty-state-text {
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  color: oklch(83% 0 0) !important;
  letter-spacing: 0.005em !important;
}

/* ============================================================
   IKONEN — Lucide-Konsistenz + Premium-Stroke
   ============================================================ */
body.premium-dark [data-lucide],
body.premium-dark svg.lucide,
body.premium-dark .nav-icon svg,
body.premium-dark .btn svg,
body.premium-dark .button svg {
  stroke-width: 1.6 !important;            /* premium statt 2.5 */
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* Standard Icon-Größe */
body.premium-dark .nav-icon,
body.premium-dark .nav-icon svg {
  width: 18px !important;
  height: 18px !important;
}

/* Icons in Buttons */
body.premium-dark .btn svg,
body.premium-dark .button svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1.75 !important;
}

/* Icons in Cards/Empty-States */
body.premium-dark .empty-state-icon,
body.premium-dark .b-empty-icon,
body.premium-dark .widget-icon {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 2px 4px oklch(0% 0 0 / .35))
          drop-shadow(0 0 12px oklch(70% .16 252 / .35));
  opacity: 0.85;
}

/* Bell / Activity-Icons */
body.premium-dark .bell-icon,
body.premium-dark .activity-icon {
  width: 32px !important;
  height: 32px !important;
  background: oklch(38% .013 245 / .70) !important;
  border: 1px solid oklch(80% 0 0 / .14) !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: oklch(90% 0 0) !important;
  flex-shrink: 0 !important;
}

/* Nav-Icons-Glow nur dezent */
body.premium-dark .nav-item .nav-icon svg {
  color: oklch(86% 0 0) !important;
  transition: color 0.18s, filter 0.18s;
}
body.premium-dark .nav-item:hover .nav-icon svg,
body.premium-dark .nav-item.active .nav-icon svg {
  color: oklch(94% .015 252) !important;
  filter: drop-shadow(0 0 8px oklch(70% .16 252 / .55));
}

/* ============================================================
   TABELLEN — Zahlen rechts, Mono, präzise
   ============================================================ */
body.premium-dark table.data-table,
body.premium-dark table.heat-table,
body.premium-dark table {
  font-variant-numeric: tabular-nums lining-nums !important;
}
body.premium-dark table thead th {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: oklch(88% 0 0) !important;
  padding: 14px 16px !important;
}
body.premium-dark table tbody td {
  padding: 14px 16px !important;
  font-size: 0.88rem !important;
  color: oklch(94% 0 0) !important;
}
/* Zahl-Spalten (heuristisch: last child + alle mit data-num) */
body.premium-dark table tbody td.num,
body.premium-dark table tbody td[data-num],
body.premium-dark table tbody td.right,
body.premium-dark table tbody td:last-child {
  text-align: right;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-feature-settings: 'tnum' 1, 'lnum' 1 !important;
  letter-spacing: 0.005em;
}

/* ============================================================
   PILLS / BADGES / CHIPS — saubere Vertikal-Mitte
   ============================================================ */
body.premium-dark .pill,
body.premium-dark .chip,
body.premium-dark .filter-chip,
body.premium-dark .ang-card-pill,
body.premium-dark .nav-badge,
body.premium-dark .bell-days {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  height: auto !important;
  padding: 4px 10px !important;
  line-height: 1.4 !important;
  font-variant-numeric: tabular-nums !important;
  vertical-align: middle !important;
}

/* ============================================================
   KPI-CARD-LAYOUT — saubere vertikale Hierarchie
   ============================================================ */
body.premium-dark .kpi-card,
body.premium-dark .feed-stat,
body.premium-dark .stat-tile,
body.premium-dark .ang-hero-block {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 18px 20px !important;
  min-height: 100px;
}
body.premium-dark .kpi-card > .kpi-card-label,
body.premium-dark .feed-stat > .feed-stat-label,
body.premium-dark .stat-tile > .hero-label {
  order: -1; /* Label oben */
}
body.premium-dark .kpi-card > .kpi-card-value,
body.premium-dark .feed-stat > .feed-stat-value {
  margin: 0 !important;
}

/* ============================================================
   SIDEBAR-LOGO — Gold Italic präziser
   ============================================================ */
body.premium-dark .sidebar-logo-mark {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
}
body.premium-dark .sidebar-logo-sub {
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.60rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: oklch(78% 0 0) !important;
  margin-top: 4px;
}

/* ============================================================
   ════════ LESBARKEITS-OVERRIDE ════════
   Schriften die zu dunkel/braun wirkten — alle auf hellen Text.
   ============================================================ */

/* Lead/Kanban/Funnel/Phase — alle Card-Titel hell + neutral */
body.premium-dark .lead-card,
body.premium-dark .lead-name,
body.premium-dark .lead-title,
body.premium-dark .kanban-card,
body.premium-dark .kanban-card-title,
body.premium-dark .funnel-row,
body.premium-dark .funnel-label,
body.premium-dark .funnel-phase,
body.premium-dark .phase-section,
body.premium-dark .phase-title,
body.premium-dark .phase-label,
body.premium-dark .proj-row,
body.premium-dark .proj-row-title,
body.premium-dark .ang-card,
body.premium-dark .ang-card-title,
body.premium-dark .crm-row,
body.premium-dark .crm-name {
  color: oklch(96% 0 0) !important;
}

/* Untertitel / Meta — etwas heller als bisher */
body.premium-dark .lead-card *,
body.premium-dark .kanban-card *,
body.premium-dark .funnel-row *,
body.premium-dark .phase-section .phase-desc,
body.premium-dark .proj-row .proj-row-sub,
body.premium-dark .ang-card .ang-card-sub,
body.premium-dark .crm-row .crm-meta {
  color: inherit;
}

/* Generell: kein Text dunkler als 75 % Lightness im Premium-Dark-Theme */
body.premium-dark p,
body.premium-dark span:not([class*="badge"]):not([class*="pill"]):not([class*="chip"]),
body.premium-dark div:not([class*="cluster"]):not([class*="pin"]),
body.premium-dark li,
body.premium-dark dt,
body.premium-dark dd,
body.premium-dark a:not(.btn):not(.button) {
  /* Wenn kein expliziter Color gesetzt ist, erbt es vom Body (= --text) */
}

/* Card-Body-Text (übergreifend) */
body.premium-dark .widget *:not(svg):not(path):not([style*="color"]),
body.premium-dark .kpi-card *:not(svg):not(path):not([style*="color"]),
body.premium-dark .panel *:not(svg):not(path):not([style*="color"]) {
  /* Erlaubt: Erbung. Aber konkrete Titel-Farben übersteuern */
}

/* Lead/Funnel-Zähl-Kreise — auch innen heller */
body.premium-dark .lead-counter,
body.premium-dark .funnel-counter,
body.premium-dark .phase-count,
body.premium-dark .stage-count,
body.premium-dark .counter-bubble,
body.premium-dark .nav-badge {
  background: oklch(38% .013 245 / .85) !important;
  border: 1px solid oklch(85% 0 0 / .18) !important;
  color: oklch(96% 0 0) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

/* Phasen-Tile-Backgrounds — kühl-neutral statt warm */
body.premium-dark .phase-tile,
body.premium-dark .funnel-tile,
body.premium-dark .stage-tile,
body.premium-dark .lead-phase-card {
  background:
    linear-gradient(155deg,
      oklch(32% .012 245 / .55) 0%,
      oklch(26% .012 245 / .70) 100%) !important;
  border: 1px solid oklch(85% 0 0 / .12) !important;
  color: oklch(96% 0 0) !important;
}

/* Prozent-Pills in Funnel ("5%", "15%", ...) */
body.premium-dark .pct,
body.premium-dark .percent,
body.premium-dark .funnel-pct,
body.premium-dark .phase-pct {
  background: oklch(38% .013 245 / .70) !important;
  border: 1px solid oklch(85% 0 0 / .18) !important;
  color: oklch(94% 0 0) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.70rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

/* ============================================================
   ════════ KANBAN-OVERRIDE — Quelle des Braun-Looks ════════
   crm.css setzt überall Goldbraun (var(--gold-soft,#F4D9A0), #b2c68a, #dff1a8→var(--green,#6E8E22)).
   Hier zwangsweise auf helles, klares Weiß stellen.
   ============================================================ */

/* Spalten-Titel: NICHT mehr Goldbraun (var(--gold-soft,#F4D9A0)) sondern reines Weiß */
body.premium-dark .kanban-col-title {
  color: oklch(98% 0 0) !important;
  font-family: 'Geist', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
}

/* Counter (0, 8, 0, ...) — Glass-Bubble in Stage-Farbe als Border, weisser Text */
body.premium-dark .kanban-col-count {
  background: oklch(28% .012 245 / .75) !important;
  color: oklch(98% 0 0) !important;
  border: 1.5px solid var(--stage-color, oklch(70% .12 252)) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-size: 0.78rem !important;
  min-width: 28px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 14px color-mix(in oklch, var(--stage-color, oklch(70% .12 252)) 28%, transparent) !important;
}

/* Prozent-Pill: glas, hell, lesbar */
body.premium-dark .kanban-col-prob {
  background: oklch(30% .012 245 / .65) !important;
  border: 1px solid oklch(85% 0 0 / .14) !important;
  color: oklch(92% 0 0) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Sub-Text in Spaltenkopf */
body.premium-dark .kanban-col-sub {
  color: oklch(82% 0 0) !important;
  font-size: 0.76rem !important;
}

/* Plus-Button: helles Glass */
body.premium-dark .kanban-col-add {
  background: oklch(34% .012 245 / .75) !important;
  border: 1px solid oklch(85% 0 0 / .18) !important;
  color: oklch(96% 0 0) !important;
}
body.premium-dark .kanban-col-add:hover {
  background: oklch(42% .015 245 / .85) !important;
  border-color: oklch(85% 0 0 / .30) !important;
}

/* ============================================================
   LEAD-CARDS — Firmenname war Gold-Gradient, jetzt klares Weiß
   ============================================================ */

/* Firmen-Name: Gold-Gradient ausschalten, reines kühles Weiß */
body.premium-dark .kanban-card-firma {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: oklch(98% 0 0) !important;
  color: oklch(98% 0 0) !important;
  font-family: 'Geist', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.96rem !important;
  letter-spacing: -0.005em !important;
  text-shadow:
    0 1px 0 oklch(0% 0 0 / .55),
    0 2px 6px oklch(0% 0 0 / .35) !important;
}

/* Ansprechpartner */
body.premium-dark .kanban-card-ap {
  color: oklch(84% 0 0) !important;
  font-size: 0.82rem !important;
}

/* Notiz */
body.premium-dark .kanban-card-notiz {
  color: oklch(80% 0 0) !important;
  font-size: 0.76rem !important;
}

/* Volume — Grün-Gradient kann bleiben, nur fall-back auf hell */
body.premium-dark .kanban-card-vol {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  -webkit-text-fill-color: initial;
}

/* Avatar (das kleine quadratische Logo links): Glass statt Gold */
body.premium-dark .kanban-card-avatar {
  background: linear-gradient(135deg,
    oklch(40% .015 245) 0%,
    oklch(28% .013 245) 100%) !important;
  border: 1px solid oklch(85% 0 0 / .18) !important;
  color: oklch(96% 0 0) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Card-Background — kühl statt warm */
body.premium-dark .kanban-card {
  background:
    linear-gradient(155deg,
      oklch(30% .013 245 / .60) 0%,
      oklch(24% .012 245 / .75) 100%) !important;
  border: 1px solid oklch(85% 0 0 / .12) !important;
}
body.premium-dark .kanban-card:hover {
  border-color: oklch(85% 0 0 / .22) !important;
  background:
    linear-gradient(155deg,
      oklch(34% .015 245 / .70) 0%,
      oklch(28% .013 245 / .82) 100%) !important;
}

/* Stage-Action-Buttons (oben rechts Pfeile) */
body.premium-dark .kanban-card-stagebtn {
  background: oklch(24% .012 245 / .65) !important;
  border: 1px solid oklch(85% 0 0 / .14) !important;
  color: oklch(90% 0 0) !important;
}
body.premium-dark .kanban-card-stagebtn:hover {
  background: oklch(34% .015 245 / .80) !important;
  border-color: oklch(85% 0 0 / .25) !important;
}

/* Chips in der Card */
body.premium-dark .kc-chip {
  background: oklch(28% .012 245 / .65) !important;
  border: 1px solid oklch(85% 0 0 / .12) !important;
  color: oklch(90% 0 0) !important;
  font-size: 0.70rem !important;
  font-weight: 500 !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}
body.premium-dark .kc-chip-on {
  background: oklch(40% .12 145 / .35) !important;
  border-color: oklch(70% .14 145 / .35) !important;
  color: oklch(94% 0 0) !important;
}

/* Kanban-Spalten-Hintergrund — kühler Slate statt warmer Ton */
body.premium-dark .kanban-col {
  background:
    linear-gradient(180deg,
      oklch(26% .013 245 / .55) 0%,
      oklch(20% .012 245 / .70) 100%) !important;
  border: 1px solid oklch(85% 0 0 / .10) !important;
}
body.premium-dark .kanban-col-head {
  background:
    linear-gradient(180deg,
      oklch(30% .015 245 / .80) 0%,
      transparent 100%) !important;
  border-bottom: 1px solid oklch(85% 0 0 / .10) !important;
}

/* Empty-State */
body.premium-dark .kanban-empty,
body.premium-dark .kanban-empty-add {
  background: oklch(30% .013 245 / .35) !important;
  border: 1px dashed oklch(85% 0 0 / .18) !important;
  color: oklch(80% 0 0) !important;
}
body.premium-dark .kanban-empty-add:hover {
  background: oklch(36% .015 245 / .55) !important;
  color: oklch(96% 0 0) !important;
}

/* ============================================================
   ════════ HEADLINE-GRADIENT-KILL ════════
   style.css setzt Section-Titles, KPI-Values, Stat-Nums u.v.m.
   als Cream→Beige-Gradient (-webkit-text-fill-color: transparent)
   → wirkt auf Dark-BG braun und schlecht lesbar.
   Hier komplett ausschalten, reines helles Weiß.
   AUSNAHME: SOLDESK-Logo (das darf Gold bleiben).
   ============================================================ */

body.premium-dark .section-title,
body.premium-dark .section h2,
body.premium-dark main .section h2,
body.premium-dark .detail-section-title,
body.premium-dark .panel-title,
body.premium-dark .dashboard-section-title,
body.premium-dark .subsection-title,
body.premium-dark .kpi-card .kpi-value,
body.premium-dark .proj-stat .stat-num,
body.premium-dark .kpi-card.gruen .kpi-value,
body.premium-dark .kpi-card.rot .kpi-value,
body.premium-dark .kpi-card.accent .kpi-value,
body.premium-dark .fc-weighted .fc-value,
body.premium-dark .kanban-col-title span:nth-child(2) {
  /* Gradient-Background ausschalten */
  background: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  /* Echten Color durchsetzen */
  -webkit-text-fill-color: oklch(98% 0 0) !important;
  color: oklch(98% 0 0) !important;
  /* Drop-Shadow-Filter raus (war auf gold-glow) */
  filter: none !important;
  text-shadow:
    0 1px 0 oklch(0% 0 0 / .55),
    0 2px 6px oklch(0% 0 0 / .35),
    0 0 20px oklch(70% .12 252 / .15) !important;
}

/* KPI-Value mit Editorial-Italic erhalten — nur Color/Gradient fixen */
body.premium-dark .kpi-card .kpi-value,
body.premium-dark .proj-stat .stat-num,
body.premium-dark .fc-weighted .fc-value {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-variant-numeric: lining-nums proportional-nums !important;
  letter-spacing: -0.022em !important;
}

/* Section-Headlines bekommen Italic-Display-Look */
body.premium-dark .section-title,
body.premium-dark .panel-title,
body.premium-dark .detail-section-title,
body.premium-dark .dashboard-section-title,
body.premium-dark .subsection-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
}
/* Italic-Spans innerhalb section-title (z. B. "<em>Stamm.</em>") */
body.premium-dark .section-title em,
body.premium-dark .panel-title em,
body.premium-dark .detail-section-title em {
  font-style: italic !important;
  color: oklch(85% .15 252) !important;        /* sanftes Akzent-Blau */
  background: none !important;
  -webkit-text-fill-color: oklch(85% .15 252) !important;
}

/* Section-Eyebrow (kleines Mono-Label über der Überschrift) */
body.premium-dark .section-eyebrow {
  font-family: 'Geist Mono', monospace !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: oklch(80% 0 0) !important;
  background: none !important;
  -webkit-text-fill-color: oklch(80% 0 0) !important;
}

/* Generischer Catch-All: jedes Element mit transparent-fill kriegt Weiß
   außer es ist explizit ein Logo (Klasse enthält "logo") */
body.premium-dark [style*="-webkit-text-fill-color: transparent"]:not([class*="logo"]):not(.kanban-card-vol) {
  -webkit-text-fill-color: oklch(98% 0 0) !important;
  background: none !important;
}

/* ============================================================
   ════════ 3D-LIFT + DEUTLICH DURCHSICHTIGERES GLAS ════════
   - Alpha-Werte aller Container drastisch reduziert (.20–.35)
   - Backdrop-blur erhöht (18–24 px) + Saturate (170–200 %)
   - Multi-Layer-Shadows für echte 3D-Tiefe
   - Bevel oben hell, unten dunkel
   - Outer-Glow cool für Lift-Off-Effekt
   ============================================================ */

/* ---------- WIDGETS / CARDS / PANELS — Liquid Glass v2 ---------- */
body.premium-dark .widget,
body.premium-dark .glass-card,
body.premium-dark .grid-stack-item-content,
body.premium-dark .dashboard-toolbar,
body.premium-dark .card,
body.premium-dark .panel,
body.premium-dark .kpi-card,
body.premium-dark .feed-stat,
body.premium-dark .stat-tile,
body.premium-dark .ang-hero-block,
body.premium-dark .ang-card {
  position: relative;
  background:
    linear-gradient(155deg,
      oklch(70% .020 245 / .10) 0%,
      oklch(40% .015 245 / .14) 50%,
      oklch(24% .013 245 / .20) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .22) !important;
  backdrop-filter: blur(34px) saturate(220%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(34px) saturate(220%) brightness(1.04) !important;
  box-shadow:
    /* Cast-Shadow XL */
    0 30px 60px oklch(0% 0 0 / .65),
    /* Mittel-Shadow */
    0 10px 22px oklch(0% 0 0 / .45),
    /* Boden-Linie */
    0 2px 0 oklch(0% 0 0 / .35),
    /* Cool-Aurora */
    0 0 60px oklch(72% .14 252 / .18),
    /* Warm-Touch unten rechts */
    0 8px 40px oklch(70% .10 125 / .06),
    /* TOP-Bevel: brillante Krone */
    inset 0 1.5px 0 oklch(100% 0 0 / .50),
    inset 0 2.5px 1.5px oklch(100% 0 0 / .15),
    /* Side-Edges für 3D-Volumen */
    inset 1.5px 0 0 oklch(100% 0 0 / .14),
    inset -1.5px 0 0 oklch(0% 0 0 / .42),
    /* BOTTOM-Bevel + tiefer Boden */
    inset 0 -1.5px 0 oklch(0% 0 0 / .65),
    inset 0 -10px 28px oklch(0% 0 0 / .30) !important;
  transition:
    transform 0.26s cubic-bezier(.2,.8,.2,1),
    box-shadow 0.32s cubic-bezier(.2,.8,.2,1),
    border-color 0.22s ease,
    background 0.26s ease !important;
}

/* TOP-SPECULAR — die feine polierte Glanzlinie auf jedem Glas */
body.premium-dark .widget::before,
body.premium-dark .glass-card::before,
body.premium-dark .kpi-card::before,
body.premium-dark .feed-stat::before,
body.premium-dark .stat-tile::before,
body.premium-dark .ang-hero-block::before,
body.premium-dark .ang-card::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 6%;
  right: 6%;
  height: 42%;
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .26) 0%,
      oklch(100% 0 0 / .08) 45%,
      transparent 100%);
  border-radius: inherit;
  border-bottom-left-radius: 60% 50%;
  border-bottom-right-radius: 60% 50%;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  opacity: 0.85;
}

body.premium-dark .widget > *,
body.premium-dark .glass-card > *,
body.premium-dark .kpi-card > *,
body.premium-dark .feed-stat > *,
body.premium-dark .stat-tile > *,
body.premium-dark .ang-hero-block > *,
body.premium-dark .ang-card > * {
  position: relative;
  z-index: 1;
}

body.premium-dark .widget:hover,
body.premium-dark .glass-card:hover,
body.premium-dark .kpi-card:hover,
body.premium-dark .feed-stat:hover,
body.premium-dark .stat-tile:hover,
body.premium-dark .ang-hero-block:hover,
body.premium-dark .ang-card:hover {
  transform: translateY(-4px) scale(1.005) !important;
  border-color: oklch(100% 0 0 / .32) !important;
  box-shadow:
    0 44px 80px oklch(0% 0 0 / .72),
    0 14px 28px oklch(0% 0 0 / .50),
    0 2px 0 oklch(0% 0 0 / .35),
    0 0 90px oklch(72% .14 252 / .32),
    0 12px 50px oklch(70% .10 125 / .10),
    inset 0 1.5px 0 oklch(100% 0 0 / .65),
    inset 0 2.5px 1.5px oklch(100% 0 0 / .22),
    inset 1.5px 0 0 oklch(100% 0 0 / .20),
    inset -1.5px 0 0 oklch(0% 0 0 / .42),
    inset 0 -1.5px 0 oklch(0% 0 0 / .65),
    inset 0 -10px 28px oklch(0% 0 0 / .30) !important;
}

/* ---------- KANBAN-SPALTEN — extrem durchsichtig + 3D ---------- */
body.premium-dark .kanban-col {
  position: relative;
  background:
    linear-gradient(180deg,
      oklch(60% .015 245 / .08) 0%,
      oklch(34% .013 245 / .14) 40%,
      oklch(20% .012 245 / .22) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .20) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(38px) saturate(220%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(38px) saturate(220%) brightness(1.04) !important;
  box-shadow:
    /* Cast XL */
    0 38px 68px oklch(0% 0 0 / .65),
    /* Lift mittel */
    0 14px 28px oklch(0% 0 0 / .42),
    /* Boden-Trenner */
    0 2px 0 oklch(0% 0 0 / .35),
    /* Cool-Aurora */
    0 0 80px oklch(72% .14 252 / .18),
    /* Top-Bevel BRILLANT */
    inset 0 1.5px 0 oklch(100% 0 0 / .50),
    inset 0 3px 2px oklch(100% 0 0 / .15),
    /* Side-Edges */
    inset 1.5px 0 0 oklch(100% 0 0 / .14),
    inset -1.5px 0 0 oklch(0% 0 0 / .42),
    /* Bottom-Bevel + tiefer Boden */
    inset 0 -1.5px 0 oklch(0% 0 0 / .65),
    inset 0 -12px 32px oklch(0% 0 0 / .32) !important;
}

/* Kanban-Spalten Specular-Reflection — der prismatische Glanz oben */
body.premium-dark .kanban-col::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 5%;
  right: 5%;
  height: 32%;
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .26) 0%,
      oklch(100% 0 0 / .06) 55%,
      transparent 100%);
  border-radius: 19px 19px 50% 50% / 19px 19px 100% 100%;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  opacity: 0.80;
}
body.premium-dark .kanban-col > * {
  position: relative;
  z-index: 1;
}

/* Kanban-Spalten-Header: ZENTRIERTE Überschrift, kompakte Min-Höhe */
body.premium-dark .kanban-col-head {
  position: relative !important;
  background:
    linear-gradient(180deg,
      color-mix(in oklch, var(--stage-color, oklch(70% .12 252)) 18%, transparent) 0%,
      transparent 100%) !important;
  border-bottom: 1px solid oklch(90% 0 0 / .10) !important;
  padding: 14px 14px 10px !important;     /* kompakter, + ist absolute */
  text-align: center !important;
  /* Fixe Höhe damit ALLE Spalten gleichen Body-Start-Y haben */
  min-height: 78px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
/* Top-Lichtkante in Stage-Farbe */
body.premium-dark .kanban-col-head::before {
  content: "";
  position: absolute;
  top: 0; left: 14%; right: 14%;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--stage-color, oklch(70% .12 252)) 50%,
    transparent 100%);
  border-radius: 2px;
  box-shadow: 0 0 14px var(--stage-color, oklch(70% .12 252));
  opacity: 0.85;
}

/* Spalten-Titel-Zeile: zentriert, Label VOLL lesbar (wrap erlaubt) */
body.premium-dark .kanban-col-title {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  row-gap: 4px !important;
  column-gap: 7px !important;
  white-space: normal !important;
  font-family: 'Geist', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: oklch(98% 0 0) !important;
  line-height: 1.2 !important;
  padding: 0 30px !important;            /* Platz freihalten für absoluten + Button rechts */
}

/* Dot vor dem Label */
body.premium-dark .kanban-col-title > .kanban-col-dot {
  flex: 0 0 auto !important;
  order: 1 !important;
}

/* Label-Span darf wrappen, nimmt nötigen Platz */
body.premium-dark .kanban-col-title > span:nth-child(2) {
  order: 2 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  hyphens: auto !important;
}

/* Pills + Counter kommen nach Label, brechen ggf. in neue Zeile */
body.premium-dark .kanban-col-title > .kanban-col-prob {
  order: 3 !important;
  flex: 0 0 auto !important;
}
body.premium-dark .kanban-col-title > .kanban-col-count {
  order: 4 !important;
  flex: 0 0 auto !important;
}

/* + Button absolut positioniert, NICHT im Title-Flow */
body.premium-dark .kanban-col-add {
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background:
    linear-gradient(155deg,
      oklch(60% .015 245 / .25) 0%,
      oklch(30% .013 245 / .40) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .22) !important;
  color: oklch(98% 0 0) !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  box-shadow:
    0 3px 8px oklch(0% 0 0 / .35),
    inset 0 1px 0 oklch(100% 0 0 / .35),
    inset 0 -1px 0 oklch(0% 0 0 / .45) !important;
  cursor: pointer !important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), opacity .18s cubic-bezier(.2,.8,.2,1), background-color .18s cubic-bezier(.2,.8,.2,1), border-color .18s cubic-bezier(.2,.8,.2,1), color .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1), filter .18s cubic-bezier(.2,.8,.2,1)!important;
  z-index: 4 !important;
}
body.premium-dark .kanban-col-add:hover {
  background:
    linear-gradient(155deg,
      oklch(70% .017 245 / .30) 0%,
      oklch(36% .015 245 / .50) 100%) !important;
  border-color: oklch(100% 0 0 / .35) !important;
  box-shadow:
    0 5px 14px oklch(0% 0 0 / .50),
    0 0 16px oklch(72% .14 252 / .35),
    inset 0 1px 0 oklch(100% 0 0 / .45),
    inset 0 -1px 0 oklch(0% 0 0 / .45) !important;
  transform: translateY(-1px) !important;
}

/* Sub-Text zentriert, kompakt — 1 Zeile, Tooltip bei Overflow */
body.premium-dark .kanban-col-sub {
  text-align: center !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 0.66rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  color: oklch(78% 0 0) !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  padding: 0 4px !important;
}
body.premium-dark .kanban-col-sub strong {
  color: oklch(94% 0 0) !important;
  font-weight: 700 !important;
}

/* Body-Padding konsistent — top kompakter, damit Cards direkt unter Header starten */
body.premium-dark .kanban-col-body {
  padding: 10px 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Empty-Add-Box (wenn Spalte leer) — gleiche Optik wie Cards */
body.premium-dark .kanban-empty,
body.premium-dark .kanban-empty-add {
  background:
    linear-gradient(155deg,
      oklch(60% .015 245 / .08) 0%,
      oklch(28% .013 245 / .15) 100%) !important;
  border: 1px dashed oklch(100% 0 0 / .25) !important;
  border-radius: 14px !important;
  padding: 22px 14px !important;
  text-align: center !important;
  color: oklch(85% 0 0) !important;
  font-family: 'Geist', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition:transform .18s ease, opacity .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
body.premium-dark .kanban-empty-add:hover {
  background:
    linear-gradient(155deg,
      oklch(68% .017 245 / .15) 0%,
      oklch(34% .015 245 / .25) 100%) !important;
  border-color: oklch(100% 0 0 / .40) !important;
  color: oklch(98% 0 0) !important;
}

/* ---------- KANBAN-CARDS — Liquid-Glass-Lift ---------- */
body.premium-dark .kanban-card {
  position: relative;
  background:
    linear-gradient(155deg,
      oklch(60% .015 245 / .12) 0%,
      oklch(34% .013 245 / .18) 50%,
      oklch(20% .012 245 / .26) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .22) !important;
  backdrop-filter: blur(30px) saturate(210%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(30px) saturate(210%) brightness(1.04) !important;
  box-shadow:
    0 22px 40px oklch(0% 0 0 / .60),
    0 8px 16px oklch(0% 0 0 / .38),
    0 1px 0 oklch(0% 0 0 / .30),
    0 0 40px oklch(72% .14 252 / .14),
    inset 0 1.5px 0 oklch(100% 0 0 / .48),
    inset 0 2.5px 1.5px oklch(100% 0 0 / .14),
    inset 1px 0 0 oklch(100% 0 0 / .12),
    inset -1px 0 0 oklch(0% 0 0 / .40),
    inset 0 -1.5px 0 oklch(0% 0 0 / .60),
    inset 0 -6px 18px oklch(0% 0 0 / .26) !important;
}
body.premium-dark .kanban-card::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 7%;
  right: 7%;
  height: 38%;
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .22) 0%,
      oklch(100% 0 0 / .05) 55%,
      transparent 100%);
  border-radius: inherit;
  border-bottom-left-radius: 60% 50%;
  border-bottom-right-radius: 60% 50%;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  opacity: 0.85;
}
body.premium-dark .kanban-card > *:not(.kanban-card-callbtn):not(.kanban-card-stagebtn) {
  position: relative;
  z-index: 1;
}
/* Action-Buttons der Kanban-Card bleiben absolut, sonst rutschen sie
   per right:38px / right:8px aus der Karte heraus (Fix 26.05.2026). */
body.premium-dark .kanban-card > .kanban-card-callbtn,
body.premium-dark .kanban-card > .kanban-card-stagebtn {
  position: absolute;
  z-index: 2;
}
body.premium-dark .kanban-card:hover {
  transform: translateY(-5px) scale(1.008) !important;
  border-color: oklch(100% 0 0 / .32) !important;
  background:
    linear-gradient(155deg,
      oklch(68% .017 245 / .15) 0%,
      oklch(40% .015 245 / .22) 50%,
      oklch(24% .013 245 / .32) 100%) !important;
  box-shadow:
    0 34px 60px oklch(0% 0 0 / .70),
    0 14px 26px oklch(0% 0 0 / .48),
    0 1px 0 oklch(0% 0 0 / .30),
    0 0 64px oklch(72% .14 252 / .30),
    inset 0 1.5px 0 oklch(100% 0 0 / .62),
    inset 0 2.5px 1.5px oklch(100% 0 0 / .20),
    inset 1px 0 0 oklch(100% 0 0 / .18),
    inset -1px 0 0 oklch(0% 0 0 / .40),
    inset 0 -1.5px 0 oklch(0% 0 0 / .60),
    inset 0 -6px 18px oklch(0% 0 0 / .26) !important;
}

/* ---------- SIDEBAR — Premium-Liquid-Glas ---------- */
body.premium-dark aside.sidebar {
  background:
    linear-gradient(180deg,
      oklch(45% .015 245 / .25) 0%,
      oklch(24% .013 245 / .42) 50%,
      oklch(18% .012 245 / .55) 100%) !important;
  border-right: 1px solid oklch(100% 0 0 / .18) !important;
  backdrop-filter: blur(40px) saturate(220%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(40px) saturate(220%) brightness(1.04) !important;
  box-shadow:
    /* Right-Edge glow */
    1px 0 0 oklch(100% 0 0 / .08),
    /* Long shadow into content */
    20px 0 60px oklch(0% 0 0 / .40),
    /* Top bevel highlight */
    inset 0 1.5px 0 oklch(100% 0 0 / .35),
    /* Side edge */
    inset 1.5px 0 0 oklch(100% 0 0 / .14),
    inset -1.5px 0 0 oklch(0% 0 0 / .35) !important;
}

/* ---------- TOPBAR — Sehr durchsichtiges Frosted-Glass ---------- */
body.premium-dark .topbar {
  background:
    linear-gradient(180deg,
      oklch(45% .015 245 / .22) 0%,
      oklch(22% .012 245 / .15) 100%) !important;
  backdrop-filter: blur(36px) saturate(240%) brightness(1.06) !important;
  -webkit-backdrop-filter: blur(36px) saturate(240%) brightness(1.06) !important;
  border-bottom: 1px solid oklch(100% 0 0 / .18) !important;
  box-shadow:
    0 6px 24px oklch(0% 0 0 / .35),
    0 1px 0 oklch(0% 0 0 / .20),
    inset 0 1.5px 0 oklch(100% 0 0 / .32) !important;
}

/* ---------- BUTTONS — Liquid-Glass 3D-Pill ---------- */
body.premium-dark .btn,
body.premium-dark button.btn,
body.premium-dark .button,
body.premium-dark .btn-ghost,
body.premium-dark .btn-sm {
  position: relative;
  background:
    linear-gradient(155deg,
      oklch(60% .017 245 / .18) 0%,
      oklch(34% .015 245 / .25) 50%,
      oklch(22% .012 245 / .35) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .25) !important;
  backdrop-filter: blur(20px) saturate(200%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(20px) saturate(200%) brightness(1.04) !important;
  color: oklch(98% 0 0) !important;
  box-shadow:
    0 6px 16px oklch(0% 0 0 / .50),
    0 2px 4px oklch(0% 0 0 / .35),
    0 0 22px oklch(72% .14 252 / .10),
    inset 0 1.5px 0 oklch(100% 0 0 / .45),
    inset 0 2px 1.5px oklch(100% 0 0 / .15),
    inset 1px 0 0 oklch(100% 0 0 / .14),
    inset -1px 0 0 oklch(0% 0 0 / .40),
    inset 0 -1.5px 0 oklch(0% 0 0 / .55),
    inset 0 -3px 6px oklch(0% 0 0 / .22) !important;
  transition: transform .18s cubic-bezier(.2,.8,.2,1),
              box-shadow .22s ease,
              background .22s ease !important;
}
body.premium-dark .btn:hover,
body.premium-dark .button:hover,
body.premium-dark .btn-ghost:hover {
  transform: translateY(-2px) !important;
  background:
    linear-gradient(155deg,
      oklch(68% .020 245 / .22) 0%,
      oklch(42% .017 245 / .32) 50%,
      oklch(26% .013 245 / .42) 100%) !important;
  border-color: oklch(100% 0 0 / .35) !important;
  box-shadow:
    0 12px 24px oklch(0% 0 0 / .60),
    0 4px 8px oklch(0% 0 0 / .42),
    0 0 36px oklch(72% .14 252 / .32),
    inset 0 1.5px 0 oklch(100% 0 0 / .60),
    inset 0 2px 1.5px oklch(100% 0 0 / .22),
    inset 1px 0 0 oklch(100% 0 0 / .20),
    inset -1px 0 0 oklch(0% 0 0 / .40),
    inset 0 -1.5px 0 oklch(0% 0 0 / .55),
    inset 0 -3px 6px oklch(0% 0 0 / .22) !important;
}
body.premium-dark .btn:active,
body.premium-dark .button:active {
  transform: translateY(0) !important;
}

/* Primär-Button (Akzent-Gradient) — Lift verstärken */
body.premium-dark .btn-primary,
body.premium-dark .btn.primary {
  background:
    linear-gradient(155deg,
      oklch(72% .16 252) 0%,
      oklch(58% .17 252) 100%) !important;
  border: 1px solid oklch(82% .14 252 / .55) !important;
  box-shadow:
    0 6px 16px oklch(0% 0 0 / .50),
    0 2px 4px oklch(0% 0 0 / .35),
    0 0 32px oklch(70% .16 252 / .30),
    inset 0 1px 0 oklch(100% 0 0 / .40),
    inset 0 -1px 0 oklch(50% .14 252 / .65) !important;
}
body.premium-dark .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 10px 24px oklch(0% 0 0 / .60),
    0 4px 8px oklch(0% 0 0 / .40),
    0 0 48px oklch(70% .16 252 / .50),
    inset 0 1px 0 oklch(100% 0 0 / .52),
    inset 0 -1px 0 oklch(50% .14 252 / .65) !important;
}

/* ---------- PILLEN / CHIPS / BADGES — Liquid-Glass-Pill ---------- */
body.premium-dark .pill,
body.premium-dark .chip,
body.premium-dark .filter-chip,
body.premium-dark .ang-card-pill,
body.premium-dark .nav-badge,
body.premium-dark .bell-days,
body.premium-dark .kc-chip,
body.premium-dark .kanban-col-prob,
body.premium-dark .pct,
body.premium-dark .percent,
body.premium-dark .funnel-pct,
body.premium-dark .kpi-card-delta,
body.premium-dark .stat-delta {
  background:
    linear-gradient(155deg,
      oklch(60% .015 245 / .15) 0%,
      oklch(30% .013 245 / .25) 50%,
      oklch(20% .012 245 / .35) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .28) !important;
  backdrop-filter: blur(16px) saturate(200%) brightness(1.04) !important;
  -webkit-backdrop-filter: blur(16px) saturate(200%) brightness(1.04) !important;
  box-shadow:
    0 5px 12px oklch(0% 0 0 / .42),
    0 2px 4px oklch(0% 0 0 / .30),
    0 0 16px oklch(72% .14 252 / .08),
    inset 0 1px 0 oklch(100% 0 0 / .45),
    inset 0 1.5px 1px oklch(100% 0 0 / .14),
    inset 1px 0 0 oklch(100% 0 0 / .12),
    inset -1px 0 0 oklch(0% 0 0 / .40),
    inset 0 -1px 0 oklch(0% 0 0 / .55),
    inset 0 -2px 4px oklch(0% 0 0 / .22) !important;
  color: oklch(96% 0 0) !important;
}

/* Counter-Bubbles bekommen die Stage-Color als Border + Inner-Glow */
body.premium-dark .kanban-col-count {
  background:
    linear-gradient(155deg,
      oklch(60% .015 245 / .18) 0%,
      oklch(28% .013 245 / .30) 50%,
      oklch(18% .012 245 / .42) 100%) !important;
  border: 1.5px solid var(--stage-color, oklch(70% .12 252)) !important;
  backdrop-filter: blur(14px) saturate(200%) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(200%) brightness(1.05) !important;
  box-shadow:
    0 5px 12px oklch(0% 0 0 / .42),
    0 2px 4px oklch(0% 0 0 / .28),
    0 0 24px color-mix(in oklch, var(--stage-color, oklch(70% .12 252)) 45%, transparent),
    0 0 4px color-mix(in oklch, var(--stage-color, oklch(70% .12 252)) 75%, transparent),
    inset 0 1.5px 0 oklch(100% 0 0 / .50),
    inset 0 2px 1px oklch(100% 0 0 / .18),
    inset 0 -1px 0 oklch(0% 0 0 / .55) !important;
}

/* ---------- INPUTS — Glass-Inset statt Solid ---------- */
body.premium-dark input,
body.premium-dark textarea,
body.premium-dark select {
  background:
    linear-gradient(155deg,
      oklch(22% .012 245 / .35) 0%,
      oklch(16% .010 245 / .55) 100%) !important;
  border: 1px solid oklch(90% 0 0 / .14) !important;
  backdrop-filter: blur(14px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(170%) !important;
  box-shadow:
    inset 0 1px 3px oklch(0% 0 0 / .35),
    inset 0 -1px 0 oklch(100% 0 0 / .08) !important;
  color: oklch(98% 0 0) !important;
}
body.premium-dark input:focus,
body.premium-dark textarea:focus,
body.premium-dark select:focus {
  border-color: oklch(72% .16 252 / .60) !important;
  box-shadow:
    inset 0 1px 3px oklch(0% 0 0 / .35),
    inset 0 -1px 0 oklch(100% 0 0 / .08),
    0 0 0 3px oklch(72% .16 252 / .18),
    0 0 22px oklch(72% .16 252 / .25) !important;
}

/* ---------- MODALS / FENSTER — maximale Liquid-Glas-Tiefe ---------- */
body.premium-dark .modal-card,
body.premium-dark .modal-content,
body.premium-dark .modal-overlay > div:not(.modal-overlay),
body.premium-dark dialog,
body.premium-dark .dialog,
body.premium-dark .drawer-card,
body.premium-dark .side-panel {
  position: relative;
  background:
    linear-gradient(155deg,
      oklch(55% .015 245 / .22) 0%,
      oklch(30% .013 245 / .35) 50%,
      oklch(18% .012 245 / .50) 100%) !important;
  border: 1px solid oklch(100% 0 0 / .28) !important;
  backdrop-filter: blur(48px) saturate(240%) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(48px) saturate(240%) brightness(1.05) !important;
  box-shadow:
    0 60px 100px oklch(0% 0 0 / .80),
    0 22px 44px oklch(0% 0 0 / .55),
    0 4px 0 oklch(0% 0 0 / .35),
    0 0 100px oklch(72% .14 252 / .22),
    inset 0 2px 0 oklch(100% 0 0 / .45),
    inset 0 3px 2px oklch(100% 0 0 / .18),
    inset 1.5px 0 0 oklch(100% 0 0 / .16),
    inset -1.5px 0 0 oklch(0% 0 0 / .42),
    inset 0 -1.5px 0 oklch(0% 0 0 / .65),
    inset 0 -10px 28px oklch(0% 0 0 / .32) !important;
}
body.premium-dark .modal-card::before,
body.premium-dark .modal-content::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 5%;
  right: 5%;
  height: 36%;
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .26) 0%,
      oklch(100% 0 0 / .06) 55%,
      transparent 100%);
  border-radius: inherit;
  border-bottom-left-radius: 60% 50%;
  border-bottom-right-radius: 60% 50%;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: screen;
  opacity: 0.85;
}
body.premium-dark .modal-card > *,
body.premium-dark .modal-content > * {
  position: relative;
  z-index: 1;
}

/* Modal-Header zentrieren */
body.premium-dark .modal-header {
  text-align: center !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid oklch(90% 0 0 / .10) !important;
}
body.premium-dark .modal-header h3,
body.premium-dark .modal-header .modal-title {
  text-align: center !important;
  width: 100% !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: oklch(98% 0 0) !important;
  font-size: 1.4rem !important;
}

/* ---------- SECTION-HEADER / PAGE-TITLE: ALLE ZENTRIERT ---------- */
body.premium-dark .section-title,
body.premium-dark .section-eyebrow,
body.premium-dark .panel-title,
body.premium-dark .panel-sub,
body.premium-dark .detail-section-title,
body.premium-dark .dashboard-section-title,
body.premium-dark .subsection-title,
body.premium-dark .widget-title,
body.premium-dark .widget-sub,
body.premium-dark .feed-hero-title,
body.premium-dark .ang-hero-title,
body.premium-dark .ang-card-title {
  text-align: center !important;
}

/* Section-Header-Container darunter auch zentriert */
body.premium-dark .section-header,
body.premium-dark .panel-header,
body.premium-dark .widget-header,
body.premium-dark .feed-hero,
body.premium-dark .ang-hero {
  text-align: center !important;
}

/* ============================================================
   ════════ DUNKEL GLÄNZENDES GOLD — Refit ════════
   Vorher: Hue 65 (= orange-braun, wirkt schmuddelig)
   Jetzt:  Hue 88-92 (= echtes Gold) mit Specular-Highlight für Glanz
   ============================================================ */

:root, body.premium-dark {
  /* Gold-Stack — echtes glänzendes Gold (statt orange-braun) */
  --gold-dark:    oklch(45% .14 125)  !important;
  --gold-main:    oklch(68% .15 125)  !important;
  --gold-light:   oklch(84% .14 125)  !important;
  --gold-sheen:   oklch(95% .12 125)  !important;
  --gold-glow:    oklch(72% .16 125 / .55) !important;

  /* Existierende Tokens auf neues Gold remappen */
  --accent-warm:        oklch(72% .15 125) !important;
  --accent-warm-hover:  oklch(82% .14 125) !important;
  --accent-warm-soft:   oklch(72% .15 125 / .16) !important;
  --gold:               var(--gold-main);
  --gold-light-alias:   var(--gold-light);
}

/* === Audit-Banner / Warning-Banner (Duplikat-Gruppen, Hinweise) === */
body.premium-dark .audit-banner,
body.premium-dark .warning-banner,
body.premium-dark .alert-banner,
body.premium-dark .info-banner {
  position: relative;
  background:
    /* Top-Sheen für „glänzend" */
    linear-gradient(180deg,
      oklch(100% 0 0 / .18) 0%,
      oklch(100% 0 0 / .04) 35%,
      transparent 60%),
    /* Gold-Body dunkel → mid → dunkel */
    linear-gradient(155deg,
      oklch(55% .14 125 / .30) 0%,
      oklch(38% .13 125 / .42) 50%,
      oklch(22% .10 125 / .55) 100%) !important;
  border: 1px solid oklch(78% .14 125 / .42) !important;
  backdrop-filter: blur(22px) saturate(180%) brightness(1.05) !important;
  -webkit-backdrop-filter: blur(22px) saturate(180%) brightness(1.05) !important;
  box-shadow:
    /* Cast */
    0 18px 38px oklch(0% 0 0 / .55),
    0 6px 14px oklch(0% 0 0 / .35),
    /* Gold-Glow */
    0 0 40px oklch(70% .15 125 / .25),
    /* TOP-BEVEL — feine Glanz-Kante (das „glänzend") */
    inset 0 1.5px 0 oklch(96% .12 125 / .55),
    inset 0 2.5px 1.5px oklch(96% .12 125 / .20),
    /* Side-Edges */
    inset 1px 0 0 oklch(96% .12 125 / .15),
    inset -1px 0 0 oklch(20% .10 125 / .40),
    /* Bottom-Bevel */
    inset 0 -1.5px 0 oklch(22% .10 125 / .60),
    inset 0 -6px 16px oklch(0% 0 0 / .25) !important;
  color: oklch(96% .03 125) !important;
}
body.premium-dark .audit-banner-icon,
body.premium-dark .warning-banner-icon {
  color: var(--gold-sheen) !important;
  filter: drop-shadow(0 0 8px var(--gold-glow));
}
body.premium-dark .audit-banner strong {
  color: var(--gold-sheen) !important;
  text-shadow: 0 1px 0 oklch(0% 0 0 / .55);
}

/* === KPI-Icon-Container — Mini-Goldplättchen mit Specular === */
body.premium-dark .kpi-icon,
body.premium-dark .kpi-card-icon,
body.premium-dark .stat-card-icon,
body.premium-dark .feed-stat-icon,
body.premium-dark .hero-icon,
body.premium-dark .widget-icon {
  position: relative;
  background:
    /* Top-Sheen */
    linear-gradient(180deg,
      oklch(100% 0 0 / .30) 0%,
      oklch(100% 0 0 / .05) 40%,
      transparent 65%),
    /* Gold-Body */
    linear-gradient(155deg,
      oklch(78% .15 125) 0%,
      oklch(58% .15 125) 50%,
      oklch(38% .13 125) 100%) !important;
  border: 1px solid oklch(88% .13 125 / .65) !important;
  box-shadow:
    /* Brillante Glanz-Krone oben (das „glänzend") */
    inset 0 1.5px 0 oklch(98% .10 125 / .80),
    inset 0 2.5px 1.5px oklch(98% .10 125 / .35),
    inset 0 -1.5px 0 oklch(22% .10 125 / .65),
    inset 0 -3px 6px oklch(0% 0 0 / .30),
    /* Lift */
    0 5px 14px oklch(0% 0 0 / .50),
    0 2px 4px oklch(0% 0 0 / .30),
    /* Gold-Glow ringsum */
    0 0 18px oklch(70% .16 125 / .35) !important;
  color: oklch(15% .04 125) !important;   /* dunkles Gold für Icon-Innen */
}
body.premium-dark .kpi-icon svg,
body.premium-dark .kpi-card-icon svg,
body.premium-dark .widget-icon svg {
  color: oklch(15% .04 125) !important;
  stroke: oklch(15% .04 125) !important;
  filter: drop-shadow(0 1px 0 oklch(96% .10 125 / .55));
}

/* === Filter-Chip (Typ-Filter: Dach / Freifeld / BESS / Mobile, wenn aktiv) === */
body.premium-dark .filter-chip.is-on,
body.premium-dark .filter-chip.active,
body.premium-dark .chip.is-on,
body.premium-dark .chip.active {
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .20) 0%,
      transparent 50%),
    linear-gradient(155deg,
      oklch(72% .15 125 / .30) 0%,
      oklch(42% .13 125 / .50) 100%) !important;
  border: 1px solid oklch(85% .14 125 / .55) !important;
  color: oklch(95% .03 125) !important;
  box-shadow:
    inset 0 1px 0 oklch(96% .12 125 / .55),
    inset 0 -1px 0 oklch(22% .10 125 / .45),
    0 4px 12px oklch(0% 0 0 / .35),
    0 0 18px oklch(70% .16 125 / .28) !important;
}

/* === Tab-Bars / View-Tabs (z. B. „In Bearbeitung 135") aktiv === */
body.premium-dark .view-tab.is-on,
body.premium-dark .view-tab.active,
body.premium-dark .tab.is-on,
body.premium-dark .tab.active {
  background:
    linear-gradient(180deg,
      oklch(100% 0 0 / .18) 0%,
      transparent 50%),
    linear-gradient(155deg,
      oklch(68% .15 125 / .22) 0%,
      oklch(38% .13 125 / .40) 100%) !important;
  color: oklch(96% .04 125) !important;
  border-color: oklch(82% .14 125 / .50) !important;
  box-shadow:
    inset 0 1.5px 0 oklch(96% .12 125 / .55),
    inset 0 -1px 0 oklch(22% .10 125 / .45),
    0 4px 12px oklch(0% 0 0 / .30),
    0 0 22px oklch(70% .16 125 / .28) !important;
}

/* === Bestehende Bronze-/Beige-Hex-Werte global auf Gold mappen === */
/* (Catch-All für Inline-styles die noch alte Hex-Codes nutzen)        */
body.premium-dark [style*="#b2c68a"],
body.premium-dark [style*="var(--green,#6E8E22)"],
body.premium-dark [style*="#dff1a8"] {
  /* Diese Inline-Bronze-Werte können wir nicht direkt überschreiben,
     aber wenn sie auf background-color sind, geben wir per CSS-Cascade
     Vorrang über class-level Selektoren mit !important (siehe oben). */
}

/* === Border-Color in Inline-styles wo „bronze" gemeint war === */
body.premium-dark .kpi-card,
body.premium-dark .ang-hero-block,
body.premium-dark .audit-banner {
  border-color: oklch(78% .14 125 / .30) !important;
}

/* =================================================================
   ═══════════════════ v12 — PORTAL UNIFY LAYER ═════════════════════
   Zweck: Sämtliche Pages bekommen EIN einheitliches Erscheinungsbild
          für die häufigsten Komponenten (Karten · Pills · Inputs ·
          Buttons · Abschnittsüberschriften). Diese Schicht wirkt als
          Single-Source-of-Truth über alle älteren CSS-Schichten.
   Datum: 19.05.2026
   ================================================================= */

/* ---------- DESIGN TOKENS (zentrale Variablen) ---------- */
body.premium-dark {
  /* Surfaces (Glass-Schichten) */
  --pd-surface-0: oklch(13% .015 245 / .60);
  --pd-surface-1: oklch(17% .020 245 / .55);
  --pd-surface-2: oklch(22% .025 245 / .50);
  --pd-surface-3: oklch(28% .028 245 / .45);

  /* Borders */
  --pd-border-soft:    oklch(80% .03 240 / .10);
  --pd-border-default: oklch(80% .04 240 / .16);
  --pd-border-strong:  oklch(82% .12 125 / .35);

  /* Glass-Blur Standard */
  --pd-blur:    blur(20px) saturate(160%);
  --pd-blur-md: blur(14px) saturate(150%);

  /* Schatten-System */
  --pd-shadow-sm:
    inset 0 1px 0 oklch(98% 0 0 / .08),
    0 2px 8px oklch(0% 0 0 / .35);
  --pd-shadow-md:
    inset 0 1px 0 oklch(98% 0 0 / .10),
    inset 0 -1px 0 oklch(0% 0 0 / .25),
    0 8px 22px oklch(0% 0 0 / .50);
  --pd-shadow-lg:
    inset 0 1px 0 oklch(98% 0 0 / .12),
    inset 0 -1px 0 oklch(0% 0 0 / .30),
    0 14px 36px oklch(0% 0 0 / .65),
    0 0 0 1px oklch(78% .12 125 / .25),
    0 0 32px oklch(72% .15 125 / .18);

  /* Text-Hierarchie */
  --pd-text-1: oklch(98% 0 0);
  --pd-text-2: oklch(86% .015 125);
  --pd-text-3: oklch(72% .02 125);
  --pd-text-mute: oklch(58% .02 125);

  /* Accent (Gold) */
  --pd-accent:       oklch(78% .14 125);
  --pd-accent-soft:  oklch(72% .15 125 / .25);
  --pd-accent-glow:  oklch(72% .16 125 / .50);

  /* Radien */
  --pd-r-sm: 8px;
  --pd-r-md: 12px;
  --pd-r-lg: 16px;
  --pd-r-xl: 22px;
  --pd-r-pill: 999px;

  /* Spacing-Skala */
  --pd-space-1: 4px;
  --pd-space-2: 8px;
  --pd-space-3: 12px;
  --pd-space-4: 16px;
  --pd-space-5: 24px;
  --pd-space-6: 32px;
}

/* ---------- KANBAN CARDS — EINHEITLICHE DNA ---------- */
/* Sales-Kanban, Pipeline, Projekt-Lifecycle — gleiche Basis, je nach
   Kontext leicht andere Akzentfarbe via .kanban-board-Klasse. */
body.premium-dark .kanban-card {
  background:
    linear-gradient(165deg,
      var(--pd-surface-3) 0%,
      var(--pd-surface-1) 55%,
      var(--pd-surface-0) 100%) !important;
  border: 1px solid var(--pd-border-default) !important;
  border-radius: var(--pd-r-lg) !important;
  padding: var(--pd-space-4) !important;
  backdrop-filter: var(--pd-blur);
  -webkit-backdrop-filter: var(--pd-blur);
  box-shadow: var(--pd-shadow-md) !important;
  transition: transform .18s cubic-bezier(.2,.7,.2,1),
              box-shadow .22s ease,
              border-color .18s ease !important;
  position: relative;
}
body.premium-dark .kanban-card:hover {
  border-color: var(--pd-border-strong) !important;
  transform: translateY(-3px) !important;
  box-shadow: var(--pd-shadow-lg) !important;
}

/* Lifecycle-Karten erkennen wir an .proj-kanban-card — kühler Akzent */
body.premium-dark .proj-kanban-card {
  background:
    linear-gradient(165deg,
      oklch(28% .025 240 / .58) 0%,
      oklch(20% .028 240 / .72) 55%,
      oklch(14% .028 245 / .82) 100%) !important;
}

/* ---------- PILLS / CHIPS — ALLE EIN STIL ---------- */
body.premium-dark .pk-pill,
body.premium-dark .kc-chip,
body.premium-dark .b-pill,
body.premium-dark .chip,
body.premium-dark .pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 3px 9px;
  border-radius: var(--pd-r-pill);
  background: oklch(98% 0 0 / .06);
  color: var(--pd-text-2);
  border: 1px solid var(--pd-border-soft);
  line-height: 1.2;
  font-feature-settings: "tnum" 1;
}
body.premium-dark .pk-pill-rtb,
body.premium-dark .kc-chip-rtb {
  background: oklch(70% .14 240 / .15) !important;
  color: oklch(82% .12 240) !important;
  border-color: oklch(70% .14 240 / .32) !important;
}

/* ---------- ABSCHNITTS-ÜBERSCHRIFTEN ---------- */
body.premium-dark .section-title,
body.premium-dark .panel-title,
body.premium-dark .card-title {
  /* .widget-title bewusst NICHT in dieser Gruppe — Dashboard-Widgets brauchen 11px Compact, nicht 1.15rem Fraunces */
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 1.15rem !important;
  letter-spacing: -.005em !important;
  color: var(--pd-text-1) !important;
  background: none !important;
  -webkit-text-fill-color: var(--pd-text-1) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
  margin: 0 0 var(--pd-space-3) !important;
  line-height: 1.25 !important;
}

/* ---------- KARTEN / WIDGETS — UNIFIED GLASS ---------- */
body.premium-dark .card,
body.premium-dark .widget,
body.premium-dark .panel,
body.premium-dark .kpi-card,
body.premium-dark .glass-card {
  background:
    linear-gradient(165deg,
      var(--pd-surface-2) 0%,
      var(--pd-surface-0) 100%) !important;
  border: 1px solid var(--pd-border-default) !important;
  border-radius: var(--pd-r-lg) !important;
  backdrop-filter: var(--pd-blur);
  -webkit-backdrop-filter: var(--pd-blur);
  box-shadow: var(--pd-shadow-md) !important;
  padding: var(--pd-space-5);
}

/* ---------- BUTTONS — DREI VARIANTEN, EIN STIL ---------- */
body.premium-dark .btn,
body.premium-dark .button,
body.premium-dark button.btn-primary,
body.premium-dark button.btn-secondary,
body.premium-dark button.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 18px;
  font-size: .85rem;
  font-weight: 700;
  font-family: inherit;
  letter-spacing: .01em;
  border-radius: var(--pd-r-md);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .18s ease, background .15s ease, border-color .15s ease;
  border: 1px solid transparent;
  line-height: 1;
  white-space: nowrap;
}
body.premium-dark .btn-primary,
body.premium-dark button.btn-primary {
  background:
    linear-gradient(155deg,
      oklch(82% .14 125) 0%,
      oklch(62% .15 125) 50%,
      oklch(42% .12 125) 100%) !important;
  color: oklch(18% .04 125) !important;
  border-color: oklch(85% .12 125 / .55) !important;
  box-shadow:
    inset 0 1px 0 oklch(96% .12 125 / .65),
    inset 0 -1px 0 oklch(30% .10 125 / .35),
    0 6px 16px oklch(0% 0 0 / .35),
    0 0 18px var(--pd-accent-soft) !important;
}
body.premium-dark .btn-primary:hover,
body.premium-dark button.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 oklch(96% .12 125 / .75),
    inset 0 -1px 0 oklch(30% .10 125 / .35),
    0 10px 22px oklch(0% 0 0 / .45),
    0 0 28px var(--pd-accent-soft) !important;
}
body.premium-dark .btn-secondary,
body.premium-dark button.btn-secondary {
  background: oklch(98% 0 0 / .06) !important;
  color: var(--pd-text-1) !important;
  border-color: var(--pd-border-default) !important;
  backdrop-filter: var(--pd-blur-md);
}
body.premium-dark .btn-secondary:hover,
body.premium-dark button.btn-secondary:hover {
  background: oklch(98% 0 0 / .10) !important;
  border-color: var(--pd-border-strong) !important;
  transform: translateY(-1px);
}
body.premium-dark .btn-ghost,
body.premium-dark button.btn-ghost {
  background: transparent !important;
  color: var(--pd-text-2) !important;
  border-color: var(--pd-border-soft) !important;
}
body.premium-dark .btn-ghost:hover,
body.premium-dark button.btn-ghost:hover {
  background: oklch(98% 0 0 / .04) !important;
  color: var(--pd-text-1) !important;
}

/* ---------- INPUTS — UNIFIED ---------- */
body.premium-dark input[type="text"],
body.premium-dark input[type="email"],
body.premium-dark input[type="number"],
body.premium-dark input[type="tel"],
body.premium-dark input[type="search"],
body.premium-dark input[type="date"],
body.premium-dark input[type="time"],
body.premium-dark input[type="url"],
body.premium-dark input[type="password"],
body.premium-dark select,
body.premium-dark textarea,
body.premium-dark .form-control,
body.premium-dark .input {
  background: oklch(14% .015 245 / .55) !important;
  border: 1px solid var(--pd-border-default) !important;
  border-radius: var(--pd-r-md) !important;
  color: var(--pd-text-1) !important;
  font-family: inherit !important;
  font-size: .9rem !important;
  padding: 10px 13px !important;
  outline: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
  backdrop-filter: var(--pd-blur-md);
}
body.premium-dark input:focus,
body.premium-dark select:focus,
body.premium-dark textarea:focus,
body.premium-dark .form-control:focus {
  border-color: var(--pd-accent) !important;
  box-shadow:
    0 0 0 3px var(--pd-accent-soft),
    inset 0 1px 0 oklch(98% 0 0 / .04) !important;
  background: oklch(14% .015 245 / .75) !important;
}
body.premium-dark input::placeholder,
body.premium-dark textarea::placeholder {
  color: var(--pd-text-mute) !important;
}

/* ---------- LABELS ---------- */
body.premium-dark label {
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--pd-text-3);
  text-transform: uppercase;
  margin-bottom: 6px;
  display: block;
}

/* ---------- KPI / NUMBER DISPLAY ---------- */
body.premium-dark .kpi-value,
body.premium-dark .stat-value,
body.premium-dark .number-display {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 1.7rem !important;
  letter-spacing: -.015em !important;
  color: var(--pd-text-1) !important;
  background: none !important;
  -webkit-text-fill-color: var(--pd-text-1) !important;
  line-height: 1.1;
}
body.premium-dark .kpi-label,
body.premium-dark .stat-label {
  font-size: .7rem !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pd-text-mute) !important;
  margin-bottom: 4px;
}

/* ---------- TABLES — UNIFIED ---------- */
body.premium-dark table.b-table,
body.premium-dark table.data-table,
body.premium-dark table.list-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: var(--pd-surface-0);
  border-radius: var(--pd-r-lg);
  overflow: hidden;
  border: 1px solid var(--pd-border-default);
  backdrop-filter: var(--pd-blur-md);
}
body.premium-dark table.b-table thead th,
body.premium-dark table.data-table thead th,
body.premium-dark table.list-table thead th {
  padding: 14px 18px !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: var(--pd-text-3) !important;
  background: oklch(0% 0 0 / .25) !important;
  border-bottom: 1px solid var(--pd-border-default) !important;
  text-align: left !important;
}
body.premium-dark table.b-table tbody td,
body.premium-dark table.data-table tbody td,
body.premium-dark table.list-table tbody td {
  padding: 14px 18px !important;
  font-size: .88rem !important;
  color: var(--pd-text-2) !important;
  border-bottom: 1px solid oklch(98% 0 0 / .04) !important;
}
body.premium-dark table.b-table tbody tr:hover td,
body.premium-dark table.data-table tbody tr:hover td,
body.premium-dark table.list-table tbody tr:hover td {
  background: var(--pd-accent-soft) !important;
  cursor: pointer;
}

/* ---------- TABS / VIEW-SWITCH ---------- */
body.premium-dark .view-tab,
body.premium-dark .tab,
body.premium-dark .nav-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .01em;
  border-radius: var(--pd-r-md);
  background: oklch(98% 0 0 / .04);
  color: var(--pd-text-3);
  border: 1px solid var(--pd-border-soft);
  cursor: pointer;
  transition:transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, filter .15s ease;
}
body.premium-dark .view-tab:hover,
body.premium-dark .tab:hover,
body.premium-dark .nav-tab:hover {
  color: var(--pd-text-1);
  background: oklch(98% 0 0 / .08);
}
body.premium-dark .view-tab.is-on,
body.premium-dark .view-tab.active,
body.premium-dark .tab.active,
body.premium-dark .nav-tab.active {
  background:
    linear-gradient(155deg,
      oklch(82% .14 125) 0%,
      oklch(62% .15 125) 55%,
      oklch(42% .12 125) 100%) !important;
  color: oklch(18% .04 125) !important;
  border-color: oklch(85% .12 125 / .55) !important;
  box-shadow:
    inset 0 1px 0 oklch(96% .12 125 / .55),
    0 4px 12px oklch(0% 0 0 / .30),
    0 0 18px var(--pd-accent-soft) !important;
}

/* ---------- DIVIDER / SEPARATOR ---------- */
body.premium-dark hr,
body.premium-dark .divider {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--pd-border-default) 25%,
    var(--pd-border-default) 75%,
    transparent 100%);
  margin: var(--pd-space-4) 0;
}

/* ---------- AGING / REMINDER CHIPS — ANGEPASSTE HÖHE ---------- */
body.premium-dark .aging-chip,
body.premium-dark .reminder-chip {
  display: inline-flex !important;
  align-items: center !important;
  height: 22px !important;
  line-height: 1 !important;
  padding: 0 10px !important;
  border-radius: var(--pd-r-pill) !important;
  font-size: .66rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  margin: 0 !important;
  vertical-align: middle;
}
body.premium-dark .kanban-card-bottom {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 6px;
  margin-top: 10px !important;
  min-height: 0 !important;
}

/* v13 Dashboard Converge entfernt — die Resize-Regeln (Fraunces, max-width Hack) haben Titel abgeschnitten. Color-Only Replacement in v15 unten. */

/* =================================================================
   ═══════════════ v14 FINAL — REGRESSION GUARDS ════════════════════
   Fixes nach Consolidation, gewinnt durch späte Cascade-Position.
   ================================================================= */

/* Topbar war auf 108px geklemmt — zurück auf sinnvolle Höhe */
body.premium-dark .topbar,
html body.premium-dark .topbar {
  min-height: 64px !important;
  height: auto !important;
  padding: 10px 28px !important;
}

/* Main-Content braucht horizontales Padding */
body.premium-dark .main-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.premium-dark .page-content {
  padding: 24px 32px 40px !important;
  max-width: none !important;
}

/* Sidebar Breite stabilisieren */
@media (min-width: 1025px) {
  body.premium-dark .sidebar {
    width: 248px !important;
  }
  body.premium-dark .main-content {
    margin-left: 248px !important;
  }
}

/* Topbar-Inhalte nicht in 2. Zeile umbrechen */
body.premium-dark .topbar {
  flex-wrap: nowrap !important;
}
body.premium-dark .topbar-titles {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
body.premium-dark .topbar-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* dashboard-grid padding-rule entfernt */

/* dashboard-toolbar override entfernt */

/* v14e Dashboard Fix entfernt — die nowrap+ellipsis+0.82rem Fraunces Regeln haben Titel abgeschnitten */

/* =================================================================
   ═══════════ v15 — DASHBOARD COLOR-ONLY (kein Resize) ═════════════
   Behält die kompakte Original-Dimension (cellHeight 80, 12 Cols).
   Ändert NUR Farben (blau → gold) und Glass-Look.
   ================================================================= */

/* Widget-Container: gleiche Glass-DNA wie Karten ABER ohne Padding-Änderung */
body.premium-dark .grid-stack-item-content {
  background:
    linear-gradient(165deg,
      oklch(28% .025 240 / .58) 0%,
      oklch(17% .020 245 / .72) 55%,
      oklch(13% .015 245 / .82) 100%) !important;
  border: 1px solid oklch(80% .04 240 / .14) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow:
    inset 0 1px 0 oklch(98% 0 0 / .08),
    0 6px 18px oklch(0% 0 0 / .50) !important;
}
body.premium-dark .grid-stack-item-content:hover {
  border-color: oklch(78% .14 125 / .30) !important;
  box-shadow:
    inset 0 1px 0 oklch(98% 0 0 / .10),
    0 10px 24px oklch(0% 0 0 / .60),
    0 0 0 1px oklch(78% .14 125 / .15) !important;
}

/* Title-Dot: blau → gold */
body.premium-dark .widget-title-dot {
  background: radial-gradient(circle at 30% 30%,
    oklch(95% .12 125),
    oklch(72% .15 125)) !important;
  box-shadow: 0 0 8px oklch(72% .16 125 / .6) !important;
}

/* Widget-Title — Farbe weiß+gold, KEINE Größen-Änderung */
body.premium-dark .widget-title {
  color: oklch(96% 0 0) !important;
  /* NICHT überschreiben: font-size, font-family — original kompakt lassen */
}
body.premium-dark .widget-title:not(:has(.widget-title-dot)) {
  /* Falls Titel ohne Dot existiert — nichts ändern */
}

/* Action-Buttons → gold-Hover statt blau */
body.premium-dark .widget-action-btn:hover {
  background: oklch(78% .14 125 / .15) !important;
  color: oklch(82% .14 125) !important;
}

/* Edit-Mode: gold statt blau */
body.premium-dark .dashboard-grid.edit-mode .grid-stack-item-content {
  border-color: oklch(78% .14 125 / .45) !important;
  border-style: dashed;
}
body.premium-dark .dashboard-grid.edit-mode .grid-stack-item-content::before {
  background: oklch(78% .14 125 / .05) !important;
}

/* Drag/Resize Visual → gold */
body.premium-dark .grid-stack > .grid-stack-item.ui-resizable-resizing .grid-stack-item-content,
body.premium-dark .grid-stack > .grid-stack-item.ui-draggable-dragging .grid-stack-item-content {
  border-color: oklch(78% .14 125) !important;
  box-shadow:
    0 0 0 2px oklch(78% .14 125 / .25),
    0 14px 36px oklch(0% 0 0 / .65),
    0 0 24px oklch(72% .16 125 / .35) !important;
}

/* List-Items: gold-Hover */
body.premium-dark .widget-list-item:hover {
  background: oklch(78% .14 125 / .10) !important;
  border-color: oklch(78% .14 125 / .25) !important;
}

/* Widget-Picker (Add-Widget Modal) gold statt blau */
body.premium-dark .widget-picker-item:hover {
  background: oklch(78% .14 125 / .10) !important;
  border-color: oklch(78% .14 125 / .30) !important;
}

/* Topbar Pille bleibt kompakt */
body.premium-dark .topbar-date-pill {
  font-size: 0.72rem;
  padding: 4px 12px;
}

/* =================================================================
   ═══════════════ v17 — WIDGET TITLE POLISH ═══════════════════════
   Dashboard-Widget-Überschriften zentriert + SOLARDESK-Optik.
   Behält 12-Col-kompakt-Layout, nur Typografie + Alignment.
   ================================================================= */

/* Widget-Header: Titel mittig, Actions absolut oben rechts */
body.premium-dark .widget-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 14px 9px !important;
}
body.premium-dark .widget-actions {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  display: flex;
  gap: 3px;
  opacity: 0;
  transition: opacity .18s ease;
  z-index: 2;
}
body.premium-dark .grid-stack-item-content:hover .widget-actions,
body.premium-dark .grid-stack-item-content:focus-within .widget-actions {
  opacity: 1;
}

/* Widget-Title: zentriert, SOLARDESK-Look (Fraunces kompakt mit Gold-Dot) */
body.premium-dark .widget-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 0.84rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: oklch(96% 0 0) !important;
  text-align: center !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* Title-Dot links neben dem Text, klein und golden */
body.premium-dark .widget-title-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 30% 30%,
    oklch(95% .12 125),
    oklch(72% .15 125)) !important;
  box-shadow: 0 0 7px oklch(72% .16 125 / .65) !important;
  flex-shrink: 0 !important;
}

/* Header-Border unten mit dezenter Gold-Linie */
body.premium-dark .widget-header {
  border-bottom: 1px solid oklch(78% .14 125 / .10) !important;
}

/* =================================================================
   ═════════════ v18 — PORTAL TITLE CONVENTION ════════════════════
   Alle Titel-Klassen folgen jetzt der gleichen Konvention:
   - Fraunces zentriert mit Gold-Dot-Möglichkeit
   - 3 Größen: page-title (1.4rem), section-title (1.15rem), widget-title (0.84rem)
   ================================================================= */

body.premium-dark .section-title,
body.premium-dark .panel-title,
body.premium-dark .card-title {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  position: relative;
}

/* Optional: Gold-Dot vor Section-Titles über .section-title-dot oder ::before */
body.premium-dark .section-title::before,
body.premium-dark .panel-title::before,
body.premium-dark .card-title::before {
  /* Wird nur per data-attribute aktiviert um nicht überall reinzudrängen */
}
body.premium-dark [data-with-dot] .section-title::before,
body.premium-dark .section-title[data-with-dot]::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%,
    oklch(95% .12 125),
    oklch(72% .15 125));
  box-shadow: 0 0 8px oklch(72% .16 125 / .55);
  flex-shrink: 0;
}

/* Page-Title in Topbar bleibt links (Navigation), aber Fraunces */
body.premium-dark .topbar-title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0 !important;
  color: oklch(98% 0 0) !important;
  font-style: normal !important;
}

/* Dezent dünne Gold-Trennlinie unter zentrierten Titeln */
body.premium-dark .section-title-divider {
  margin: 6px auto 14px;
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    oklch(78% .14 125 / .45) 50%,
    transparent 100%);
}

/* ============================================================
   v19 Readability Patch (21.05.2026)
   Fixt unleserliche Optik auf tracker.html und allen Pages mit
   farbigen Chips/Pills/Badges. Zwei Ursachen werden ausgeschaltet:

   1) Late :root{--gruen-bg:#ecfdf5; --rot-bg:#fef2f2; --gelb-bg:#fffbeb; ...}
      stammt aus altem Light-Theme-Tool. Auf premium-dark werden alle
      Status-Hintergrunde wieder auf dark-glass gelegt.
   2) Wildcard "body,p,span,td,th,li,label,dt,dd,.text,.body-text
      {color:#f2f2f2!important}" stomped uber alle Chip-Text-Farben.
      Mit hoeherer Spezifitaet werden Chip/Badge/Pill-Farben wieder
      hergestellt.
   ============================================================ */

/* Light-Theme-Token-Bleed auf premium-dark zurueckholen */
body.premium-dark {
  --gruen:        #5C8A4F            !important;
  --gruen-bg:     rgba(92,138,79,.16) !important;
  --gelbgruen:    #A4B864            !important;
  --gelbgruen-bg: rgba(164,184,100,.16) !important;
  --gelb:         #E0B547            !important;
  --gelb-bg:      rgba(216,166,64,.18) !important;
  --rot:          #C9624F            !important;
  --rot-bg:       rgba(184,90,74,.18) !important;
  --schwarz:      #B4C4D6            !important;
  --schwarz-bg:   rgba(255,255,255,.05) !important;
}

/* Chip / Badge / Pill Text-Farben gegen Wildcard wiederherstellen */
body.premium-dark .pdoc-chip.ok,
body.premium-dark .pdoc-chip.ok .pdoc-chip-mark,
body.premium-dark span.pdoc-chip.ok,
body.premium-dark .badge-gruen,
body.premium-dark .status-pill.gruen,
body.premium-dark .pruef-badge.gruen,
body.premium-dark .check-ok {
  color: var(--gruen) !important;
}
body.premium-dark .pdoc-chip.fail,
body.premium-dark .pdoc-chip.fail .pdoc-chip-mark,
body.premium-dark span.pdoc-chip.fail {
  color: var(--text-muted) !important;
}
body.premium-dark .pdoc-chip.maybe,
body.premium-dark .pdoc-chip.maybe .pdoc-chip-mark,
body.premium-dark span.pdoc-chip.maybe,
body.premium-dark .badge-gelb,
body.premium-dark .status-pill.gelb,
body.premium-dark .pruef-badge.gelb {
  color: var(--gelb) !important;
}
body.premium-dark .badge-rot,
body.premium-dark .status-pill.rot,
body.premium-dark .pruef-badge.rot {
  color: var(--rot) !important;
}
body.premium-dark .badge-gelbgruen,
body.premium-dark .status-pill.gelbgruen,
body.premium-dark .pruef-badge.gelbgruen {
  color: var(--gelbgruen) !important;
}

/* Tracker-spezifische Reparaturen */
body.premium-dark .tracker-altpath {
  background: rgba(140,190,34,.06) !important;
  color: oklch(82% .08 125) !important;
  border-left: 0 !important;
  border: 1px solid rgba(178,198,138,.18) !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
}
body.premium-dark .tracker-pruefbericht {
  background: var(--gruen-bg) !important;
  color: oklch(82% .10 145) !important;
}
body.premium-dark .tracker-pruefbericht-status.gruen     { background: var(--gruen)     !important; color: var(--ivory,#F4EFE6) !important; }
body.premium-dark .tracker-pruefbericht-status.gelbgruen { background: var(--gelbgruen) !important; color: var(--ivory,#F4EFE6) !important; }
body.premium-dark .tracker-pruefbericht-status.gelb      { background: var(--gelb)      !important; color: #1a1410 !important; }
body.premium-dark .tracker-pruefbericht-status.gelbrot   { background: #D6804A          !important; color: var(--ivory,#F4EFE6) !important; }
body.premium-dark .tracker-pruefbericht-status.rot       { background: var(--rot)       !important; color: var(--ivory,#F4EFE6) !important; }
body.premium-dark .tracker-pruefbericht-status.grau      { background: var(--text-muted) !important; color: #1a1410 !important; }

/* Tracker-Card-Glass auf premium-dark */
body.premium-dark .tracker-card {
  background: linear-gradient(165deg,
    rgba(var(--surf-card-rgb),.74) 0%,
    rgba(var(--surf-card-rgb),.68) 100%) !important;
  border: 1px solid rgba(178,198,138,.16) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 8px 24px -10px rgba(0,0,0,.55),
    0 2px 6px rgba(0,0,0,.25) !important;
}
body.premium-dark .tracker-card-name {
  color: var(--text) !important;
}
body.premium-dark .tracker-card-path {
  color: var(--text-muted) !important;
}
body.premium-dark .tracker-meta-pill {
  background: rgba(255,255,255,.06) !important;
  color: var(--text-secondary) !important;
}
body.premium-dark .tracker-extlinks {
  background: rgba(255,255,255,.04) !important;
}
body.premium-dark .tracker-extlinks a {
  color: oklch(82% .12 220) !important;
}
body.premium-dark .tracker-summary .proj-stat {
  background: linear-gradient(165deg,
    rgba(var(--surf-card-rgb),.55) 0%,
    rgba(var(--surf-card-rgb),.45) 100%) !important;
  border: 1px solid rgba(178,198,138,.14) !important;
  color: var(--text) !important;
}

/* Filter-Group-Label & Toolbar */
body.premium-dark .filter-group-label,
body.premium-dark .tracker-toolbar-meta {
  color: var(--text-secondary) !important;
}

/* Such-Input */
body.premium-dark .search-input input {
  background: oklch(14% .015 245 / .55) !important;
  color: var(--text) !important;
  border: 1px solid rgba(178,198,138,.18) !important;
}
body.premium-dark .search-input input::placeholder {
  color: var(--text-muted) !important;
}

/* ============================================================
   v20 Sonnenexpert-Lime Theme Override (22.05.2026)
   Sprint 0 Default-Theme: Gunmetal-Basis + Sonnenexpert-Lime-Akzent
   var(--green,#6E8E22) (rgb 140,190,34, oklch 78% .19 125)

   Erzwingt finale Token-Stand auf premium-dark, repariert
   versehentlich gemappte Status-Ampel (Gelb), setzt Aurora
   und Stage-BG auf Gunmetal-Layer.
   ============================================================ */

body.premium-dark {
  /* Akzent-Kette: Sonnenexpert Lime */
  --accent:           var(--green,#6E8E22) !important;
  --accent-dark:      #729E1B !important;
  --accent-darker:    #4F6E11 !important;
  --accent-light:     rgba(140,190,34,.12) !important;
  --accent-glow:      rgba(170,220,90,.45) !important;
  --accent-gradient:  linear-gradient(135deg, #DFF1A8 0%, #B2C68A 30%, var(--green,#6E8E22) 70%, #4F6E11 100%) !important;
  --accent-gradient-soft: linear-gradient(135deg, #D4ECA0 0%, #B2C68A 100%) !important;

  /* Gold-Token (Legacy-Bezeichner, jetzt Sonnenexpert-Lime) */
  --gold:        var(--green,#6E8E22) !important;
  --gold-light:  #ADD659 !important;
  --gold-glow:   rgba(140,190,34,.55) !important;

  /* Taupe-Kette: cool-neutral statt warm */
  --taupe:       #B2C68A !important;
  --taupe-deep:  var(--green,#6E8E22) !important;
  --taupe-soft:  #D4ECA0 !important;
  --ivory:       #EAF5D2 !important;

  /* Gunmetal Surface-Stufen */
  --canvas:        oklch(15% .015 245) !important;
  --canvas-opaque: oklch(22% .015 245) !important;
  --surface-1:     oklch(20% .018 245) !important;
  --surface-2:     oklch(25% .020 245) !important;
  --surface-3:     oklch(32% .022 245) !important;
  --bg-deep:       var(--bg-solid,#0C0907) !important;
  --bg-soft:       var(--panel-solid,#17130D) !important;
  --bg-2:          var(--panel-solid,#17130D) !important;

  /* Borders Gunmetal-Lime-Mix */
  --border:         rgba(178,198,138,.16) !important;
  --border-strong:  rgba(178,198,138,.32) !important;
  --border-soft:    oklch(80% .04 125 / .15) !important;

  /* Sidebar */
  --sidebar-bg:        linear-gradient(180deg, var(--bg-solid,#0C0907) 0%, var(--panel-solid,#17130D) 60%, var(--bg-solid,#0C0907) 100%) !important;
  --sidebar-bg-flat:   var(--bg-solid,#0C0907) !important;
  --sidebar-border:    rgba(140,190,34,.10) !important;
  --sidebar-active-bg: linear-gradient(135deg, rgba(170,220,90,.22), rgba(178,198,138,.08)) !important;
  --sidebar-active-text:   #D2EB99 !important;
  --sidebar-active-border: rgba(140,190,34,.42) !important;
  --sidebar-hover-bg:  rgba(255,255,255,.05) !important;

  /* Shadow-Tinting */
  --shadow-glow:  0 0 0 1px rgba(178,198,138,.32), 0 8px 24px -6px rgba(178,198,138,.35) !important;
  --shadow-gold:  0 8px 22px -6px rgba(140,190,34,.45), 0 0 30px -8px rgba(170,220,90,.45) !important;

  /* Aurora und Stage-BG auf Gunmetal + Lime-Glow */
  --pp-aurora: radial-gradient(60% 80% at 50% 0%, rgba(140,190,34,.18), transparent 70%) !important;
  --pd-accent:       var(--green,#6E8E22) !important;
  --pd-accent-soft:  rgba(140,190,34,.14) !important;
  --pd-glow:         rgba(170,220,90,.42) !important;

  /* Status-Ampel: bleibt semantisch (gegen versehentliche Lime-Übernahme aus v19) */
  --gruen:        #5C8A4F !important;
  --gruen-bg:     rgba(92,138,79,.16) !important;
  --gelbgruen:    #A4B864 !important;
  --gelbgruen-bg: rgba(164,184,100,.16) !important;
  --gelb:         #E0B547 !important;
  --gelb-bg:      rgba(216,166,64,.18) !important;
  --rot:          #C9624F !important;
  --rot-bg:       rgba(184,90,74,.18) !important;
}

/* Stage-BG-Layer (Sterne/Vignette) auf Gunmetal trimmen */
body.premium-dark .stage-bg {
  background: linear-gradient(180deg, oklch(18% .018 245) 0%, oklch(11% .015 245) 100%) !important;
}
body.premium-dark .stage-bg .spotlight {
  background: radial-gradient(40% 60% at 50% 0%, rgba(140,190,34,.10), transparent 70%) !important;
}
body.premium-dark .stage-bg .vignette {
  background: radial-gradient(120% 80% at 50% 100%, transparent 40%, rgba(0,0,0,.55) 100%) !important;
}

/* Live-Dot pulst in Sonnenexpert-Lime */
body.premium-dark .live-dot {
  background: var(--green,#6E8E22) !important;
  box-shadow: 0 0 0 0 rgba(140,190,34,.55) !important;
}

/* Primary-Button auf Lime-Gradient (gegen Reste vom Gold-Gradient) */
body.premium-dark .btn-primary {
  background: linear-gradient(135deg, #ADD659 0%, var(--green,#6E8E22) 50%, #729E1B 100%) !important;
  color: var(--panel-solid,#17130D) !important;
  border-color: rgba(140,190,34,.42) !important;
  box-shadow: 0 6px 18px -6px rgba(140,190,34,.45) !important;
}
body.premium-dark .btn-primary:hover {
  box-shadow: 0 10px 24px -8px rgba(140,190,34,.55) !important;
}

/* ============================================================
   SIDEBAR SECTION-LABEL — Premium helle Gold-Headline (v2)
   Fix 26.05.2026 v2: Solides helles Gold statt Gradient (war zu dunkel),
   zentriert mit Trennlinien. Nav-Items darunter ebenfalls zentriert.
   ============================================================ */
.nav-section-label,
body.premium-dark .nav-section-label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 22px 14px 14px !important;
  padding: 0 !important;
  font-family: 'SF Mono', ui-monospace, Menlo, monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  /* Solides helles Gold-Cream, gut lesbar auf dunklem Hintergrund */
  color: #F4E5B8 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #F4E5B8 !important;
  text-shadow:
    0 0 14px rgba(244, 229, 184, 0.42),
    0 0 28px rgba(220, 180, 110, 0.22),
    0 1px 2px rgba(0, 0, 0, 0.55) !important;
  filter: none !important;
  opacity: 1 !important;
  position: relative;
}
.nav-section-label::before,
.nav-section-label::after,
body.premium-dark .nav-section-label::before,
body.premium-dark .nav-section-label::after {
  content: '' !important;
  flex: 1 1 0 !important;
  height: 1px !important;
  background: linear-gradient(to right,
    transparent 0%,
    rgba(244, 229, 184, 0.45) 50%,
    transparent 100%) !important;
  opacity: 0.95 !important;
  box-shadow: 0 0 8px rgba(244, 229, 184, 0.22);
}

/* Erste Sektion etwas tighter oben */
.nav-section:first-child .nav-section-label,
body.premium-dark .nav-section:first-child .nav-section-label {
  margin-top: 10px !important;
}

/* Trennlinie zwischen Sektionen mit warmem Tint */
body.premium-dark .nav-section + .nav-section {
  border-top: 1px solid rgba(244, 229, 184, 0.12) !important;
  margin-top: 14px !important;
  padding-top: 4px !important;
}

/* ============================================================
   NAV-ITEMS ZENTRIERT — Items unter den Sektions-Headlines
   ============================================================ */
.nav-item,
body.premium-dark .nav-item,
.sidebar .nav-item,
body.premium-dark .sidebar .nav-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 10px !important;
  width: calc(100% - 18px) !important;
  margin: 2px 9px !important;
  padding: 9px 14px !important;
}
/* Label zentriert (kein flex:1 mehr, sonst zieht es sich nach links) */
.nav-item .nav-label,
body.premium-dark .nav-item .nav-label,
.sidebar .nav-item .nav-label {
  flex: 0 1 auto !important;
  text-align: center !important;
}
/* Icon bleibt links neben Label, beide zusammen zentriert */
.nav-item .nav-icon,
body.premium-dark .nav-item .nav-icon {
  flex-shrink: 0 !important;
}
/* Badge wenn vorhanden, an die rechte Seite des Labels ankleben (nicht ans Item-Ende) */
.nav-item .nav-badge,
body.premium-dark .nav-item .nav-badge {
  margin-left: 8px !important;
}

/* Sub-Items / Sub-Label in der Sektion ebenfalls zentriert */
.nav-section-sublabel,
body.premium-dark .nav-section-sublabel {
  text-align: center !important;
  padding: 0 14px !important;
  margin: -6px 0 10px !important;
  font-size: 10.5px !important;
  color: rgba(244, 229, 184, 0.55) !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   TOPBAR v3 — Container-Query Premium-Topbar (26.05.2026)
   Vorher: Links und Rechts ueberlappten sich (gap negativ),
           Media-Queries reagieren nur auf Viewport, nicht auf
           tatsaechliche Topbar-Breite.
   Jetzt:  CSS Grid + Container Queries. Topbar passt sich an
           eigene Breite an (nicht Viewport). Items gruppiert
           in einem Action-Pod mit Premium-Glass-Optik.
   ============================================================ */

/* Topbar-Container: CSS Grid mit 3 Zonen + Container Query Host */
body.premium-dark .topbar,
body.premium-dark header.topbar {
  container-type: inline-size;
  container-name: topbar;
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 22px !important;
  gap: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto) !important;
  grid-template-areas: "left center right" !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  overflow: hidden;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  /* Premium-Glass mit warmem Gold-Tint */
  background:
    linear-gradient(180deg,
      rgba(var(--surf-card-rgb), 0.82) 0%,
      rgba(var(--surf-card-rgb), 0.66) 100%),
    radial-gradient(ellipse 100% 200% at 50% -50%,
      rgba(244, 229, 184, 0.06) 0%,
      transparent 60%) !important;
  backdrop-filter: blur(40px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(170%) !important;
  border-bottom: 1px solid rgba(244, 229, 184, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 -1px 0 rgba(244, 229, 184, 0.04),
    0 12px 32px -22px rgba(0, 0, 0, 0.90) !important;
}
/* Hauchduenne Gold-Linie ganz oben */
body.premium-dark .topbar::before {
  content: '';
  position: absolute !important;
  top: 0; left: 12%; right: 12%; height: 1px !important;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(244, 229, 184, 0.32) 50%,
    transparent 100%) !important;
  pointer-events: none;
  z-index: 51;
}

/* Linke Zone: Back + Titles nebeneinander in einem Inline-Flex */
body.premium-dark .topbar > .topbar-back {
  grid-area: left;
  margin: 0 12px 0 0 !important;
  align-self: center !important;
  position: relative !important;
}
/* WICHTIG: ueberschreibt die alte experimentelle 3D-Tilt-Regel */
body.premium-dark .topbar-titles {
  grid-area: left !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  perspective: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 0 0 50px !important;
  padding: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  height: 100% !important;
  width: 100% !important;
}
/* Halo deaktivieren: lag absolut positioniert mit massivem Transform und
   sah aus wie ein verirrter Lichtfleck quer ueber die Topbar */
body.premium-dark .topbar > .topbar-titles-halo {
  display: none !important;
}
body.premium-dark .topbar-title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 1.18rem !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  color: var(--jm-text-bright) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
body.premium-dark .topbar-breadcrumb {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 10.5px !important;
  letter-spacing: 0.18em !important;
}

/* Mittlere Zone bleibt leer (Spacer) */

/* Rechte Zone: Action-Pod */
body.premium-dark .topbar-right {
  grid-area: right;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  align-items: center !important;
  margin-left: 0 !important;
  justify-self: end !important;
}

/* Einheitlicher 38px Glass-Look fuer ALLE Topbar-Right Items */
body.premium-dark .topbar-right > * {
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Search-Pill */
body.premium-dark .topbar-search-pill {
  height: 38px !important;
  padding: 0 14px 0 12px !important;
  gap: 8px !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
}
body.premium-dark .topbar-search-pill .tsp-text {
  font-size: 12.5px !important;
  letter-spacing: 0.01em !important;
}
body.premium-dark .topbar-search-pill .tsp-kbd {
  font-family: 'SF Mono', ui-monospace, monospace !important;
  font-size: 10px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: rgba(244, 229, 184, 0.78) !important;
  letter-spacing: 0.04em !important;
}

/* Live-Indicator */
body.premium-dark .topbar-right .live-indicator {
  height: 38px !important;
  padding: 0 12px 0 10px !important;
  border-radius: 10px !important;
}

/* Bell - sd-bell-root */
body.premium-dark .topbar-right #sd-bell-root {
  height: 38px !important;
}
body.premium-dark .topbar-right #sd-bell-root .sd-bell,
body.premium-dark .topbar-right #sd-bell {
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Counter-Pill */
body.premium-dark .topbar-right .topbar-date-pill,
body.premium-dark .topbar-right #ang-count {
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-size: 11.5px !important;
  letter-spacing: 0.14em !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(244, 229, 184, 0.14) !important;
  color: rgba(244, 229, 184, 0.92) !important;
  font-family: 'SF Mono', ui-monospace, monospace !important;
  font-weight: 600 !important;
}

/* Primary Action ("Neues Angebot +") */
body.premium-dark .topbar-right .btn-primary {
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Mandant-Switcher */
body.premium-dark .topbar-right #mandant-switcher-slot {
  height: 38px !important;
}
body.premium-dark .topbar-right .mandant-switcher {
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(244, 229, 184, 0.14) !important;
  color: rgba(244, 229, 184, 0.90) !important;
  font-size: 12.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.premium-dark .topbar-right .mandant-switcher select {
  font-size: 12.5px !important;
  color: inherit !important;
}

/* Density-Toggle (falls aktiv) bekommt einheitliche Hoehe */
body.premium-dark .topbar-right .m-density-toggle {
  height: 38px !important;
  border-radius: 10px !important;
}

/* Presence-Stack (leer wenn keine User da) nimmt keinen Platz weg */
body.premium-dark .topbar-right .m-presence-stack:empty {
  display: none !important;
  width: 0 !important;
}

/* ============================================================
   PREMIUM-GLASS-OPTIK fuer einzelne Topbar-Items
   ============================================================ */

/* Search-Pill: Premium Glass mit subtilem Hover-Glow */
body.premium-dark .topbar-search-pill {
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.03) 50%,
    rgba(255, 255, 255, 0.06) 100%) !important;
  border: 1px solid rgba(244, 229, 184, 0.16) !important;
  color: rgba(244, 229, 184, 0.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 2px 8px -3px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.18s ease, border-color 0.22s ease,
              box-shadow 0.22s ease, background 0.22s ease !important;
}
body.premium-dark .topbar-search-pill:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(244, 229, 184, 0.32) !important;
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.06) 50%,
    rgba(244, 229, 184, 0.08) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 6px 18px -6px rgba(244, 229, 184, 0.28),
    0 4px 12px -4px rgba(0, 0, 0, 0.6) !important;
}
body.premium-dark .topbar-search-pill .tsp-icon {
  font-size: 14px !important;
  filter: drop-shadow(0 0 6px rgba(244, 229, 184, 0.5)) !important;
}

/* Live-Indicator: einheitliche Glass-Optik */
body.premium-dark .topbar-right .live-indicator {
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(244, 229, 184, 0.78) !important;
  transition: border-color 0.22s ease, background 0.22s ease !important;
}
body.premium-dark .topbar-right .live-indicator:hover {
  border-color: rgba(244, 229, 184, 0.20) !important;
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.08) 0%,
    rgba(255, 255, 255, 0.04) 100%) !important;
}

/* Bell: konsistente Glass-Optik */
body.premium-dark .topbar-right #sd-bell-root .sd-bell,
body.premium-dark .topbar-right #sd-bell {
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(244, 229, 184, 0.12) !important;
  color: rgba(244, 229, 184, 0.85) !important;
  transition: transform 0.18s ease, border-color 0.22s ease,
              box-shadow 0.22s ease !important;
}
body.premium-dark .topbar-right #sd-bell-root .sd-bell:hover,
body.premium-dark .topbar-right #sd-bell:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(244, 229, 184, 0.32) !important;
  box-shadow: 0 6px 16px -6px rgba(244, 229, 184, 0.25) !important;
}

/* Counter-Pill: warmer Gold-Tint */
body.premium-dark .topbar-right .topbar-date-pill,
body.premium-dark .topbar-right #ang-count {
  background: linear-gradient(150deg,
    rgba(244, 229, 184, 0.06) 0%,
    rgba(244, 229, 184, 0.02) 100%) !important;
  border: 1px solid rgba(244, 229, 184, 0.18) !important;
  color: rgba(244, 229, 184, 0.95) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Primary Action "Neues Angebot +": Cream-Gold-Verlauf */
body.premium-dark .topbar-right .btn-primary {
  background: linear-gradient(135deg,
    #F4E5B8 0%,
    #E0CB7E 50%,
    #C39233 100%) !important;
  color: #1a1410 !important;
  border: 1px solid rgba(244, 229, 184, 0.5) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    0 6px 18px -6px rgba(244, 229, 184, 0.45),
    0 2px 6px -2px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.18s ease, box-shadow 0.22s ease !important;
}
body.premium-dark .topbar-right .btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    0 10px 26px -6px rgba(244, 229, 184, 0.6),
    0 4px 12px -3px rgba(0, 0, 0, 0.55) !important;
}

/* Mandant-Switcher: konsistenter Look */
body.premium-dark .topbar-right .mandant-switcher {
  background: linear-gradient(150deg,
    rgba(255, 255, 255, 0.05) 0%,
    rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid rgba(244, 229, 184, 0.16) !important;
  font-family: 'SF Mono', ui-monospace, monospace !important;
  font-size: 11.5px !important;
  letter-spacing: 0.04em !important;
  transition: border-color 0.22s ease !important;
}
body.premium-dark .topbar-right .mandant-switcher:hover {
  border-color: rgba(244, 229, 184, 0.32) !important;
}

/* ============================================================
   CONTAINER-QUERIES (reagieren auf TOPBAR-Breite, nicht Viewport)
   Aggressivere Schwellen damit keine Ueberlappung mehr auftritt.
   ============================================================ */

/* ≤1400px Topbar: Search-Pill verliert Text, nur ✨ + ⌘K */
@container topbar (max-width: 1400px) {
  body.premium-dark .topbar-search-pill .tsp-text {
    display: none !important;
  }
  body.premium-dark .topbar-search-pill {
    padding: 0 10px !important;
    gap: 6px !important;
  }
}

/* ≤1220px Topbar: Live nur als Dot, Counter kompakter */
@container topbar (max-width: 1220px) {
  body.premium-dark .topbar-right .live-indicator .live-text,
  body.premium-dark .topbar-right .live-indicator span:not(.live-dot):not(.dot) {
    display: none !important;
  }
  body.premium-dark .topbar-right .live-indicator {
    width: 38px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  body.premium-dark .topbar-right .topbar-date-pill,
  body.premium-dark .topbar-right #ang-count {
    padding: 0 11px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.06em !important;
  }
}

/* ≤1100px Topbar: Mandant kompakt, Primary kompakt */
@container topbar (max-width: 1100px) {
  body.premium-dark .topbar-right .mandant-switcher {
    padding: 0 10px !important;
    font-size: 11px !important;
  }
  body.premium-dark .topbar-right .mandant-switcher select {
    max-width: 120px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  body.premium-dark .topbar-right .btn-primary {
    padding: 0 14px !important;
    font-size: 12px !important;
  }
}

/* ≤980px Topbar: Breadcrumb hidden, Title kuerzer */
@container topbar (max-width: 980px) {
  body.premium-dark .topbar-breadcrumb {
    display: none !important;
  }
  body.premium-dark .topbar-title {
    max-width: 18ch !important;
    font-size: 1rem !important;
  }
  body.premium-dark .topbar {
    padding: 0 14px !important;
    gap: 12px !important;
  }
  body.premium-dark .topbar-right {
    gap: 6px !important;
  }
}

/* ≤880px Topbar: Mandant nur Chip + Avatar */
@container topbar (max-width: 880px) {
  body.premium-dark .topbar-right .mandant-switcher select {
    max-width: 80px !important;
  }
  body.premium-dark .topbar-right .btn-primary {
    padding: 0 10px !important;
    font-size: 11.5px !important;
  }
}

/* ≤780px Topbar: Counter komplett raus, Live raus */
@container topbar (max-width: 780px) {
  body.premium-dark .topbar-right .topbar-date-pill,
  body.premium-dark .topbar-right #ang-count {
    display: none !important;
  }
  body.premium-dark .topbar-right .live-indicator {
    display: none !important;
  }
}

/* ≤680px Topbar: Primary nur "+" Icon, Mandant nur Avatar */
@container topbar (max-width: 680px) {
  body.premium-dark .topbar-right .btn-primary {
    padding: 0 !important;
    width: 38px !important;
    justify-content: center !important;
    font-size: 18px !important;
    text-indent: 0 !important;
  }
  body.premium-dark .topbar-right .mandant-switcher {
    padding: 0 8px !important;
  }
  body.premium-dark .topbar-right .mandant-switcher select {
    display: none !important;
  }
}

/* Fallback Media-Queries fuer Browser ohne Container-Query-Support */
@supports not (container-type: inline-size) {
  @media (max-width: 1620px) {
    body.premium-dark .topbar-search-pill .tsp-text { display: none !important; }
  }
  @media (max-width: 1440px) {
    body.premium-dark .topbar-right .live-indicator span:not(.live-dot) { display: none !important; }
    body.premium-dark .topbar-right .live-indicator { width: 38px !important; padding: 0 !important; justify-content: center !important; }
  }
  @media (max-width: 1280px) {
    body.premium-dark .topbar-breadcrumb { display: none !important; }
  }
  @media (max-width: 1100px) {
    body.premium-dark .topbar-right .topbar-date-pill, body.premium-dark .topbar-right #ang-count { display: none !important; }
  }
}

/* ============================================================
   SOLARDESK-MOBILE-NAV-WURZEL-GUARD (28.05.2026)
   Single Source of Truth fuer das Mobile-Sidebar-Verhalten.
   Steht bewusst als LETZTER Block der Datei = hoechste Kaskaden-
   Position. Erstickt den Glas-Blur (backdrop-filter:blur(40px))
   an der Quelle, statt ihn nur per Inline-Override zu bekaempfen.
   Aenderungen NUR hier, nie verstreut in mehreren Stylesheets.
   ============================================================ */
html body.is-mobile-nav .sidebar,
html body.is-mobile-nav.premium-dark .sidebar,
html body.is-mobile-nav aside.sidebar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: linear-gradient(180deg, var(--panel-solid,#17130D) 0%, var(--bg-solid,#0C0907) 60%, var(--panel-solid,#17130D) 100%) !important;
  background-color: var(--bg-solid,#0C0907) !important;
  z-index: 260 !important;
}
html body.is-mobile-nav .sidebar.open,
html body.is-mobile-nav.premium-dark .sidebar.open {
  transform: translateX(0) !important;
}
html body.is-mobile-nav #solardesk-backdrop,
html body.is-mobile-nav .sidebar-backdrop {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 240 !important;
}
/* Body-weiter Blur-Stopp im Mobile-Nav-Modus: kein Element darf
   die ganze Seite verschwimmen lassen, wenn die Sidebar offen ist. */
html body.is-mobile-nav,
html body.is-mobile-nav * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* SCROLL-FIX im Wurzel-Guard (29.05.2026): Nav-Bereich scrollt INTERN,
   Logo + Footer bleiben fix. min-height:0 + overflow-y:auto auf der Nav ist
   der entscheidende Hebel (flex-shrink:0 war falsch, blaehte die Nav auf). */
html body.is-mobile-nav .sidebar,
html body.is-mobile-nav.premium-dark .sidebar {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}
html body.is-mobile-nav .sidebar > .sidebar-logo,
html body.is-mobile-nav .sidebar > .sidebar-footer {
  flex: 0 0 auto !important;
}
html body.is-mobile-nav .sidebar > .sidebar-nav,
html body.is-mobile-nav .sidebar > nav {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}

/* ============================================================
   SOLARDESK-CI-ACCENT-AUTHORITATIVE (03.06.2026, Audit RF01)
   Letzter, unkonditionaler :root-Block = gewinnt die Kaskade.
   Erzwingt Marken-Gruen var(--green,#6E8E22) als Primaer-Akzent, nachdem ein
   Legacy-Block (glass-theme-Merge) --accent faelschlich auf
   var(--accent-cool) = oklch(70% .16 252) (Blau) aliasiert hatte.
   --accent-cool bleibt fuer bewusste Kuehl-Akzente unveraendert.
   ============================================================ */
:root { --accent: var(--green,#6E8E22) !important; }

/* ════ Kanban-Header Alignment-Fix (11.06.2026) ════
   Deterministische Slot-Hoehen gegen schiefe Spaltenkoepfe:
   Title-Zeile exakt 28px (nowrap, Label mit Ellipsis), Sub-Zeile exakt
   18px (eine Zeile, Ellipsis). Jeder Header ist damit pixelgleich 78px
   hoch und die erste Karte beginnt in jeder Spalte auf derselben Linie. */
.kanban-col-head{
  display:grid !important;
  grid-template-rows:28px 18px !important;
  row-gap:4px !important;
  align-content:start !important;
  padding:16px 16px 12px !important;
  height:78px !important;
  box-sizing:border-box !important;
}
.kanban-col-title{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  height:28px !important;
}
.kanban-col-title > span:nth-child(2){
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kanban-col-dot{flex:0 0 auto;}
.kanban-col-prob{flex:0 0 auto;margin-left:0 !important;}
.kanban-col-count{flex:0 0 auto;}
.kanban-col-add{
  flex:0 0 auto;
  width:24px;height:24px;
  display:inline-flex;align-items:center;justify-content:center;
  line-height:1;
}
.kanban-col-sub{
  height:18px !important;
  line-height:18px !important;
  margin-top:0 !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
/* Spalten gleich hoch und oben buendig im Scroll-Wrap */
.kanban-wrap{align-items:stretch !important;}
.kanban-col{margin-top:0 !important;}

/* ════ Kanban-Header Alignment v2 (11.06.2026) ════
   Schlaegt den premium-dark-Wrap-Block (Zeile ~1766): Titel-Zeile ist
   STRIKT einzeilig (Label mit Ellipsis statt Umbruch), Sub-Zeile fix 18px.
   Jeder Header exakt 76px, nichts ragt mehr in den Subtext. Sub-Schrift
   groesser und heller fuer Lesbarkeit. */
body.premium-dark .kanban-col-head,
body .kanban-col-head {
  display: grid !important;
  grid-template-rows: 30px 18px !important;
  row-gap: 4px !important;
  align-content: start !important;
  padding: 14px 16px 10px !important;
  height: 76px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  position: relative !important;
}
body.premium-dark .kanban-col-title,
body .kanban-col-title {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  column-gap: 7px !important;
  row-gap: 0 !important;
  height: 30px !important;
  min-width: 0 !important;
  padding: 0 30px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
body.premium-dark .kanban-col-title > span:nth-child(2),
body .kanban-col-title > span:nth-child(2) {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.premium-dark .kanban-col-title > .kanban-col-dot,
body .kanban-col-title > .kanban-col-dot { flex: 0 0 auto !important; }
body.premium-dark .kanban-col-title > .kanban-col-prob,
body .kanban-col-title > .kanban-col-prob { flex: 0 0 auto !important; margin-left: 0 !important; }
body.premium-dark .kanban-col-title > .kanban-col-count,
body .kanban-col-title > .kanban-col-count { flex: 0 0 auto !important; margin-left: 0 !important; }
body.premium-dark .kanban-col-sub,
body .kanban-col-sub {
  height: 18px !important;
  line-height: 18px !important;
  font-size: 0.72rem !important;
  color: oklch(86% 0.01 100) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 !important;
  min-width: 0 !important;
}
/* Plus-Button: bleibt absolut oben rechts, vertikal auf Titel-Zeile zentriert */
body.premium-dark .kanban-col-add,
body .kanban-col-add {
  position: absolute !important;
  top: 16px !important;
  right: 12px !important;
}

/* ════ Filterbar v2: Primaer-Zeile + einklappbare erweiterte Filter (11.06.2026) ════ */
.sf-bar { display: flex; flex-direction: column; gap: 0; }
.sf-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
}
.sf-row-primary { padding-bottom: 2px; }
.sf-row-advanced {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(0,0,0,0.22);
  border: 1px dashed rgba(186,206,146,0.18);
  animation: sf-adv-in 200ms ease;
}
@keyframes sf-adv-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.sf-row-advanced[hidden] { display: none; }
.sf-adv-toggle {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(186,206,146,0.22);
  background: rgba(255,255,255,0.04);
  color: #E8E2D4;
  font: inherit; font-size: 0.82rem; font-weight: 700;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease;
}
.sf-adv-toggle:hover { background: rgba(186,206,146,0.10); border-color: rgba(186,206,146,0.4); }
.sf-adv-caret { font-size: 0.7rem; color: #B2C68A; }
.sf-adv-badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--gold-soft,#F4D9A0), var(--gold,#A37D38));
  color: #15110a; font-size: 0.66rem; font-weight: 800;
  font-family: var(--font-mono, monospace);
}
/* Filter-Elemente einheitlich hoch und sauber beschriftet */
.sf-bar .sf-filter { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; }
.sf-bar .sf-lbl {
  font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: #B2C68A; white-space: nowrap;
}

/* v2.1: Plus-Button exakt auf Titel-Zeile begrenzen (Mobile-Touch-Regel
   blaehte ihn auf 44px und er ragte in den Subtext) */
body.premium-dark .kanban-col-add,
body .kanban-col-add {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  top: 14px !important;
  padding: 0 !important;
}

/* ════ Sichtbare Horizontal-Scrollbar fuer Kanban-Boards (11.06.2026) ════
   Standard-Overlay-Scrollbars sind auf dunklem Grund unsichtbar. Custom-
   Styling erzwingt eine permanent sichtbare, greifbare Leiste. Dazu kommt
   kanban-hscroll.js (Edge-Auto-Scroll + Mausrad-Umlenkung). */
.kanban-board,
.kanban-wrap,
.crm-board-grid {
  scrollbar-width: thin;
  scrollbar-color: rgba(244,217,160,0.55) rgba(255,255,255,0.06);
}
.kanban-board::-webkit-scrollbar,
.kanban-wrap::-webkit-scrollbar,
.crm-board-grid::-webkit-scrollbar {
  height: 12px;
}
.kanban-board::-webkit-scrollbar-track,
.kanban-wrap::-webkit-scrollbar-track,
.crm-board-grid::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.05);
  border-radius: 8px;
  margin: 0 8px;
}
.kanban-board::-webkit-scrollbar-thumb,
.kanban-wrap::-webkit-scrollbar-thumb,
.crm-board-grid::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(244,217,160,0.65), rgba(196,154,74,0.55));
  border-radius: 8px;
  border: 2px solid rgba(var(--surf-deep-rgb),0.8);
  min-width: 60px;
}
.kanban-board::-webkit-scrollbar-thumb:hover,
.kanban-wrap::-webkit-scrollbar-thumb:hover,
.crm-board-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(251,238,198,0.85), rgba(196,154,74,0.75));
}

body.theme-light .proj-stat-label,body.theme-light .proj-metric-label,body.theme-light .projekt-stat-label,body.theme-light .partner-metric-label,body.theme-light .partner-card-loc,body.theme-light .invest-card-loc,body.theme-light .dataroom-kpi-label,body.theme-light .pruef-label,body.theme-light .login-label,body.theme-light .form-label,body.theme-light .dr-tree-label,body.theme-light .dataroom-hero-sub,body.theme-light .label-caps,body.theme-light .section-label,body.theme-light .field-label{color:var(--bronze,#A37D38)!important}
