:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: строка периода и итогов → кайф / непорядок → матрица + карточка → таблица. Минимум цвета: только хорошо/плохо. */
:root{
  --bg:#ffffff; --fg:#111317; --fg-2:#5b606b; --fg-3:#999ea8; --line:#e7e8eb; --soft:#f5f6f7;
  --good:#16a34a; --bad:#dc3b3b; --warn:#e0874f; --mute:#b9bdc5;
  --zone:rgba(220,59,59,.05); --b-t:#e3e8f6; --b-i:#93a9ec; --b-o:#2b4fd8; --rm-a:#2b4fd8; --rm-a-soft:#dfe6fb; --rm-b:#a9b9ee; --rm-b-soft:#eef1fb; --rm-c:#dfe4f1; --rm-c-soft:#f1f3f8; --rm-us:#e8590c; --np-p:#2f9e44; --np-n:#ced4da; --np-c:#e03131; --qG:#2f9e44; --qY:#e0a800; --qR:#e03131; --sel:#f0f2f5;
  --f:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#121316; --fg:#eef0f3; --fg-2:#a9aeb8; --fg-3:#6f7480; --line:#272a30; --soft:#1b1d21;
  --good:#3fbf6a; --bad:#ec6b6b; --warn:#eb9a66; --mute:#545964; --zone:rgba(236,107,107,.07); --b-t:#262c3d; --b-i:#4d63b0; --b-o:#8fa8ff; --rm-a:#6f8ff5; --rm-a-soft:#1f2741; --rm-b:#3e4f8f; --rm-b-soft:#1a2033; --rm-c:#2c3346; --rm-c-soft:#1c2130; --rm-us:#ff8a3d; --np-p:#37b24d; --np-n:#495057; --np-c:#f03e3e; --qG:#51cf66; --qY:#fcc419; --qR:#ff6b6b; --sel:#1f2226; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#121316; --fg:#eef0f3; --fg-2:#a9aeb8; --fg-3:#6f7480; --line:#272a30; --soft:#1b1d21;
  --good:#3fbf6a; --bad:#ec6b6b; --warn:#eb9a66; --mute:#545964; --zone:rgba(236,107,107,.07); --b-t:#262c3d; --b-i:#4d63b0; --b-o:#8fa8ff; --rm-a:#6f8ff5; --rm-a-soft:#1f2741; --rm-b:#3e4f8f; --rm-b-soft:#1a2033; --rm-c:#2c3346; --rm-c-soft:#1c2130; --rm-us:#ff8a3d; --np-p:#37b24d; --np-n:#495057; --np-c:#f03e3e; --qG:#51cf66; --qY:#fcc419; --qR:#ff6b6b; --sel:#1f2226; color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums}
.wrap{max-width:1200px;margin:0 auto;padding-inline:24px;padding-block:28px 56px;display:flex;flex-direction:column;gap:36px}
@media (max-width:600px){.wrap{padding-inline:16px;gap:28px}}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
h1{font-size:20px;font-weight:600;margin:0;letter-spacing:-.01em}
.sub{color:var(--fg-3);font-size:13px;margin-top:2px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:2px}
.seg button{font:inherit;font-size:13px;border:0;background:none;color:var(--fg-2);padding:5px 12px;border-radius:6px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}
button:focus-visible,tr:focus-visible,th:focus-visible{outline:2px solid var(--fg);outline-offset:2px}

.kpis{display:flex;flex-wrap:wrap;gap:12px 56px}
.kpi .l{font-size:12px;color:var(--fg-3)}
.kpi .v{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.kpi .d{font-size:12px;color:var(--fg-2)}
.up{color:var(--good)} .down{color:var(--bad)}
.demo{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--fg-3);border:1px solid var(--line);border-radius:4px;padding:0 4px;margin-left:6px;vertical-align:2px}

.h2{font-size:12px;font-weight:500;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;display:flex;justify-content:space-between;gap:8px}
.lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
@media (max-width:760px){.lists{grid-template-columns:1fr;gap:24px}}
.lists ul{list-style:none;margin:0;padding:0}
.lists li button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px 0;border-top:1px solid var(--line)}
.lists li button:hover .nm{text-decoration:underline}
.lists li button:focus-visible{outline:2px solid var(--fg)}
.lists .nm{font-weight:500}
.lists .why{font-size:12px;color:var(--fg-3)}
.lists .eff{font-weight:500;white-space:nowrap}
.lists .empty{color:var(--fg-3);font-size:13px;padding:8px 0;border-top:1px solid var(--line)}
.mk{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}

