/* DHS Business OS · Teil 2/3 (Navigation, Mobil-Grundschicht, Bereiche) — wird direkt nach dem vorherigen Teil geladen; Reihenfolge = Kaskade. */
/* =====================================================================
   3 · NAVIGATION · Desktop-Gruppierung, Bereichs-Sheet, Unterbereiche
   ===================================================================== */
.nav-weitere{margin:2px 0 4px}
.nav-weitere-label{display:flex;align-items:center;gap:var(--s-2);min-height:36px;padding:0 12px 0 46px;
  font-size:var(--t-small);color:var(--muted);cursor:pointer;list-style:none;border-radius:var(--r-sm)}
.nav-weitere-label::-webkit-details-marker{display:none}
.nav-weitere-label::after{content:"";width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .16s var(--ease,ease)}
.nav-weitere[open] > .nav-weitere-label::after{transform:rotate(-135deg) translateY(-1px)}
.nav-weitere-label:hover{color:var(--ink)}
.nav-weitere-label:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.nav-weitere-zahl{font-size:var(--bos-label,12px);font-variant-numeric:tabular-nums;color:var(--muted-2)}
.nav-weitere > .nav-item{font-size:.92em;color:var(--muted)}
.nav-weitere > .nav-item.active{color:var(--ink)}

