/* mejo Marketing OS · Design System v2
   Loaded after the legacy stylesheet to preserve component compatibility while
   replacing the visual language across the application. */

:root {
    color-scheme: light;
    --accent: #6f7f48;
    --accent-contrast: #ffffff;
    --accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);
    --accent-soft-2: color-mix(in srgb, var(--accent) 7%, transparent);
    --accent-strong: color-mix(in srgb, var(--accent) 82%, #000 18%);
    --accent-border: color-mix(in srgb, var(--accent) 36%, transparent);

    --paper: #f6f7f5;
    --surface: #ffffff;
    --surface-2: #f9faf8;
    --surface-3: #f0f2ee;
    --ink: #1b1e1a;
    --ink-2: #626860;
    --ink-3: #8a9188;
    --rule: #e3e6e1;
    --rule-2: #d5dad2;
    --shade: #f5f7f3;

    --brand: var(--accent);
    --brand-text: var(--accent-strong);
    --brand-dark: var(--accent-strong);
    --brand-soft: var(--accent-soft);

    --ok: #2e7d5b;
    --signal: #c98722;
    --bad: #c85652;
    --info: #557ba5;

    --sans: "Work Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --nav-w: 256px;
    --topbar-h: 68px;
    --radius-xs: 7px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --shadow-card: 0 1px 2px rgba(24, 29, 22, .03), 0 8px 24px rgba(24, 29, 22, .035);
    --shadow-pop: 0 18px 50px rgba(18, 22, 17, .14);
    --ease: cubic-bezier(.2,.8,.2,1);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --paper: #111411;
    --surface: #171a17;
    --surface-2: #1b1f1b;
    --surface-3: #222722;
    --ink: #eef1ec;
    --ink-2: #a7afa4;
    --ink-3: #788076;
    --rule: #2b312a;
    --rule-2: #363d34;
    --shade: #1d211d;
    --shadow-card: 0 1px 2px rgba(0,0,0,.22), 0 10px 30px rgba(0,0,0,.13);
    --shadow-pop: 0 22px 60px rgba(0,0,0,.42);
}

@media (prefers-color-scheme: dark) {
    html[data-theme="system"] {
        color-scheme: dark;
        --paper: #111411;
        --surface: #171a17;
        --surface-2: #1b1f1b;
        --surface-3: #222722;
        --ink: #eef1ec;
        --ink-2: #a7afa4;
        --ink-3: #788076;
        --rule: #2b312a;
        --rule-2: #363d34;
        --shade: #1d211d;
        --shadow-card: 0 1px 2px rgba(0,0,0,.22), 0 10px 30px rgba(0,0,0,.13);
        --shadow-pop: 0 22px 60px rgba(0,0,0,.42);
    }
}

* { scrollbar-color: var(--rule-2) transparent; }
html { background: var(--paper); }
body {
    background:
        radial-gradient(900px 420px at 64% -140px, var(--accent-soft-2), transparent 68%),
        var(--paper);
    color: var(--ink);
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: -.005em;
}
body, input, select, textarea, button { -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
::selection { background: var(--accent-soft); }

/* App shell */
.shell { display: grid; grid-template-columns: var(--nav-w) minmax(0, 1fr); min-height: 100dvh; }
.nav {
    width: var(--nav-w);
    height: 100dvh;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 18px 14px 14px;
    background: color-mix(in srgb, var(--surface) 96%, var(--paper));
    color: var(--ink-2);
    border-right: 1px solid var(--rule);
    overflow: hidden;
}
.nav__brand {
    padding: 4px 8px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    line-height: 1.15;
}
.nav__brand-mark {
    width: 36px;
    height: 36px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--accent-contrast);
    background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 86%, white 14%), var(--accent-strong));
    box-shadow: 0 5px 16px color-mix(in srgb, var(--accent) 20%, transparent);
    font-weight: 700;
    letter-spacing: -.04em;
}
.nav__brand-copy { min-width: 0; }
.nav__brand-copy strong { display:block; color:var(--ink); font-size:14px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nav__brand-copy span { display:block; color:var(--ink-3); font-size:11.5px; margin-top:3px; }
.nav__logo { width: 92px; max-height: 36px; object-fit: contain; object-position: left center; margin: 0; }

.nav__scroll {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding-right: 3px;
}

.nav__cat { margin: 5px 0 10px; padding: 0; }
.nav__cat > summary {
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 8px 10px 6px;
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .095em;
    border-radius: var(--radius-xs);
}
.nav__cat > summary::-webkit-details-marker { display:none; }
.nav__cat > summary::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .2s var(--ease); }
.nav__cat[open] > summary::after { transform:rotate(225deg) translate(-1px,-1px); }
.nav__cat > summary:hover { background:var(--surface-2); color:var(--ink-2); }
.nav__cat > a,
.nav > a,
.nav__scroll > a {
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:36px;
    padding: 8px 10px;
    margin: 2px 0;
    border: 0;
    border-radius: 9px;
    color: var(--ink-2);
    font-size: 13.5px;
    font-weight: 500;
    text-decoration:none;
    transition: background .16s ease, color .16s ease, transform .16s ease;
}
.nav__cat > a::before,
.nav__scroll > a::before {
    content:"";
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--rule-2);
    box-shadow: 0 0 0 3px transparent;
}
.nav__cat > a:hover,
.nav__scroll > a:hover { background: var(--surface-2); color: var(--ink); transform: translateX(1px); }
.nav__cat > a[aria-current="page"] {
    background: var(--accent-soft);
    color: color-mix(in srgb, var(--accent) 72%, var(--ink));
    font-weight: 620;
}
.nav__cat > a[aria-current="page"]::before { background:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }

.nav__footer {
    position:relative;
    z-index:10;
    flex:0 0 auto;
    border-top:1px solid var(--rule);
    padding:12px 4px 0;
    margin-top:8px;
    background:color-mix(in srgb, var(--surface) 96%, var(--paper));
}

.nav__footer-row { display:flex; gap:8px; align-items:center; }
.nav__account { flex:1; min-width:0; padding:8px 7px; }
.nav__account strong { display:block; color:var(--ink); font-size:12px; font-weight:600; }
.nav__account span { display:block; color:var(--ink-3); font-size:10.5px; margin-top:1px; }
.icon-button {
    width:36px; height:36px; border:1px solid var(--rule); border-radius:10px; background:var(--surface); color:var(--ink-2); display:grid; place-items:center; cursor:pointer; transition:.16s ease;
}
.icon-button:hover { border-color:var(--rule-2); background:var(--surface-2); color:var(--ink); }
.icon-button svg { width:17px; height:17px; }

.app-frame { min-width:0; min-height:100dvh; }
.topbar {
    height: var(--topbar-h);
    position: sticky;
    top:0;
    z-index:35;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding: 0 30px;
    background: color-mix(in srgb, var(--paper) 83%, transparent);
    backdrop-filter: blur(18px) saturate(150%);
    border-bottom:1px solid color-mix(in srgb, var(--rule) 82%, transparent);
}
.topbar__context { min-width:0; }
.topbar__eyebrow { display:block; color:var(--ink-3); font-size:10.5px; text-transform:uppercase; letter-spacing:.1em; font-weight:650; }
.topbar__title { display:block; margin-top:1px; color:var(--ink); font-size:14px; font-weight:620; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.topbar__tools { display:flex; align-items:center; gap:8px; }
.context-select { display:flex; align-items:center; gap:7px; min-height:36px; padding:0 10px; border:1px solid var(--rule); border-radius:10px; background:var(--surface); color:var(--ink-2); }
.context-select label { font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:var(--ink-3); font-weight:650; }
.context-select select { width:auto; min-width:74px; border:0!important; background:transparent!important; padding:0 18px 0 0!important; color:var(--ink)!important; font-size:12.5px!important; box-shadow:none!important; }

.main { width:100%; max-width:1540px; margin:0 auto; padding: 30px clamp(22px,3.4vw,54px) 76px; }
.mobilbar { display:none; }

/* Appearance popover */
.appearance { position:static; }
.appearance-panel {
    position:absolute;
    z-index:80;
    left:0;
    right:0;
    bottom:52px;
    width:auto;
    max-width:none;
    max-height:min(430px, calc(100dvh - 100px));
    overflow-y:auto;
    padding:14px;
    border:1px solid var(--rule);
    border-radius:14px;
    background:var(--surface);
    color:var(--ink);
    box-shadow:var(--shadow-pop);
    opacity:0;
    visibility:hidden;
    transform:translateY(6px) scale(.985);
    transform-origin:bottom center;
    transition:opacity .16s ease, transform .16s var(--ease), visibility .16s;
}
.appearance.is-open .appearance-panel { opacity:1; visibility:visible; transform:none; }
.appearance-panel__title { font-size:12px; font-weight:650; margin-bottom:9px; }
.appearance-panel__label { display:block; margin:13px 0 7px; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-3); }
.segmented { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:3px; border-radius:10px; background:var(--surface-3); }
.segmented button { border:0; border-radius:7px; padding:7px 4px; background:transparent; color:var(--ink-2); font:500 11px/1 var(--sans); cursor:pointer; }
.segmented button.is-active { background:var(--surface); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.08); }
.accent-swatches { display:flex; gap:8px; flex-wrap:wrap; }
.accent-swatch { width:27px; height:27px; border:0; border-radius:999px; background:var(--swatch); cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); position:relative; }
.accent-swatch.is-active::after { content:""; position:absolute; inset:5px; border:2px solid white; border-radius:999px; box-shadow:0 0 0 1px rgba(0,0,0,.18); }
.accent-custom { display:flex; align-items:center; gap:8px; margin-top:9px; }
.accent-custom input[type=color] { width:34px; height:30px; min-width:34px; padding:2px; border-radius:8px; border:1px solid var(--rule); background:var(--surface); }
.accent-custom span { min-width:0; font-size:11px; color:var(--ink-2); white-space:normal; }

/* Page headers */
.head {
    align-items:flex-end;
    padding:0;
    margin: 2px 0 24px;
    border:0;
    gap:18px;
}
.head h1 { font-size:clamp(25px,2.2vw,34px); line-height:1.08; font-weight:650; letter-spacing:-.04em; color:var(--ink); }
.head__meta { color:var(--ink-3); font-size:12px; }
.eyebrow { margin-bottom:7px; color:var(--ink-3); font-size:10.5px; font-weight:650; letter-spacing:.105em; }
h2 { letter-spacing:-.02em; }

/* Surfaces */
.card {
    background:var(--surface);
    border:1px solid var(--rule);
    border-radius:var(--radius-md);
    padding:20px;
    margin-bottom:16px;
    box-shadow:var(--shadow-card);
}
.card--flush { padding:0; overflow:hidden; }
.card h2 { font-size:14px; font-weight:620; margin-bottom:16px; }
.card__head { padding:17px 20px; border-bottom:1px solid var(--rule); align-items:center; }
.card__head h2 { margin:0; }