.main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px}
@media (max-width:900px){.main{grid-template-columns:1fr}}
#matrix{position:relative}
#matrix svg{display:block;width:100%;overflow:visible}
.ax{font-size:11px;fill:var(--fg-3)}
.zl{font-size:11px;fill:var(--fg-3)}
.pt{cursor:pointer;stroke:var(--bg);stroke-width:1.5}
.lbl{font-size:11px;fill:var(--fg-2);pointer-events:none;paint-order:stroke;stroke:var(--bg);stroke-width:3px}
.tip{position:absolute;pointer-events:none;background:var(--fg);color:var(--bg);border-radius:6px;padding:7px 9px;font-size:12px;line-height:1.5;max-width:250px;z-index:5}
.note{font-size:12px;color:var(--fg-3);margin-top:8px}

.det h3{font-size:17px;font-weight:600;margin:0}
.det .st{font-size:13px;margin:4px 0 16px}
.det table{width:100%;border-collapse:collapse;font-size:13px}
.det th,.det td{padding:6px 0;text-align:right;border-bottom:1px solid var(--line);font-weight:400}
.det th{color:var(--fg-3);font-size:12px}
.det th:first-child,.det td:first-child{text-align:left;color:var(--fg-2)}
.det .eff{margin-top:16px;font-size:13px;color:var(--fg-2)}
.det .eff b{font-size:16px;font-weight:600}
.det-empty{color:var(--fg-3);font-size:13px}

.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:820px}
.tbl th{font-size:12px;font-weight:400;color:var(--fg-3);text-align:right;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;user-select:none}
.tbl th:first-child,.tbl td:first-child{text-align:left;padding-left:0}
.tbl th[aria-sort]{color:var(--fg)}
.tbl th[aria-sort="ascending"]::after{content:" ↑"} .tbl th[aria-sort="descending"]::after{content:" ↓"}
.tbl td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.tbl tbody tr{cursor:pointer}
.tbl tbody tr:hover,.tbl tbody tr.sel{background:var(--sel)}
.tbl .y{color:var(--fg-3)}
.tbl .sp{vertical-align:middle;margin-left:8px}
.tbl .na{color:var(--fg-3)}
.rk{font-size:12px;margin-left:4px}
.tbl tr.exp,.tbl tr.exp:hover{background:var(--sel);cursor:default}
.tbl tr.exp>td{text-align:left;padding:4px 16px 18px;white-space:normal}
.det{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:flex-start}
.det-tbl{flex:1 1 420px;max-width:560px}
.det .eff{margin-top:0;flex:0 1 260px;padding-top:6px}

.tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--fg-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.k{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.k.t{background:var(--b-t)} .k.i{background:var(--b-i)} .k.o{background:var(--b-o)}
.rows-wrap{overflow-x:auto}
#rows{min-width:1120px}
.row{display:grid;grid-template-columns:190px repeat(3,minmax(0,1fr)) 150px 170px;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start;transition:background .6s}
.row.hd{font-size:12px;color:var(--fg-3);padding:8px 0}
.row.flash{background:var(--sel)}
.row .nm{font-weight:500;padding-top:2px}
.rkl{font-size:12px;color:var(--fg-3);font-weight:400;margin-top:2px}
.bar{height:14px;margin-top:4px}
.bar .t{height:100%;background:var(--b-t);border-radius:4px;overflow:hidden;min-width:3px}
.bar .i{height:100%;background:var(--b-i);border-radius:4px 0 0 4px;box-shadow:2px 0 0 var(--bg)}
.bar .o{height:100%;background:var(--b-o);border-radius:4px 0 0 4px;box-shadow:2px 0 0 var(--bg)}
.bar.empty{border:1px dashed var(--line);border-radius:4px;height:14px}
.nums{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:12px;margin-top:7px;color:var(--fg-2)}
.nums span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.nums span::before{content:"";width:6px;height:6px;border-radius:2px}
.nums .nt{color:var(--fg);font-weight:500;font-size:13px} .nums .nt::before{background:var(--b-t)}
.nums .ni::before{background:var(--b-i)} .nums .no::before{background:var(--b-o)}
.nums .no{color:var(--fg)} .nums em{font-style:normal;color:var(--fg-3)}
.yc.na .nums span::before{display:none}
.yc.na .nums{color:var(--fg-3)}
.dyn{font-size:12px}
.dg{display:grid;grid-template-columns:auto auto;gap:1px 12px;justify-content:start}
.dg span{color:var(--fg-3)} .dg b{font-weight:500;text-align:right}
.ds{margin-top:6px;color:var(--fg-2)}
.na{color:var(--fg-3)}

.item{border-bottom:1px solid var(--line);transition:background .6s}
.item .row{border-bottom:0;cursor:pointer}
.item .row:hover{background:var(--soft)}
.item.open,.item.flash{background:var(--soft)}
.chev{display:inline-block;width:14px;color:var(--fg-3);transition:transform .15s}
.item.open .chev{transform:rotate(90deg)}
.sh{display:flex;gap:10px;align-items:flex-end;height:68px}
.sc{display:flex;flex-direction:column;align-items:center;gap:3px;width:38px}
.sv{font-size:11px;color:var(--fg-3);white-space:nowrap}
.sc.cur .sv{color:var(--fg);font-weight:600}
.sb{width:14px;background:var(--b-i);border-radius:3px 3px 0 0}
.sc.cur .sb{background:var(--b-o)}
.sy{font-size:10px;color:var(--fg-3)}
.card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;padding:4px 16px 20px 14px;margin-left:190px}
@media (max-width:900px){.card{grid-template-columns:1fr;margin-left:0;gap:16px}}
.card p{margin:6px 0 0;color:var(--fg-2);max-width:62ch}
.card .story{color:var(--fg)}
.ct{font-weight:600}
.cf{display:flex;flex-direction:column;gap:10px;font-size:13px}
.cf div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}
.cf span{color:var(--fg-2)} .cf b{font-weight:600;white-space:nowrap}