/* Bereichs-Sheet (mobil, ersetzt „Mehr") */
.bos-sheet{display:grid;gap:var(--s-2)}
.bos-sheet-bereiche{display:grid;gap:var(--s-2)}
.bos-sheet-bereich{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-card);overflow:hidden}
.bos-sheet-bereich.is-hier{border-color:var(--line-lime)}
.bos-sheet-kopf{display:flex;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-4);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.bos-sheet-kopf::-webkit-details-marker{display:none}
.bos-sheet-kopf:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.bos-sheet-kopf-ikon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-control);background:var(--bos-tile);color:var(--lime);flex:0 0 auto}
.bos-sheet-kopf-ikon svg{width:20px;height:20px}
.bos-sheet-kopf-text{display:grid;gap:1px;min-width:0;flex:1}
.bos-sheet-kopf-text strong{font:600 var(--t-lead)/1.2 var(--body);color:var(--ink)}
.bos-sheet-kopf-text small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bos-sheet-zahl{min-width:24px;height:24px;padding:0 7px;border-radius:12px;display:inline-grid;place-items:center;font:700 12px/1 var(--body);font-variant-numeric:tabular-nums;background:var(--bos-tile);color:var(--ink)}
.bos-sheet-pfeil{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .18s var(--ease,ease);flex:0 0 auto;margin-right:4px}
.bos-sheet-bereich[open] .bos-sheet-pfeil{transform:rotate(-135deg) translateY(-1px)}
.bos-sheet-ziele{display:grid;padding:0 var(--s-2) var(--s-2)}
.bos-sheet-ziel{display:flex;align-items:center;gap:var(--s-3);min-height:48px;padding:0 var(--s-3);border:0;border-top:1px solid var(--line-soft);
  background:transparent;color:var(--ink);font:500 var(--t-body)/1.25 var(--body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bos-sheet-ziel:first-child{border-top:0}
.bos-sheet-ziel-ikon{display:grid;place-items:center;width:22px;color:var(--muted);flex:0 0 auto}
.bos-sheet-ziel-ikon svg{width:18px;height:18px}
.bos-sheet-ziel-text{flex:1;min-width:0;overflow-wrap:break-word}
.bos-sheet-ziel.is-aktiv{color:var(--lime);font-weight:600}
.bos-sheet-ziel.is-aktiv .bos-sheet-ziel-ikon{color:var(--lime)}
.bos-sheet-ziel:active{background:var(--bg-hover)}
.bos-sheet-ziel:focus-visible,.bos-sheet-sek:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.bos-sheet-sekundaer{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.bos-sheet-sek{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;border:1px solid var(--line-soft);border-radius:var(--r);
  background:transparent;color:var(--ink);font:600 var(--t-body)/1 var(--body);cursor:pointer}
.bos-sheet-sek svg{width:18px;height:18px;color:var(--muted)}
.bos-sheet-sek.is-aktiv{border-color:var(--line-lime);color:var(--lime)}
.bos-sheet-rest .bos-sheet-kopf-ikon{color:var(--muted)}
@media(max-width:860px){
  .mobnav-sheet{max-height:min(86vh,calc(100dvh - 24px))}
  .mobnav-sheet-body{padding:var(--s-3) var(--s-3) var(--s-2)}
}

/* Unterbereiche: nur auf schmalen Viewports, dort ersetzt sie die Sidebar im Bereich. */
.bos-unterbereiche{display:none}
@media(max-width:860px){
  .bos-unterbereiche{display:block;margin:0 calc(-1 * var(--s-4)) var(--s-4);padding:0 var(--s-4)}
  .bos-unterbereiche-titel{display:block;margin:0 0 var(--s-2);font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .bos-unterbereiche-liste{display:flex;gap:var(--s-2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
    padding:2px 0 var(--s-2);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bos-unterbereiche-liste::-webkit-scrollbar{display:none}
  .bos-unterbereich{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 var(--s-4);border:1px solid var(--line-soft);border-radius:999px;
    background:transparent;color:var(--ink);font:600 var(--t-small)/1 var(--body);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .bos-unterbereich.is-aktiv{background:var(--lime-soft);border-color:var(--line-lime);color:var(--ink)}
  .bos-unterbereich:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
  /* Die Legacy-Pille wiederholt auf dem Handy nur den Namen der aktiven Unterbereich-Pille. */
  .content .legacy-premium-mark{display:none}
}

/* =====================================================================
   4 · MOBILE- UND TOUCH-GRUNDSCHICHT (iOS · Android · Tablet)
   Ausgenommen: AURA-Konsole/-Home (eigene Gestaltung des AURA-Strangs).
   ===================================================================== */
/* Labels nie unter 12 px */
.content :is(.kicker,.dash-lab,.fc-lab,.nvx-metric-label,.nvx-metric-sub,.ws-number,.seg-n,.sg-step,.ce-handoff-label,.lead-anker-label,
  .dash360-current,.os-ungemessen,.badge,.fc-bestaetigt,.fc-grund,.fc-sub,.stat-label,.sec-zusatz,.ce-pill,.ce-jc-when,.sc-pill,.dash-t,.dash-chip,
  .cagent-workbench-kicker,.agent-state,.agent-new,.md-kpi span,.md-kpi small,.md-step-head span,.kal-wd,.cal-wd,.dp-status .dash-chip,.lead-fu,
  .ac-kicker,.agentdaily-note,.dash360-live,.sk-kpi .dash-lab,.ce-stage-l):not(.marc-home *):not(.aura-console *){font-size:12px}
.content :is(.kicker,.dash-lab,.fc-lab,.nvx-metric-label,.stat-label,.sg-step,.dash360-current,.dash-t):not(.marc-home *):not(.aura-console *){font-size:12px}
.content small:not(.marc-home *):not(.aura-console *){font-size:12px}
.content :is(.dash-lab,.sc-tile-kpi,.sk-row .dash-lab){white-space:normal;overflow:visible;text-overflow:clip}

/* Lange deutsche Wörter: Layout bricht um, Wort bleibt ganz */
.content :is(h1,h2,h3,h4,p,li,td,th,strong,b,span,small,button,a):not(.marc-home *):not(.aura-console *){overflow-wrap:break-word;hyphens:manual}
.content :is(.bos-zeile-titel,.bos-zeile-kontext,.bos-brand-label){overflow-wrap:break-word}

@media (max-width:1024px),(pointer:coarse){
  /* iOS zoomt bei Eingaben unter 16 px automatisch hinein */
  .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(.marc-home *):not(.aura-console *),
  .topbar :is(input,select){font-size:16px}
  /* Touch-Ziele ≥ 44 px */
  .content :is(.btn,button:not(.bos-flat-btn),summary,select,.seg-btn,[role=tab],[role=radio]):not(.marc-home *):not(.aura-console *):not(.nxoffice-room-svg *){min-height:44px}
  .content :is(.btn-sm,.btn-mini,.icon-btn,.ce-jc-act,.ops-alert-action,.ws-kpi-link,.fc-close,.chip):not(.marc-home *):not(.aura-console *){min-height:44px;min-width:44px}
  .content .add-bar > summary,.content summary.sec-label{display:flex;align-items:center}
  .content .ops-alert-action{display:inline-flex;align-items:center}
  .content .ce-jc-acts .btn-ghost,.content .ce-jc-acts .btn-danger-ghost{padding:0 var(--s-2)}
  .content .ws-premium .dash360-quick{min-height:44px}
}

/* Querformat am Telefon: Navigation kompakter, Inhalt bekommt die Höhe */
@media(max-width:960px) and (max-height:500px){
  .mobnav-item{min-height:44px;padding-top:2px;padding-bottom:2px}
  .mobnav-item svg{width:20px;height:20px}
  .bos-unterbereiche{margin-bottom:var(--s-3)}
}

/* Kopfleiste am Telefon einzeilig: gleicher Inhalt, engerer Rhythmus. Ziele bleiben 44 px. */
@media(max-width:430px){
  .topbar{gap:4px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .topbar>.top-mrr{font-size:.8rem;line-height:1.05}
  .topbar>.global-alarm-button{padding-inline:8px;gap:6px}
}
@media(max-width:340px){
  .topbar>.top-mrr{font-size:.74rem}
  .topbar>.global-alarm-button{padding-inline:6px;gap:4px}
}
/* MRR in der Kopfleiste: dieselbe Ziffernschrift wie überall (Inter, tabellarisch). */
.topbar>.top-mrr strong{font-family:var(--body);font-style:normal;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.02rem}
@media(max-width:340px){.topbar>.top-mrr strong{font-size:.84rem}.topbar>.top-mrr{font-size:.7rem}}
@media(max-width:340px){.topbar{gap:3px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}}

/* =====================================================================
   5 · CONTENT ENGINE · Aktionen, Übergabeband, Karten, Plattform-Vorschau
   ===================================================================== */
.content .ce-aktionen{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}
.content .ce-aktion{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--line-soft);border-radius:999px;
  background:transparent;color:var(--ink);font:600 var(--t-small)/1 var(--body);cursor:pointer;white-space:nowrap}
.content .ce-aktion:hover{border-color:var(--line-lime)}
.content .ce-aktion:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.content .ce-aktion svg{width:18px;height:18px}
@media(max-width:640px){
  .content .ce-aktionen{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--s-4));padding:2px var(--s-4) var(--s-2);scroll-snap-type:x proximity}
  .content .ce-aktionen::-webkit-scrollbar{display:none}
  .content .ce-aktion{scroll-snap-align:start;flex:0 0 auto}
}
/* Übergabe KI → Mensch → Veröffentlichung als ein ruhiges Band statt drei Kästen */
.content .ce-handoff{gap:0;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;background:var(--bg-card);box-shadow:none}
.content .ce-handoff-part{padding:var(--s-4) var(--s-5);border:0;background:transparent;box-shadow:none;min-width:0}
.content .ce-handoff-part + .ce-handoff-part{border-left:1px solid var(--line-soft)}
.content .ce-handoff-human{background:var(--lime-soft);box-shadow:inset 0 3px 0 var(--lime)}
.content .ce-handoff h2{font-size:var(--t-h3);margin:var(--s-1) 0}
.content .ce-handoff p{font-size:var(--t-small);color:var(--muted);margin:0}
.content .ce-handoff small{font-size:12px;color:var(--muted)}
.content .ce-handoff-action{margin-top:var(--s-3)}
@media(max-width:860px){
  .content .ce-handoff{display:grid;grid-template-columns:1fr}
  .content .ce-handoff-part{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--s-3);padding:var(--s-3) var(--s-4)}
  .content .ce-handoff-part + .ce-handoff-part{border-left:0;border-top:1px solid var(--line-soft)}
  .content .ce-handoff-part p,.content .ce-handoff-part small{display:none}
  .content .ce-handoff-part h2{grid-column:1;margin:0;font-size:var(--t-body)}
  .content .ce-handoff-label{grid-column:1}
  .content .ce-handoff-action{grid-column:2;grid-row:1 / span 2;margin:0}
  .content .ce-handoff-action > span{display:none}
}
/* Studio-Kopf ruhiger, wenn die Hauptaktion schon klar ist */
.content .ws-composer > .ws-section-head h2{font-size:var(--t-h2)}
/* Karten: Bild, Titel, Status, Datum, Keyword, Plattformen, eine Hauptaktion */
.content .ce-jc{gap:var(--s-3) var(--s-4)}
.content .ce-jc-t{font:600 var(--t-lead)/1.3 var(--body);color:var(--ink)}
.content .ce-jc-keyword{color:var(--ink);border-color:var(--line-lime)}
.content .ce-jc .ce-media-row,.content .ce-jc .ce-mc{font-size:12px}
.content .ce-jc-acts{gap:var(--s-1) var(--s-3)}
.content .ce-pstrip{gap:var(--s-2)}
.content .ce-kv-pruefung{margin:var(--s-4) 0;border-top:1px solid var(--line-soft);padding-top:var(--s-3)}
.content .ce-kv-pruefung > summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--muted);font:600 var(--t-small)/1.2 var(--body)}
.content .ce-pv-ohne-text{margin:0 0 var(--s-5)}
@media(max-width:640px){
  .content .ce-jc{grid-template-columns:72px minmax(0,1fr)}
  .content .ce-jc-acts .btn-primary{flex:1 1 100%}
}

/* Plattform-Vorschau */
.bos-pv-galerie{display:grid;gap:var(--s-3);justify-items:center}
.bos-pv-wahl{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;max-width:100%}
.bos-pv-tab{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);border:1px solid var(--line-soft);border-radius:999px;
  background:transparent;color:var(--muted);font:600 var(--t-small)/1 var(--body);cursor:pointer}
.bos-pv-tab.is-aktiv{color:var(--ink);border-color:var(--line-lime);background:var(--lime-soft)}
.bos-pv-tab:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.bos-pv{width:100%;max-width:440px;margin:0 auto;display:grid;gap:var(--s-2);background:transparent;border:0;box-shadow:none;overflow:visible}
.bos-pv-rahmen{background:#0B0D0C;color:#F2F2EE;border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.7);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",var(--body);text-align:left}
.bos-pv-kopf{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:56px}
.bos-pv-kopf-leise{min-height:0;padding:4px 14px 12px}
.bos-pv-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#14200b;font:800 11px/1 var(--body);
  box-shadow:0 0 0 2px #0B0D0C,0 0 0 4px rgba(225,48,108,.0)}
.bos-pv-instagram .bos-pv-avatar,.bos-pv-reel .bos-pv-avatar{box-shadow:0 0 0 2px #0B0D0C,0 0 0 4px #E1306C}
.bos-pv-wer{display:grid;gap:1px;min-width:0;flex:1}
.bos-pv-wer strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bos-pv-wer small{font-size:12px;color:rgba(242,242,238,.62)}
.bos-pv-status{margin-left:auto;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.08);font:600 12px/1 var(--body);color:rgba(242,242,238,.8)}
.bos-pv-status.is-online{background:color-mix(in srgb,var(--ok) 22%,transparent);color:#BFF0C9}
.bos-pv-medium{position:relative;width:100%;aspect-ratio:4/5;background:#161A17;overflow:hidden}
.bos-pv-medium > *:not(.bos-pv-leer){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-height:none;aspect-ratio:auto;border-radius:0;margin:0}
.bos-pv-medium .ce-post-media-empty{position:absolute;inset:0;min-height:0}
.bos-pv-medium-reel,.bos-pv-medium-tiktok{aspect-ratio:9/16}
.bos-pv-medium-youtube{aspect-ratio:16/9}
.bos-pv-medium-linkedin,.bos-pv-medium-facebook{aspect-ratio:1.91/1}
.bos-pv-medium-threads{aspect-ratio:4/3;border-radius:12px;margin:0 14px 10px;width:auto}
.bos-pv-medium-pinterest{aspect-ratio:2/3}
.bos-pv-leer{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;color:rgba(242,242,238,.6);text-align:center;padding:16px;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px)}
.bos-pv-leer strong{color:#F2F2EE;font-size:14px}
.bos-pv-leer small{font-size:12px}
.bos-pv-leer .bos-pv-icon{width:28px;height:28px}
.bos-pv-aktionen{display:flex;align-items:center;gap:16px;padding:10px 14px 4px;color:#F2F2EE}
.bos-pv-aktionen .bos-pv-rechts{margin-left:auto;display:inline-flex}
.bos-pv-aktionen-text{justify-content:space-around;gap:8px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.1);font:600 12px/1 var(--body);color:rgba(242,242,238,.7)}
.bos-pv-aktionen-text span{display:inline-flex;align-items:center;gap:6px}
.bos-pv-aktionen-text .bos-pv-icon{width:18px;height:18px}
.bos-pv-text{margin:0;padding:6px 14px 12px;font-size:14px;line-height:1.45;color:#F2F2EE;white-space:pre-line;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:break-word}
.bos-pv-text.is-offen{display:block}
.bos-pv-text b{font-weight:600}
.bos-pv-tags{color:#8AB4F8}
.bos-pv-linkedin .bos-pv-text,.bos-pv-facebook .bos-pv-text{padding-top:0;-webkit-line-clamp:3}
.bos-pv-keyword{margin:0 14px 12px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06);font:600 12px/1.3 var(--body);color:#F2F2EE}
.bos-pv-rahmen .ce-more{margin:0 14px 10px;min-height:44px;background:transparent;border:0;color:rgba(242,242,238,.7);font:600 13px/1 var(--body);cursor:pointer;padding:0}
.bos-pv-rahmen .ce-post-meta{margin:0;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);color:rgba(242,242,238,.6);font-size:12px}
/* Reel & TikTok: Bühne 9:16 mit Aktionsschiene rechts und Text unten */
.bos-pv-reel,.bos-pv-tiktok{max-width:360px}
.bos-pv-buehne{position:relative}
.bos-pv-buehne .bos-pv-medium{aspect-ratio:9/16}
.bos-pv-schiene{position:absolute;right:10px;bottom:96px;display:grid;gap:18px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.bos-pv-schiene .bos-pv-icon{width:28px;height:28px}
.bos-pv-unten{position:absolute;left:0;right:56px;bottom:0;padding:48px 14px 14px;display:grid;gap:4px;color:#fff;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.bos-pv-unten strong{font-size:14px}
.bos-pv-unten .bos-pv-text{padding:0;-webkit-line-clamp:2;font-size:13px}
.bos-pv-ton{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.85}
.bos-pv-ton .bos-pv-icon{width:14px;height:14px}
.bos-pv-tiktok .bos-pv-rahmen{background:#000}
/* YouTube */
.bos-pv-youtube{max-width:520px}
.bos-pv-yt-medium{position:relative}
.bos-pv-yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:44px;border-radius:12px;background:#FF0000;color:#fff;display:grid;place-items:center}
.bos-pv-yt-info{display:flex;gap:12px;padding:12px 14px 4px}
.bos-pv-yt-info > div{display:grid;gap:3px;min-width:0}
.bos-pv-yt-titel{font-size:15px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.bos-pv-yt-info small{font-size:12px;color:rgba(242,242,238,.62)}
.bos-pv-yt-info .bos-pv-text{padding:0;-webkit-line-clamp:2;font-size:13px;color:rgba(242,242,238,.75)}
/* LinkedIn & Facebook: helle Business-Karte */
.bos-pv-linkedin .bos-pv-rahmen,.bos-pv-facebook .bos-pv-rahmen{background:#FFFFFF;color:#1D2226;border-color:rgba(0,0,0,.12)}
.bos-pv-linkedin .bos-pv-text,.bos-pv-facebook .bos-pv-text,.bos-pv-linkedin .bos-pv-aktionen-text,.bos-pv-facebook .bos-pv-aktionen-text{color:#1D2226}
.bos-pv-linkedin .bos-pv-aktionen-text,.bos-pv-facebook .bos-pv-aktionen-text{border-top-color:rgba(0,0,0,.08);color:#56687A}
.bos-pv-linkedin .bos-pv-wer small,.bos-pv-facebook .bos-pv-wer small{color:#56687A}
.bos-pv-linkedin .bos-pv-status,.bos-pv-facebook .bos-pv-status{background:#EEF3F8;color:#38434F}
.bos-pv-linkedin .bos-pv-avatar{border-radius:50%;background:#0A66C2;color:#fff;box-shadow:none}
.bos-pv-facebook .bos-pv-avatar{background:#0866FF;color:#fff;box-shadow:none}
.bos-pv-linkedin .bos-pv-medium,.bos-pv-facebook .bos-pv-medium{background:#F3F2EF}
.bos-pv-linkedin .bos-pv-leer,.bos-pv-facebook .bos-pv-leer{color:#56687A}
.bos-pv-linkedin .bos-pv-leer strong,.bos-pv-facebook .bos-pv-leer strong{color:#1D2226}
.bos-pv-linkedin .bos-pv-keyword,.bos-pv-facebook .bos-pv-keyword{background:#EEF3F8;color:#1D2226}
.bos-pv-linkedin .ce-more,.bos-pv-facebook .ce-more,.bos-pv-linkedin .ce-post-meta,.bos-pv-facebook .ce-post-meta{color:#56687A;border-top-color:rgba(0,0,0,.08)}
.bos-pv-linkedin .bos-pv-tags,.bos-pv-facebook .bos-pv-tags{color:#0A66C2}
/* Threads */
.bos-pv-threads .bos-pv-text{-webkit-line-clamp:6}
.bos-pv-hinweis{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;font-size:12px;color:var(--muted);padding:0 var(--s-1)}
.bos-pv-marke{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600}
@media(prefers-reduced-motion:reduce){.bos-pv *{transition:none!important}}

/* Korrekturen nach Sichtprüfung */
.content .ce-jc.is-open > .ce-pv-ohne-text{grid-column:1 / -1}
.content .ce-pill,.content .ce-jc-when{white-space:nowrap}
.content .ce-pill > span{font-size:inherit}
.content .ce-jc-acts .btn-primary ~ .btn-primary{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.content .ce-jc-acts .btn-primary ~ .btn-primary::before{display:none}
@media(max-width:640px){
  .content .ce-jc-acts .btn-primary ~ .btn-primary{flex:1 1 100%}
  .content .ce-handoff-label{letter-spacing:.06em}
}
@media(max-width:860px){
  .topbar{background:color-mix(in srgb,var(--bg) 94%,transparent)}
}
/* Karte zugeklappt: nur Grund-Infos. Medienprüfung steht vollständig in der Detailansicht. */
.content .ce-jc:not(.is-open) .ce-mcheck{display:none}
.content .ce-jc-acts{justify-content:flex-start}
.content .ce-jc-acts > .ce-jc-act{flex:0 0 auto;width:auto}
@media(max-width:640px){.content .ce-jc-acts > .btn-primary{flex:1 1 100%}}

/* Marketing-Studio: Funnel + nächster Engpass + wichtigste Aktion direkt unter der Kampagne */
.content .md-studio{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:var(--s-5);margin:0 0 var(--s-5);padding:var(--s-5);
  border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-card)}
.content .md-studio .bos-sec-kopf{margin-top:0;padding-top:0;border-top:0}
.content .md-studio-engpass{display:grid;align-content:start;gap:var(--s-2);padding-left:var(--s-5);border-left:1px solid var(--line-soft)}
.content .md-engpass-satz{margin:0;font:600 var(--t-h3)/1.3 var(--body);color:var(--ink);display:grid;gap:4px}
.content .md-engpass-satz small{font-size:var(--t-small);font-weight:400;color:var(--muted)}
.content .md-engpass-quote{margin:0;font-size:var(--t-body);color:var(--muted)}
.content .md-engpass-quote b{font:700 var(--t-h2)/1 var(--bos-num);color:var(--bos-warn);font-variant-numeric:tabular-nums}
.content .md-engpass-aktion{justify-self:start;margin-top:var(--s-3)}
@media(max-width:900px){
  .content .md-studio{grid-template-columns:1fr;padding:var(--s-4)}
  .content .md-studio-engpass{padding-left:0;border-left:0;padding-top:var(--s-4);border-top:1px solid var(--line-soft);order:-1}
  .content .md-engpass-aktion{justify-self:stretch}
}
.content .md-funnel .md-money{margin-top:0}
.content .sales-chance{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--s-3);margin:0 0 var(--s-5)}
.content .sales-chance > *{display:grid;gap:4px;align-content:start;padding:var(--s-3) var(--s-4);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-card);text-align:left;color:var(--ink);min-width:0}
.content .sales-chance-heiss{cursor:pointer;border-color:color-mix(in srgb,var(--orange) 45%,transparent);font:inherit}
.content .sales-chance-heiss:hover{border-color:var(--orange)}
.content .sales-chance-heiss:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.content .sales-chance strong{font:700 var(--t-h3)/1.2 var(--body);overflow-wrap:break-word}
.content .sales-chance-angebote strong{font:700 var(--t-h1)/1 var(--bos-num);font-variant-numeric:tabular-nums}
.content .sales-chance span:not(.bos-kicker){font-size:var(--t-small);color:var(--muted)}
@media(max-width:520px){.content .sales-chance{grid-template-columns:1fr}}
.content .sales-hero > div:first-child{display:flex;flex-direction:column}
.content .sales-hero > div:first-child > .bos-lead{order:1}
.content .sales-hero > div:first-child > .sales-chance{order:2;margin-top:var(--s-4)}
.content .sales-hero > div:first-child > .bos-flat{order:3;margin-top:var(--s-3)}

/* =====================================================================
   6 · FINANCE · Kundenvergleich statt Kartenwand
   ===================================================================== */
.content .fc-vergleich{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-card);overflow:hidden}
.content .fc-vergleich-werkzeug{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-soft)}
.content .fc-vergleich-zahl{font:600 var(--t-body)/1 var(--body);color:var(--ink)}
.content .fc-sortierung{display:flex;gap:var(--s-1);flex-wrap:wrap}
.content .fc-sort{min-height:44px;padding:0 var(--s-3);border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font:600 var(--t-small)/1 var(--body);cursor:pointer}
.content .fc-sort.is-on{border-color:var(--line-lime);color:var(--ink);background:var(--lime-soft)}
.content .fc-sort:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.content .fc-vergleich-hinweis{margin-left:auto;font-size:12px;color:var(--bos-unknown)}
.content .fc-vergleich-kopf,.content .fc-zeile-kopf{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(80px,1.2fr) repeat(3,minmax(96px,.9fr)) 24px;gap:var(--s-3);align-items:center;padding:0 var(--s-4)}
.content .fc-vergleich-kopf{min-height:36px;font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-soft)}
.content .fc-vergleich-kopf span:nth-child(n+3){text-align:right}
.content .fc-kunde-zeile{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;margin:0}
.content .fc-kunde-zeile + .fc-kunde-zeile{border-top:1px solid var(--line-soft)}
.content .fc-zeile-kopf{min-height:56px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}
.content .fc-zeile-kopf::-webkit-details-marker{display:none}
.content .fc-zeile-kopf:hover{background:var(--bg-hover)}
.content .fc-zeile-kopf:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.content .fc-zeile-kopf .fc-k-kopf{display:grid;gap:2px;min-width:0;margin:0;padding:0;border:0}
.content .fc-zeile-kopf .fc-k-kopf strong{font:600 var(--t-body)/1.25 var(--body);color:var(--ink);overflow-wrap:break-word}
.content .fc-zeile-kopf .fc-k-anteil{font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.content .fc-zeile-balken{height:8px;border-radius:4px;background:var(--bos-tile);overflow:hidden}
.content .fc-zeile-balken i{display:block;height:100%;background:var(--lime);border-radius:4px}
.content .fc-zeile-wert{text-align:right;font:600 var(--t-body)/1 var(--bos-num);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.content .fc-zeile-bezahlt{color:var(--muted)}
.content .hat-offen .fc-zeile-offen{color:var(--bos-warn)}
.content .fc-zeile-pfeil{width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);justify-self:center;transition:transform .18s var(--ease,ease)}
.content .fc-kunde-zeile[open] .fc-zeile-pfeil{transform:rotate(-135deg)}
.content .fc-kunde-zeile[open] .fc-zeile-kopf{background:var(--bg-elev)}
.content .fc-zeile-detail{padding:var(--s-3) var(--s-4) var(--s-4);display:grid;gap:var(--s-3);background:var(--bg-elev)}
.content .fc-zeile-detail .fc-k-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-3) var(--s-5)}
.content .fc-zeile-detail .fc-k-stat{display:grid;gap:2px}
.content .fc-zeile-detail .fc-k-stat b{font-size:var(--t-body)}
.content .fc-zeile-detail .fc-k-vertrag,.content .fc-zeile-detail .fc-k-naechste{display:grid;gap:2px;font-size:var(--t-small);color:var(--ink)}
@media(max-width:760px){
  .content .fc-vergleich-kopf{display:none}
  .content .fc-zeile-kopf{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-areas:"name wert pfeil" "balken offen pfeil";gap:6px var(--s-3);padding:var(--s-3) var(--s-4)}
  .content .fc-zeile-kopf .fc-k-kopf{grid-area:name}
  .content .fc-zeile-balken{grid-area:balken;align-self:center}
  .content .fc-zeile-kopf > b.fc-zeile-wert{grid-area:wert}
  .content .fc-zeile-bezahlt{display:none}
  .content .fc-zeile-offen{grid-area:offen;font-size:var(--t-small)}
  .content .fc-zeile-offen::before{content:"offen ";font-weight:500;color:var(--muted)}
  .content .fc-zeile-pfeil{grid-area:pfeil}
  .content .fc-vergleich-hinweis{margin-left:0;flex-basis:100%}
}
/* Sehr schmal: der Firmenname bekommt die ganze Zeile, der Betrag rückt darunter. */
@media(max-width:400px){
  .content .fc-zeile-kopf{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-areas:"name name pfeil" "wert offen pfeil" "balken balken pfeil"}
}
.content .ops-gruppen{display:grid;gap:var(--s-2)}
.content .ops-gruppe{border-top:1px solid var(--line-soft)}
.content .ops-gruppe-kopf{display:flex;align-items:center;gap:var(--s-3);min-height:48px;cursor:pointer;list-style:none}
.content .ops-gruppe-kopf::-webkit-details-marker{display:none}
.content .ops-gruppe-kopf:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.content .ops-gruppe-kopf strong{font:600 var(--t-body)/1.2 var(--body);color:var(--ink)}
.content .ops-gruppe-zahl{min-width:24px;height:24px;padding:0 7px;border-radius:12px;display:inline-grid;place-items:center;background:var(--bos-tile);font:700 12px/1 var(--body);font-variant-numeric:tabular-nums}
.content .ops-gruppe-krit{font-size:12px;font-weight:600;color:var(--bos-danger)}
.content .ops-gruppe-pfeil{margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .18s var(--ease,ease)}
.content .ops-gruppe[open] .ops-gruppe-pfeil{transform:rotate(-135deg)}
.content .ops-gruppe .ops-alert:first-child{border-top:0}

/* =====================================================================
   7 · AGENTEN · Team-Übersicht (ein Agent im Fokus) + Büro mobil
   ===================================================================== */
.content .agent-roster{margin:var(--s-6) 0;padding-top:var(--s-5);border-top:1px solid var(--line-soft)}
.content .agent-roster-kopf h2{font:600 var(--t-h2)/1.2 var(--body);margin:var(--s-1) 0}
.content .agent-roster-kopf p{margin:0 0 var(--s-4);color:var(--muted);font-size:var(--t-small)}
.content .agent-roster-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:var(--s-5);align-items:start}
.content .agent-roster-liste{display:grid;gap:2px;max-height:620px;overflow:auto;padding-right:var(--s-2);scrollbar-width:thin}
.content .agent-roster-gruppe{font:700 12px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:var(--s-3) var(--s-2) var(--s-2)}
.content .agent-roster-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;min-height:56px;padding:var(--s-2);
  border:1px solid transparent;border-radius:var(--r);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
.content .agent-roster-person:hover{background:var(--bg-hover)}
.content .agent-roster-person.is-aktiv{border-color:var(--line-lime);background:var(--lime-soft)}
.content .agent-roster-person:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.content .agent-roster-name{display:grid;gap:1px;min-width:0}
.content .agent-roster-name b{font:600 var(--t-body)/1.2 var(--body);overflow-wrap:break-word}
.content .agent-roster-name small{font-size:12px;color:var(--muted)}
.content .agent-roster-status{font:600 12px/1 var(--body);white-space:nowrap;padding:5px 8px;border-radius:999px;border:1px solid var(--line-soft);color:var(--muted)}
.content .agent-roster-status.is-ok{color:var(--bos-ok);border-color:color-mix(in srgb,var(--bos-ok) 40%,transparent)}
.content .agent-roster-status.is-warn{color:var(--bos-warn);border-color:color-mix(in srgb,var(--bos-warn) 40%,transparent)}
.content .agent-roster-status.is-unknown{color:var(--bos-unknown);border-style:dashed}
.content .agent-mono-core{color:var(--ink);border-color:color-mix(in srgb,var(--bos-live) 40%,transparent);background:color-mix(in srgb,var(--bos-live) 10%,transparent)}
.content .agent-roster-fokus{position:sticky;top:96px;display:grid;gap:var(--s-4);padding:var(--s-5);border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-card)}
.content .agent-roster-fokus header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--s-3);align-items:center}
.content .agent-roster-fokus h3{margin:0;font:600 var(--t-h3)/1.2 var(--body)}
.content .agent-roster-fokus header p{margin:2px 0 0;font-size:var(--t-small);color:var(--muted)}
.content .agent-roster-fokus dl{margin:0;display:grid;gap:var(--s-3)}
.content .agent-roster-fokus dl > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line-soft)}
.content .agent-roster-fokus dt,.content .agent-roster-dt{font:700 12px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.content .agent-roster-fokus dd{margin:0;font-size:var(--t-body);color:var(--ink);overflow-wrap:break-word}
.content .agent-roster-fokus dd small{color:var(--muted);font-size:12px}
.content .agent-ng{color:var(--bos-unknown)}
.content .agent-roster-skills{display:grid;gap:var(--s-2)}
@media(max-width:860px){
  .content .agent-roster-grid{grid-template-columns:1fr;gap:var(--s-3)}
  .content .agent-roster-liste{display:flex;gap:var(--s-2);overflow-x:auto;max-height:none;padding:2px 0 var(--s-2);scroll-snap-type:x proximity;scrollbar-width:none;margin:0 calc(-1 * var(--s-4));padding-inline:var(--s-4)}
  .content .agent-roster-liste::-webkit-scrollbar{display:none}
  .content .agent-roster-gruppe{display:none}
  .content .agent-roster-person{flex:0 0 auto;grid-template-columns:40px auto;scroll-snap-align:start;border-color:var(--line-soft);max-width:240px}
  .content .agent-roster-person .agent-roster-status{display:none}
  .content .agent-roster-fokus{position:static;padding:var(--s-4)}
  .content .agent-roster-fokus dl > div{grid-template-columns:1fr;gap:2px}
}
/* Agentenbüro mobil: keine verkleinerte Raumgrafik. Rollenleiste, Auftrag, Schritte und nächste Aktion bleiben. */
@media(max-width:640px){
  .content .nxoffice-room-svg,.content .nxoffice-room,.content .nxoffice-stage-room{display:none}
  .content .nxoffice-roster{display:flex;overflow-x:auto;gap:var(--s-2);scrollbar-width:none;scroll-snap-type:x proximity}
  .content .nxoffice-roster::-webkit-scrollbar{display:none}
  .content .nxoffice-roster > *{flex:0 0 auto;min-width:96px;min-height:44px;scroll-snap-align:start}
}

/* Social-Vorschaubilder: Ersatz liegt im DOM, solange das Bild steht bleibt er
   verborgen; onError setzt [hidden] am Bild. !important wegen Inline-Stil. */
.sc-thumb-bild[hidden]{display:none!important}
.sc-thumb-bild:not([hidden]) + .sc-thumb-ersatz{display:none!important}
/* Das Bild liegt absolut im 16:9-Feld: Chromium loest height:100% in einer
   aspect-ratio-Box sonst gegen die Bildhoehe auf, die Karte waechst. */
.sc-thumb{overflow:hidden}
.sc-thumb>img{position:absolute;inset:0}
.sc-thumb .sc-thumb-ersatz{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:0 var(--s-3)}
.sc-thumb-ersatz small{font-size:11px;letter-spacing:0;text-transform:none;opacity:.8}

/* Übersicht: das Business-Signal ist ein Satz, keine Zwei-Wort-Zeile — kleiner,
   breiter, und was brennt, steht in der Warnfarbe statt im Akzent. */
.content .ws-premium .dash360-intro h1.is-signal{font-size:clamp(26px,2.5vw,38px);line-height:1.14;max-width:24ch}
.content .ws-premium .dash360-intro h1.is-handeln span{color:var(--bos-warn)}
/* Kartenkopf mit 44-px-Knopf: der Untertitel darf nicht per Negativabstand darunter rutschen. */
.content .card > .row-between:has(> .btn) + .card-sub{margin-top:0}

/* Content Engine · Creator OS: Hochformat-Vorschau (4:5) für alle Karten, leere
   Vorschau mit Plattformmarke und Format, Nebenaktionen im „Mehr“-Menü. */
.content .ce-jc-thumb{aspect-ratio:4/5}
.content .ce-jc-media-leer{display:grid;align-content:center;justify-items:center;gap:6px;padding:var(--s-2);text-align:center;background:var(--bg-elev)}
.content .ce-jc-media-leer small{font-size:12px;line-height:1.2;color:var(--muted)}
.content .ce-jc-acts{position:relative}
.content .ce-jc-mehr-menu{position:static}
.content .ce-jc-mehr-menu > summary{list-style:none;cursor:pointer}
.content .ce-jc-mehr-menu > summary::-webkit-details-marker{display:none}
.content .ce-jc-mehr-menu[open] > summary{background:var(--bg-elev)}
.content .ce-jc-mehr-liste{position:absolute;z-index:5;right:0;top:calc(100% + 6px);display:grid;gap:2px;min-width:200px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-card);box-shadow:0 12px 32px rgba(0,0,0,.35)}
.content .ce-jc-mehr-liste .ce-jc-act{justify-content:flex-start;width:100%}
/* Plattform-Streifen in der Karte: Zeilen statt Kasten im Kasten. Fehler bleiben laut. */
.content .ce-jc .ce-prow{background:transparent;border:0;border-top:1px solid var(--line-soft);border-radius:0;padding:8px 0}
.content .ce-jc .ce-prow:first-child{border-top:0}
.content .ce-jc .ce-prow.is-kaputt{border:0;border-left:3px solid var(--bos-danger);padding-left:var(--s-2);background:transparent}
.content .ce-jc .ce-pdone{background:transparent;border:0;padding:0;min-height:28px}
/* Marketing · Campaign Studio: eingeklappte Werkzeuge im ws-details-Muster der Übersicht. */
.content .md-mehr > section{margin-top:var(--s-4)}
/* Betriebsagenten: höchstens so viele Spalten, dass Titel und „NEU“ nebeneinander passen. */
.content .ops-agent-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
/* Barrierefreiheit: Etiketten auf Bildern palettenunabhängig dunkel unterlegt; Segmentzahlen ≥ 4,5:1. */
.content .sc-badge{background:rgba(8,10,8,.82)}
.content .sc-badge-schwach{color:#ff9b8f}
.content .sc-badge-stark{color:#a6e88a}
:root[data-nexus-palette="bernstein"] .content .seg-btn .seg-n{opacity:.88}

/* Kontrast in Unteransichten (WCAG AA), Ursachen statt Einzelfarben:
   Monatsrechnungen: --rz-* zeigten auf nicht existierende Tokens (--card/--text/--border) → weiße Karte im dunklen CRM. */
:root{--rz-flaeche:var(--bg-card);--rz-linie:var(--line-soft);--rz-text:var(--ink);--rz-akzent:var(--lime)}
.content :is(.rz-glied-aktiv,.rz-btn-primaer){color:#0A140A}
:root[data-nexus-palette="hell"] .content :is(.rz-glied-aktiv,.rz-btn-primaer){color:#fff}
/* Akquise: --lime-soft ist eine halbtransparente Fläche, keine Textfarbe. */
.content :is(.akq-h4,.akq-tbl .akq-td-key){color:var(--lime)}
/* Kalender: Tage außerhalb des Monats bleiben erkennbar gedimmt, aber lesbar; Kopf folgt der Palette. */
.content .kal-mtag-fremd{opacity:.72}
.content .cal-out{opacity:.72}
.content .kal-kopf h1{color:var(--ink)}
:root[data-nexus-palette="hell"] .content .cal-seg-btn.on{color:#fff}
:root[data-nexus-palette="hell"] .content .cal-out{opacity:.85}
:root[data-nexus-palette="hell"] .content .cal-k-meta .dash-chip{background:transparent}