.figures {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(205px,1fr));
    gap:12px;
    background:transparent;
    border:0;
    margin-bottom:16px;
}
.figure {
    position:relative;
    min-height:132px;
    overflow:hidden;
    background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--surface) 89%,var(--accent-soft-2)));
    border:1px solid var(--rule);
    border-radius:var(--radius-md);
    padding:18px 18px 17px;
    box-shadow:var(--shadow-card);
    transition:transform .2s var(--ease), border-color .2s ease, box-shadow .2s ease;
}
.figure::before { content:""; position:absolute; width:84px; height:84px; right:-36px; top:-38px; border-radius:50%; background:var(--accent-soft-2); opacity:.8; }
.figure:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--accent) 25%,var(--rule)); box-shadow:0 10px 28px rgba(24,29,22,.07); }
.figure .eyebrow { position:relative; z-index:1; }
.figure__value { position:relative; z-index:1; margin:14px 0 6px; color:var(--ink); font-size:clamp(26px,2.1vw,34px); font-weight:640; letter-spacing:-.045em; }
.figure__sub { position:relative; z-index:1; color:var(--ink-2); font-size:11.5px; }
.figure--progress { padding-right:92px; }
.kpi-ring { position:absolute; right:17px; top:50%; width:58px; height:58px; margin-top:-29px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--accent) calc(var(--progress,0) * 1turn), var(--surface-3) 0); }
.kpi-ring::before { content:""; position:absolute; inset:7px; background:var(--surface); border-radius:50%; }
.kpi-ring span { position:relative; z-index:1; font-size:10px; font-weight:650; color:var(--ink-2); }

/* Teasers */
.teasers { gap:12px; border:0; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.teaser { border:1px solid var(--rule)!important; border-radius:var(--radius-md); background:var(--surface); padding:18px; box-shadow:var(--shadow-card); transition:.18s var(--ease); }
.teaser:hover { background:var(--surface-2); transform:translateY(-2px); border-color:var(--accent-border)!important; }
.teaser strong { font-weight:620; }
.teaser__value { color:var(--accent-strong); font-size:24px; font-weight:640; }

/* Charts / rails */
.rail { padding:20px; }
.rail__grid { height:182px; border-bottom:1px solid var(--rule-2); gap:8px; }
.rail__col { gap:4px; }
.rail__plan,.rail__ist { border-radius:5px 5px 1px 1px; transform-origin:center bottom; transition:filter .18s ease; }
.rail__plan { border:1px solid var(--rule-2); background:repeating-linear-gradient(135deg,var(--surface-3) 0 4px,var(--surface) 4px 8px); opacity:.88; }
.rail__ist { border:0; background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,white 18%),var(--accent)); box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 13%,transparent); }
.rail__ist--over { background:linear-gradient(180deg,color-mix(in srgb,var(--bad) 82%,white 18%),var(--bad)); box-shadow:0 6px 18px color-mix(in srgb,var(--bad) 12%,transparent); }
.js-motion .rail__plan,.js-motion .rail__ist { transform:scaleY(0); }
.js-motion.is-ready .rail__plan,.js-motion.is-ready .rail__ist { transform:scaleY(1); transition:transform .62s var(--ease), filter .18s ease; }
.rail__col:nth-child(2n) .rail__ist,.rail__col:nth-child(2n) .rail__plan { transition-delay:.025s; }
.rail__col:nth-child(3n) .rail__ist,.rail__col:nth-child(3n) .rail__plan { transition-delay:.05s; }
.rail__tick { border:0; padding-top:8px; color:var(--ink-3); font-size:10px; }
.rail__tick::before { display:none; }
.rail__tick b { color:var(--ink-2); font-weight:550; }
.legend { gap:17px; color:var(--ink-3); }
.legend i { width:9px; height:9px; border-radius:3px; }
.legend .p { background:var(--surface-3); }
.legend .i { background:var(--accent); }

/* Tables */
.table-wrap { overflow:auto; border-radius:var(--radius-md); }
table { border-collapse:separate; border-spacing:0; font-size:12.5px; }
th { position:sticky; top:0; z-index:2; padding:11px 12px; border-bottom:1px solid var(--rule); background:color-mix(in srgb,var(--surface) 94%,var(--paper)); color:var(--ink-3); font-size:9.5px; font-weight:650; letter-spacing:.085em; }
td { padding:11px 12px; border-bottom:1px solid var(--rule); color:var(--ink-2); }
tbody tr:last-child td { border-bottom:0; }
tbody tr { transition:background .12s ease; }
tbody tr:hover { background:var(--accent-soft-2); }
tbody tr:hover td { color:var(--ink); }
tfoot td { border-top:1px solid var(--rule-2); background:var(--surface-2); color:var(--ink); }
.spine { border-left:3px solid var(--accent-border); }

/* Tags */
.chip { border:1px solid var(--rule); border-radius:999px; padding:3px 8px; background:var(--surface-2); color:var(--ink-2); font-size:10px; font-weight:600; line-height:1.4; }
.chip--ok { border-color:color-mix(in srgb,var(--ok) 28%,var(--rule)); color:var(--ok); background:color-mix(in srgb,var(--ok) 9%,transparent); }
.chip--warn { border-color:color-mix(in srgb,var(--signal) 30%,var(--rule)); color:var(--signal); background:color-mix(in srgb,var(--signal) 9%,transparent); }
.chip--bad { border-color:color-mix(in srgb,var(--bad) 30%,var(--rule)); color:var(--bad); background:color-mix(in srgb,var(--bad) 9%,transparent); }

/* Forms */
.filters { gap:10px; padding:14px; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--surface); box-shadow:var(--shadow-card); }
.field { gap:6px; }
.field > label,.presets__label { color:var(--ink-3); font-size:9.5px; font-weight:650; letter-spacing:.08em; }
input[type=text],input[type=number],input[type=date],input[type=month],input[type=password],input[type=file],input[type=url],select,textarea {
    min-height:39px;
    padding:9px 11px;
    border:1px solid var(--rule-2);
    border-radius:9px;
    background:var(--surface);
    color:var(--ink);
    font-size:12.5px;
    outline:none;
    transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
input:hover,select:hover,textarea:hover { border-color:color-mix(in srgb,var(--ink-3) 55%,var(--rule)); }
input:focus,select:focus,textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
textarea { min-height:92px; }
.form-grid { gap:15px; }
.actions { border-top:1px solid var(--rule); gap:9px; padding-top:15px; margin-top:18px; }
.btn { min-height:38px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 14px; border:1px solid var(--accent); border-radius:9px; background:var(--accent); color:var(--accent-contrast); font-size:12px; font-weight:620; box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 12%,transparent); transition:transform .14s ease, background .14s ease, border-color .14s ease, box-shadow .14s ease; }
.btn:hover { background:var(--accent-strong); border-color:var(--accent-strong); transform:translateY(-1px); }
.btn:active { transform:translateY(0); }
.btn--ghost { background:var(--surface); border-color:var(--rule-2); color:var(--ink-2); box-shadow:none; }
.btn--ghost:hover { background:var(--surface-2); border-color:var(--rule-2); color:var(--ink); }
.btn--danger { background:transparent; border-color:color-mix(in srgb,var(--bad) 55%,var(--rule)); color:var(--bad); box-shadow:none; }
.btn--danger:hover { background:var(--bad); border-color:var(--bad); color:#fff; }
.btn--small { min-height:31px; padding:6px 10px; font-size:11px; }
.tab { border:1px solid var(--rule); border-radius:8px; background:var(--surface); color:var(--ink-2); }
.tab--on { background:var(--accent-soft); border-color:var(--accent-border); color:var(--accent-strong); }

/* Feedback */
.flash { border:1px solid color-mix(in srgb,var(--ok) 24%,var(--rule)); border-left:3px solid var(--ok); border-radius:10px; background:color-mix(in srgb,var(--ok) 6%,var(--surface)); box-shadow:var(--shadow-card); }
.flash--bad { border-color:color-mix(in srgb,var(--bad) 24%,var(--rule)); border-left-color:var(--bad); background:color-mix(in srgb,var(--bad) 6%,var(--surface)); }
.note { color:var(--ink-3); font-size:11.5px; }
.empty { color:var(--ink-3); }
.delta-ok { color:var(--ok); }
.delta-bad { color:var(--bad); }
.muted { color:var(--ink-3); }

/* Calendar + funnel + misc legacy surfaces */
.kal { border:1px solid var(--rule); border-radius:var(--radius-md); overflow:hidden; background:var(--surface); }
.kal__wt,.kal__tag { border-color:var(--rule); }
.kal__tag--fremd { background:var(--surface-2); }
.kal__tag--heute { background:var(--accent-soft); }
.funnel__bar { background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 58%,white 42%)); border-left-color:var(--accent); border-radius:6px; }
.suggest { border:1px solid var(--accent-border); border-radius:var(--radius-sm); background:var(--accent-soft-2); }
.sammel { border-radius:12px 12px 0 0; background:color-mix(in srgb,var(--ink) 92%,var(--accent)); }
.thumb { border-radius:9px; border-color:var(--rule); }
.caption p { border-radius:9px; background:var(--surface-2); border-color:var(--rule); }
.row-danger td { background:color-mix(in srgb,var(--bad) 7%,var(--surface)); }

/* Login */
.login-page { background:radial-gradient(900px 500px at 50% -10%,var(--accent-soft),transparent 72%),var(--paper); }
.login { max-width:390px; padding:30px; border:1px solid var(--rule); border-radius:18px; box-shadow:0 28px 80px rgba(20,25,18,.10); background:var(--surface); }
.login h1 { font-size:22px; font-weight:650; letter-spacing:-.035em; }
.login p { color:var(--ink-3); }

/* Mobile */
@media (max-width: 980px) {
    :root { --nav-w: 276px; --topbar-h:60px; }
    .shell { display:block; }
    .mobilbar { display:flex; position:sticky; top:0; z-index:60; height:56px; padding:0 14px; align-items:center; gap:10px; color:var(--ink); background:color-mix(in srgb,var(--paper) 88%,transparent); backdrop-filter:blur(16px); border-bottom:1px solid var(--rule); }
    .mobilbar__knopf { position:relative; z-index:70; width:38px; height:38px; margin:0; padding:10px 8px; border:1px solid var(--rule); border-radius:10px; background:var(--surface); }
    .mobilbar__knopf span { height:1.5px; background:var(--ink); }
    .mobilbar__titel { font-size:13px; color:var(--ink); }
    .nav { position:fixed; left:0; top:0; bottom:0; z-index:65; width:min(300px,86vw); height:100dvh; padding-top:72px; transform:translateX(-102%); box-shadow:var(--shadow-pop); transition:transform .25s var(--ease); }
    .menue-offen .nav { transform:translateX(0); }
    .menue-offen::after { inset:0; z-index:62; background:rgba(11,14,10,.42); backdrop-filter:blur(2px); }
    .topbar { top:56px; height:auto; min-height:56px; padding:9px 14px; flex-wrap:wrap; }
    .topbar__context { display:none; }
    .topbar__tools { width:100%; justify-content:flex-end; }
    .context-select { flex:1; }
    .main { padding:22px 14px 60px; }
    .head { margin-bottom:18px; align-items:flex-start; }
    .head h1 { font-size:27px; }
    .figures { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .figure { min-height:118px; padding:15px; }
    .figure__value { font-size:25px; }
    .figure--progress { padding-right:15px; }
    .kpi-ring { display:none; }
    .card { border-radius:12px; padding:16px; }
    .appearance-panel { left:0; right:0; }
}

@media (max-width: 560px) {
    .figures { grid-template-columns:1fr; }
    .figure:last-child:nth-child(odd) { grid-column:auto; }
    .topbar__tools { gap:6px; }
    .context-select { padding:0 7px; }
    .context-select label { display:none; }
    .main { padding-left:12px; padding-right:12px; }
    .head h1 { font-size:25px; }
    .card { padding:14px; }
    .rail { padding:14px 8px 12px; }
    .rail__grid { height:148px; gap:3px; }
}

@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
    .js-motion .rail__plan,.js-motion .rail__ist { transform:none!important; }
}