.lh{font-weight:600;display:flex;align-items:center;gap:0}
.lc{color:var(--fg-3);font-weight:400;margin-left:6px}
.lhint{font-size:12px;color:var(--fg-3);margin:4px 0 10px;max-width:60ch}
.lists li button{align-items:center;display:grid!important;grid-template-columns:minmax(0,1fr) auto 64px;gap:14px}
.lt{display:flex;flex-direction:column;min-width:0}
.lt .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duel{display:block}
.gap{font-weight:600;font-size:15px;text-align:right;white-space:nowrap}
.lkey{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--fg-3);margin:-2px 0 12px}
.lkey span{display:inline-flex;align-items:center;gap:6px}
.lkey i{display:inline-block;width:12px;height:6px;border-radius:2px}
@media (max-width:760px){
  .lists li button{grid-template-columns:minmax(0,1fr) 64px!important;row-gap:6px!important}
  .duel{grid-column:1/-1;grid-row:2;width:100%}
}
.vs{display:flex;gap:12px;font-size:12px;white-space:nowrap;color:var(--fg-2)}
.vs i{font-style:normal;color:var(--fg-3);font-size:12px}
.vs b{font-weight:500}

@media (max-width:760px){
  .kpis{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
  .kpi .v{font-size:22px}
  .rows-wrap{overflow:visible}
  #rows{min-width:0}
  .row.hd{display:none}
  .row{grid-template-columns:1fr 1fr;gap:14px 16px;padding:16px 0}
  .row .nm{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
  .yc{grid-column:1/-1;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
  .yc::before{content:attr(data-y);font-size:12px;color:var(--fg-3);grid-row:1/3}
  .yc .bar{margin-top:0}
  .yc .nums{grid-column:2}
  .yc .nums+.nums{margin-top:2px}
  .sh{grid-column:1;height:auto}
  .dyn{grid-column:2}
  .card{margin-left:0;padding:0 0 18px;grid-template-columns:1fr;gap:14px}
  .item .row:hover{background:none}
}
#sorts,#rm-view{flex-wrap:wrap}
#rm-view button{white-space:nowrap}
@media (max-width:760px){#rm-view button{padding:5px 9px;font-size:12px}}
#sorts button{white-space:nowrap}
@media (max-width:760px){#sorts button{padding:5px 9px;font-size:12px}}
.cf b{text-align:right}
.more{font:inherit;font-size:13px;background:none;border:0;padding:8px 0;color:var(--fg-2);cursor:pointer;border-top:1px solid var(--line);width:100%;text-align:left}
.more:hover{color:var(--fg)}
.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.tabs-in{max-width:1200px;margin:0 auto;padding-inline:24px;display:flex;gap:4px;align-items:stretch;overflow-x:auto}
@media (max-width:600px){.tabs-in{padding-inline:16px}}
.brand{font-weight:600;margin-right:20px;display:flex;align-items:center;white-space:nowrap}
.tabs button{font:inherit;font-size:14px;background:none;border:0;border-bottom:2px solid transparent;color:var(--fg-2);padding:14px 10px 12px;cursor:pointer;white-space:nowrap}
.tabs button:hover{color:var(--fg)}
.tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--fg);font-weight:500}
.soon{border:1px dashed var(--line);border-radius:10px;padding:48px 24px;text-align:center;color:var(--fg-3)}
.rm-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.rm-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--fg-2)}
.rm-legend span{display:inline-flex;align-items:center;gap:6px}
.rm-legend .k{width:12px;height:12px}
#rm-chart svg{display:block}
.rv{font-size:13px;font-weight:600;fill:var(--fg)}
.rg{font-size:11px;fill:var(--fg-3)}
.rus{font-size:13px;font-weight:600;fill:var(--rm-us)}
.rin{font-size:11px;font-weight:500;fill:#fff}
.rin2{font-size:11px;font-weight:500;fill:var(--fg-2)}
.rm-h{font-size:16px;font-weight:600}
.rgap{font-size:12px;font-weight:600}
.rgu{font-size:11px;font-weight:600}
.rm-insight{font-size:15px;max-width:70ch;margin:16px 0 20px;line-height:1.5}
.rm-tbl-wrap{overflow-x:auto}
.rm-tbl{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}
.rm-tbl th{font-weight:400;color:var(--fg-3);font-size:12px;text-align:right;padding:6px 8px;border-bottom:1px solid var(--line)}
.rm-tbl td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.rm-tbl td:first-child,.rm-tbl th:first-child{text-align:left;padding-left:0;color:var(--fg-2)}
.rm-tbl tr.b td{font-weight:500;color:var(--fg)} .rm-tbl tr.b td:first-child{color:var(--fg)}
.rm-tbl tr.g td{color:var(--fg-3);font-size:12px} .rm-tbl tr.g td:first-child{padding-left:12px}
footer a{color:var(--fg-2)}
.cp-ctrl{display:flex;flex-wrap:wrap;gap:12px 28px}
.cp-g{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cp-l{font-size:12px;color:var(--fg-3)}
#cp-scope,#cp-seg,#cp-per,#cp-metric{flex-wrap:wrap}
#cp-scope button,#cp-seg button,#cp-per button,#cp-metric button{white-space:nowrap}
@media (max-width:760px){.cp-ctrl .seg button,#cp-metric button{padding:5px 9px;font-size:12px}}
#cp-chart svg{display:block}
.cpn{font-size:13px;fill:var(--fg)} .cpn.us{font-weight:600;fill:var(--rm-us)}
.cpg{font-size:10px;fill:var(--fg-3)}
.of{font-size:15px;color:var(--fg-3);font-weight:400}
.cpd{font-size:11px;font-weight:600}
.tick{display:inline-block;width:2px;height:12px;background:var(--fg)}
.cpv{font-size:12px;font-weight:500;fill:var(--fg-2)} .cpv.us{fill:var(--rm-us);font-weight:600}
.qd{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:2px}
.qd.G{background:var(--qG)} .qd.Y{background:var(--qY)} .qd.R{background:var(--qR)}
.q-legend{display:flex;flex-wrap:wrap;gap:4px 14px;text-transform:none;letter-spacing:0;font-size:12px}
.q-legend span{display:inline-flex;align-items:center;gap:5px}
.cp-tbl{min-width:760px}
.cp-tbl tr.us td{background:color-mix(in srgb,var(--rm-us) 8%,transparent)}
.cp-tbl tr.us td:first-child{color:var(--fg);font-weight:600}
.usb{font-size:10px;font-weight:600;color:#fff;background:var(--rm-us);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:1px}
#cp-fx{font:inherit;font-size:12px;width:64px;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--fg)}
.focus-pick{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
#au-focus,#au-view{flex-wrap:wrap}
#au-focus button,#au-view button{white-space:nowrap}
#au-focus button.usb2{color:var(--rm-us)}
#au-focus button.usb2[aria-pressed="true"]{color:var(--bg);background:var(--rm-us)}
@media (max-width:760px){#au-focus button,#au-view button{padding:5px 9px;font-size:12px}}
.focus{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px}
@media (max-width:760px){.focus{grid-template-columns:1fr}}
.fh{font-weight:600}
.fl{list-style:none;margin:0;padding:0}
.fl li{display:grid;grid-template-columns:110px 1fr 48px 78px;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.fn.us{color:var(--rm-us);font-weight:600}
.fb{height:10px;background:var(--soft);border-radius:3px;overflow:hidden}
.fb i{display:block;height:100%;background:var(--rm-a);border-radius:3px}
.fv{text-align:right;font-weight:500}
.fa{text-align:right;color:var(--fg-3);font-size:12px;white-space:nowrap}
.hm-wrap{overflow-x:auto}
.hm-t{border-collapse:separate;border-spacing:2px;font-size:12px;min-width:860px}
.hm-t th{font-weight:400;color:var(--fg-3)}
.hm-c{text-align:left;font-size:11px;max-width:120px}
.hm-h{height:96px;vertical-align:bottom;white-space:nowrap;padding:0 0 4px}
.hm-h span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg)}
.hm-h.us,.hm-r.us button{color:var(--rm-us);font-weight:600}
.hm-h.f{color:var(--fg);font-weight:600}
.hm-r{text-align:left;white-space:nowrap;padding-right:8px}
.hm-r button{all:unset;cursor:pointer;color:var(--fg-2)}
.hm-r button:hover{text-decoration:underline}
.hm-r button:focus-visible{outline:2px solid var(--fg)}
tr.f .hm-r button{color:var(--fg);font-weight:600}
.hm{background:color-mix(in srgb,var(--rm-a) calc(var(--a)*100%),var(--bg));text-align:center;padding:7px 4px;border-radius:3px;min-width:52px;color:var(--fg)}
.hm-w{color:#fff}
.hm.hm-f{outline:1.5px solid var(--fg-3);outline-offset:-1.5px}
.hm-d{text-align:center;color:var(--fg-3);background:var(--soft);border-radius:3px}
.hm-m{white-space:nowrap;padding:0 8px 4px;vertical-align:bottom;text-align:right}
.hm-n{text-align:right;white-space:nowrap;padding:0 8px;color:var(--fg-2)}
.mono{display:inline-block;width:40px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--fg-3) var(--w),var(--soft) var(--w));margin-right:6px;vertical-align:1px}
.nps-in{font-size:11px;font-weight:600;fill:#fff} .nps-in.d{fill:var(--fg)}
.nps-v{font-size:14px;font-weight:600;fill:var(--fg)} .nps-v.us{fill:var(--rm-us)}
.nps-s{font-size:9px}
.nps-d{font-size:13px;font-weight:600;fill:var(--fg)} .nps-d.us{fill:var(--rm-us)}
.nps-sum{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;margin-bottom:24px}
.nps-sum p{flex:1 1 320px;margin:0;font-size:15px;line-height:1.5;max-width:70ch}
.nps-big{font-size:56px;font-weight:600;line-height:1;color:var(--rm-us);letter-spacing:-.03em}
.fl li.fl2{grid-template-columns:minmax(0,1fr) 120px 44px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.nw-add{font:inherit;font-size:14px;font-weight:500;background:var(--fg);color:var(--bg);border:0;border-radius:8px;padding:9px 14px;cursor:pointer}
.nw-add:disabled{opacity:.6}
.nw-ghost{font:inherit;font-size:14px;background:none;border:1px solid var(--line);color:var(--fg-2);border-radius:8px;padding:8px 14px;cursor:pointer}
.nw-form{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--soft)}
.nw-f-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#nw-f-cat button,.nw-filt button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#nw-f-cat,.nw-filt{flex-wrap:wrap;align-self:flex-start}
.nw-filt .n{color:inherit;opacity:.55}
.nw-fld{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--fg-2);flex:1;min-width:0}
.nw-fld input,.nw-fld select,.nw-fld textarea{resize:vertical;font:inherit;font-size:14px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%}
.nw-fld input:focus-visible,.nw-fld select:focus-visible,.nw-fld textarea:focus-visible{outline:2px solid var(--fg);outline-offset:1px}
.nw-f-two{display:flex;flex-wrap:wrap;gap:14px}
.nw-sm{flex:0 0 160px}
@media (max-width:600px){.nw-sm{flex:0 0 112px}.nw-f-two .nw-fld:not(.nw-sm){flex-basis:140px}}
.nw-err{color:var(--bad);font-size:13px;margin:0;min-height:1em}
.nw-f-actions{display:flex;gap:10px}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.nw-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}
.nw-cover{display:block;width:100%;aspect-ratio:2/1;height:auto;max-width:100%}
.nw-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.nw-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-3)}
.nw-cat{color:var(--c);font-weight:600;margin-right:auto}
.nw-demo,.nw-ai{font-size:10px;font-weight:600;letter-spacing:.05em;border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--fg-3)}
.nw-ai{color:var(--rm-a);border-color:var(--rm-a)}
.nw-t{font-size:16px;font-weight:600;line-height:1.35;margin:0;text-wrap:balance}
.nw-e{margin:0;font-size:13px;color:var(--fg-2)}
.nw-e b{color:var(--fg);font-weight:500}
.nw-meme .nw-cover{aspect-ratio:400/260}
.nw-img{object-fit:cover;background:var(--soft)}
.nw-cap{margin:0;font-size:15px;font-weight:500;line-height:1.4}
.nw-meme-only input[type=file]{font-size:13px;padding:8px}
.nw-act span{white-space:pre-line}
.nw-act{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.45;background:var(--soft);border-left:3px solid var(--fg);border-radius:0 6px 6px 0;padding:8px 10px}
.nw-act b{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3)}
.nw-foot{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:12px;color:var(--fg-3)}
.nw-foot a{color:var(--fg-2)}
.nw-del{margin-left:auto;font:inherit;font-size:12px;background:none;border:0;color:var(--fg-3);cursor:pointer;padding:2px 0}
.nw-del:hover,.nw-del[data-c="1"]{color:var(--bad)}
.nw-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:40px 20px;text-align:center;color:var(--fg-3);line-height:1.6}
.nw-empty b{color:var(--fg-2)}
footer{font-size:12px;color:var(--fg-3);line-height:1.6}

