/* =========================================================
   Kunden-OS · UI-System  (inspiriert von Attio / Linear / Pipedrive)
   ========================================================= */
/* ===== Senna-Designsystem: hell als Standard, dunkle Navy-Sidebar ===== */
:root{
  --bg:#f3f4f7; --bg2:#eceef3;
  --panel:#ffffff; --panel2:#f8f9fb; --panel3:#f1f3f7;
  --line:#e6e8ee; --line2:#d5d9e2;
  --txt:#141a24; --muted:#565e6d; --faint:#8b93a1;
  --acc:#a9834a; --acc2:#c9a45e;
  --acc-soft:#f6eee0;
  --green:#12905a; --red:#d8453b; --amber:#b0741a; --blue:#2b57e6; --violet:#6b5bd1;
  --radius:12px; --radius-sm:8px; --radius-lg:16px;
  --shadow-sm:0 1px 2px rgba(16,21,32,.05);
  --shadow-md:0 1px 2px rgba(16,21,32,.04), 0 12px 30px -12px rgba(16,21,32,.16);
  --shadow-lg:0 28px 64px -20px rgba(16,21,32,.30), 0 8px 20px -10px rgba(16,21,32,.16);
  --ring:0 0 0 3px color-mix(in srgb,var(--acc) 28%,transparent);
  --ease:cubic-bezier(.4,0,.2,1);
  /* Dunkle Rail (Sidebar) – in beiden Themes dunkel, wie bei Senna */
  --rail-bg:#0f1420; --rail-surface:#171d2a; --rail-ink:#e9ecf3; --rail-ink-2:#99a1b3; --rail-ink-3:#6a7285;
  --rail-border:rgba(255,255,255,.07); --rail-active:rgba(255,255,255,.08); --rail-active-ink:#ffffff; --rail-accent:#e3c281;
  /* 3D-Buttons */
  --e3d-top:rgba(255,255,255,.95); --e3d-ledge:#c2cad6; --e3d-drop:rgba(20,30,50,.20);
  /* Typografie – Instrument Sans (Text) + Fraunces (Überschriften) */
  --font-sans:"Instrument Sans", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display:"Fraunces", Georgia, "Times New Roman", serif;
  color-scheme:light;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0d1016; --bg2:#0a0d12;
  --panel:#151a22; --panel2:#1c222d; --panel3:#232a37;
  --line:#282f3d; --line2:#343d4e;
  --txt:#e9edf4; --muted:#98a2b5; --faint:#5f6a7d;
  --acc:#c9a45e; --acc2:#e3c281; --acc-soft:color-mix(in srgb,var(--acc) 16%,transparent);
  --green:#43c489; --red:#e46a63; --amber:#e3ab4e; --blue:#5fa0da; --violet:#9b8cff;
  --shadow-sm:0 1px 2px rgba(0,0,0,.28);
  --shadow-md:0 10px 30px rgba(0,0,0,.38);
  --shadow-lg:0 24px 64px rgba(0,0,0,.50);
  --e3d-top:rgba(255,255,255,.10); --e3d-ledge:#05070a; --e3d-drop:rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--txt);font-family:var(--font-sans);font-size:14px;line-height:1.55;letter-spacing:-.006em;font-feature-settings:"cv01","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.hidden{display:none!important}
svg{display:inline-block}
[data-ic] svg,.ic{width:16px;height:16px;vertical-align:-3px}
button{font-family:inherit}
h1,h2,h3{letter-spacing:-.01em}
/* Editoriale Serifen-Überschriften wie bei Senna */
.topbar h1,.modal-head h2,.login-card h2{font-family:var(--font-display);font-weight:600;letter-spacing:.002em}
.tnum{font-variant-numeric:tabular-nums}

/* Scrollbars */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--line2);border-radius:20px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:var(--faint)}
*::-webkit-scrollbar-track{background:transparent}

/* Avatare */
.avatar{width:26px;height:26px;border-radius:8px;flex-shrink:0;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.avatar.sm{width:22px;height:22px;font-size:10px;border-radius:7px}
.avatar.lg{width:34px;height:34px;font-size:13px;border-radius:10px}

#app{display:flex;height:100vh;overflow:hidden}

/* ===== Sidebar ===== */
.sidebar{width:236px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px}
.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;color:var(--acc);flex-shrink:0}
.brand-mark svg{width:22px;height:22px}
.brand-name{font-weight:800;letter-spacing:2px;font-size:14px}
.brand-sub{color:var(--muted);font-size:10.5px;letter-spacing:.3px}
.nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.nav-lbl{font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);padding:6px 12px 4px}
.nav-item{display:flex;align-items:center;gap:11px;background:none;border:none;color:var(--muted);font-size:13.5px;font-weight:500;padding:9px 12px;border-radius:10px;cursor:pointer;text-align:left;position:relative;transition:background .12s var(--ease),color .12s var(--ease)}
.nav-item .ni{width:18px;display:flex;align-items:center;justify-content:center;color:var(--faint);transition:color .12s var(--ease)}
.nav-item:hover{background:var(--panel2);color:var(--txt)}
.nav-item:hover .ni{color:var(--muted)}
.nav-item.active{background:var(--acc-soft);color:var(--acc2);font-weight:600}
.nav-item.active .ni{color:var(--acc2)}
.nav-item.active::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--acc)}
.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.btn-ghost{display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:9px 12px;border-radius:10px;cursor:pointer;font-size:13px;transition:.12s var(--ease)}
.btn-ghost:hover{color:var(--txt);border-color:var(--line2);background:var(--panel3)}

/* User-Chip */
.user-chip{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:8px 10px}
.user-chip>span{color:var(--acc);display:grid;place-items:center}
.uc-t{flex:1;min-width:0}
.uc-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc-role{font-size:10.5px;color:var(--muted)}
.uc-out{background:none;border:none;color:var(--faint);cursor:pointer;font-size:15px;padding:3px 5px;border-radius:7px;transition:.12s}
.uc-out:hover{color:var(--red);background:var(--panel3)}

/* ===== Main ===== */
.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--panel);backdrop-filter:blur(6px)}
.topbar h1{margin:0;font-size:22px;font-weight:800}
.subtitle{margin:3px 0 0;color:var(--muted);font-size:12.5px}
.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#search{background:var(--bg) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%2398a2b5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="7" cy="7" r="5"/><path d="M11 11l4 4"/></svg>') no-repeat 12px center;border:1px solid var(--line);color:var(--txt);padding:9px 13px 9px 34px;border-radius:10px;font-size:13px;min-width:210px;font-family:inherit;transition:.14s var(--ease)}
#search::placeholder{color:var(--faint)}
.filter-sel{background:var(--bg);border:1px solid var(--line);color:var(--txt);padding:9px 11px;border-radius:10px;font-size:13px;cursor:pointer;font-family:inherit;transition:.14s var(--ease)}
.filter-sel:hover{border-color:var(--line2)}
#search:focus,.filter-sel:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:var(--ring)}
.btn-primary{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,var(--acc2),var(--acc));color:#1a1205;border:none;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;font-size:13.5px;white-space:nowrap;box-shadow:var(--shadow-sm);transition:.12s var(--ease)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-primary:active{transform:translateY(1px)}
.btn-danger{background:none;border:1px solid color-mix(in srgb,var(--red) 55%,transparent);color:var(--red);padding:9px 15px;border-radius:10px;cursor:pointer;font-weight:600;transition:.12s var(--ease)}
.btn-danger:hover{background:color-mix(in srgb,var(--red) 12%,transparent)}
.btn-sm{padding:7px 12px;font-size:12.5px;border-radius:9px}
.view{flex:1;overflow:auto;padding:22px 26px}

/* ===== Board ===== */
.board{display:flex;gap:16px;align-items:flex-start;min-height:100%;padding-bottom:20px}
.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:296px;flex-shrink:0;display:flex;flex-direction:column;max-height:100%;box-shadow:var(--shadow-sm)}
.col-head{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line);position:relative}
.col-head::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--_c,var(--line))}
.col-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.col-title{font-weight:700;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1px}
.col-count{background:var(--panel3);color:var(--muted);font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;font-variant-numeric:tabular-nums}
.col-menu{background:none;border:none;color:var(--faint);cursor:pointer;padding:2px 5px;border-radius:6px;font-size:15px;line-height:1;transition:.12s}
.col-menu:hover{color:var(--txt);background:var(--panel3)}
.col-cards{padding:11px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:60px;flex:1}
.col-cards.dragover{background:var(--acc-soft);outline:2px dashed var(--acc);outline-offset:-6px;border-radius:12px}
.col-add{background:none;border:none;color:var(--muted);padding:11px;cursor:pointer;font-size:12.5px;border-top:1px solid var(--line);text-align:center;font-weight:600;transition:.12s}
.col-add:hover{color:var(--acc2);background:var(--panel2)}
.addcol{width:210px;flex-shrink:0}
.addcol-btn{width:100%;background:transparent;border:1px dashed var(--line2);color:var(--muted);border-radius:var(--radius);padding:14px;cursor:pointer;font-weight:600;font-size:13px;transition:.14s var(--ease)}
.addcol-btn:hover{color:var(--acc2);border-color:var(--acc);background:var(--acc-soft)}