@media print {
    .nav,.topbar,.mobilbar,.appearance { display:none!important; }
    .shell { display:block; }
    .main { max-width:none; padding:0; }
    .card,.figure,.teaser { box-shadow:none; }
}

/* Dashboard management signal */
.management-brief {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:15px 16px;
    margin:-4px 0 16px;
    border:1px solid var(--rule);
    border-radius:var(--radius-md);
    background:linear-gradient(110deg,var(--surface),var(--surface-2));
    box-shadow:var(--shadow-card);
}
.management-brief__signal { width:10px; height:44px; border-radius:999px; background:var(--accent); box-shadow:0 0 0 5px var(--accent-soft); }
.management-brief__copy { min-width:0; display:flex; flex-direction:column; gap:2px; }
.management-brief__copy .eyebrow { margin:0 0 2px; }
.management-brief__copy strong { color:var(--ink); font-size:14px; font-weight:650; }
.management-brief__copy > span:last-child { color:var(--ink-2); font-size:11.5px; }
.management-brief__actions { display:flex; align-items:center; gap:7px; }
.management-brief--good .management-brief__signal { background:var(--ok); box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 10%,transparent); }
.management-brief--watch .management-brief__signal { background:var(--signal); box-shadow:0 0 0 5px color-mix(in srgb,var(--signal) 10%,transparent); }
.management-brief--risk .management-brief__signal { background:var(--bad); box-shadow:0 0 0 5px color-mix(in srgb,var(--bad) 10%,transparent); }
@media (max-width:760px){.management-brief{grid-template-columns:auto 1fr}.management-brief__actions{grid-column:1/-1;padding-left:24px;flex-wrap:wrap}}

/* Integrations hub */
.integration-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.integration-summary > div { position:relative; min-height:78px; padding:14px 15px; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--surface); box-shadow:var(--shadow-card); }
.integration-summary span { display:block; color:var(--ink-3); font-size:10px; text-transform:uppercase; letter-spacing:.08em; font-weight:650; }
.integration-summary strong { display:inline-block; margin-top:5px; color:var(--ink); font-size:24px; line-height:1; font-weight:650; letter-spacing:-.04em; }
.integration-summary small { margin-left:6px; color:var(--ink-3); font-size:10px; }
.integration-summary .status-dot { position:absolute; right:14px; top:15px; }
.status-dot { width:8px; height:8px; display:inline-block; border-radius:50%; background:var(--rule-2); box-shadow:0 0 0 4px color-mix(in srgb,var(--rule-2) 16%,transparent); }
.status-dot--ok { background:var(--ok); box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 10%,transparent); }
.status-dot--warn { background:var(--signal); box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 10%,transparent); }
.integration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.integration-grid--content { grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.integration-card { position:relative; padding:18px; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--surface); box-shadow:var(--shadow-card); overflow:hidden; }
.integration-card--active::before { content:""; position:absolute; left:0; top:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),transparent 76%); }
.integration-card__top { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; }
.integration-logo { width:40px; height:40px; border-radius:11px; display:grid; place-items:center; background:var(--surface-3); color:var(--ink-2); font-size:11px; font-weight:700; letter-spacing:-.02em; border:1px solid var(--rule); }
.integration-card--active .integration-logo { background:var(--accent-soft); color:var(--accent-strong); border-color:var(--accent-border); }
.integration-card__identity span { display:block; color:var(--ink-3); font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:650; }
.integration-card__identity h2 { margin:2px 0 0; color:var(--ink); font-size:14px; font-weight:650; }
.integration-card__desc { min-height:38px; margin:14px 0 11px; color:var(--ink-2); font-size:11.5px; }
.integration-health { display:flex; align-items:center; gap:9px; padding:10px 11px; border-radius:9px; background:var(--surface-2); color:var(--ink-2); font-size:10.5px; }
.integration-alert { display:flex; flex-direction:column; gap:2px; padding:10px 11px; border-radius:9px; background:color-mix(in srgb,var(--signal) 7%,var(--surface)); border:1px solid color-mix(in srgb,var(--signal) 20%,var(--rule)); }
.integration-alert strong { color:var(--signal); font-size:10.5px; }
.integration-alert span { color:var(--ink-2); font-size:10px; line-height:1.45; }
.integration-card__details { margin-top:12px; border-top:1px solid var(--rule); padding-top:11px; }
.integration-card__details > summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; color:var(--accent-strong); font-size:11px; font-weight:620; }
.integration-card__details > summary::-webkit-details-marker { display:none; }
.integration-card__details > summary::after { content:"+"; width:23px; height:23px; display:grid; place-items:center; border:1px solid var(--rule); border-radius:7px; color:var(--ink-3); font-size:15px; font-weight:400; }
.integration-card__details[open] > summary::after { content:"−"; }
.integration-card__panel { padding-top:13px; }
.integration-periods { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
.section-heading { margin:30px 0 14px; }
.section-heading h2 { margin:0; font-size:19px; font-weight:650; letter-spacing:-.03em; }
.automation-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px 20px; border:1px solid var(--rule); border-radius:var(--radius-md); background:linear-gradient(120deg,var(--surface),var(--surface-2)); box-shadow:var(--shadow-card); }
.automation-card h2 { margin:0; font-size:14px; font-weight:650; }
.automation-card p { margin:4px 0 0; color:var(--ink-3); font-size:11px; }
.automation-card code { max-width:100%; padding:10px 12px; border:1px solid var(--rule); border-radius:9px; background:var(--surface); color:var(--ink-2); font:10.5px/1.4 var(--mono); overflow:auto; }
@media(max-width:860px){.integration-summary{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.automation-card{grid-template-columns:1fr}.automation-card code{width:100%}}
@media(max-width:480px){.integration-summary{grid-template-columns:1fr 1fr}.integration-card__top{grid-template-columns:auto 1fr}.integration-card__top>.chip{grid-column:1/-1;justify-self:start}.integration-periods{grid-template-columns:1fr!important}}

/* Secure legacy migration ------------------------------------------------ */
.migration-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;margin:0 0 24px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)) 0%,var(--surface) 56%);box-shadow:var(--shadow-sm)}
.migration-card--done{background:linear-gradient(135deg,color-mix(in srgb,#2d8a5b 7%,var(--surface)) 0%,var(--surface) 56%)}
.migration-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;font-size:22px;font-weight:700;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 25%,transparent)}
.migration-card h2{margin:3px 0 7px;font-size:18px}.migration-card p{margin:0;max-width:850px;color:var(--muted);line-height:1.55}.migration-card__action{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.migration-card__action small{color:var(--muted);white-space:nowrap}.chip--secure{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--accent-strong,var(--accent))}
@media(max-width:820px){.migration-card{grid-template-columns:auto 1fr}.migration-card__action{grid-column:1/-1;align-items:stretch}.migration-card__action small{white-space:normal}}

/* Integration management ------------------------------------------------- */
.head__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.integration-summary__date{font-size:20px!important;letter-spacing:-.025em!important}
.integration-editor{margin-bottom:24px;border-color:var(--accent-border);box-shadow:0 16px 46px color-mix(in srgb,var(--accent) 8%,transparent)}
.integration-editor__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.field--toggle{justify-content:flex-start}
.switch{display:inline-flex;align-items:center;gap:9px;min-height:39px;cursor:pointer;color:var(--ink-2);font-size:11px}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch span{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface-3);border:1px solid var(--rule-2);transition:.18s ease}
.switch span::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--ink-3);transition:.18s var(--ease)}
.switch input:checked+span{background:var(--accent);border-color:var(--accent)}
.switch input:checked+span::after{left:19px;background:var(--accent-contrast)}
.switch input:focus-visible+span{box-shadow:0 0 0 3px var(--accent-soft)}
.switch b{font-weight:580;color:var(--ink-2)}
.secret-zone{margin-top:20px;padding:16px;border:1px solid var(--accent-border);border-radius:12px;background:linear-gradient(135deg,var(--accent-soft-2),var(--surface))}
.secret-zone__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.secret-zone__head>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent-soft);color:var(--accent-strong);font-size:11px}
.secret-zone__head strong,.secret-zone__head small{display:block}.secret-zone__head strong{font-size:12px;color:var(--ink)}.secret-zone__head small{margin-top:2px;color:var(--ink-3);font-size:10px}
.secret-input{position:relative}.secret-input input{width:100%;padding-right:80px}.secret-input__stored{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:3px 6px;border-radius:999px;background:var(--surface-3);color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;pointer-events:none}
.advanced-config{margin-top:16px;border-top:1px solid var(--rule);padding-top:12px}.advanced-config>summary{cursor:pointer;color:var(--ink-2);font-size:11px;font-weight:620;list-style:none}.advanced-config>summary::-webkit-details-marker{display:none}.advanced-config>summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border:1px solid var(--rule);border-radius:6px}.advanced-config[open]>summary::before{content:"−"}.advanced-config>.field{margin-top:12px}.code-input{font-family:var(--mono);font-size:10.5px;line-height:1.55;tab-size:2}
.integration-card__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}.integration-card__facts span{padding:8px 9px;border-radius:8px;background:var(--surface-2);color:var(--ink-3);font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-card__facts b{display:block;margin-bottom:2px;color:var(--ink-2);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em}
.integration-card__actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.integration-card__actions form{margin:0}.integration-inline-sync{margin-top:12px}.integration-card__danger{margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}.integration-card__danger>summary{cursor:pointer;list-style:none;color:var(--ink-3);font-size:9.5px}.integration-card__danger>summary::-webkit-details-marker{display:none}.integration-card__danger form{margin-top:10px}
.integration-empty{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:120px}.integration-empty__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent-strong);font-size:20px}.integration-empty h2{margin:0 0 4px;font-size:15px}.integration-empty p{margin:0;color:var(--ink-3);font-size:11px}
.integration-add{margin-top:8px;margin-bottom:28px;scroll-margin-top:96px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{border:1px solid var(--rule);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.catalog-card[open]{grid-column:1/-1;border-color:var(--accent-border);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 7%,transparent)}.catalog-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;cursor:pointer;list-style:none}.catalog-card>summary::-webkit-details-marker{display:none}.catalog-card__copy b,.catalog-card__copy small{display:block}.catalog-card__copy b{color:var(--ink);font-size:12px}.catalog-card__copy small{margin-top:2px;color:var(--ink-3);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}.catalog-card__plus{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid var(--rule);color:var(--ink-3);font-size:15px}.catalog-card[open] .catalog-card__plus{transform:rotate(45deg);color:var(--accent-strong);border-color:var(--accent-border)}.catalog-card__body{padding:0 16px 17px;border-top:1px solid var(--rule)}.catalog-card__body>p{margin:13px 0;color:var(--ink-2);font-size:11px}.catalog-card__body form{margin-top:13px}
@media(max-width:760px){.integration-editor__grid,.catalog-grid{grid-template-columns:1fr}.catalog-card[open]{grid-column:auto}.integration-card__facts{grid-template-columns:1fr}.head__actions{width:100%}.head__actions .btn{flex:1}}