.data-toolbar{max-width:1320px;margin:16px auto;padding:0 24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--fg-2);font-size:12px}.data-toolbar span{margin-right:auto}button{touch-action:manipulation}.data-toolbar button,.src-link,#sources button,#gate button{border:1px solid var(--line);background:var(--soft);color:var(--fg);border-radius:7px;padding:8px 12px;cursor:pointer;font:inherit}.src-link{font-size:11px;padding:3px 6px}#gate{max-width:500px;margin:20vh auto;padding:24px;color:var(--fg);background:var(--bg)}#gate a{color:var(--rm-a);margin-right:12px}#sources{width:min(920px,92vw);max-height:85vh;box-sizing:border-box;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:14px;padding:24px}#sources::backdrop{background:#0009}#source-close{float:right}.source-record{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere}.source-record a{color:var(--rm-a)}.source-record p{margin:4px 0}.source-record small{color:var(--fg-2)}.coverage{color:var(--warn);font-size:12px}.data-empty{padding:24px;border:1px dashed var(--line);border-radius:10px;color:var(--fg-2);line-height:1.6}.cp-tbl td button{color:inherit}#source-search{width:100%;box-sizing:border-box;padding:12px;background:var(--soft);border:1px solid var(--line);color:var(--fg);border-radius:8px}footer{overflow-wrap:anywhere}#au-body svg{min-width:300px}#gate p{line-height:1.6}@media(max-width:600px){.data-toolbar{padding:0 16px}.data-toolbar span{width:100%}#sources{padding:16px}.source-record{font-size:13px}}
#cp-own{padding:8px 12px;border:1px solid var(--line);background:var(--soft);color:var(--fg);border-radius:8px;font:inherit}
#evidence-catalog{width:min(980px,94vw);max-height:88vh;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:14px;padding:24px}#evidence-catalog::backdrop{background:#0009}.catalog-controls{display:flex;gap:10px;flex-wrap:wrap}.catalog-controls input,.catalog-controls select{min-width:150px;max-width:100%;padding:9px;background:var(--soft);color:inherit;border:1px solid var(--line)}.catalog-value{font-size:20px}.catalog-value small{font-size:13px;color:var(--fg-2)}.catalog-link{margin:12px}.history-box{padding:20px;border:1px solid var(--line);border-radius:12px;margin:25px 0}.history-box summary{cursor:pointer;font-weight:600}.history-series{margin:18px 0}.history-bar{display:flex;align-items:center;gap:12px;margin:7px 0;font-size:12px}.history-bar span{width:65px}.history-bar i{display:block;height:9px;border-radius:4px}.insight-toolbar{padding:18px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.insight-toolbar details{width:100%;font-size:13px;color:var(--fg-2)}.insight-detail{line-height:1.6;font-size:14px}.insight-detail details{font-size:12px;margin:14px 0}.insight-detail p{margin:10px 0}.nw-card:has(.insight-detail){border-top:3px solid #a28aff}.nw-card:has(.insight-detail) .nw-body{padding-top:24px}.table-wrap{overflow:auto}
.insight-toolbar>button,.catalog-link,#catalog-find,#catalog-close,#catalog-next,#catalog-prev{font:inherit;padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--fg);cursor:pointer}.insight-toolbar>button:disabled{opacity:.55;cursor:default}.insight-toolbar>button{border-color:#665c96}#history-period{font:inherit;background:var(--soft);color:var(--fg);padding:7px;border:1px solid var(--line);border-radius:6px}
#data-inventory{width:min(1120px,94vw);max-height:90vh;overflow:auto;background:var(--bg,#101114);color:var(--text,#eee);border:1px solid #555;border-radius:18px;padding:24px}#data-inventory::backdrop{background:#000a}.inventory-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.inventory-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.inventory-topics button{text-align:left;padding:16px;border:1px solid #555;border-radius:12px;background:#24222d;color:#eee}.inventory-topics span{display:block;font-size:12px;margin-top:8px;color:#b9b6c8}.inventory-links{display:flex;gap:8px;flex-wrap:wrap}#data-inventory pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 inherit;max-height:500px;overflow:auto}#data-inventory table{width:100%;border-collapse:collapse}#data-inventory td,#data-inventory th{padding:10px;border-bottom:1px solid #555;text-align:left}@media(max-width:700px){.inventory-counts,.inventory-topics{grid-template-columns:1fr 1fr}#data-inventory{padding:16px}}