.kard{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--_c,var(--line2));border-radius:12px;padding:12px 13px;cursor:pointer;transition:transform .12s var(--ease),box-shadow .12s var(--ease),border-color .12s var(--ease)}
.kard:hover{border-color:var(--line2);border-left-color:var(--_c,var(--acc));transform:translateY(-2px);box-shadow:var(--shadow-md)}
.kard.dragging{opacity:.4;transform:rotate(1.5deg) scale(.98)}
.kard-top{display:flex;align-items:center;gap:9px}
.kard-name{font-weight:700;font-size:13.5px;line-height:1.25;flex:1;min-width:0}
.kard-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.tag{background:var(--panel);border:1px solid var(--line);color:var(--muted);font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:20px}
.kard-meta{color:var(--muted);font-size:12px;margin-top:9px;display:flex;flex-direction:column;gap:4px}
.kard-meta .row{display:flex;align-items:center;gap:7px}
.kard-meta .row .ic{color:var(--faint)}
.kard-prog{margin-top:11px}
.prog-bar{height:6px;background:var(--panel);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 60%,var(--acc)));border-radius:20px;transition:width .35s var(--ease)}
.prog-lbl{font-size:10.5px;color:var(--muted);margin-top:5px;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.kard-flags{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.flag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}
.flag .ic{width:12px;height:12px}
.flag.warn{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
.flag.end{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}
.flag.stale{background:var(--panel);color:var(--faint)}

/* ===== Modal ===== */
.modal-overlay{position:fixed;inset:0;background:rgba(5,7,10,.62);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:50;padding:20px;animation:fade .16s var(--ease)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:96vw;max-width:1180px;height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:pop .18s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.modal.sm{max-width:460px;height:auto}
.modal-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}
.modal-head h2{margin:0;font-size:18px;font-weight:800;flex:1}
.modal-close{background:var(--panel2);border:1px solid var(--line);width:32px;height:32px;border-radius:9px;color:var(--muted);font-size:16px;cursor:pointer;display:grid;place-items:center;transition:.12s}
.modal-close:hover{color:var(--txt);border-color:var(--line2)}
.modal-body{padding:22px;overflow-y:auto;flex:1;background:var(--bg2)}
.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line)}

.det-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}
@media(max-width:920px){.det-grid{grid-template-columns:1fr}}
.det-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}
.card>h3{margin:0 0 13px;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}
.card>h3 .ic{color:var(--acc2)}
.fld{display:flex;flex-direction:column;gap:5px}
.fld.full{grid-column:1/-1}
.fld label{font-size:11.5px;font-weight:600;color:var(--muted)}
.fld input,.fld select,.fld textarea{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 11px;color:var(--txt);font-family:inherit;font-size:13.5px;width:100%;transition:.14s var(--ease)}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:var(--line2)}
.fld textarea{min-height:64px;resize:vertical;line-height:1.5}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.grid2{grid-template-columns:1fr}}

/* Detail KPI-Kopf (sticky) */
.det-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
@media(max-width:720px){.det-kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 13px;box-shadow:var(--shadow-sm)}
.kpi-v{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:3px}

/* Meilensteine */
.ms-list{display:flex;flex-direction:column;gap:1px}
.ms-item{display:flex;align-items:center;gap:11px;padding:9px 7px;border-radius:9px;transition:background .1s}
.ms-item:hover{background:var(--panel2)}
.ms-check{width:20px;height:20px;border:2px solid var(--line2);border-radius:6px;cursor:pointer;flex-shrink:0;display:grid;place-items:center;color:transparent;transition:.12s var(--ease)}
.ms-check:hover{border-color:var(--green)}
.ms-check.done{background:var(--green);border-color:var(--green);color:#04140c}
.ms-check.done .ic{width:13px;height:13px}
.ms-txt{flex:1;font-size:13.5px;min-width:0}
.ms-item.done .ms-txt{color:var(--muted);text-decoration:line-through}
.ms-due{font-size:11.5px;color:var(--muted);white-space:nowrap;background:var(--panel2);padding:2px 8px;border-radius:20px}
.ms-due.over{color:var(--red);font-weight:600;background:color-mix(in srgb,var(--red) 12%,transparent)}
.ms-del{background:none;border:none;color:var(--faint);cursor:pointer;font-size:13px;padding:2px 5px;opacity:0;transition:.12s}
.ms-item:hover .ms-del{opacity:1}
.ms-del:hover{color:var(--red)}
.ms-add{display:flex;gap:7px;margin-top:11px}
.ms-add input[type=text]{flex:1}

/* Historie / Timeline */
.hist-add{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.hist-add-row{display:flex;gap:8px}
.hist-list{display:flex;flex-direction:column;gap:2px}
.hist-item{display:flex;gap:12px;padding:8px 4px;position:relative}
.hist-item:not(:last-child)::before{content:"";position:absolute;left:18px;top:38px;bottom:-4px;width:1.5px;background:var(--line)}
.hist-ico{width:36px;height:36px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc2);flex-shrink:0;z-index:1}
.hist-body{flex:1;min-width:0;padding-top:2px}
.hist-meta{font-size:11.5px;color:var(--faint);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hist-type{color:var(--txt);font-weight:700}
.hist-text{font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin-top:3px}
.hist-acts{margin-left:auto;display:inline-flex;gap:2px}
.hist-acts button{background:none;border:none;color:var(--faint);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:6px;opacity:0;transition:.12s}
.hist-item:hover .hist-acts button{opacity:1}
.hist-acts button:hover{color:var(--acc2);background:var(--panel2)}
.hist-edit{width:100%;min-height:60px;background:var(--bg);border:1px solid var(--blue);border-radius:9px;padding:9px;color:var(--txt);font-family:inherit;font-size:13px;resize:vertical}

/* Dateien / Datenraum */
.dz{border:1.5px dashed var(--line2);border-radius:12px;padding:18px;text-align:center;color:var(--muted);cursor:pointer;font-size:13px;transition:.14s var(--ease)}
.dz:hover,.dz.drag{border-color:var(--acc);color:var(--acc2);background:var(--acc-soft)}
.file-list{display:flex;flex-direction:column;gap:7px;margin-top:11px}
.file-item{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px;transition:.12s}
.file-item:hover{border-color:var(--line2)}
.file-item .fi-ic{color:var(--acc2);flex-shrink:0}
.file-item .fi-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.file-item a{color:var(--acc2);text-decoration:none;font-size:12px;font-weight:600}
.file-item a:hover{text-decoration:underline}
.file-item .fi-del{background:none;border:none;color:var(--faint);cursor:pointer;font-size:13px}
.file-item .fi-del:hover{color:var(--red)}

/* Tags-Eingabe */
.tags-edit{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 9px;min-height:42px}
.tags-edit .tag{background:var(--panel2);cursor:default}
.tags-edit .tag b{cursor:pointer;margin-left:5px;color:var(--faint)}
.tags-edit .tag b:hover{color:var(--red)}
.tags-edit input{flex:1;min-width:80px;background:none;border:none;color:var(--txt);font-family:inherit;font-size:13px;outline:none}

/* Farbwahl */
.color-row{display:flex;gap:8px;flex-wrap:wrap}
.color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:.12s}
.color-dot:hover{transform:scale(1.12)}
.color-dot.sel{border-color:var(--txt);box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--acc)}
.col-modal-foot{display:flex;align-items:center;gap:8px;margin-top:18px}