/* Intelligence layer ----------------------------------------------------- */
.intelligence-panel{margin:18px 0 28px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}
.intelligence-panel__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:20px 22px;border-bottom:1px solid var(--rule);background:linear-gradient(125deg,var(--surface),var(--surface-2))}
.intelligence-panel__head h2{margin:2px 0 5px;color:var(--ink);font-size:20px;font-weight:650;letter-spacing:-.035em}.intelligence-panel__head p{margin:0;max-width:700px;color:var(--ink-3);font-size:11px;line-height:1.55}
.forecast-strip{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;justify-content:flex-end}.forecast-strip>div{min-width:130px;padding:10px 11px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}.forecast-strip span,.forecast-strip small{display:block;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:650}.forecast-strip strong{display:block;margin:4px 0 2px;color:var(--ink);font-size:16px;letter-spacing:-.025em}.forecast-strip small{text-transform:none;letter-spacing:0;font-weight:500}
.insight-list{display:flex;flex-direction:column}.insight-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(240px,.62fr);gap:14px;padding:16px 20px;border-bottom:1px solid var(--rule);transition:background .15s ease}.insight-row:last-child{border-bottom:0}.insight-row:hover{background:var(--surface-2)}.insight-row__marker{width:8px;height:42px;border-radius:999px;background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 8%,transparent)}.insight-row--risk .insight-row__marker{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 8%,transparent)}.insight-row--good .insight-row__marker{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 8%,transparent)}.insight-row__main h3{margin:2px 0 4px;color:var(--ink);font-size:13px;font-weight:650}.insight-row__main p,.insight-row__action p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.5}.insight-row__action{padding-left:14px;border-left:1px solid var(--rule)}.insight-row__action>span{display:block;margin-bottom:4px;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.insight-row__action a{display:inline-block;margin-top:7px;color:var(--accent-strong);font-size:10px;font-weight:650;text-decoration:none}
@media(max-width:900px){.intelligence-panel__head{grid-template-columns:1fr}.forecast-strip{justify-content:flex-start}.insight-row{grid-template-columns:auto 1fr}.insight-row__action{grid-column:2;border-left:0;padding:0}}
@media(max-width:560px){.forecast-strip>div{flex:1 1 120px}.insight-row{padding:14px}.intelligence-panel__head{padding:17px}}

/* Management pages: Goals / Performance / Funnel / Data health ----------- */
.management-summary{margin:0 0 24px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-card);overflow:hidden}
.management-summary__top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;padding:22px 24px;border-bottom:1px solid var(--rule)}
.management-summary__copy h2{margin:3px 0 7px;color:var(--ink);font-size:21px;font-weight:660;letter-spacing:-.04em}.management-summary__copy p{margin:0;max-width:720px;color:var(--ink-3);font-size:11px;line-height:1.6}
.summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-metric{min-height:86px;padding:12px 13px;border:1px solid var(--rule);border-radius:11px;background:var(--surface)}.summary-metric>span,.summary-metric>small{display:block;color:var(--ink-3);font-size:8.5px;line-height:1.3;text-transform:uppercase;letter-spacing:.07em;font-weight:680}.summary-metric>strong{display:block;margin:5px 0 3px;color:var(--ink);font-size:21px;line-height:1;letter-spacing:-.04em}.summary-metric>small{text-transform:none;letter-spacing:0;font-weight:500}
.summary-metric--risk{border-color:color-mix(in srgb,var(--bad) 25%,var(--rule));background:color-mix(in srgb,var(--bad) 4%,var(--surface))}.summary-metric--watch{border-color:color-mix(in srgb,var(--signal) 25%,var(--rule));background:color-mix(in srgb,var(--signal) 4%,var(--surface))}.summary-metric--good{border-color:color-mix(in srgb,var(--ok) 22%,var(--rule));background:color-mix(in srgb,var(--ok) 4%,var(--surface))}
.management-summary__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 24px;background:var(--surface)}.management-summary__bottom p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.5}.management-summary__bottom strong{color:var(--ink)}
.portfolio-bar{display:flex;height:8px;min-width:220px;max-width:420px;border-radius:999px;overflow:hidden;background:var(--surface-3)}.portfolio-bar i{display:block;height:100%;min-width:0}.portfolio-bar .is-risk{background:var(--bad)}.portfolio-bar .is-watch{background:var(--signal)}.portfolio-bar .is-good{background:var(--ok)}.portfolio-bar .is-neutral{background:var(--rule-2)}
.priority-stack{display:grid;gap:8px;padding:0 24px 20px}.priority-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}.priority-item__dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 8%,transparent)}.priority-item--risk .priority-item__dot{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 8%,transparent)}.priority-item--good .priority-item__dot{background:var(--ok)}.priority-item b{display:block;color:var(--ink);font-size:11px}.priority-item small{display:block;margin-top:2px;color:var(--ink-3);font-size:9.5px;line-height:1.4}.priority-item a{color:var(--accent-strong);font-size:10px;font-weight:650;text-decoration:none;white-space:nowrap}
.rate-delta{font-size:10px;font-weight:650}.rate-delta--good{color:var(--ok)}.rate-delta--bad{color:var(--bad)}
.health-score{display:flex;align-items:center;gap:12px}.health-score__ring{--health:.75;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--health)*1turn),var(--surface-3) 0);position:relative}.health-score__ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.health-score__ring strong{position:relative;z-index:1;font-size:19px;letter-spacing:-.04em}.health-score__copy span,.health-score__copy small{display:block}.health-score__copy span{color:var(--ink);font-size:11px;font-weight:650}.health-score__copy small{margin-top:3px;color:var(--ink-3);font-size:9.5px;line-height:1.4}
.funnel-bottleneck{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.funnel-bottleneck__flow{display:flex;align-items:center;gap:7px;color:var(--ink-2);font-size:10px}.funnel-bottleneck__flow b{padding:5px 8px;border-radius:7px;background:var(--surface-2);color:var(--ink)}.funnel-bottleneck__flow i{color:var(--ink-3);font-style:normal}
@media(max-width:900px){.management-summary__top{grid-template-columns:1fr}.management-summary__bottom{grid-template-columns:1fr}.portfolio-bar{max-width:none}.priority-item{grid-template-columns:auto 1fr}.priority-item a{grid-column:2}}
@media(max-width:560px){.management-summary__top{padding:17px}.summary-metrics{grid-template-columns:1fr 1fr}.management-summary__bottom{padding:13px 17px}.priority-stack{padding:0 17px 17px}.summary-metric{min-height:78px;padding:10px}.summary-metric>strong{font-size:18px}}
.js-motion .portfolio-bar i{transform:scaleX(0);transform-origin:left center}.js-motion.is-ready .portfolio-bar i{transform:scaleX(1);transition:transform .55s var(--ease)}
.js-motion .funnel__bar{transform:scaleX(0);transform-origin:left center}.js-motion.is-ready .funnel__bar{transform:scaleX(1);transition:transform .62s var(--ease)}
@media(prefers-reduced-motion:reduce){.js-motion .portfolio-bar i,.js-motion .funnel__bar{transform:none!important;transition:none!important}}

/* Action Center ---------------------------------------------------------- */
.action-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.action-summary__item{min-height:96px;padding:15px 16px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);position:relative;overflow:hidden}
.action-summary__item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.action-summary__item--risk::before{background:var(--bad)}.action-summary__item--watch::before{background:var(--signal)}
.action-summary__item>span,.action-summary__item>small{display:block;color:var(--ink-3);font-size:9px;text-transform:uppercase;letter-spacing:.075em;font-weight:680}
.action-summary__item>strong{display:block;margin:8px 0 4px;color:var(--ink);font-size:27px;line-height:1;letter-spacing:-.05em}
.action-summary__item>small{text-transform:none;letter-spacing:0;font-weight:500}
.action-board{overflow:hidden}.action-list{display:flex;flex-direction:column}
.action-item{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr) minmax(300px,.85fr);gap:18px;padding:18px 20px;border-top:1px solid var(--rule);background:var(--surface);transition:background .15s ease}
.action-item:first-child{border-top:0}.action-item:hover{background:var(--surface-2)}
.action-item__signal{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px}.signal-dot{display:block;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.action-item--risk .signal-dot,.signal-dot--risk{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 9%,transparent)}.action-item--watch .signal-dot,.signal-dot--watch{background:var(--signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--signal) 9%,transparent)}
.action-item h3{margin:2px 0 5px;color:var(--ink);font-size:13px;font-weight:660}.action-item p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.action-item__signal a{display:inline-block;margin-top:8px;color:var(--accent-strong);font-size:10px;font-weight:650;text-decoration:none}
.action-item__recommendation{padding-left:17px;border-left:1px solid var(--rule)}.action-item__recommendation>span{display:block;margin-bottom:5px;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.075em;font-weight:700}
.action-link{margin-top:9px;padding:7px 8px;border:1px solid var(--rule);border-radius:8px;background:var(--surface-2);color:var(--ink-2);font-size:9.5px}.action-link strong{color:var(--ink);margin-right:4px}.action-link a{text-decoration:none}.action-link--ok{border-color:color-mix(in srgb,var(--ok) 22%,var(--rule));background:color-mix(in srgb,var(--ok) 4%,var(--surface))}
.action-item__control{display:flex;flex-direction:column;gap:8px;padding-left:17px;border-left:1px solid var(--rule)}.action-control-form{display:grid;grid-template-columns:1fr 128px;gap:7px}.action-control-form label{font-size:8.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.055em}.action-control-form label:nth-child(4){grid-column:1/-1}.action-control-form input,.action-control-form select{width:100%;margin-top:4px;min-height:33px;padding:6px 8px;font-size:10.5px}.action-control-form .btn{align-self:end}.field-danger{border-color:color-mix(in srgb,var(--bad) 52%,var(--rule))!important;background:color-mix(in srgb,var(--bad) 4%,var(--surface))!important}.action-readonly{display:flex;flex-direction:column;gap:3px;color:var(--ink-2);font-size:10px}.action-readonly small{color:var(--ink-3)}
.action-preview{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr) auto;gap:16px;align-items:center;margin:0 0 18px;padding:16px 18px;border:1px solid var(--accent-border);border-radius:var(--radius-md);background:linear-gradient(115deg,var(--accent-soft-2),var(--surface));box-shadow:var(--shadow-card)}.action-preview__copy h2{margin:2px 0 4px;color:var(--ink);font-size:16px;letter-spacing:-.03em}.action-preview__copy p{margin:0;color:var(--ink-3);font-size:10.5px;line-height:1.5}.action-preview__items{display:grid;gap:5px}.action-preview__item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;text-decoration:none;color:inherit}.action-preview__item:hover{background:var(--surface)}.action-preview__item .signal-dot{margin:0}.action-preview__item b,.action-preview__item small{display:block}.action-preview__item b{font-size:10px;color:var(--ink)}.action-preview__item small{margin-top:1px;color:var(--ink-3);font-size:9px}
.intelligence-panel__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;border-top:1px solid var(--rule);background:var(--surface-2);color:var(--ink-3);font-size:10px}.measure-action{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.measure-action a,.campaign-action-note a{text-decoration:none}
@media(max-width:1020px){.action-item{grid-template-columns:1fr 1fr}.action-item__control{grid-column:1/-1;border-left:0;padding-left:19px}.action-preview{grid-template-columns:1fr auto}.action-preview__items{grid-column:1/-1;grid-row:2}}
@media(max-width:720px){.action-summary{grid-template-columns:1fr 1fr}.action-item{grid-template-columns:1fr;padding:15px}.action-item__recommendation,.action-item__control{grid-column:auto;border-left:0;border-top:1px solid var(--rule);padding:12px 0 0}.action-preview{grid-template-columns:1fr}.action-preview__items{grid-column:auto;grid-row:auto}.action-preview>.btn{justify-self:start}.intelligence-panel__footer{align-items:flex-start;flex-direction:column}}
@media(max-width:440px){.action-summary{grid-template-columns:1fr}.action-control-form{grid-template-columns:1fr}.action-control-form label:nth-child(4){grid-column:auto}}
.action-origin{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:18px;margin:0 0 16px;padding:16px 18px;border:1px solid var(--accent-border);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent-soft-2),var(--surface));box-shadow:var(--shadow-card)}.action-origin--risk{border-left-color:var(--bad)}.action-origin--watch{border-left-color:var(--signal)}.action-origin h2{margin:2px 0 5px;color:var(--ink);font-size:15px;letter-spacing:-.025em}.action-origin p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.action-origin>div+div{padding-left:18px;border-left:1px solid var(--rule)}.action-origin>div+div>span{display:block;margin-bottom:4px;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.action-origin .btn{margin-top:9px}@media(max-width:700px){.action-origin{grid-template-columns:1fr}.action-origin>div+div{padding:12px 0 0;border-left:0;border-top:1px solid var(--rule)}}

/* Learning loop */
.learning-principle{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:16px}.learning-principle h2{margin:3px 0 0;font-size:18px}.learning-principle p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.65}.learning-board{overflow:hidden}.learning-list{display:flex;flex-direction:column}.learning-item{padding:20px 22px;border-top:1px solid var(--rule);background:var(--surface)}.learning-item:first-child{border-top:0}.learning-item__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.learning-item__head h3{margin:3px 0 4px;font-size:14px}.learning-item__head h3 a{color:var(--ink);text-decoration:none}.learning-item__head p{margin:0;color:var(--ink-3);font-size:9.5px}.learning-item__badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.learning-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.learning-metrics>div{padding:11px 12px;border:1px solid var(--rule);border-radius:9px;background:var(--surface-2)}.learning-metrics span,.learning-metrics small{display:block;color:var(--ink-3);font-size:8.5px}.learning-metrics strong{display:block;margin:4px 0 2px;color:var(--ink);font-size:15px}.learning-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.learning-evidence>div{padding:13px 14px;border-left:1px solid var(--rule)}.learning-evidence>div:first-child{border-left:0}.learning-evidence span,.learning-human>span{display:block;margin-bottom:5px;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.learning-evidence p,.learning-human p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.learning-review{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(180px,.45fr) auto;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--rule);align-items:end}.learning-review label{font-size:8.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.055em}.learning-review input,.learning-review select,.learning-review textarea{width:100%;margin-top:4px}.learning-review__wide{grid-column:1/-1}.learning-human{margin-top:14px;padding:13px 14px;border-radius:9px;background:color-mix(in srgb,var(--ok) 5%,var(--surface-2));border:1px solid color-mix(in srgb,var(--ok) 18%,var(--rule))}.learning-human small{display:block;margin-top:6px;color:var(--ink-3);font-size:9.5px}.learning-item--weak{box-shadow:inset 3px 0 0 var(--bad)}.learning-item--mixed,.learning-item--measurement_gap{box-shadow:inset 3px 0 0 var(--signal)}.learning-item--strong,.learning-item--positive{box-shadow:inset 3px 0 0 var(--ok)}
@media(max-width:900px){.learning-principle{grid-template-columns:1fr}.learning-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-evidence{grid-template-columns:1fr}.learning-evidence>div{border-left:0;border-top:1px solid var(--rule)}.learning-evidence>div:first-child{border-top:0}.learning-review{grid-template-columns:1fr 1fr}.learning-review .btn{grid-column:1/-1}.learning-item__head{flex-direction:column}.learning-item__badges{justify-content:flex-start}}
@media(max-width:560px){.learning-metrics,.learning-review{grid-template-columns:1fr}.learning-item{padding:16px 14px}}
.measure-learning{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;margin:0 0 16px;padding:16px 18px;border:1px solid var(--rule);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface))}.measure-learning h2{margin:3px 0 4px;font-size:16px}.measure-learning p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.measure-learning__facts{display:flex;gap:18px}.measure-learning__facts>span{display:flex;flex-direction:column;color:var(--ink);font-size:12px;font-weight:650;white-space:nowrap}.measure-learning__facts small{margin-top:2px;color:var(--ink-3);font-size:8.5px;font-weight:500}.measure-action+.measure-action{margin-top:4px}
@media(max-width:820px){.measure-learning{grid-template-columns:1fr}.measure-learning__facts{flex-wrap:wrap}}
.learning-preview{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;margin:16px 0;padding:16px 18px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.learning-preview h2{margin:3px 0 4px;font-size:16px}.learning-preview p{margin:0;color:var(--ink-2);font-size:10.5px}.learning-preview__stats{display:flex;gap:18px}.learning-preview__stats span{color:var(--ink-3);font-size:9px;white-space:nowrap}.learning-preview__stats b{display:block;color:var(--ink);font-size:17px;line-height:1.1}
@media(max-width:850px){.learning-preview{grid-template-columns:1fr}.learning-preview__stats{flex-wrap:wrap}}
.learning-human--pending{background:color-mix(in srgb,var(--signal) 5%,var(--surface-2));border-color:color-mix(in srgb,var(--signal) 18%,var(--rule))}


/* Marketing Playbook ---------------------------------------------------- */
.playbook-principle{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr);gap:28px;align-items:start;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}.playbook-principle h2{margin:3px 0 0;font-size:18px}.playbook-principle p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.65}.playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.playbook-card{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);padding:17px 18px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.playbook-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ink-4)}.playbook-card--repeat:before{background:var(--ok)}.playbook-card--optimize:before{background:var(--signal)}.playbook-card--stop:before{background:var(--bad)}.playbook-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.playbook-card__head h3{margin:3px 0 0;font-size:15px;line-height:1.35}.playbook-card__context{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.playbook-card__context span{font-size:9px;color:var(--ink-2);padding:4px 7px;border:1px solid var(--rule);border-radius:999px;background:var(--surface-2)}.playbook-card__knowledge{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.playbook-card__knowledge>div{padding:11px 12px;border-radius:9px;background:var(--surface-2);border:1px solid var(--rule)}.playbook-card__knowledge span{display:block;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em}.playbook-card__knowledge p{margin:5px 0 0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.playbook-card__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:11px 0;margin:13px 0}.playbook-card__metrics span{font-size:8.5px;color:var(--ink-3);padding:0 8px;border-left:1px solid var(--rule)}.playbook-card__metrics span:first-child{border-left:0;padding-left:0}.playbook-card__metrics b{display:block;color:var(--ink);font-size:12px;margin-bottom:2px}.playbook-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.playbook-card__foot .note{font-size:8.8px}.playbook-origin{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:18px;margin-bottom:16px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--rule));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface))}.playbook-origin h2{margin:3px 0 5px;font-size:16px}.playbook-origin p{margin:0;color:var(--ink-2);font-size:10.5px;line-height:1.55}.playbook-origin>div>span:not(.eyebrow){display:block;color:var(--ink-3);font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.playbook-origin .btn{margin-top:10px}.measure-playbook{margin:0 0 16px;padding:17px 18px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card)}.measure-playbook__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:13px}.measure-playbook__head h2{font-size:16px;margin:3px 0 4px}.measure-playbook__head p{margin:0;max-width:760px;color:var(--ink-2);font-size:10px;line-height:1.55}.measure-playbook__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.measure-playbook__item{display:flex;flex-direction:column;gap:7px;min-width:0;padding:12px;border:1px solid var(--rule);border-radius:10px;background:var(--surface-2)}.measure-playbook__item>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.measure-playbook__item strong{font-size:11px;line-height:1.35}.measure-playbook__item p{margin:0;color:var(--ink-2);font-size:9.5px;line-height:1.5}.measure-playbook__item small{color:var(--ink-3);font-size:8.5px;line-height:1.45}.measure-playbook__item>a,.measure-playbook__item-foot>a{font-size:9px;font-weight:650;color:var(--accent);text-decoration:none}.measure-playbook__item-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:5px}.measure-playbook__item-foot .note{font-size:8px}.measure-playbook__item .chip{font-size:8px}
@media(max-width:1100px){.playbook-grid{grid-template-columns:1fr}.measure-playbook__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.playbook-principle,.playbook-origin{grid-template-columns:1fr}.playbook-card__knowledge{grid-template-columns:1fr}.playbook-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.playbook-card__metrics span:nth-child(3){border-left:0;padding-left:0}.playbook-card__foot,.measure-playbook__head{align-items:flex-start;flex-direction:column}.measure-playbook__list{grid-template-columns:1fr}}