/* Compact utility strip; the full registry lives in its own tab. */
.data-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:10px 20px!important}
.data-toolbar #data-status{font-size:12px;color:var(--mute);margin-right:auto}
.data-toolbar button{font-size:12px!important;padding:7px 11px!important;border-radius:9px!important}
.data-tools{display:flex;gap:10px;margin:16px 0}.data-tools button{padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:inherit}
#page-data #data-inventory{width:100%;max-width:none;padding:0;border:0;background:transparent;color:inherit}
#rm-insight:empty{display:none}
#page-data button{font:inherit;font-size:13px;background:var(--soft,#191919);color:var(--fg,#eee);border:1px solid var(--line,#333);border-radius:10px;padding:9px 13px;cursor:pointer}
#page-data .inventory-counts{gap:12px}#page-data .inventory-counts .kpi{border:1px solid var(--line,#333);border-radius:14px;padding:16px}
#page-data .inventory-links{display:flex;flex-wrap:wrap;gap:8px}
#rm-insight{font-size:13px;color:var(--mute)}#rm-insight details p{max-width:650px;line-height:1.5}#rm-insight summary{cursor:pointer}
#insight-coverage{padding:12px 0;color:var(--mute);font-size:13px}#insight-coverage summary{cursor:pointer}

.insight-toolbar{display:flex!important;flex-direction:column;align-items:flex-start;gap:12px!important}
.insight-toolbar label{font-size:14px;font-weight:600}.insight-toolbar .optional{font-size:12px;font-weight:400;color:var(--mute);margin-left:8px}
#insight-topic{box-sizing:border-box;width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px}
#insight-topic:focus{outline:2px solid #9580c5;outline-offset:2px}#insight-topic::placeholder{color:var(--mute)}
#insight-status{font-size:12px;color:var(--mute)}#insight-status:empty{display:none}