/* ===== Dashboard ===== */
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px;margin-bottom:22px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;box-shadow:var(--shadow-sm);transition:.14s var(--ease);position:relative;overflow:hidden}
.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line2)}
.stat[data-drill]{cursor:pointer}
.stat[data-drill]:hover{border-color:var(--acc)}
.stat[data-drill]:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.stat[data-drill]::after{content:"→";position:absolute;top:14px;right:15px;color:var(--muted);opacity:0;transform:translateX(-4px);transition:.14s var(--ease);font-size:15px;font-weight:700}
.stat[data-drill]:hover::after{opacity:1;transform:translateX(0);color:var(--acc2)}
.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.stat-ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--panel2);color:var(--muted)}
.stat-v{font-size:29px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.stat-l{color:var(--muted);font-size:12px;margin-top:6px}
.stat.accent{border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}
.stat.accent .stat-ico{background:var(--acc-soft);color:var(--acc2)}
.stat.accent .stat-v{color:var(--acc2)}
.stat.red .stat-ico{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}
.stat.red .stat-v{color:var(--red)}
.stat.green .stat-ico{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}
.stat.green .stat-v{color:var(--green)}
.dash-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.dash-cols{grid-template-columns:1fr}}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px;margin-bottom:16px;box-shadow:var(--shadow-sm)}
.panel h3{margin:0 0 12px;font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.panel h3 .ic{color:var(--acc2)}
.dash-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13.5px;border-radius:8px;transition:.1s}
.dash-row:last-child{border-bottom:none}
.dash-row:hover{background:var(--panel2);padding-left:10px}
.dash-row .dr-when{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.dash-row .dr-when.over{color:var(--red);font-weight:600}
.empty{color:var(--faint);text-align:center;padding:24px;font-size:13px}

/* ===== Liste ===== */
.tbl-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-sm)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:12px 15px;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;position:sticky;top:0;background:var(--panel2);z-index:1;font-weight:700;user-select:none}
th:hover{color:var(--txt)}
tbody tr{cursor:pointer;transition:background .1s}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--panel2)}
td .cell-name{display:flex;align-items:center;gap:10px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(0);background:var(--txt);color:var(--bg);padding:11px 18px;border-radius:11px;font-weight:600;font-size:13px;z-index:100;box-shadow:var(--shadow-md);animation:toastin .22s var(--ease)}
@keyframes toastin{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.comm-note{font-size:11.5px;color:var(--faint)}

/* ===== Datenraum-Leiste ===== */
.dr-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.dr-fold{display:inline-flex;align-items:center;gap:7px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:5px 11px;font-size:12.5px;font-family:inherit;cursor:pointer;transition:.12s}
.dr-fold:hover{color:var(--txt);border-color:var(--line2)}
.dr-fold.active{background:var(--acc-soft);border-color:var(--acc);color:var(--acc2)}
.dr-fold .dr-n{background:var(--panel);border-radius:20px;padding:0 6px;font-size:10.5px;font-weight:700}
.dr-fold.active .dr-n{background:rgba(0,0,0,.15)}
.dr-addfold{background:none;border:1px dashed var(--line2);color:var(--muted);border-radius:20px;padding:5px 11px;font-size:12.5px;font-family:inherit;cursor:pointer;transition:.12s}
.dr-addfold:hover{color:var(--acc2);border-color:var(--acc)}
.dr-mgmt{display:flex;gap:12px;margin:-2px 0 10px 2px}
.dr-mgmt button{background:none;border:none;color:var(--muted);font-size:11.5px;cursor:pointer;text-decoration:underline;font-family:inherit;padding:0}
.dr-mgmt button:hover{color:var(--acc2)}
.dr-tools{display:flex;gap:8px;margin-bottom:10px}
.dr-tools input{flex:1;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:var(--txt);font-family:inherit;font-size:13px}
.dr-group{margin-bottom:12px}
.dr-group-h{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:6px 2px 8px}
.file-item .fi-move{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:4px 6px;font-size:11.5px;font-family:inherit;max-width:130px}
.file-item .fi-kb{white-space:nowrap}

/* ===== Login ===== */
.login-screen{position:fixed;inset:0;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in srgb,var(--acc) 8%,var(--bg)),var(--bg));display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}
.login-card{width:100%;max-width:410px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px 30px;box-shadow:var(--shadow-lg)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.login-card h2{margin:0 0 4px;font-size:22px;font-weight:800}
.login-sub2{margin:0 0 22px;color:var(--muted);font-size:13px}
.login-card .fld{margin-bottom:14px}
.login-err{background:color-mix(in srgb,var(--red) 14%,transparent);border:1px solid color-mix(in srgb,var(--red) 45%,transparent);color:var(--red);border-radius:9px;padding:10px 12px;font-size:12.5px;margin-bottom:8px}

/* Logo */
.brand-mark-img{width:40px;height:40px;object-fit:contain;flex-shrink:0;display:block}
.brand-mark-img.lg{width:54px;height:54px}

/* ===== Responsive (Details siehe Mobil-Block am Dateiende) ===== */

/* ===== Command-Palette (⌘K) ===== */
.cmdk-overlay{align-items:flex-start;padding-top:12vh}
.cmdk{width:100%;max-width:600px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .16s var(--ease)}
.cmdk-inp{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.cmdk-inp-ic{color:var(--acc2);display:grid;place-items:center}
.cmdk-inp input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-family:inherit;font-size:15px}
.cmdk-inp input::placeholder{color:var(--faint)}
.cmdk-results{max-height:52vh;overflow-y:auto;padding:6px}
.cmdk-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;cursor:pointer}
.cmdk-item.sel{background:var(--acc-soft)}
.cmdk-ic{width:20px;color:var(--muted);display:grid;place-items:center}
.cmdk-item.sel .cmdk-ic{color:var(--acc2)}
.cmdk-lbl{flex:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdk-hint{font-size:11px;color:var(--faint);white-space:nowrap}
.cmdk-foot{padding:10px 16px;border-top:1px solid var(--line);color:var(--faint);font-size:11px}

/* ===== KI-Overlay ===== */
.ai-modal{max-width:560px}
.ai-lead{color:var(--muted);font-size:13.5px;margin:0}
.ai-text{width:100%;min-height:200px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--txt);font-family:inherit;font-size:13.5px;line-height:1.55;resize:vertical}
.ai-wait{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;padding:22px 0;justify-content:center}
.ai-spin{width:16px;height:16px;border:2px solid var(--line2);border-top-color:var(--acc);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
.ai-sum{font-size:13.5px;line-height:1.65}
.ai-sum p{margin:0 0 9px}
.ai-sum b{color:var(--txt)}
.ai-sum .ic{width:14px;height:14px;color:var(--acc2);vertical-align:-2px}
.ai-err{background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid color-mix(in srgb,var(--red) 40%,transparent);color:var(--red);border-radius:10px;padding:13px;font-size:13px;line-height:1.55}
.ai-err b{color:var(--red)}
.ai-status{font-size:12.5px;color:var(--muted);margin-bottom:9px;min-height:18px}
.ai-recdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:6px;animation:pulse 1s infinite;vertical-align:1px}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.ai-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
/* 3D-Aktionsbuttons in der Dokumentation */
.ai-bar .btn-ghost{
  background:linear-gradient(180deg, color-mix(in srgb,var(--panel) 92%, #fff 8%), var(--panel2));
  border:1px solid var(--line2);
  border-radius:13px;
  padding:12px 18px;
  font-size:14px;font-weight:600;color:var(--txt);
  box-shadow:inset 0 1px 0 var(--e3d-top), 0 4px 0 var(--e3d-ledge), 0 8px 16px var(--e3d-drop);
  transition:transform .1s var(--ease), box-shadow .1s var(--ease), border-color .12s var(--ease);
}
.ai-bar .btn-ghost .ic,.ai-bar .btn-ghost svg{color:var(--acc2)}
.ai-bar .btn-ghost:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:inset 0 1px 0 var(--e3d-top), 0 6px 0 var(--e3d-ledge), 0 12px 22px var(--e3d-drop)}
.ai-bar .btn-ghost:active{transform:translateY(4px);box-shadow:inset 0 1px 0 var(--e3d-top), 0 0 0 var(--e3d-ledge), 0 2px 6px var(--e3d-drop)}
/* Steuerung im Eintragsbereich */
.hist-add-row select,.hist-add-row input[type=date]{
  background:var(--panel);
  border:1px solid var(--line2);border-radius:11px;padding:10px 12px;color:var(--txt);font-size:13.5px;
  box-shadow:inset 0 1px 0 var(--e3d-top), 0 2px 5px var(--e3d-drop);
}
.hist-add textarea{
  background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;color:var(--txt);font-size:14px;line-height:1.5;
  box-shadow:inset 0 2px 5px var(--e3d-drop);min-height:76px;
}
.hist-add textarea:focus{border-color:var(--acc);box-shadow:inset 0 1px 3px var(--e3d-drop), var(--ring)}
.hist-add .btn-primary{
  border-radius:13px;padding:12px 22px;font-size:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 4px 0 #8a5f16, 0 8px 16px rgba(180,134,59,.40);
  transition:transform .1s var(--ease), box-shadow .1s var(--ease);
}
.hist-add .btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 6px 0 #8a5f16, 0 12px 22px rgba(180,134,59,.5)}
.hist-add .btn-primary:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3), 0 0 0 #8a5f16, 0 2px 7px rgba(180,134,59,.4)}
.ai-overlay .modal-foot{flex-wrap:wrap;justify-content:flex-end}
.ai-overlay .modal-foot{flex-wrap:wrap;justify-content:flex-end}