.learning-preview__actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media(max-width:850px){.learning-preview__actions{justify-content:flex-start}}

/* Portfolio forecast ----------------------------------------------------- */
.portfolio-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;align-items:center;margin:0 0 16px;padding:24px 26px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:linear-gradient(125deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-card);position:relative;overflow:hidden}.portfolio-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--ink-4)}.portfolio-hero--risk:before{background:var(--bad)}.portfolio-hero--watch:before{background:var(--signal)}.portfolio-hero--good:before{background:var(--ok)}.portfolio-hero__copy h2{margin:3px 0 8px;font-size:22px;line-height:1.24;letter-spacing:-.035em}.portfolio-hero__copy p{margin:0;max-width:850px;color:var(--ink-2);font-size:11px;line-height:1.6}.portfolio-hero__metric{padding:15px 17px;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}.portfolio-hero__metric span,.portfolio-hero__metric small{display:block;color:var(--ink-3);font-size:9px}.portfolio-hero__metric strong{display:block;margin:3px 0;font-size:28px;letter-spacing:-.05em}.portfolio-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 16px;border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-card)}.portfolio-kpis>div{padding:15px 17px;border-left:1px solid var(--rule)}.portfolio-kpis>div:first-child{border-left:0}.portfolio-kpis span,.portfolio-kpis small{display:block;color:var(--ink-3);font-size:8.5px}.portfolio-kpis strong{display:block;margin:4px 0 2px;font-size:20px;letter-spacing:-.035em}.portfolio-kpis .is-risk strong{color:var(--bad)}.portfolio-kpis .is-good strong{color:var(--ok)}.portfolio-coverage{padding:19px 21px!important}.coverage-bar{position:relative;height:12px;margin:15px 0 11px;border-radius:999px;background:color-mix(in srgb,var(--bad) 9%,var(--surface-3));overflow:hidden}.coverage-bar span{position:absolute;top:0;bottom:0;transition:width .7s var(--ease)}.coverage-bar__actual{left:0;background:var(--accent)}.coverage-bar__plan{background:color-mix(in srgb,var(--accent) 35%,var(--surface-3));border-left:2px solid var(--surface)}.coverage-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--ink-3);font-size:9px}.coverage-legend span{display:flex;align-items:center;gap:6px}.coverage-legend i{width:9px;height:9px;border-radius:3px;background:var(--surface-3)}.coverage-legend .is-actual{background:var(--accent)}.coverage-legend .is-plan{background:color-mix(in srgb,var(--accent) 35%,var(--surface-3))}.coverage-legend .is-gap{background:color-mix(in srgb,var(--bad) 30%,var(--surface-3))}.scenario-card{margin:18px 0;padding:19px 21px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--rule));border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface))}.scenario-card h2{margin:3px 0 6px;font-size:17px}.scenario-card p{margin:0;color:var(--ink-2);font-size:11px;line-height:1.6}.scenario-card small{display:block;margin-top:8px;color:var(--ink-3);font-size:9px}.portfolio-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.portfolio-measure{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;padding:14px 15px;border:1px solid var(--rule);border-radius:11px;background:var(--surface-2);position:relative;overflow:hidden}.portfolio-measure:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ink-4)}.portfolio-measure--scale:before,.portfolio-measure--protect:before{background:var(--ok)}.portfolio-measure--optimize:before{background:var(--bad)}.portfolio-measure--launch:before,.portfolio-measure--measure:before{background:var(--signal)}.portfolio-measure h3{margin:6px 0 3px;font-size:11.5px;line-height:1.35}.portfolio-measure h3 a{color:var(--ink);text-decoration:none}.portfolio-measure p{margin:0;color:var(--ink-3);font-size:9px}.portfolio-measure__numbers{display:flex;gap:13px;align-items:center}.portfolio-measure__numbers span{color:var(--ink-3);font-size:8px;text-align:right}.portfolio-measure__numbers b{display:block;color:var(--ink);font-size:11px;margin-bottom:2px;white-space:nowrap}
@media(max-width:1100px){.portfolio-kpis{grid-template-columns:repeat(3,1fr)}.portfolio-kpis>div:nth-child(4){border-left:0;border-top:1px solid var(--rule)}.portfolio-kpis>div:nth-child(5){border-top:1px solid var(--rule)}.portfolio-measures{grid-template-columns:1fr}}
@media(max-width:760px){.portfolio-hero{grid-template-columns:1fr}.portfolio-kpis{grid-template-columns:1fr 1fr}.portfolio-kpis>div{border-top:1px solid var(--rule)}.portfolio-kpis>div:nth-child(odd){border-left:0}.portfolio-kpis>div:first-child,.portfolio-kpis>div:nth-child(2){border-top:0}.portfolio-measure{grid-template-columns:1fr}.portfolio-measure__numbers{justify-content:flex-start;flex-wrap:wrap}.portfolio-measure__numbers span{text-align:left}}
.portfolio-preview,.portfolio-insight{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;margin:16px 0;padding:17px 19px;border:1px solid var(--rule);border-radius:var(--radius-md);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface));box-shadow:var(--shadow-card)}.portfolio-preview h2,.portfolio-insight h2{margin:3px 0 4px;font-size:15px;letter-spacing:-.025em}.portfolio-preview p,.portfolio-insight p{margin:0;color:var(--ink-2);font-size:10px}.portfolio-preview__signals,.portfolio-insight__mix{display:flex;gap:14px}.portfolio-preview__signals span,.portfolio-insight__mix span{color:var(--ink-3);font-size:8.5px;text-align:center;white-space:nowrap}.portfolio-preview__signals b,.portfolio-insight__mix b{display:block;color:var(--ink);font-size:16px;margin-bottom:1px}@media(max-width:850px){.portfolio-preview,.portfolio-insight{grid-template-columns:1fr}.portfolio-preview__signals,.portfolio-insight__mix{justify-content:flex-start}.portfolio-preview__signals span,.portfolio-insight__mix span{text-align:left}}