[data-number-info]{cursor:pointer} [data-number-info]:focus-visible{outline:2px solid #9580c5;outline-offset:3px}
#number-detail{width:min(620px,calc(100vw - 36px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--bg,#111);color:var(--fg,#eee);padding:24px}#number-detail::backdrop{background:#0009}#number-detail .number-selected{font-size:28px;font-weight:650}#number-detail p{line-height:1.5}#number-close{float:right;background:transparent;color:inherit;border:1px solid var(--line);border-radius:8px;padding:7px 12px}
.news-compose-head{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%}.news-compose-head h2{font-size:18px;margin:0}.news-scope,.news-small{font-size:12px;color:var(--mute);line-height:1.5}.news-small{margin:0}.news-modes{display:flex;gap:8px;flex-wrap:wrap}.news-modes button,.news-history-row button,#news-results,.news-run-banner button{font:inherit;font-size:13px;color:var(--fg);background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:9px 12px;cursor:pointer}.news-modes button[aria-pressed=true]{border-color:#ac88ee;background:#ac88ee20}.news-modes button:disabled{opacity:.6;cursor:default}#news-job{box-sizing:border-box;width:100%;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px}#news-job[hidden]{display:none}.news-job-head{display:flex;justify-content:space-between;gap:12px;align-items:center}#insight-status{font-size:14px;color:var(--fg)}#news-elapsed,#news-job-topic{font-size:12px;color:var(--mute)}#news-job-topic{margin:9px 0}#news-stages{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}#news-stages span{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:5px 9px;color:var(--mute)}#news-stages .current{color:var(--fg);border-color:#ac88ee;background:#ac88ee20}#news-job-note{margin-top:8px}#news-results{margin-top:14px}#news-history{border-top:1px solid var(--line);padding-top:12px}#news-history summary,#news-job-detail summary{cursor:pointer}#news-job-detail{margin-top:12px}.news-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.7}.news-history-row small{color:var(--mute)}.news-run-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px;font-size:13px}.news-run-banner[hidden]{display:none}.nw-img{object-fit:contain!important;background:#111214}@media(max-width:600px){.news-compose-head{align-items:flex-start;flex-direction:column}.news-job-head{align-items:flex-start}#news-elapsed{white-space:nowrap}}
.tabs .brand{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:8px 13px;margin:9px 20px 9px 0;align-self:center;line-height:1}.budget-line{display:flex;align-items:center;gap:9px;min-height:23px}.budget-line .bar{flex:1}.budget-line .nt{font-size:12px;white-space:nowrap;text-align:right;min-width:65px}.bar .t{background:transparent;border:1px solid #777;box-sizing:border-box}.bar .i,.legend .k.i{background:repeating-linear-gradient(135deg,#6c9be6 0px,#6c9be6 3px,#284973 3px,#284973 6px)}#rm-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}#au-kpis{grid-template-columns:repeat(3,1fr)}.nps-kuper{order:1}.nps-kuper-big{color:var(--rm-us)}#cp-export,#cp-sheet{font:inherit;color:var(--fg);background:var(--soft);border:1px solid var(--line);padding:10px;border-radius:9px;cursor:pointer}#cp-sheet{display:inline-flex;align-items:center;text-decoration:none}#nw-add{display:none!important}#au-hint:empty{display:none}@media(max-width:600px){#au-kpis{grid-template-columns:1fr}.nps-sum{flex-wrap:wrap}}
#number-editor{width:min(850px,94vw);max-height:88vh;overflow:auto;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:18px;padding:24px}#number-editor::backdrop{background:#0009}#number-editor label{display:block;margin:16px 0;font-size:13px}#number-editor input,#number-editor textarea{display:block;box-sizing:border-box;width:100%;font:inherit;background:var(--soft);color:var(--fg);border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:8px}#number-editor textarea{min-height:90px}#number-editor button,[data-edit-number]{font:inherit;background:var(--soft);color:var(--fg);border:1px solid #9580c5;border-radius:9px;padding:9px 14px;cursor:pointer}#number-editor button:disabled{opacity:.6}#edit-close{float:right}.edit-effects{overflow:auto}.edit-effects table{border-collapse:collapse;width:100%;font-size:12px}.edit-effects td,.edit-effects th{text-align:left;padding:8px;border-bottom:1px solid var(--line)}#edit-response p{font-size:13px;line-height:1.6}
.nps-sum{flex-wrap:wrap}.nps-sum>p{order:2}#number-detail a{display:none}

/* One shared value column keeps total, internet and Ekom amounts aligned. */
.budget-values{display:grid;grid-template-columns:minmax(44px,1fr) max-content;align-items:center;gap:7px 10px;min-width:0;font-size:12px;color:var(--fg-2)}
.budget-values .bar{margin:0;min-width:0;width:100%}
.budget-values>.nt,.budget-values>.ni,.budget-values>.no{justify-self:end;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;line-height:1.5}
.budget-values>.nt{font-weight:600;color:var(--fg)}
.budget-values>.no{color:var(--fg)}
.budget-label{display:flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.5}
.budget-label::before{content:"";display:block;width:6px;height:6px;flex:none;border-radius:2px}
.budget-internet::before{background:var(--b-i)}
.budget-ekom::before{background:var(--b-o)}
@media(max-width:760px){.yc>.budget-values{grid-column:2;grid-row:1}.yc::before{grid-row:1;align-self:start;line-height:18px}}

#au-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

#cp-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/onest-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/onest-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/onest-2.ttf) format('truetype');
}