/* ===== Notizbuch ===== */
.nb-wrap{max-width:760px;margin:0 auto}
.nb-compose{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:22px}
.nb-date{font-size:12px;color:var(--acc2);font-weight:700;letter-spacing:.3px;margin-bottom:10px;text-transform:capitalize}
.nb-compose textarea{width:100%;min-height:110px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--txt);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical}
.nb-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}
.nb-list{display:flex;flex-direction:column;gap:12px}
.nb-entry{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}
.nb-entry.editing{border-color:var(--blue)}
.nb-meta{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-bottom:8px}
.nb-acts{display:inline-flex;gap:2px}
.nb-acts button{background:none;border:none;color:var(--faint);cursor:pointer;padding:3px 5px;border-radius:6px;transition:.12s}
.nb-acts button:hover{color:var(--acc2);background:var(--panel2)}
.nb-textbody{font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.nb-edit{width:100%;min-height:90px;background:var(--bg);border:1px solid var(--blue);border-radius:9px;padding:10px;color:var(--txt);font-family:inherit;font-size:14px;line-height:1.6;resize:vertical}
.nb-edit-act{display:flex;gap:7px;margin-top:9px}
.nb-empty{text-align:center;color:var(--faint);padding:44px 20px;font-size:14px;line-height:1.9}
.nb-empty .ic{width:34px;height:34px;color:var(--line2)}

/* ============================================================
   MODULE-STYLES (Arbeitstag, Aufgaben, Posteingang, Abwicklung,
   Termine, E-Mail, Ziele, Leaderboard, Sparring, Team, Report, Zeit)
   ============================================================ */
.nav-sep{height:1px;background:var(--line);margin:8px 10px;opacity:.6}
.nav-badge{display:none;margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.nav-item{display:flex;align-items:center;gap:10px}

/* Panels / KPIs / bars (geteilt) */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi-grid .kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}
.kpi .k-val{font-size:26px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.kpi .k-label{color:var(--muted);font-size:12px;margin-top:6px}
.kpi.green .k-val{color:var(--green)} .kpi.blue .k-val{color:var(--blue)} .kpi.red .k-val{color:var(--red)}
.statlist{display:flex;flex-direction:column;gap:10px}
.barrow{display:grid;grid-template-columns:150px 1fr 54px;align-items:center;gap:10px;font-size:13px}
.barrow .bl{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barrow .bt{height:9px;background:var(--panel2);border-radius:5px;overflow:hidden}
.barrow .bf{display:block;height:100%;background:var(--acc);border-radius:5px}
.barrow .bv{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.ktable{width:100%;border-collapse:collapse;font-size:13px}
.ktable th{text-align:left;padding:11px 14px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);font-size:12px}
.ktable td{padding:11px 14px;border-bottom:1px solid var(--line)}
.ktable tbody tr:last-child td{border-bottom:none}
.empty.sm{padding:10px;font-size:13px}
.card-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;margin-bottom:12px}
.card-h .muted{margin-left:auto;font-weight:500;color:var(--muted)}

/* Mein Arbeitstag */
.heute-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.hk{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm)}
.hk-v{font-size:28px;font-weight:800;line-height:1}
.hk-l{color:var(--muted);font-size:12px;margin-top:6px}
.hk.red .hk-v{color:var(--red)} .hk.gold .hk-v{color:var(--acc2)}
.hd-list{display:flex;flex-direction:column}
.hd-row{display:flex;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:8px}
.hd-row:last-child{border-bottom:none}
.hd-row:hover{background:var(--panel2)}
.hd-urg{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--muted)}
.hd-urg.overdue{background:var(--red)} .hd-urg.today{background:var(--acc2)} .hd-urg.soon{background:var(--blue)} .hd-urg.normal{background:var(--muted)}
.hd-main{flex:1;min-width:0}
.hd-name{font-weight:600;font-size:14px}
.hd-nba{color:var(--muted);font-size:12px;margin-top:2px}
.hd-kind{font-size:11px;color:var(--muted);background:var(--panel2);padding:3px 8px;border-radius:20px;white-space:nowrap}

/* Aufgaben */
.task-add{display:grid;grid-template-columns:1fr 130px 1fr 150px auto;gap:10px;margin-bottom:18px}
.task-add input,.task-add select{padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:13px}
.task-sec{margin-bottom:16px}
.task-sec-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px}
.task-sec-h.ov{color:var(--red)} .task-sec-h.td{color:var(--acc2)}
.task-cnt{background:var(--panel2);color:var(--muted);border-radius:10px;padding:1px 8px;font-size:11px}
.task-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:7px}
.task-row.done{opacity:.55}
.task-check{width:22px;height:22px;flex:0 0 auto;border-radius:6px;border:1.6px solid var(--line2);background:transparent;cursor:pointer;display:grid;place-items:center;color:#fff}
.task-check.on{background:var(--green);border-color:var(--green)}
.task-check svg{width:14px;height:14px}
.task-ic{color:var(--muted);display:grid;place-items:center}.task-ic svg{width:16px;height:16px}
.task-main{flex:1;min-width:0}
.task-title{font-weight:600;font-size:14px}
.task-row.done .task-title{text-decoration:line-through}
.task-meta{color:var(--muted);font-size:12px;margin-top:2px}
.task-lead{color:var(--acc2);cursor:pointer}.task-lead:hover{text-decoration:underline}
.task-del{background:none;border:none;color:var(--muted);cursor:pointer;opacity:.6}.task-del:hover{color:var(--red);opacity:1}.task-del svg{width:16px;height:16px}
.task-done-wrap{margin-top:8px}.task-done-wrap summary{cursor:pointer;color:var(--muted);font-size:13px;padding:6px 0}

/* Posteingang */
.inbox-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.inbox-info{color:var(--muted);font-size:14px}
.ib-title{cursor:pointer}
.lead-name{font-weight:600;display:block}.lead-meta{color:var(--muted);font-size:12px;display:block}
.assign-row{display:flex;gap:8px}
.assign-sel{padding:7px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-size:12px}
.assign-btn{padding:7px 12px;background:var(--acc);color:#1a1205;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer}

/* Abwicklung */
.abw-head{margin-bottom:16px}
.abw-tabs{display:inline-flex;gap:4px;background:var(--panel2);padding:4px;border-radius:12px}
.abw-tab{padding:8px 16px;border:none;background:none;color:var(--muted);border-radius:9px;cursor:pointer;font-size:13px;font-weight:600}
.abw-tab.active{background:var(--panel);color:var(--txt);box-shadow:var(--shadow-sm)}
.abw-cnt{opacity:.7;font-size:11px}
.abw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.abw-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;transition:.14s var(--ease);box-shadow:var(--shadow-sm)}
.abw-card:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:var(--shadow-md)}
.abw-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.abw-name{font-weight:700}
.abw-meta{color:var(--muted);font-size:12px;margin:4px 0 12px}
.abw-prog{display:flex;align-items:center;gap:10px}
.abw-bar{flex:1;height:8px;background:var(--panel2);border-radius:5px;overflow:hidden}
.abw-fill{height:100%;background:var(--green);border-radius:5px}
.abw-pct{font-size:12px;font-weight:700;color:var(--muted)}
.abw-miss{margin-top:10px;font-size:12px;color:var(--amber)}.abw-miss.ok{color:var(--green)}
.cl-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.cl-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel2);border-radius:9px}
.cl-item.off{opacity:.85}
.cl-status{width:22px;height:22px;flex:0 0 auto;border-radius:6px;border:1.6px solid var(--line2);background:transparent;cursor:pointer;display:grid;place-items:center;color:#fff}
.cl-item:not(.off) .cl-status{background:var(--green);border-color:var(--green)}
.cl-status svg{width:14px;height:14px}
.cl-lbl{font-size:13px}
.cl-add,.lc-add{display:flex;gap:8px;margin-top:8px}
.cl-add input,.lc-add textarea{flex:1;padding:9px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-size:13px;font-family:inherit}
.lc-add textarea{min-height:60px;resize:vertical}
.lc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.lc-item{background:var(--panel2);border-radius:9px;padding:9px 12px}
.lc-item.mine{background:var(--acc-soft)}
.lc-h{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:3px}
.lc-by{font-weight:700;color:var(--txt)}
.lc-txt{font-size:13px}
.abw-foot{margin-top:14px;text-align:center}

/* Termine */
.cal-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.cal-views{display:inline-flex;gap:4px;background:var(--panel2);padding:4px;border-radius:10px}
.cal-vbtn{padding:7px 14px;border:none;background:none;color:var(--muted);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}
.cal-vbtn.active{background:var(--panel);color:var(--txt);box-shadow:var(--shadow-sm)}
.cal-nav{display:flex;align-items:center;gap:8px}
.cal-navbtn,.cal-today{padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--txt);cursor:pointer;font-size:13px}
.cal-period{color:var(--muted);font-weight:600;font-size:14px;margin-left:6px}
.cal-bar .btn-primary{margin-left:auto}
.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.cal-col{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:180px;overflow:hidden}
.cal-col.today{border-color:var(--acc)}
.cal-col-h{padding:8px 10px;font-size:12px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--line);background:var(--panel2)}
.cal-col.today .cal-col-h{color:var(--acc2)}
.cal-col-body{padding:8px;display:flex;flex-direction:column;gap:6px}
.cal-ev{background:var(--panel2);border-radius:8px;padding:6px 8px;font-size:12px;cursor:pointer}
.cal-ev:hover{background:var(--acc-soft)}
.cal-ev.past{opacity:.5}
.cal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}
.cal-ev-t{font-weight:600}
.cal-ev-sub{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.cal-empty{color:var(--faint);font-size:12px;text-align:center;padding:6px}
.cal-m-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-m-head{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:4px}
.cal-m-cell{background:var(--panel);border:1px solid var(--line);border-radius:9px;min-height:86px;padding:5px}
.cal-m-cell.out{opacity:.4}
.cal-m-cell.today{border-color:var(--acc)}
.cal-m-day{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:3px}
.cal-m-ev{font-size:10.5px;background:var(--panel2);border-radius:5px;padding:2px 5px;margin-bottom:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-m-more{font-size:10px;color:var(--muted)}
.pl-grid{display:flex;flex-direction:column;gap:16px}
.pl-day-h{font-weight:700;font-size:13px;color:var(--acc2);margin-bottom:8px}
.pl-day .cal-ev{margin-bottom:6px}

/* E-Mail */
.mail-tabs{display:inline-flex;gap:4px;background:var(--panel2);padding:4px;border-radius:10px;margin-bottom:16px}
.mail-tab{padding:8px 16px;border:none;background:none;color:var(--muted);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}
.mail-tab.active{background:var(--panel);color:var(--txt);box-shadow:var(--shadow-sm)}
.mt-count{opacity:.7;font-size:11px}
.mail-compose{max-width:720px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.mail-compose textarea,.mail-compose input,.mail-compose select{width:100%;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-size:13px;font-family:inherit}
.mail-compose textarea{resize:vertical}
.mail-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.mail-list{display:flex;flex-direction:column;gap:10px;max-width:720px}
.mail-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.mail-it-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.mail-to{font-weight:700;color:var(--txt)}
.mail-subj{font-weight:600;margin:4px 0}
.mail-prev{color:var(--muted);font-size:13px}
.mail-by{color:var(--faint);font-size:11px;margin-top:6px}

/* Ziele */
.ziele-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.zh-title{font-size:18px;font-weight:800}
.zh-pace{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700}
.zh-pace.pace-g{background:color-mix(in srgb,var(--green) 18%,transparent);color:var(--green)}
.zh-pace.pace-y{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
.zh-pace.pace-r{background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red)}
.ziele-head .btn-ghost{margin-left:auto}
.goal-editor{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}
.goal-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.ge-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.goal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px 16px;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}
.goal-ring{width:132px;height:132px;display:block}
.goal-ring .gr-bg{fill:none;stroke:var(--panel2);stroke-width:8}
.goal-ring .gr-fg{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset .5s var(--ease)}
.goal-ring .gr-main{fill:var(--txt);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.goal-ring .gr-sub{fill:var(--muted);font-size:9.5px;font-weight:600}
.goal-label{font-weight:700;margin-top:12px;font-size:14px}
.goal-sub{color:var(--muted);font-size:12px;margin-top:4px}
.goal-trend{margin-top:10px;display:flex;align-items:center;gap:7px;justify-content:center;flex-wrap:wrap}
.trend{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-size:12.5px;padding:3px 9px;border-radius:20px;font-variant-numeric:tabular-nums}
.trend.up{color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent)}
.trend.down{color:var(--red);background:color-mix(in srgb,var(--red) 16%,transparent)}
.trend.flat{color:var(--muted);background:var(--panel2)}
.trend-lbl{color:var(--faint);font-size:11px}
.zinfo{color:var(--faint);font-size:12px;margin-top:18px;line-height:1.6}

/* Leaderboard */
.lb-list{display:flex;flex-direction:column;gap:8px}
.lb-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.lb-row.me{border-color:var(--acc)}
.lb-row.top{background:linear-gradient(90deg,var(--acc-soft),transparent)}
.lb-pos{font-size:20px;width:30px;text-align:center;flex:0 0 auto}
.lb-rank{font-size:14px;font-weight:700;color:var(--muted)}
.lb-main{flex:1;min-width:0}
.lb-name{font-weight:700}
.lb-you{background:var(--acc);color:#1a1205;font-size:10px;padding:1px 7px;border-radius:10px;margin-left:6px}
.lb-sub{color:var(--muted);font-size:12px;margin:2px 0 6px}
.lb-track{height:7px;background:var(--panel2);border-radius:5px;overflow:hidden}
.lb-fill{height:100%;background:var(--acc);border-radius:5px}
.lb-ach{text-align:right;flex:0 0 auto}
.lb-ach-v{font-weight:800;font-variant-numeric:tabular-nums}
.lb-ach-l{color:var(--muted);font-size:11px}

/* Sparring */
.spar-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.spar-mystats{display:flex;gap:22px}
.sms{text-align:center}
.sms-n{font-size:24px;font-weight:800}
.sms-l{color:var(--muted);font-size:11px}
.spar-head .btn-primary{margin-left:auto}
.duel-req{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.duel-req:last-child{border-bottom:none}
.duel-req-act{display:flex;gap:8px;flex:0 0 auto}
.duel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.duel-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}
.duel-top{font-size:11px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}
.duel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
.duel-name{font-weight:600}.duel-name.lead{color:var(--acc2)}
.duel-score{font-weight:800;font-variant-numeric:tabular-nums}
.duel-bar{height:7px;background:var(--panel3,var(--bg2));border-radius:5px;overflow:hidden;margin:8px 0}
.duel-fill{height:100%;background:var(--acc);border-radius:5px}
.duel-stake{font-size:11px;color:var(--muted)}
.duel-hist{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.duel-hist:last-child{border-bottom:none}
.dh-res{font-weight:700;width:110px;flex:0 0 auto}
.duel-hist.win .dh-res{color:var(--green)}.duel-hist.loss .dh-res{color:var(--red)}.duel-hist.draw .dh-res{color:var(--muted)}
.dh-score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}

/* Team */
.rep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.rep-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;transition:.14s var(--ease);box-shadow:var(--shadow-sm)}
.rep-card:hover{transform:translateY(-2px);border-color:var(--acc);box-shadow:var(--shadow-md)}
.rep-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rep-name{font-weight:700}
.rep-role{color:var(--muted);font-size:12px}
.rep-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.rep-stat{text-align:center;background:var(--panel2);border-radius:9px;padding:8px}
.rep-stat .v{font-weight:800;font-size:16px}
.rep-stat .l{color:var(--muted);font-size:11px}

/* Zeiterfassung */
.zeit-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.zeit-toggle-lbl{color:var(--muted);font-size:13px}
.zt-btn{padding:7px 14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}
.zt-btn.active{background:var(--acc-soft);color:var(--acc2);border-color:var(--acc)}
.pipe-hint{color:var(--faint);font-size:12px;margin-left:6px}
.zeit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.zeit-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}
.zeit-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.zeit-name{font-weight:700}
.zeit-sub{color:var(--muted);font-size:11px}
.online-dot{width:9px;height:9px;border-radius:50%;background:var(--muted);margin-left:auto;flex:0 0 auto}
.online-dot.on{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}
.zeit-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}
.zs{text-align:center;background:var(--panel2);border-radius:9px;padding:9px}
.zs-v{font-weight:800;font-size:15px}
.zs-l{color:var(--muted);font-size:11px}
.zeit-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;height:88px}
.zb-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.zb-bar{width:100%;max-width:26px;background:var(--acc);border-radius:4px 4px 0 0;min-height:3px}
.zb-bar.today{background:var(--acc2)}
.zb-lbl{font-size:10px;color:var(--muted)}