/* Scenario Lab ----------------------------------------------------------- */
.scenario-lab{margin:18px 0;padding:0!important;overflow:hidden}.scenario-lab__head{padding:20px 22px 16px!important;margin:0!important;border-bottom:1px solid var(--rule)}.scenario-lab__suggestion{min-width:240px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--rule));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2))}.scenario-lab__suggestion span,.scenario-lab__suggestion small{display:block;color:var(--ink-3);font-size:8.5px}.scenario-lab__suggestion b{display:block;margin:2px 0;font-size:11px;color:var(--ink)}
.scenario-form{padding:18px 22px;background:var(--surface-2);border-bottom:1px solid var(--rule)}.scenario-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.scenario-form label{display:grid;gap:6px}.scenario-form label>span{font-size:9px;font-weight:700;color:var(--ink-2)}.scenario-form label>small{font-size:8px;line-height:1.45;color:var(--ink-3)}.scenario-form select,.scenario-form input{width:100%}.input-affix{position:relative}.input-affix input{padding-right:54px}.input-affix i{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink-3);font-size:9px;pointer-events:none}.scenario-form__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:15px}.scenario-form__actions .note{margin-left:auto}
.scenario-result{padding:20px 22px}.scenario-result__headline{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.scenario-result__headline h3{margin:3px 0 5px;font-size:17px;letter-spacing:-.025em}.scenario-result__headline p{max-width:760px;margin:0;color:var(--ink-2);font-size:10px;line-height:1.55}.scenario-result__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;border:1px solid var(--rule);border-radius:11px;overflow:hidden}.scenario-result__kpis>div{padding:13px 15px;background:var(--surface);border-left:1px solid var(--rule)}.scenario-result__kpis>div:first-child{border-left:0}.scenario-result__kpis span,.scenario-result__kpis small{display:block;color:var(--ink-3);font-size:8px}.scenario-result__kpis strong{display:block;margin:3px 0;font-size:18px;letter-spacing:-.035em}.scenario-result__kpis .is-good strong{color:var(--ok)}.scenario-result__kpis .is-risk strong{color:var(--bad)}
.scenario-waterfall{display:flex;gap:7px;align-items:stretch;margin-top:14px;overflow-x:auto;padding-bottom:2px}.scenario-waterfall>div{min-width:130px;padding:10px 12px;border:1px solid var(--rule);border-radius:9px;background:var(--surface-2)}.scenario-waterfall span{display:block;color:var(--ink-3);font-size:8px}.scenario-waterfall b{display:block;margin-top:3px;font-size:13px}.scenario-waterfall .is-positive{border-color:color-mix(in srgb,var(--ok) 28%,var(--rule));background:color-mix(in srgb,var(--ok) 5%,var(--surface))}.scenario-waterfall .is-positive b{color:var(--ok)}.scenario-waterfall .is-negative{border-color:color-mix(in srgb,var(--bad) 28%,var(--rule));background:color-mix(in srgb,var(--bad) 5%,var(--surface))}.scenario-waterfall .is-negative b{color:var(--bad)}.scenario-waterfall .is-total{border-color:color-mix(in srgb,var(--accent) 28%,var(--rule));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.scenario-waterfall .is-total b{color:var(--accent)}.scenario-result__notes,.scenario-result__warnings{margin-top:14px;padding:12px 14px;border-radius:9px;background:var(--surface-2);font-size:9px;color:var(--ink-2)}.scenario-result__warnings{background:color-mix(in srgb,var(--signal) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--signal) 18%,var(--rule))}.scenario-result__notes strong,.scenario-result__warnings strong{color:var(--ink)}.scenario-result__notes ul,.scenario-result__warnings ul{margin:7px 0 0;padding-left:17px}.scenario-result__notes li,.scenario-result__warnings li{margin:3px 0;line-height:1.45}
@media(max-width:1050px){.scenario-form__grid{grid-template-columns:1fr 1fr}.scenario-result__kpis{grid-template-columns:1fr 1fr}.scenario-result__kpis>div:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.scenario-result__kpis>div:nth-child(4){border-top:1px solid var(--rule)}}
@media(max-width:700px){.scenario-form__grid{grid-template-columns:1fr}.scenario-form__actions .note{width:100%;margin-left:0}.scenario-result__headline{display:grid}.scenario-result__kpis{grid-template-columns:1fr}.scenario-result__kpis>div{border-left:0;border-top:1px solid var(--rule)}.scenario-result__kpis>div:first-child{border-top:0}.scenario-lab__suggestion{min-width:0;width:100%}}

/* Scenario comparison board */
.scenario-compare{margin:18px 0;padding:0!important;overflow:hidden}.scenario-compare__head{padding:20px 22px 16px!important;margin:0!important;border-bottom:1px solid var(--rule)}.scenario-compare__legend{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:var(--ink-3);font-size:8.5px}.scenario-compare__legend span{display:flex;align-items:center;gap:6px}.scenario-compare__legend .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.scenario-compare__legend .dot--scenario{background:var(--accent)}
.scenario-compare__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:0;border-bottom:1px solid var(--rule)}.scenario-option{position:relative;min-width:0;padding:18px 19px 17px;background:var(--surface);border-right:1px solid var(--rule)}.scenario-option:last-child{border-right:0}.scenario-option--baseline{background:var(--surface-2)}.scenario-option--lowest{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.scenario-option--lowest:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--accent)}.scenario-option__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.scenario-option__top h3{margin:2px 0 0;font-size:15px;letter-spacing:-.025em}.scenario-option__desc{min-height:44px;margin:9px 0 14px;color:var(--ink-2);font-size:9px;line-height:1.5}.scenario-option__hero{padding:13px 0 14px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.scenario-option__hero>strong{display:inline-block;font-size:25px;line-height:1;letter-spacing:-.045em}.scenario-option__hero>span{margin-left:5px;color:var(--ink-3);font-size:8.5px}.scenario-option__hero>small{display:block;margin-top:6px;color:var(--ink-3);font-size:8px}.scenario-option__bar{height:5px;margin-top:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.scenario-option__bar i{display:block;width:var(--coverage);height:100%;max-width:100%;border-radius:inherit;background:var(--accent);transform-origin:left;animation:scenarioGrow .65s cubic-bezier(.2,.8,.2,1) both}.scenario-option--baseline .scenario-option__bar i{background:var(--ink-3)}
.scenario-option__metrics{display:grid;grid-template-columns:1fr 1fr;margin:0}.scenario-option__metrics>div{padding:10px 8px 8px 0;border-bottom:1px solid var(--rule)}.scenario-option__metrics>div:nth-child(even){padding-left:10px;border-left:1px solid var(--rule)}.scenario-option__metrics dt{color:var(--ink-3);font-size:7.5px}.scenario-option__metrics dd{margin:3px 0 0;color:var(--ink);font-size:10px;font-weight:700}.scenario-option__metrics dd.is-good{color:var(--ok)}.scenario-option__metrics dd.is-risk{color:var(--bad)}.scenario-option__details{margin-top:10px;font-size:8px;color:var(--ink-2)}.scenario-option__details summary{cursor:pointer;color:var(--ink-2);font-weight:700}.scenario-option__details ul{margin:7px 0 0;padding-left:16px}.scenario-option__details li{margin:3px 0;line-height:1.45}.scenario-option__details .is-warn{color:var(--signal)}.scenario-compare__empty{display:grid;gap:3px;padding:14px 22px;border-bottom:1px solid var(--rule);background:var(--surface-2);font-size:9px}.scenario-compare__empty span{color:var(--ink-3)}.scenario-compare__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 22px;background:var(--surface-2);color:var(--ink-3);font-size:8.5px}@keyframes scenarioGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.scenario-compare__grid{grid-template-columns:1fr 1fr}.scenario-option:nth-child(2n){border-right:0}.scenario-option:nth-child(n+3){border-top:1px solid var(--rule)}}@media(max-width:620px){.scenario-compare__grid{grid-template-columns:1fr}.scenario-option{border-right:0;border-top:1px solid var(--rule)}.scenario-option:first-child{border-top:0}.scenario-compare__foot{align-items:flex-start;flex-direction:column}.scenario-option__desc{min-height:0}}@media(prefers-reduced-motion:reduce){.scenario-option__bar i{animation:none}}