@media(max-width:1100px){.kpi-grid,.heute-kpis{grid-template-columns:repeat(2,1fr)}.task-add{grid-template-columns:1fr 1fr}.cal-week,.cal-m-grid{overflow-x:auto}}

/* Kunden-Verzeichnis */
.kd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.kd-count{color:var(--muted);font-size:14px}
.kd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.kd-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:.14s var(--ease)}
.kd-card:hover{border-color:var(--acc);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.kd-open{padding:16px 16px 12px;cursor:pointer}
.kd-top{display:flex;align-items:center;gap:9px}
.kd-name{font-weight:700;font-size:15px}
.kd-meta{color:var(--muted);font-size:12px;margin:5px 0 10px}
.kd-info{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}
.kd-info div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-info svg{width:14px;height:14px;vertical-align:-2px;color:var(--faint);margin-right:4px}
.kd-prog{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px;color:var(--muted)}
.kd-bar{flex:1;height:6px;background:var(--panel2);border-radius:4px;overflow:hidden}
.kd-fill{height:100%;background:var(--acc);border-radius:4px}
.kd-assign{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--panel2)}
.kd-assign label{font-size:12px;color:var(--muted);font-weight:600}
.kd-assign select{flex:1;padding:7px 10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-size:12.5px;cursor:pointer}

/* Datei ↔ Meilenstein/Eintrag-Verknüpfung */
.file-item{flex-wrap:wrap}
.fi-link{padding:5px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--txt);font-size:11.5px;max-width:190px;cursor:pointer}
.fi-linked{margin-left:6px;font-size:11px;opacity:.8}
.ms-item{flex-wrap:wrap}
.ms-files,.hist-files{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.ms-files{padding-left:32px}
.attach-chip{display:inline-flex;align-items:center;gap:5px;background:var(--acc-soft);color:var(--acc2);border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-radius:20px;padding:3px 10px 3px 8px;font-size:11.5px;text-decoration:none;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attach-chip:hover{background:color-mix(in srgb,var(--acc) 26%,transparent)}
.attach-chip svg{width:13px;height:13px;flex:0 0 auto}

/* Checkbox-Zeile (Abrechnung / Zahlungen) */
.chk-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.chk-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc);cursor:pointer}

/* Buchhaltung */
.bh-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.bh-head #bhSearch{flex:1;min-width:220px;padding:10px 13px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:13px}
.bh-legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bh-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.bh-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm)}
.bh-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.bh-name{font-weight:700;font-size:15px;cursor:pointer}
.bh-name:hover{color:var(--acc2)}
.bh-meta{color:var(--muted);font-size:12px}
.bh-off{color:var(--amber)}
.pay-strip{display:flex;flex-wrap:wrap;gap:6px}
.pay-cell{position:relative;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;min-width:60px;text-align:center;transition:.12s var(--ease)}
.pay-cell:hover{transform:translateY(-1px);border-color:var(--line2)}
.pay-cell.paid{background:color-mix(in srgb,var(--green) 20%,transparent);color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent)}
.pay-cell.over{background:color-mix(in srgb,var(--red) 18%,transparent);color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,transparent)}
.pay-cell.open{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}
.pay-cell.future{opacity:.65}
.pay-cell.sm{cursor:default;padding:3px 9px;min-width:0;font-size:11px}
.pay-cell.sm:hover{transform:none}
.pay-clip{position:absolute;top:-6px;right:-4px;font-size:10px}
.pay-inv{margin-top:6px}

/* Kalender – anklickbare Tage */
.cal-m-cell{position:relative;cursor:pointer;transition:.12s var(--ease)}
.cal-m-cell:hover{border-color:var(--acc);background:var(--acc-soft)}
.cal-col{position:relative;cursor:pointer;transition:.12s var(--ease)}
.cal-col:hover{border-color:var(--acc)}
.cal-add-hint{position:absolute;top:6px;right:7px;width:19px;height:19px;border-radius:6px;background:var(--acc);color:#1a1205;font-weight:800;font-size:14px;line-height:19px;text-align:center;opacity:0;transform:scale(.7);transition:.12s var(--ease);pointer-events:none;z-index:2}
.cal-col-h .cal-add-hint{position:static;display:inline-block;margin-left:6px;vertical-align:middle}
.cal-m-cell:hover .cal-add-hint,.cal-col:hover .cal-add-hint{opacity:1;transform:scale(1)}
.cal-m-ev{cursor:pointer}
.cal-m-more{cursor:pointer;color:var(--muted)}
.day-events{display:flex;flex-direction:column;gap:8px}
.day-events .cal-ev{background:var(--panel2);padding:10px 12px;border-radius:10px}
.day-events .cal-ev-t b{color:var(--acc2)}

/* Termin-Priorität & Tages-Aktionen */
.prio-badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;padding:1px 8px;border-radius:20px;color:var(--pc);background:color-mix(in srgb,var(--pc) 16%,transparent);vertical-align:middle}
.day-ev{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.day-ev .cal-ev-t{flex:1;min-width:0}
.day-ev .cal-ev-sub{flex-basis:100%}
.day-ev-acts{display:flex;gap:4px;flex:0 0 auto}
.day-ev-acts button{background:none;border:none;color:var(--muted);cursor:pointer;padding:5px;border-radius:7px;display:grid;place-items:center}
.day-ev-acts button:hover{color:var(--txt);background:var(--panel3)}
.day-ev-acts svg{width:15px;height:15px}
.appt-foot{display:flex;align-items:center;gap:8px;margin-top:14px}

/* Provision */
.prov-row{display:grid;grid-template-columns:320px 1fr;gap:16px;margin:16px 0}
.prov-goalcard{text-align:center}
.prov-ring{display:flex;justify-content:center;margin:6px 0}
.prov-need{margin-top:8px;font-size:14px}
.prov-need b{color:var(--acc2)}
.prov-how ul{margin:6px 0 0;padding-left:20px;line-height:1.9;color:var(--muted);font-size:13.5px}
.prov-how b{color:var(--txt)}
.zb-val{font-size:10px;color:var(--muted);margin-bottom:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ktable tfoot td{padding:11px 14px;border-top:1px solid var(--line2);font-weight:600}
@media(max-width:900px){.prov-row{grid-template-columns:1fr}}

/* Provision – Vergütungsdetails */
.prov-payinfo{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.pi-chip{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:6px 13px;font-size:12.5px;color:var(--muted)}
.pi-chip b{color:var(--txt)}

/* Protokolle & Aufzeichnungen */
.pr-add{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.pr-add input[type=date]{padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-size:13px}
.pr-day{margin-bottom:14px}
.pr-day-h{font-size:12px;font-weight:700;color:var(--acc2);margin-bottom:7px}
.pr-doc{display:flex;align-items:center;gap:9px;padding:9px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:6px;flex-wrap:wrap}
.pr-doc .fi-ic{color:var(--muted);display:grid;place-items:center}
.pr-doc .fi-ic svg{width:16px;height:16px}
.pr-name{font-weight:600;font-size:13px;flex:1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-kb{flex:0 0 auto}
.pr-sign{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;background:var(--panel);border:1px solid var(--line);padding:4px 10px;border-radius:20px;white-space:nowrap}
.pr-sign input{width:15px;height:15px;accent-color:var(--green);cursor:pointer}
.pr-sign.on{color:var(--green);border-color:color-mix(in srgb,var(--green) 45%,transparent);background:color-mix(in srgb,var(--green) 12%,transparent)}
.pr-acts{display:flex;gap:3px;flex:0 0 auto}
.pr-ic{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}
.pr-ic:hover{color:var(--txt);background:var(--panel3)}
.pr-ic.wa:hover{color:var(--green)}
.pr-ic.del:hover{color:var(--red)}
.pr-ic svg{width:15px;height:15px}

/* Verträge & Recht */
.lg-block{margin-bottom:12px}
.lg-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.lg-label{font-weight:700;font-size:13.5px}
.lg-status{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.lg-status.ok{color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}
.lg-status.miss{color:var(--muted);background:var(--panel2)}
.lg-head .lg-upbtn{margin-left:auto}
.lg-doc{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;margin-bottom:6px;flex-wrap:wrap}
.lg-doc .fi-ic{color:var(--muted);display:grid;place-items:center}
.lg-doc .fi-ic svg{width:16px;height:16px}

/* ===== Senna-Rail: Sidebar in beiden Themes dunkel ===== */
.sidebar{background:var(--rail-bg);border-right:1px solid var(--rail-border)}
.sidebar .brand{border-bottom-color:var(--rail-border)}
.sidebar .brand-mark{background:var(--rail-surface)}
.sidebar .brand-name{color:var(--rail-ink)}
.sidebar .brand-sub{color:var(--rail-ink-3)}
.sidebar .brand-mark-img{filter:none}
.nav-sep{background:var(--rail-border)}
.nav-item{color:var(--rail-ink-2)}
.nav-item .ni{color:var(--rail-ink-3)}
.nav-item:hover{background:var(--rail-active);color:var(--rail-ink)}
.nav-item:hover .ni{color:var(--rail-ink-2)}
.nav-item.active{background:var(--rail-active);color:var(--rail-active-ink);font-weight:600}
.nav-item.active .ni{color:var(--rail-accent)}
.nav-item.active::before{background:var(--rail-accent)}
.nav-badge{background:var(--red);color:#fff}
.sidebar-foot{border-top-color:var(--rail-border)}
.sidebar .btn-ghost{background:var(--rail-surface);border-color:var(--rail-border);color:var(--rail-ink-2)}
.sidebar .btn-ghost:hover{background:var(--rail-active);color:var(--rail-ink);border-color:var(--rail-border)}
.user-chip{background:var(--rail-surface);border-color:var(--rail-border)}
.user-chip>span{color:var(--rail-accent)}
.uc-name{color:var(--rail-ink)}
.uc-role{color:var(--rail-ink-3)}
.uc-out{color:var(--rail-ink-3)}
.uc-out:hover{color:var(--red);background:var(--rail-active)}
/* Topbar heller & ruhiger, KI-Button dezent */
.topbar{background:var(--panel);border-bottom:1px solid var(--line)}

/* Leads-Pipeline */
.lead-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.lead-bar #leadSearch{flex:1;min-width:200px;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:13px}
.lead-kard .kc-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:5px}
.lead-kard .kc-line svg{width:13px;height:13px;color:var(--faint)}
.lead-kard .kc-line.muted{color:var(--faint)}
.lead-kard .kc-src{margin-left:auto;font-size:10.5px;background:var(--panel2);color:var(--muted);border-radius:20px;padding:2px 8px;white-space:nowrap}
.lead-kard .kard-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;font-size:11.5px}
.lead-kard .kc-owner{color:var(--muted)}
.lead-kard .kc-val{font-weight:700;color:var(--acc2)}
.lead-actions{display:flex;gap:8px;margin-bottom:12px}
.lead-actions a.btn-ghost{text-decoration:none}

/* Lead-Import */
.imp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.imp-grid select{width:100%;padding:9px 11px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-size:13px}
.imp-prev{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel2)}
.imp-prev-row{display:flex;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden}
.imp-prev-row:last-child{border-bottom:none}
.imp-prev-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.set-danger{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}

/* Kalender-Export */
.cal-opts{display:flex;flex-direction:column;gap:10px}
.cal-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:13px 15px;cursor:pointer;transition:.12s var(--ease);font-family:inherit;color:var(--txt)}
.cal-opt:hover{border-color:var(--acc);background:var(--acc-soft)}
.cal-opt b{font-size:14px}
.cal-opt span{font-size:12px;color:var(--muted)}
.day-ev-acts .dev-a{display:grid;place-items:center;color:var(--muted);padding:5px;border-radius:7px}
.day-ev-acts .dev-a:hover{color:var(--txt);background:var(--panel3)}
.day-ev-acts .dev-a svg{width:15px;height:15px}

/* ============================================================
   MOBILE / TABLET – vollständige responsive Überarbeitung
   ============================================================ */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;cursor:pointer;flex:0 0 auto}
.nav-toggle span{display:block;height:2px;background:var(--txt);border-radius:2px;transition:.2s var(--ease)}
.nav-scrim{display:none;position:fixed;inset:0;background:rgba(10,14,22,.5);z-index:60;backdrop-filter:blur(2px)}
.nav-scrim.on{display:block}

@media (max-width:900px){
  /* Seitenleiste wird zum Schubfach */
  #app{display:block;height:auto;min-height:100vh;overflow:visible}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;max-width:84vw;z-index:70;
    transform:translateX(-102%);transition:transform .24s var(--ease);box-shadow:none;overflow-y:auto}
  .sidebar.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.4)}
  .nav-toggle{display:flex}
  /* Menüeinträge im Schubfach immer linksbündig */
  .sidebar .nav-item{justify-content:flex-start;text-align:left;width:100%}
  .sidebar .brand{justify-content:flex-start}
  .sidebar .user-chip{justify-content:flex-start}
  .sidebar .btn-ghost{justify-content:flex-start}
  .main{height:auto;min-height:100vh;overflow:visible}

  /* Kopfzeile kompakt und einzeilig lesbar */
  .topbar{position:sticky;top:0;z-index:50;gap:10px;padding:12px 14px;align-items:center}
  .topbar-title{flex:1;min-width:0}
  .topbar h1{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .subtitle{display:none}
  .topbar-actions{width:100%;gap:8px}
  .topbar-actions #search{flex:1;min-width:0}
  .topbar-actions .filter-sel{flex:1;min-width:130px}
  .topbar-actions .btn-primary,.topbar-actions .btn-ghost{flex:0 0 auto}
  .view{padding:14px}

  /* Kacheln & Raster einspaltig statt gequetscht */
  .dash-grid,.heute-kpis,.kpi-grid,.dash-cols,.det-grid,.goal-grid,.goal-editor-grid,
  .abw-grid,.rep-grid,.zeit-grid,.kd-grid,.duel-grid,.imp-grid,.prov-row{grid-template-columns:1fr!important}
  .kpi-grid[style]{grid-template-columns:1fr!important}
  .grid2,.det-grid2{grid-template-columns:1fr}
  .task-add{grid-template-columns:1fr}
  .goal-card .goal-ring{width:118px;height:118px}

  /* Board & Kalender horizontal scrollen statt überlaufen */
  .board{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:14px}
  .col{width:82vw;max-width:300px}
  .cal-week,.cal-m-grid{overflow-x:auto;min-width:0}
  .cal-m-cell{min-height:64px}
  .cal-bar{gap:8px}
  .cal-bar .btn-primary{margin-left:0}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

  /* Dialoge als Vollbild – auf dem Handy sonst unbedienbar */
  .modal-overlay{padding:0}
  .modal,.modal.sm{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;display:flex;flex-direction:column}
  .modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px}
  .modal-head{position:sticky;top:0;z-index:2;background:var(--panel)}
  .modal-foot{position:sticky;bottom:0;background:var(--panel);flex-wrap:wrap;gap:8px;padding:12px 14px}
  .det-kpis{grid-template-columns:1fr 1fr}

  /* Eingaben mind. 16px – verhindert Auto-Zoom in iOS-Safari */
  input,select,textarea{font-size:16px!important}
  .btn-primary,.btn-ghost,.btn-danger{min-height:42px}
  .lead-bar,.bh-head,.inbox-head,.ziele-head,.spar-head{flex-wrap:wrap;gap:8px}
}