/* Revenue economics ------------------------------------------------------ */
.economics-strip{margin:18px 0;padding:0!important;overflow:hidden}.economics-strip .card__head{padding:19px 22px 14px!important;margin:0!important;border-bottom:1px solid var(--rule)}.economics-strip__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.economics-strip__grid>div{padding:15px 17px;border-left:1px solid var(--rule);background:var(--surface)}.economics-strip__grid>div:first-child{border-left:0}.economics-strip__grid span,.economics-strip__grid small{display:block;color:var(--ink-3);font-size:8px}.economics-strip__grid strong{display:block;margin:4px 0 3px;font-size:17px;letter-spacing:-.035em}.economics-strip__grid .is-good strong{color:var(--ok)}.economics-strip__grid .is-risk strong{color:var(--bad)}.table-sub{display:block;margin-top:2px;color:var(--ink-3);font-size:7.5px;font-weight:400}.spine small{display:block;margin-top:2px;color:var(--ink-3);font-size:7.5px}.scenario-option__flags{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.chip--accent{border-color:color-mix(in srgb,var(--accent) 35%,var(--rule));background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent)}
.scenario-economics{margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--rule));border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.scenario-economics__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.scenario-economics__head h4{margin:2px 0 0;font-size:13px}.scenario-economics__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:11px;border:1px solid var(--rule);border-radius:9px;overflow:hidden}.scenario-economics__grid>div{padding:11px 12px;border-left:1px solid var(--rule);background:var(--surface)}.scenario-economics__grid>div:first-child{border-left:0}.scenario-economics__grid span{display:block;color:var(--ink-3);font-size:7.5px}.scenario-economics__grid strong{display:block;margin-top:3px;font-size:13px;letter-spacing:-.025em}.scenario-economics__grid .is-good strong{color:var(--ok)}.scenario-economics__grid .is-risk strong{color:var(--bad)}.scenario-economics>p{margin:9px 0 0;color:var(--ink-3);font-size:8px;line-height:1.5}
@media(max-width:1050px){.economics-strip__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.economics-strip__grid>div:nth-child(4){border-left:0;border-top:1px solid var(--rule)}.economics-strip__grid>div:nth-child(5){border-top:1px solid var(--rule)}.scenario-economics__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-economics__grid>div:nth-child(4){border-left:0;border-top:1px solid var(--rule)}.scenario-economics__grid>div:nth-child(5){border-top:1px solid var(--rule)}}@media(max-width:650px){.economics-strip__grid,.scenario-economics__grid{grid-template-columns:1fr}.economics-strip__grid>div,.scenario-economics__grid>div{border-left:0;border-top:1px solid var(--rule)}.economics-strip__grid>div:first-child,.scenario-economics__grid>div:first-child{border-top:0}.scenario-economics__head{display:grid}}

/* Workspace / company branding */
.nav__brand { text-decoration:none; border-radius:10px; transition:background .14s ease; }
.nav__brand:hover { background:var(--surface-2); }
.nav__brand-logo { width:72px; height:38px; display:grid; place-items:center start; flex:0 0 72px; overflow:hidden; }
.nav__brand-logo .nav__logo { width:auto; max-width:72px; max-height:34px; object-fit:contain; object-position:left center; margin:0; }
.nav__logo--dark { display:none; }
html[data-theme="dark"] .nav__logo--light { display:none; }
html[data-theme="dark"] .nav__logo--dark { display:block; }
@media (prefers-color-scheme: dark) {
    html[data-theme="system"] .nav__logo--light { display:none; }
    html[data-theme="system"] .nav__logo--dark { display:block; }
}
.appearance-reset,.appearance-settings-link { width:100%; display:flex; align-items:center; justify-content:center; min-height:32px; margin-top:10px; border:1px solid var(--rule); border-radius:8px; background:var(--surface-2); color:var(--ink-2); font:600 10.5px/1.2 var(--sans); text-decoration:none; cursor:pointer; }
.appearance-reset:hover,.appearance-settings-link:hover { background:var(--surface-3); color:var(--ink); }
.appearance-settings-link { margin-top:6px; background:transparent; }
.head__sub { max-width:760px; margin:7px 0 0; color:var(--ink-2); font-size:11.5px; line-height:1.6; }

.workspace-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:28px; align-items:center; margin-bottom:16px; padding:22px 24px; border:1px solid var(--rule); border-radius:var(--radius-lg); background:linear-gradient(125deg,var(--surface),color-mix(in srgb,var(--accent) 5%,var(--surface))); box-shadow:var(--shadow-card); }
.workspace-intro h2 { margin:3px 0 8px; font-size:20px; }
.workspace-intro p { margin:0; max-width:720px; color:var(--ink-2); font-size:11.5px; line-height:1.65; }
.workspace-preview { --workspace-preview-accent:var(--accent); position:relative; min-height:154px; overflow:hidden; padding:19px; border:1px solid var(--rule); border-radius:14px; background:var(--surface); box-shadow:0 12px 30px rgba(20,24,19,.06); }
.workspace-preview__bar { position:absolute; inset:0 0 auto 0; height:4px; background:var(--workspace-preview-accent); }
.workspace-preview__brand { display:flex; align-items:center; gap:12px; }
.workspace-preview__logo { width:54px; height:42px; display:grid; place-items:center; flex:0 0 auto; overflow:hidden; border-radius:10px; background:color-mix(in srgb,var(--workspace-preview-accent) 12%,var(--surface-2)); color:var(--workspace-preview-accent); font-weight:750; }
.workspace-preview__logo img { max-width:50px; max-height:36px; object-fit:contain; }
.workspace-preview__brand strong,.workspace-preview__brand small { display:block; }
.workspace-preview__brand strong { color:var(--ink); font-size:13px; }
.workspace-preview__brand small { margin-top:3px; color:var(--ink-3); font-size:9.5px; }
.workspace-preview__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }
.workspace-preview__cards i { display:block; height:45px; border:1px solid var(--rule); border-radius:9px; background:linear-gradient(135deg,color-mix(in srgb,var(--workspace-preview-accent) 8%,var(--surface-2)),var(--surface-2)); }
.workspace-preview__cards i:first-child { box-shadow:inset 3px 0 0 var(--workspace-preview-accent); }