@media (max-width:560px){
  .det-kpis{grid-template-columns:1fr 1fr}
  .det-kpis .kpi{padding:11px 12px}
  .det-kpis .kpi-v{font-size:15px}
  .topbar h1{font-size:17px}
  .col{width:86vw}
  .pay-cell{min-width:52px;padding:6px 8px;font-size:11px}
  .kpi .k-val,.hk-v,.stat-v{font-size:22px}
}

/* Login auch bei niedrigen Fenstern (Querformat, kleine Displays) erreichbar */
.login-screen{overflow-y:auto;padding:24px 16px;align-items:flex-start}
.login-card{margin:auto;width:100%;max-width:400px}
@media (max-height:560px){.login-card{margin:0 auto}}

/* ---------- Persönliche Begrüßung & Zitat ---------- */
.greet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:20px 22px;margin-bottom:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.greet::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--acc2),var(--acc))}
.greet-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.greet-hi{font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:.002em;line-height:1.2}
.greet-date{color:var(--muted);font-size:12.5px;margin-top:3px;text-transform:capitalize}
.greet-new{flex:0 0 auto;background:var(--panel2);border:1px solid var(--line);color:var(--acc2);
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:.14s var(--ease)}
.greet-new:hover{border-color:var(--acc);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.greet-new svg{width:16px;height:16px}
.greet-quote{margin:14px 0 0;padding:0 0 0 2px;border:0;font-size:14.5px;line-height:1.65;color:var(--txt);position:relative}
.greet-quote.fade{animation:qfade .35s var(--ease)}
@keyframes qfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.gq-mark{font-family:var(--font-display);font-size:30px;line-height:0;color:var(--acc);vertical-align:-6px;margin-right:4px}
.greet-quote cite{display:block;margin-top:8px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--muted)}
.greet-quote cite::before{content:"— "}
@media (max-width:900px){.greet{padding:16px 16px}.greet-hi{font-size:20px}.greet-quote{font-size:13.5px}}

/* ---------- KI-Kosten: Balkenzeilen brauchen mehr Platz für die Wertespalte
     (Aufrufe + Betrag stehen dort nebeneinander und dürfen nicht umbrechen) --- */
#view-kikosten .barrow{grid-template-columns:minmax(120px,1fr) minmax(60px,2fr) auto}
#view-kikosten .barrow .bv{white-space:nowrap;color:var(--txt)}
#view-kikosten .kpi .k-label{white-space:normal}
@media (max-width:900px){
  #view-kikosten .barrow{grid-template-columns:1fr auto;row-gap:4px}
  #view-kikosten .barrow .bt{grid-column:1/-1}
}

/* ---------- Firmenablage (interner Datenraum) ---------- */
.int-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}
.int-crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.int-crumb{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);padding:4px 6px;border-radius:8px}
.int-crumb:hover{background:var(--panel2);color:var(--txt)}
.int-crumb.cur{color:var(--txt)}
.int-sep{color:var(--muted);opacity:.55}
.int-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.int-actions input{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--txt);font:inherit;font-size:13px;min-width:210px}
.int-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}
.int-row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;
  padding:11px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.int-row:last-child{border-bottom:none}
.int-row:hover{background:var(--panel2)}
.int-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:9px;background:var(--panel2);color:var(--acc)}
.int-ic.doc{color:var(--muted)}
.int-name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.int-row.fold .int-name{font-weight:700}
.int-meta{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.int-acts{display:flex;gap:2px;opacity:0;transition:opacity .12s}
.int-row:hover .int-acts,.int-row:focus-within .int-acts{opacity:1}
.int-acts button{background:none;border:none;cursor:pointer;color:var(--muted);
  padding:5px;border-radius:7px;display:flex;align-items:center}
.int-acts button:hover{background:var(--panel);color:var(--txt)}
.int-drop{margin-top:14px;padding:22px;text-align:center;font-size:13px;color:var(--muted);
  border:1.5px dashed var(--line);border-radius:var(--radius);cursor:pointer}
.int-drop:hover,.int-drop.drag{border-color:var(--acc);color:var(--txt);background:var(--panel2)}
@media (max-width:900px){
  .int-tools{flex-direction:column;align-items:stretch}
  .int-actions{width:100%}
  /* Suchfeld auf eigene Zeile, sonst wird es von den Buttons zerdrückt */
  .int-actions input{flex:1 1 100%;min-width:0;order:-1}
  .int-actions .btn-ghost,.int-actions .btn-primary{flex:1 1 0;justify-content:center}
  .int-row{grid-template-columns:30px 1fr auto;row-gap:2px}
  .int-meta{grid-column:2/-1;font-size:11.5px}
  .int-acts{opacity:1}
}

/* ---------- Kalender: Zeitraster (Tag/Woche) im Apple-Stil ---------- */
.cal-people{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.cal-pchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;cursor:pointer;
  border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);
  font:inherit;font-size:12.5px;font-weight:600}
.cal-pchip:hover{color:var(--txt)}
.cal-pchip.active{background:var(--panel2);color:var(--txt);border-color:var(--acc)}
.cp-dot{width:8px;height:8px;border-radius:50%;background:var(--pc,var(--acc))}

.cal-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);
  overflow:auto;max-height:72vh}
.cal-grid .cg-gut{width:58px;flex:0 0 58px;font-size:11px;color:var(--muted)}
.cg-head{display:flex;border-bottom:1px solid var(--line);background:var(--panel);
  position:sticky;top:0;z-index:5}
/* Zeitspalte bleibt beim seitlichen Scrollen stehen */
.cg-head .cg-gut{position:sticky;left:0;z-index:2;background:var(--panel)}
.cg-allday .cg-gut{position:sticky;left:0;z-index:2;background:var(--panel2)}
.cg-dh{flex:1;min-width:0;text-align:center;padding:9px 4px;cursor:pointer;border-left:1px solid var(--line)}
.cg-dh:hover{background:var(--panel2)}
.cg-wd{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cg-dn{display:block;font-size:17px;font-weight:700;line-height:1.25}
.cg-dh.today .cg-dn{color:#fff;background:var(--acc);border-radius:999px;width:30px;height:30px;
  line-height:30px;margin:2px auto 0;font-size:14px}
.cg-allday{display:flex;border-bottom:1px solid var(--line);background:var(--panel2);min-height:30px}
.cg-allday .cg-gut{display:flex;align-items:center;justify-content:flex-end;padding-right:8px}
.cg-adc{flex:1;min-width:0;border-left:1px solid var(--line);padding:3px 4px;display:flex;
  flex-direction:column;gap:2px}
.cg-ad{font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;color:var(--txt);
  background:color-mix(in srgb,var(--bc) 18%,transparent);border-left:2.5px solid var(--bc);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cg-body{display:flex;position:relative}
.cg-body .cg-gut{position:sticky;left:0;z-index:2;background:var(--panel)}
.cg-hr{height:var(--row);position:relative}
.cg-hr span{position:absolute;top:2px;right:8px;font-variant-numeric:tabular-nums}
.cg-col{flex:1;min-width:0;position:relative;border-left:1px solid var(--line)}
.cg-col.today{background:color-mix(in srgb,var(--acc) 4%,transparent)}
.cg-cell{height:var(--row);border-bottom:1px solid var(--line);cursor:pointer}
.cg-cell:hover{background:color-mix(in srgb,var(--acc) 8%,transparent)}
/* Jetzt-Linie: eine durchgehende Linie ueber alle Tagesspalten */
.cg-body{position:relative}
.cg-now{position:absolute;left:58px;right:0;height:2px;background:#e2655f;z-index:4;pointer-events:none}
.cg-now::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;
  border-radius:50%;background:#e2655f}
.cal-blk{position:absolute;z-index:2;overflow:hidden;cursor:pointer;padding:3px 6px;
  border-radius:6px;border-left:3px solid var(--bc);
  background:color-mix(in srgb,var(--bc) 20%,var(--panel));
  box-shadow:0 1px 2px rgba(16,24,40,.10)}
.cal-blk:hover{background:color-mix(in srgb,var(--bc) 32%,var(--panel))}
.cal-blk.p2{border-left-width:4px}
.cal-blk.p3{border-left-width:5px;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--bc) 55%,transparent)}
.cal-blk.busy{background:repeating-linear-gradient(135deg,var(--panel2),var(--panel2) 6px,
  color-mix(in srgb,var(--bc) 14%,var(--panel2)) 6px,color-mix(in srgb,var(--bc) 14%,var(--panel2)) 12px);
  color:var(--muted);cursor:default}
.cb-t{display:block;font-size:11.5px;font-weight:700;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-m{display:block;font-size:10.5px;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-grid.one .cg-dh{text-align:left;padding-left:12px}
/* Datums-Abzeichen: Zahl muss im Kreis zentriert bleiben, sonst laeuft sie
   in der Tagesansicht (linksbuendige Kopfzeile) links aus dem Kreis heraus */
.cg-dh.today .cg-dn{text-align:center}
.cal-grid.one .cg-dh.today .cg-dn{margin:2px 0 0}

@media (max-width:900px){
  .cal-grid .cg-gut{width:44px;flex:0 0 44px}
  .cg-now{left:44px}
  .cg-dn{font-size:15px}
  .cb-m{display:none}
  /* Wochenraster auf dem Handy horizontal scrollen statt zusammenquetschen */
  .cal-grid:not(.one) .cg-head,.cal-grid:not(.one) .cg-allday,.cal-grid:not(.one) .cg-body{
    min-width:620px}
}

/* ---------- Pipeline: Volumen je Spalte ---------- */
.col-head{display:flex;flex-direction:column;gap:3px}
.col-titlerow{display:flex;align-items:center;gap:8px}
.col-sum{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;
  padding-left:16px;letter-spacing:.01em}

/* ---------- Benachrichtigungen ---------- */
.bell-wrap{position:relative;display:inline-flex;margin-left:2px}
/* Kopfzeile darf das Panel nicht abschneiden */
.topbar-actions{overflow:visible}
.topbar{overflow:visible}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);
  color:var(--muted);cursor:pointer}
.icon-btn:hover{color:var(--txt);background:var(--panel2)}
.bell-dot{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;
  border-radius:999px;background:#e2655f;color:#fff;font-size:10.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1}
/* Verlaessliche Grundposition; JS justiert nur bei brauchbaren Messwerten nach */
.bell-panel{position:fixed;top:74px;right:20px;width:340px;z-index:120;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:0 12px 40px -12px rgba(16,24,40,.34);overflow:hidden}
.bp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:13.5px}
.bp-clear{background:none;border:none;cursor:pointer;color:var(--muted);font:inherit;font-size:11.5px}
.bp-clear:hover{color:var(--txt);text-decoration:underline}
.bp-list{max-height:min(60vh,420px);overflow-y:auto}
.bp-item{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 14px;
  border-bottom:1px solid var(--line);cursor:pointer}
.bp-item:last-child{border-bottom:none}
.bp-item:hover{background:var(--panel2)}
.bp-item.unread{background:var(--acc-soft)}
.bp-ic{display:flex;align-items:center;justify-content:center;width:30px;height:30px;
  border-radius:8px;background:var(--panel2);color:var(--acc)}
.bp-title{font-size:13px;font-weight:650;line-height:1.35}
.bp-text{font-size:12.5px;color:var(--muted);margin-top:2px}
.bp-meta{font-size:11px;color:var(--muted);margin-top:4px}

/* ---------- Speicher-Anzeige ---------- */
.saved-note{font-size:11px;color:var(--muted);padding:6px 4px 0;min-height:18px;
  font-variant-numeric:tabular-nums}
.saved-note.pending{opacity:.7}
.saved-note.ok{color:var(--green,#3fbf87)}
.saved-note.err{color:#e2655f;font-weight:650}

/* ---------- Seitenleiste einklappen ---------- */
.nav-collapse{justify-content:flex-start}
body.nav-collapsed .sidebar{width:64px;padding:18px 8px}
body.nav-collapsed .brand-text,
body.nav-collapsed .nav-item .nav-lbl,
body.nav-collapsed .nc-lbl,
body.nav-collapsed .saved-note,
body.nav-collapsed .uc-t,
body.nav-collapsed .nav-badge,
body.nav-collapsed .btn-ghost span:not([data-ic]):not(.nc-icon){display:none}
body.nav-collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}
body.nav-collapsed .brand,
body.nav-collapsed .user-chip,
body.nav-collapsed .btn-ghost{justify-content:center}
body.nav-collapsed .nav-item{font-size:0}
body.nav-collapsed .nav-item .ni{font-size:14px}
@media (max-width:900px){
  body.nav-collapsed .sidebar{width:min(272px,84vw);padding:18px 12px}
  body.nav-collapsed .brand-text,body.nav-collapsed .nc-lbl,
  body.nav-collapsed .uc-t,body.nav-collapsed .saved-note{display:block}
  body.nav-collapsed .nav-item{justify-content:flex-start;font-size:14px;padding-left:12px}
  .nav-collapse{display:none}
}

/* ---------- Mein Profil ---------- */
.pf-modal{max-width:760px;width:min(760px,94vw);padding:0;overflow:hidden}
.pf-banner{position:relative;height:112px;background:linear-gradient(135deg,#c9a45e,#7c5e2e)}
.pf-close{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.28);color:#fff;
  border:none;border-radius:8px;width:30px;height:30px;cursor:pointer}
.pf-close:hover{background:rgba(0,0,0,.44)}
.pf-bannerup{position:absolute;right:50px;top:10px;background:rgba(255,255,255,.9);
  border-color:transparent;color:#1b2130}
.pf-ident{display:flex;align-items:center;gap:14px;padding:0 22px 4px;margin-top:-30px;
  flex-wrap:wrap}
.pf-av{position:relative;width:74px;height:74px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;
  font-size:24px;border:3px solid var(--panel);overflow:hidden}
.pf-avimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pf-idtext{flex:1;min-width:0;padding-top:32px}
.pf-name{font-size:18px;font-weight:700;line-height:1.2}
.pf-role{font-size:12.5px;color:var(--acc);font-weight:600}
.pf-idacts{display:flex;gap:6px;padding-top:32px;flex-wrap:wrap}
.pf-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 22px 8px}
.pf-body .card{margin:0}
.pf-body h3{margin:0 0 10px;font-size:14px}
.pf-presets{display:flex;gap:8px;flex-wrap:wrap}
.pf-swatch{width:40px;height:26px;border-radius:7px;border:2px solid transparent;cursor:pointer;
  padding:0;outline-offset:2px}
.pf-swatch.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc-soft)}
.pf-swatch-up{background:var(--panel2);color:var(--muted);font-size:15px;
  border:1.5px dashed var(--line);display:flex;align-items:center;justify-content:center}
.pf-swatch-up:hover{color:var(--txt);border-color:var(--acc)}
#profileOverlay .modal-foot{padding:12px 22px 16px}
@media (max-width:760px){
  .pf-body{grid-template-columns:1fr}
  .pf-idtext,.pf-idacts{padding-top:0}
  .pf-ident{margin-top:-26px}
}
.chip-av{position:relative;width:30px;height:30px;border-radius:50%;flex:0 0 auto;overflow:hidden;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:700}