.workspace-section { padding:0; overflow:hidden; }
.workspace-section__head { display:flex; justify-content:space-between; gap:18px; }
.workspace-section__head .eyebrow { margin-bottom:3px; }
.workspace-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; padding:20px; }
.workspace-form-grid .field--wide { grid-column:1/-1; }
.workspace-logo-field input[type=file] { min-height:42px; padding:8px; }
.workspace-current-logo { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:62px; margin-top:9px; padding:10px 12px; border:1px solid var(--rule); border-radius:10px; background:var(--surface-2); }
.workspace-current-logo img { max-width:150px; max-height:42px; object-fit:contain; object-position:left center; }
.workspace-current-logo label { display:flex; align-items:center; gap:7px; color:var(--ink-2); font-size:9.5px; }
.workspace-current-logo input[type=checkbox] { width:15px; height:15px; }
.workspace-current-logo--dark { background:#171a17; color:#eef1ec; border-color:#2b312a; }
.workspace-current-logo--dark label { color:#a7afa4; }
.workspace-appearance-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:22px; padding:20px; }
.workspace-theme-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.workspace-theme-option { position:relative; display:block; cursor:pointer; }
.workspace-theme-option input { position:absolute; opacity:0; pointer-events:none; }
.workspace-theme-option span,.workspace-theme-option small { display:block; }
.workspace-theme-option span { padding:12px 12px 2px; border:1px solid var(--rule); border-bottom:0; border-radius:10px 10px 0 0; background:var(--surface-2); color:var(--ink); font-size:11.5px; font-weight:650; }
.workspace-theme-option small { padding:0 12px 11px; border:1px solid var(--rule); border-top:0; border-radius:0 0 10px 10px; background:var(--surface-2); color:var(--ink-3); font-size:9px; }
.workspace-theme-option input:checked + span { border-color:var(--accent-border); background:var(--accent-soft); color:var(--brand-text); box-shadow:inset 0 3px 0 var(--accent); }
.workspace-theme-option input:checked + span + small { border-color:var(--accent-border); background:var(--accent-soft); }
.workspace-accent-row { display:flex; align-items:center; gap:12px; }
.workspace-accent-row input[type=color] { width:52px; min-width:52px; height:42px; padding:3px; border:1px solid var(--rule); border-radius:10px; background:var(--surface); }
.workspace-accent-swatches { display:flex; flex-wrap:wrap; gap:8px; }
.workspace-accent-swatches button { width:29px; height:29px; padding:0; border:0; border-radius:999px; background:var(--swatch); cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,.1); position:relative; }
.workspace-accent-swatches button.is-active:after { content:""; position:absolute; inset:5px; border:2px solid #fff; border-radius:999px; box-shadow:0 0 0 1px rgba(0,0,0,.18); }
.workspace-savebar { position:sticky; z-index:25; bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:18px; padding:13px 15px 13px 18px; border:1px solid var(--rule-2); border-radius:13px; background:color-mix(in srgb,var(--surface) 94%,transparent); box-shadow:var(--shadow-pop); backdrop-filter:blur(12px); }
.workspace-savebar strong,.workspace-savebar span { display:block; }
.workspace-savebar strong { color:var(--ink); font-size:11px; }
.workspace-savebar span { margin-top:2px; color:var(--ink-3); font-size:9px; }

@media(max-width:900px){
    .workspace-intro,.workspace-appearance-grid { grid-template-columns:1fr; }
    .workspace-preview { max-width:520px; width:100%; }
}
@media(max-width:680px){
    .workspace-form-grid { grid-template-columns:1fr; padding:16px; }
    .workspace-form-grid .field--wide { grid-column:auto; }
    .workspace-theme-options { grid-template-columns:1fr; }
    .workspace-section__head { align-items:flex-start; flex-direction:column; }
    .workspace-current-logo { align-items:flex-start; flex-direction:column; }
    .workspace-savebar { position:static; align-items:stretch; flex-direction:column; }
    .workspace-savebar .btn { width:100%; }
}
.login__brand-logo { display:block; max-width:190px; max-height:64px; width:auto; height:auto; object-fit:contain; object-position:left center; margin:0 0 18px; }
.login__brand-logo--dark { display:none; }
html[data-theme="dark"] .login__brand-logo--light { display:none; }
html[data-theme="dark"] .login__brand-logo--dark { display:block; }
@media (prefers-color-scheme: dark) {
    html[data-theme="system"] .login__brand-logo--light { display:none; }
    html[data-theme="system"] .login__brand-logo--dark { display:block; }
}
.nav > a.nav__brand { display:flex; align-items:center; gap:11px; min-height:0; margin:0; padding:4px 8px 18px; color:var(--ink-2); font-size:inherit; font-weight:inherit; line-height:1.15; }
.nav > a.nav__brand:hover { transform:none; }

/* Channel hub navigation -------------------------------------------------- */
.nav__cat--channels { padding-bottom:2px; }
.nav__subcat { margin:2px 0 5px; padding:0 0 0 9px; }
.nav__subcat > summary {
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:30px;
    padding:6px 9px 5px 21px;
    border-radius:8px;
    color:var(--ink-3);
    cursor:pointer;
    font-size:10.5px;
    font-weight:620;
    letter-spacing:.025em;
    position:relative;
}
.nav__subcat > summary::-webkit-details-marker { display:none; }
.nav__subcat > summary::before {
    content:"";
    position:absolute;
    left:9px;
    width:5px;
    height:5px;
    border-right:1.4px solid currentColor;
    border-bottom:1.4px solid currentColor;
    transform:rotate(-45deg);
    transition:transform .16s ease;
}
.nav__subcat[open] > summary::before { transform:rotate(45deg) translate(-1px,-1px); }
.nav__subcat > summary:hover { background:var(--surface-2); color:var(--ink-2); }
.nav__subcat > summary span {
    min-width:20px;
    padding:1px 6px;
    border-radius:999px;
    background:var(--surface-3);
    color:var(--ink-3);
    text-align:center;
    font:600 9px/1.55 var(--mono);
}
.nav__subcat > a {
    display:flex;
    align-items:center;
    gap:8px;
    min-height:32px;
    margin:1px 0;
    padding:6px 9px 6px 20px;
    border-radius:8px;
    color:var(--ink-2);
    text-decoration:none;
    font-size:12.5px;
    line-height:1.25;
    transition:background .16s ease,color .16s ease,transform .16s ease;
}
.nav__subcat > a:hover { background:var(--surface-2); color:var(--ink); transform:translateX(1px); }
.nav__subcat > a[aria-current="page"] { background:var(--accent-soft); color:color-mix(in srgb,var(--accent) 72%,var(--ink)); font-weight:620; }
.nav__subcat > a span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav__channel-dot { width:7px; height:7px; flex:0 0 auto; border-radius:999px; background:var(--channel-color,var(--rule-2)); box-shadow:0 0 0 3px color-mix(in srgb,var(--channel-color,var(--rule-2)) 12%,transparent); }

/* Channel hub ------------------------------------------------------------- */
.channel-groups { display:grid; gap:18px; }
.channel-group__head { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:4px 0 10px; }
.channel-group__head h2 { margin:0; font-size:14px; }
.channel-group__head span { color:var(--ink-3); font-size:11px; }
.channel-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:12px; }
.channel-card { display:flex; flex-direction:column; gap:14px; min-height:178px; padding:17px; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--surface); color:inherit; text-decoration:none; box-shadow:var(--shadow-card); transition:transform .18s var(--ease),border-color .18s ease,background .18s ease; }
.channel-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--channel-color,var(--accent)) 35%,var(--rule)); background:var(--surface-2); }
.channel-card__head { display:flex; gap:11px; align-items:flex-start; }
.channel-card__mark { width:10px; height:38px; border-radius:999px; flex:0 0 auto; background:var(--channel-color,var(--accent)); }
.channel-card__title { min-width:0; }
.channel-card__title strong { display:block; color:var(--ink); font-size:14px; font-weight:630; }
.channel-card__title small { display:block; margin-top:3px; color:var(--ink-3); font-size:10.5px; }
.channel-card__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:auto; }
.channel-card__metric { min-width:0; }
.channel-card__metric span { display:block; color:var(--ink-3); font-size:9.5px; text-transform:uppercase; letter-spacing:.055em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.channel-card__metric strong { display:block; margin-top:3px; color:var(--ink); font-size:14px; font-weight:620; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.channel-card__foot { display:flex; justify-content:space-between; gap:8px; align-items:center; padding-top:11px; border-top:1px solid var(--rule); color:var(--ink-3); font-size:10.5px; }
.channel-card__foot b { color:var(--accent-strong); font-weight:620; }

.channel-hero { position:relative; overflow:hidden; }
.channel-hero::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--channel-color,var(--accent)); }
.channel-hero__meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.channel-dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr); gap:16px; align-items:start; }
.channel-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.channel-kpi { padding:15px; border:1px solid var(--rule); border-radius:12px; background:var(--surface); }
.channel-kpi span { display:block; color:var(--ink-3); font-size:9.5px; text-transform:uppercase; letter-spacing:.06em; }
.channel-kpi strong { display:block; margin-top:7px; color:var(--ink); font-size:22px; font-weight:640; letter-spacing:-.035em; }
.channel-kpi small { display:block; margin-top:5px; color:var(--ink-3); font-size:10.5px; }
.channel-kpi .delta-ok,.channel-kpi .delta-bad { font-size:10.5px; }
.channel-trend { display:grid; grid-template-columns:repeat(12,minmax(12px,1fr)); gap:7px; height:170px; align-items:end; padding:18px 4px 4px; }
.channel-trend__month { display:flex; height:100%; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; }
.channel-trend__bar { width:min(24px,70%); min-height:2px; border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,color-mix(in srgb,var(--channel-color,var(--accent)) 78%,white 22%),var(--channel-color,var(--accent))); }
.channel-trend__month span { color:var(--ink-3); font:9px/1 var(--mono); }
.channel-links { display:grid; gap:8px; }
.channel-link { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:11px 12px; border:1px solid var(--rule); border-radius:10px; color:var(--ink-2); text-decoration:none; background:var(--surface); }
.channel-link:hover { background:var(--surface-2); color:var(--ink); }
.channel-link b { color:var(--ink); font-weight:610; }
.channel-link span { color:var(--ink-3); font-size:10.5px; }

.business-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.business-tile { padding:17px; border:1px solid var(--rule); border-radius:var(--radius-md); background:var(--surface); text-decoration:none; color:inherit; box-shadow:var(--shadow-card); }
.business-tile:hover { background:var(--surface-2); border-color:var(--accent-border); }
.business-tile span { color:var(--ink-3); font-size:10px; text-transform:uppercase; letter-spacing:.065em; }
.business-tile strong { display:block; margin-top:8px; color:var(--ink); font-size:24px; font-weight:640; letter-spacing:-.035em; }
.business-tile small { display:block; margin-top:5px; color:var(--ink-3); }

/* Grid-Kinder dürfen schmaler werden als ihr Inhalt – sonst schiebt eine
   breite Tabelle die ganze Seite auf dem Smartphone auf 660 px. */
.channel-dashboard-grid > * { min-width:0; }
@media (max-width: 980px) {
    .channel-dashboard-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 680px) {
    .channel-card__metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .channel-trend { gap:3px; }
}

/* Commerce inquiries ------------------------------------------------------ */
.nav__channel-dot--inquiries { background:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.commerce-inquiry-kpis { margin-bottom:16px; }
.commerce-inquiry-filter { margin-bottom:16px; }
.commerce-inquiry-filter__form { display:grid; grid-template-columns:minmax(190px,1.45fr) repeat(5,minmax(120px,.8fr)) auto; gap:10px; align-items:end; }
.commerce-inquiry-filter__form .field { margin:0; min-width:0; }
.commerce-inquiry-filter__form label { display:block; margin-bottom:5px; color:var(--ink-3); font-size:10px; text-transform:uppercase; letter-spacing:.055em; }
.commerce-inquiry-filter__form input,
.commerce-inquiry-filter__form select { width:100%; min-width:0; }
.commerce-inquiry-filter__form .filter-actions { display:flex; gap:7px; align-items:center; }
.commerce-inquiry-table-wrap { max-height:min(68vh,760px); }
.commerce-inquiry-table thead th { position:sticky; top:0; z-index:2; background:var(--surface); }
.commerce-inquiry-table td { vertical-align:top; }
.commerce-inquiry-table .nowrap { white-space:nowrap; }
.commerce-inquiry-source { display:block; margin-top:3px; color:var(--ink-3); font-size:10px; }
.commerce-products { display:grid; gap:2px; min-width:220px; max-width:390px; }
.commerce-products span { line-height:1.35; }
.commerce-products small { color:var(--ink-3); }
.commerce-family-chips { display:flex; flex-wrap:wrap; gap:4px; min-width:110px; }
.commerce-inquiry-preview { margin-bottom:16px; }
.commerce-preview-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0 0 16px; }
.commerce-preview-stats > div { padding:11px 12px; border:1px solid var(--rule); border-radius:10px; background:var(--surface-2); }
.commerce-preview-stats span { display:block; color:var(--ink-3); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.commerce-preview-stats strong { display:block; margin-top:5px; color:var(--ink); font-size:18px; font-weight:630; }
.commerce-preview-empty { padding:16px 0 2px; }

@media (max-width: 1180px) {
    .commerce-inquiry-filter__form { grid-template-columns:repeat(3,minmax(150px,1fr)); }
    .commerce-inquiry-filter__form .filter-actions { grid-column:1/-1; }
}
@media (max-width: 720px) {
    .commerce-inquiry-filter__form { grid-template-columns:1fr; }
    .commerce-inquiry-filter__form .filter-actions { grid-column:auto; }
    .commerce-preview-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* --- Korrekturen 2026-10 -------------------------------------------------- */
/* Das hidden-Attribut muss immer greifen. Sonst überschreibt eine Klasse mit
   display:flex es – so stand die Sammelleiste bei Kampagnen dauerhaft offen. */
[hidden] { display:none !important; }
.sammel { flex-wrap:wrap; }
@media (max-width: 680px) {
    .sammel { gap:8px; padding:10px 12px; }
    .sammel select { flex:1 1 160px; min-width:0; }
}
/* Kalender: sieben gleich breite Spalten. Mit 1fr bestimmte der längste
   Beitragstitel die Spaltenbreite, Sa/So rutschten aus dem Bild. */
.kal { grid-template-columns:repeat(7,minmax(0,1fr)); }
.kal__tag, .kal__wt { min-width:0; }