body.auth{--p:#0f5a3c;--pl:#e1f1e8;--ink:#14231c;--mut:#5b6e64;--bd:#d9e8df;--bg:#f3f8f5}
:root{--p:#6c3ce0;--pl:#efe9ff;--ink:#1b1533;--mut:#6b6785;--bd:#e4def5;--bg:#f6f4fc;--card:#fff;--th:#faf8ff;--line:#f0ecfa;--ok:#1a8f4d;--bad:#c62b3a;--warn:#fff4dd;--warnbd:#f1dca8}
/* тёмная тема: переключается кнопками в меню, выбор запоминается */
html[data-theme="dark"]{--p:#8b63ff;--pl:#2b2450;--ink:#ece8fa;--mut:#a29cbe;--bd:#322c4d;--bg:#14111f;--card:#1d1930;--th:#241f3b;--line:#2a2543;--ok:#3ec97b;--bad:#ff6b78;--warn:#3a3016;--warnbd:#6b5a22;color-scheme:dark}
html[data-theme="dark"] .side details.grp summary:hover{background:#3a2f6b}
html[data-theme="dark"] .mp-btn.oz{background:#16263f;border-color:#27456f;color:#7db2ff}
html[data-theme="dark"] .chip.on,html[data-theme="dark"] button,html[data-theme="dark"] .side a.active{color:#fff}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--p);text-decoration:none}
header{background:var(--card);border-bottom:1px solid var(--bd);padding:10px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{font-weight:800;font-size:18px;color:var(--p)}
nav{display:flex;gap:4px;flex-wrap:wrap}nav a{padding:7px 12px;border-radius:10px;color:var(--mut);font-weight:600}
nav a.active{background:var(--pl);color:var(--p)}nav span{padding:7px 12px;color:#b7b2cc;cursor:not-allowed}
.user{margin-left:auto;color:var(--mut)}
main{padding:20px;max-width:1500px;margin:0 auto}
/* боковое меню по группам */
.shell{display:flex;min-height:100vh}
.shell main{flex:1;min-width:0;margin:0;max-width:none}
.side{width:216px;flex:none;background:var(--card);border-right:1px solid var(--bd);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.side .logo{font-size:19px;margin:0 8px 10px}
.mp{display:flex;gap:6px;margin:0 4px 8px}
.mp-btn{flex:1;text-align:center;padding:7px 8px;border-radius:10px;font-weight:700;font-size:13px;border:1px solid var(--bd);color:var(--mut);background:var(--card)}
.mp-btn small{display:block;font-size:10px;font-weight:600;opacity:.8}
.mp-btn.wb.on{background:var(--p);border-color:var(--p);color:#fff}
.mp-btn.oz{border-color:#cfe3ff;background:#eef5ff;color:#2a6fd6;cursor:not-allowed}
.side details.grp{margin:6px 0 0}
.side details.grp summary{list-style:none;cursor:pointer;padding:8px 10px;border-radius:10px;background:var(--pl);color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;user-select:none}
.side details.grp summary::-webkit-details-marker{display:none}
.side details.grp summary::after{content:"▸";font-size:12px;transition:transform .15s}
.side details.grp[open] summary::after{transform:rotate(90deg)}
.side details.grp summary:hover{background:#e3d9ff}
.side details.grp a{display:block;margin:2px 0 0 8px}
.side a{padding:8px 12px;border-radius:10px;color:var(--ink);font-weight:600}
.side a:hover{background:var(--pl)}
.side a.active{background:var(--p);color:#fff}
.side-user{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--bd);color:var(--mut);font-size:12.5px}
@media (max-width:800px){
  .shell{flex-direction:column}
  .side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px;border-right:0;border-bottom:1px solid var(--bd)}
  .side .brand{width:100%}.side .logo{margin:0 4px 4px}.side-user{width:100%;margin:6px 0 0;padding-top:8px}
}
h1{margin:0 0 12px;font-size:22px}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.chip{padding:7px 12px;border:1px solid var(--bd);background:var(--card);border-radius:10px;color:var(--ink)}
.chip.on{background:var(--p);color:#fff;border-color:var(--p)}
input,button,select{font:inherit}input[type=date],input[type=text],input[type=number],input[type=password],input[type=file]{padding:7px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--card)}
button,.btn{padding:8px 14px;border:0;border-radius:10px;background:var(--p);color:#fff;font-weight:600;cursor:pointer;display:inline-block}
button.sec,.btn.sec{background:var(--pl);color:var(--p)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:14px 0}
.tile{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 14px}
.tile .t{color:var(--mut);font-size:12px;font-weight:600}.tile .v{font-size:22px;font-weight:700;margin:2px 0}.tile .s{color:var(--mut);font-size:12px}
.up{color:var(--ok)}.down{color:var(--bad)}
.note{background:var(--warn);border:1px solid var(--warnbd);border-radius:12px;padding:10px 14px;margin:10px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;margin:12px 0}
table{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right;font-size:12.5px}
th{background:var(--th);color:var(--mut);font-weight:600;position:sticky;top:0}
th:first-child,td:first-child{text-align:left}
tr.tot td{font-weight:700;background:var(--th)}
.prod{display:flex;gap:8px;align-items:center;min-width:240px}.prod img{width:28px;height:36px;object-fit:cover;border-radius:4px;background:#eee}
.prod small{color:var(--mut);display:block}
.wrap{overflow-x:auto}
.login{max-width:360px;margin:12vh auto;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:26px}
.login input{width:100%;margin:6px 0 12px}.err{color:var(--bad);margin-bottom:8px}
.src{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--ok)}.dot.e{background:var(--bad)}.dot.n{background:#c9c4dd}
.mut{color:var(--mut)}
.tipbtn{cursor:help;color:var(--mut);font-weight:400;margin-left:2px}
.tipbox{position:absolute;z-index:50;max-width:320px;background:#1b1533;color:#fff;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.4;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.tipbox[hidden]{display:none}
.gtab{cursor:pointer;font:inherit}

/* название и переключатель темы */
.brand{display:flex;align-items:center;justify-content:space-between;margin:0 6px 12px}
.side .brand .logo{margin:0;color:#3a3f4b}
html[data-theme="dark"] .side .brand .logo{color:#c9ccd6}
.theme{display:flex;gap:4px;margin:10px 4px 0}
.theme button{flex:1;padding:7px 6px;border-radius:10px;font-size:12px;background:var(--pl);color:var(--mut);border:1px solid var(--bd);font-weight:700}
.theme button.on{background:var(--p);color:#fff;border-color:var(--p)}




/* Свод: крупные плитки, дельты-плашки, полосы расходов, две колонки */
.tiles.hero{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tiles.hero .tile{padding:16px 18px;border-top:4px solid var(--bd)}
.tiles.hero .tile .v{font-size:30px;line-height:1.1;margin:6px 0 4px}
.tile.k-profit{border-top-color:var(--ok)}.tile.k-realization{border-top-color:var(--p)}.tile.k-orders{border-top-color:#2a6fd6}.tile.k-buyout{border-top-color:#e08a1a}.tile.k-ads{border-top-color:var(--bad)}
.tile{transition:box-shadow .15s,transform .15s}.tile:hover{box-shadow:0 6px 18px rgba(80,60,160,.12);transform:translateY(-1px)}
.dl{display:inline-block;padding:1px 7px;border-radius:999px;font-weight:700;font-size:11.5px;background:var(--pl)}
.dl.up{background:rgba(26,143,77,.14)}.dl.down{background:rgba(198,43,58,.14)}
.cols2{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}
@media (max-width:1100px){.cols2{grid-template-columns:1fr}}
.wf{margin:10px 0}.wf-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.wf-bar{height:8px;border-radius:99px;background:var(--pl);overflow:hidden}.wf-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--p),#a07bff)}
details.srcs>summary{cursor:pointer;list-style:none;font-weight:700}details.srcs>summary::-webkit-details-marker{display:none}
details.srcs>summary::after{content:" ▸";color:var(--mut)}details.srcs[open]>summary::after{content:" ▾"}
.bar.period{margin-bottom:6px}.upd{display:flex;gap:10px;align-items:center;margin:0 0 14px;color:var(--mut);font-size:12.5px}
.upd button{padding:6px 12px;font-size:13px}


/* подсветка плиток по росту/падению (как в Cent) */
.tile.tone-up{background:linear-gradient(0deg,rgba(26,143,77,.09),rgba(26,143,77,.09)),var(--card);border-color:rgba(26,143,77,.35)}
.tile.tone-down{background:linear-gradient(0deg,rgba(198,43,58,.09),rgba(198,43,58,.09)),var(--card);border-color:rgba(198,43,58,.35)}
.dl.neu{background:var(--pl);color:var(--mut)}
details.allm-box>summary{cursor:pointer;list-style:none}details.allm-box>summary::-webkit-details-marker{display:none}
details.allm-box>summary::before{content:"▸ ";color:var(--p)}details.allm-box[open]>summary::before{content:"▾ "}
details.grp2{margin-top:10px;border:1px solid var(--bd);border-radius:12px;padding:0 12px}
details.grp2>summary{cursor:pointer;list-style:none;padding:10px 0;font-weight:700;color:var(--p)}details.grp2>summary::-webkit-details-marker{display:none}
details.grp2>summary::before{content:"▸ "}details.grp2[open]>summary::before{content:"▾ "}
details.grp2 .tiles{margin-top:0}
/* переключатель площадок как сегментная кнопка */
.mp{background:var(--pl);padding:4px;border-radius:12px;gap:4px;margin:0 2px 10px}
.mp-btn{border:0;background:transparent;padding:8px 6px;font-size:13px}
.mp-btn.wb.on{background:var(--p);color:#fff;box-shadow:0 2px 8px rgba(108,60,224,.35)}
.mp-btn.oz{background:transparent;color:#2a6fd6;border:0}
html[data-theme="dark"] .tile.tone-up{background:linear-gradient(0deg,rgba(62,201,123,.12),rgba(62,201,123,.12)),var(--card)}
html[data-theme="dark"] .tile.tone-down{background:linear-gradient(0deg,rgba(255,107,120,.12),rgba(255,107,120,.12)),var(--card)}


/* цветные плитки и мини-графики как в Cent */
.tile{position:relative;overflow:hidden}
svg.spark{display:block;width:100%;height:38px;margin-top:8px}
svg.spark .sp-line{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
svg.spark .sp-fill{fill:currentColor;opacity:.12}
.tiles.hero .tile.k-profit{background:#efe9ff;border-color:#d9ccff;color:#6c3ce0}
.tiles.hero .tile.k-realization{background:#e8f1ff;border-color:#c9defc;color:#2a6fd6}
.tiles.hero .tile.k-orders{background:#e5f6ec;border-color:#c3e8d2;color:#1a8f4d}
.tiles.hero .tile.k-buyout{background:#fff4dd;border-color:#f1dca8;color:#c9871a}
.tiles.hero .tile.k-ads{background:#fde8ea;border-color:#f5c6cb;color:#c62b3a}
.tiles.hero .tile .t,.tiles.hero .tile .v,.tiles.hero .tile .s{color:var(--ink)}
.tiles.hero .tile .s.mut,.tiles.hero .tile .t{color:var(--mut)}
.tiles.hero .tile .up{color:var(--ok)}.tiles.hero .tile .down{color:var(--bad)}
.tiles.pulse{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tiles.pulse .tile .v{font-size:24px}
.pc-today{background:#f3f0ff;color:#6c3ce0}.pc-yesterday{background:#e8f1ff;color:#2a6fd6}.pc-month{background:#e5f6ec;color:#1a8f4d}.pc-forecast{background:#efe9ff;color:#6c3ce0;border-style:dashed}.pc-prev{background:#f1f1f5;color:#6b6785}
.tiles.pulse .tile .t,.tiles.pulse .tile .v,.tiles.pulse .tile .pr{color:var(--ink)}.tiles.pulse .tile .s{color:var(--mut)}
.tiles.pulse .tile .dl{position:absolute;top:12px;right:12px}
.pr{display:flex;justify-content:space-between;font-size:12.5px;margin-top:3px}.pr b{font-weight:700}.pr small{font-weight:700}
.tiles.pulse .tile a{display:block;margin-top:6px;font-size:12.5px;font-weight:600}
html[data-theme="dark"] .tiles.hero .tile.k-profit,html[data-theme="dark"] .pc-today,html[data-theme="dark"] .pc-forecast{background:#2b2450;border-color:#43388a}
html[data-theme="dark"] .tiles.hero .tile.k-realization,html[data-theme="dark"] .pc-yesterday{background:#16263f;border-color:#27456f}
html[data-theme="dark"] .tiles.hero .tile.k-orders,html[data-theme="dark"] .pc-month{background:#14301f;border-color:#235a38}
html[data-theme="dark"] .tiles.hero .tile.k-buyout{background:#3a3016;border-color:#6b5a22}
html[data-theme="dark"] .tiles.hero .tile.k-ads{background:#3a1a20;border-color:#6b2a35}
html[data-theme="dark"] .pc-prev{background:#25222f}

/* «Что сделать сегодня» */
.task{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.task:last-of-type{border-bottom:0}
.task-main{flex:1;min-width:0}.task-main a{display:inline-block;margin-top:4px;font-weight:600}
.task-side{text-align:right;white-space:nowrap}
.task.done{opacity:.55}.task.done .task-main b{text-decoration:line-through}
.task[hidden]{display:none}

/* нижние блоки Свода: как в Cent */
.card h3{margin:0 0 6px;font-size:17px}
.card .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.card .hd h3{margin:0}
.big{font-size:30px;font-weight:800;margin:4px 0}.sm{font-size:12.5px}
.card hr{border:0;border-top:1px solid var(--line);margin:12px 0}
.stack{display:flex;height:12px;border-radius:99px;overflow:hidden;margin:10px 0;background:var(--pl)}.stack i{display:block}
.lg{display:flex;justify-content:space-between;padding:5px 0}.lg s{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;text-decoration:none}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mut)}.legend label{display:flex;align-items:center;gap:6px;cursor:pointer}
.legend s{display:inline-block;width:10px;height:10px;border-radius:50%;text-decoration:none}.legend s.ln{height:3px;width:16px;border-radius:2px}
.legend input{margin:0}
.evs{margin-top:10px;display:grid;gap:6px}.evs div{display:flex;gap:10px;align-items:baseline;font-size:13px}
.evs i{flex:none;width:20px;height:20px;border:1.6px solid var(--ink);border-radius:50%;font-style:normal;font-weight:700;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.evs span{flex:none;width:44px}
.mv-h{margin:14px 0 4px;font-weight:700}.mv-h.up{color:#17683f}.mv-h.down{color:#c62b3a}
.mv{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.mv .amt{text-align:right}.mv .amt b{display:block}.mv .amt small{font-weight:600}
svg.spark.sm{height:30px;margin:0}svg.spark.sm.up{color:#17683f}svg.spark.sm.down{color:#c62b3a}
@media (max-width:700px){.mv{grid-template-columns:1fr 80px 90px}}

.lead{margin:0 0 14px;font-size:15px;line-height:1.5;max-width:980px}
.task .prod img{width:36px;height:46px}

details.sect>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
details.sect>summary::-webkit-details-marker{display:none}
details.sect>summary::before{content:"▾";color:var(--p);font-size:13px}
details.sect:not([open])>summary::before{content:"▸"}
details.sect[open]>summary{margin-bottom:6px}

.chartwrap{position:relative}
.dtip{position:absolute;z-index:20;pointer-events:none;min-width:220px;max-width:320px;background:var(--card);color:var(--ink);border:1px solid var(--bd);border-radius:12px;padding:10px 12px;box-shadow:0 8px 28px rgba(60,40,120,.22);font-size:12.5px}
.dtip[hidden]{display:none}
.dtip b:first-child{display:block;margin-bottom:4px;font-size:13px}
.dtip i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}
.dtip div{margin:3px 0}.dtip hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.dtip .ev{display:flex;gap:7px;color:var(--mut)}.dtip .ev u{text-decoration:none;flex:none;width:17px;height:17px;border:1.4px solid var(--ink);border-radius:50%;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}

.evs div[hidden]{display:none}.evs details{display:inline}.evs summary{cursor:pointer;display:inline;color:var(--p);font-weight:600}
.evs ul{margin:4px 0 4px 30px;padding:0;color:var(--mut);font-size:12.5px}

.fsel{padding:7px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}

.rt-card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:16px 18px;margin:12px 0}
.rt-month{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.rt-grid{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:1px solid var(--bd);border-radius:16px;margin:12px 0;overflow:hidden}
.rt-grid>div{padding:14px 18px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);display:flex;flex-direction:column;gap:3px}
.rt-grid>div:nth-child(3n){border-right:0}.rt-grid>div:nth-last-child(-n+3){border-bottom:0}
.rt-grid b{font-size:20px}.rt-grid small,.rt-grid span{font-size:12px}
.rt-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px;margin-bottom:12px}.rt-bar i{display:block;min-width:3px}
.rt-tbl{width:100%;border-collapse:collapse}.rt-tbl th{font-size:12px;color:var(--mut);text-align:right;padding:6px 8px;border-bottom:1px solid var(--bd)}
.rt-tbl td{text-align:right;padding:9px 8px;border-bottom:1px solid var(--bd)}
.rt-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.rt-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.rt-mini>div{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.rt-mini span{font-size:20px;font-weight:700}.rt-mini small{font-size:11px}
@media(max-width:700px){.rt-grid{grid-template-columns:1fr 1fr}.rt-grid>div:nth-child(3n){border-right:1px solid var(--bd)}.rt-grid>div:nth-child(2n){border-right:0}.rt-mini{grid-template-columns:1fr 1fr}}

svg.spk{fill:#8b6df0;display:block;margin:auto}table.art td{white-space:nowrap}table.art th{white-space:normal;min-width:62px}

table.art th[draggable=true]{cursor:grab;user-select:none}table.art th.dragging{opacity:.4}table.art th.over{box-shadow:inset 3px 0 0 #7c5cf0}table.art th.s-asc::after{content:' ▲';font-size:10px}table.art th.s-desc::after{content:' ▼';font-size:10px}

table.art tr.tot td{background:rgba(124,92,240,.07);border-bottom:2px solid var(--bd)}

table.days tr.grp td{background:rgba(124,92,240,.08);padding-top:8px;padding-bottom:8px}table.days td:first-child,table.days th:first-child{position:sticky;left:0;background:var(--card);z-index:1}

.msk{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0 12px;margin-bottom:10px;border-bottom:1px solid var(--bd);font-size:13px;color:var(--mut)}.msk svg{color:#7c5cf0}.msk b{color:#7c5cf0;font-size:15px;letter-spacing:.3px}

table.days td:first-child,table.days th:first-child{min-width:190px;max-width:190px;box-sizing:border-box}table.days tr:not(.grp) td:nth-child(2),table.days th:nth-child(2){position:sticky;left:190px;background:var(--card);z-index:1;box-shadow:inset -1px 0 0 var(--bd)}

.geo-all{border:1px solid var(--bd);background:var(--card);color:var(--ink);border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:13px;margin-right:6px}.ar{display:inline-block;width:14px}

.gbar{position:relative;height:22px;background:rgba(124,92,240,.10);border-radius:11px;overflow:hidden}.gbar i{position:absolute;left:0;top:0;bottom:0;background:#8b6df0;opacity:.85;border-radius:11px}.gbar span{position:relative;z-index:1;font-weight:700;font-size:12px;line-height:22px;padding-left:10px;color:var(--ink)}

.gbar{background:rgba(124,92,240,.07)}.gbar i{background:#cfc4f7;opacity:1}

.seg{display:inline-flex;border:1px solid var(--bd);border-radius:14px;padding:4px;background:var(--card);gap:2px}.seg a{padding:7px 18px;border-radius:11px;font-weight:600;color:var(--mut);text-decoration:none}.seg a.on{background:#7c3fe0;color:#fff}

.qm{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ebe5fb;color:#7c5cf0;font-size:12px;font-weight:700;vertical-align:middle;cursor:help;position:relative;margin-left:4px}
.qm:hover::after,.qm:focus::after{content:attr(data-tip);position:absolute;left:0;top:26px;width:min(340px,80vw);background:#f1eefc;color:var(--ink);border-radius:14px;padding:14px 16px;box-shadow:0 8px 28px rgba(60,40,140,.18);font-size:14px;font-weight:400;line-height:1.45;z-index:20;white-space:normal;text-align:left}
table.geo tr.ctop td{font-weight:400}table.geo tr.tot td{font-weight:700}

/* ---- Левая панель: вариант E (согласовано) ---- */
:root{--act-green:#C9EAD3;--act-green-ink:#1D5E38;--grp-bg:#ECECF0;--grp-bg-hover:#E2E2E8;--hov-green:#E3F3E6;--green:#2E9E5B;--green-soft:#E3F3E6;--green-ink:#2A7D4B;--blue:#1D63D8;--blue-soft:#EAF1FC}
html[data-theme="dark"]{--act-green:#2b5a3f;--act-green-ink:#c8f1d9;--grp-bg:#26233a;--grp-bg-hover:#302d47;--hov-green:#1f3a2b;--green:#4cc983;--green-soft:#1f3a2b;--green-ink:#7fdba5;--blue:#7db2ff;--blue-soft:#16263f}
.side details.grp{margin:3px 0 0}
.side details.grp summary{background:var(--grp-bg);border-radius:8px;color:var(--ink);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;padding:9px 10px}
.side details.grp summary:hover{background:var(--grp-bg-hover)}
.side details.grp a{margin:1px 0 0 0;border-radius:0;border-left:2.5px solid transparent;padding:8px 10px 8px 18px;font-weight:400;color:var(--mut)}
.side details.grp a:hover{background:var(--hov-green);color:var(--ink)}
.side details.grp a.active{background:var(--act-green);color:var(--act-green-ink);font-weight:500;border-left-color:var(--green)}
.mp{background:var(--blue-soft)}
.mp-btn.oz{color:var(--blue);font-weight:700}
.mp-btn.oz small{color:var(--blue);opacity:.75}
.msk b,.msk svg{color:var(--green)}
.theme button[data-t=light]{background:var(--pl);color:var(--p);border-color:transparent}
.theme button[data-t=light].on{background:var(--p);color:#fff}
.theme button[data-t=dark]{background:var(--green-soft);color:var(--green-ink);border-color:transparent}
.theme button[data-t=dark].on{background:var(--green);color:#fff}

/* ---- Отчёты (weekly/daily) и таблица grid.js ---- */
.rp-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}.rp-head h1{margin:0}
.rp-back{font-size:22px;text-decoration:none;color:var(--ink);padding:0 6px}
.rp-tabs{display:flex;border:1px solid var(--bd);border-radius:10px;overflow:hidden}.rp-tabs a{padding:7px 16px;font-size:13px;line-height:1.2;text-align:center;color:var(--ink);text-decoration:none;background:var(--card)}.rp-tabs a.on{background:#ffb81c;color:#1b1533;font-weight:500}
.rp-sel{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}.rp-sel label{color:var(--mut);font-size:13px}.rp-sel select{min-width:200px;padding:7px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--ink)}
.rp-pick{position:relative}.rp-pick summary{padding:7px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--card);cursor:pointer;list-style:none;min-width:160px}.rp-pick>div{position:absolute;z-index:30;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:10px 12px;box-shadow:0 8px 24px rgba(40,30,90,.15);display:flex;flex-direction:column;gap:6px;min-width:220px;max-height:340px;overflow:auto}
.rp-btns{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}.rp-btns form{margin:0}
.btn2{background:var(--card);color:var(--ink);border:1px solid var(--bd);border-radius:10px;padding:7px 14px;font-size:13px;line-height:1.25;text-align:center;cursor:pointer;text-decoration:none;display:inline-block}.btn2:hover{background:var(--hov-green)}
.rg-wrap{overflow:auto;border:1px solid var(--bd);border-radius:12px;background:var(--card);max-height:72vh}
.rg-wrap.rg-tall{max-height:none}
.rg-wrap.rg-tall table.rg th{padding:7px 8px;font-size:12px;min-width:110px}.rg-wrap.rg-tall table.rg td{padding:5px 10px}
table.rg{border-collapse:separate;border-spacing:0;font-size:13px;min-width:100%}
table.rg th{position:sticky;top:0;background:var(--th);z-index:3;padding:9px 10px;text-align:right;font-weight:500;color:var(--mut);border-bottom:1px solid var(--bd);border-right:1px solid var(--line);cursor:pointer;white-space:normal;min-width:96px;vertical-align:middle}
table.rg th.rg-l{text-align:left}table.rg th .rg-ar{font-size:10px;opacity:.5;margin-left:3px}
table.rg thead tr:nth-child(2) th{top:34px}
table.rg th.rg-gh{text-align:center;cursor:default;color:var(--ink);border-bottom:1px solid var(--bd);background:var(--th)}table.rg th.rg-gh0{background:var(--th)}
table.rg td{padding:7px 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;background:var(--card)}
table.rg td.rg-n{text-align:right;font-variant-numeric:tabular-nums}table.rg td.rg-l{text-align:left}
table.rg td.rg-m{vertical-align:middle;background:var(--card)}
table.rg td.rg-neg{color:#c62b3a}
table.rg td.rg-up{color:#1a8f4d;font-weight:600}table.rg td.rg-dn{color:#c62b3a;font-weight:600}
table.rg td a{color:#2563d8;text-decoration:none}
table.rg td.rg-s,table.rg th.rg-s{background:var(--card)}table.rg th.rg-s{background:var(--th);z-index:5}
table.rg .rg-sl{box-shadow:inset -2px 0 0 var(--bd)}
table.rg td.rg-act{min-width:64px;background:var(--card)}.rg-eye,.rg-ops{text-decoration:none;color:var(--mut);font-size:15px;margin-right:6px}
table.rg tfoot td{position:sticky;bottom:0;background:var(--th);font-weight:700;border-top:2px solid var(--bd);z-index:3}
table.rg tr.rg-fr th{padding:4px 6px;cursor:default;background:var(--card)}table.rg tr.rg-fr input{width:100%;padding:5px 8px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--ink)}
table.rg td.rg-card{white-space:normal;background:var(--th)}.rg-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px 28px}.rg-cg div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--line)}.rg-cg span{color:var(--mut)}
.rg-empty{text-align:center;color:var(--mut);padding:24px!important}
.rg-modal{position:fixed;inset:0;background:rgba(20,15,40,.45);z-index:100;display:flex;align-items:center;justify-content:center}
.rg-box{background:var(--card);border-radius:14px;padding:18px 20px;width:min(420px,92vw);max-height:80vh;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.rg-bh{display:flex;justify-content:space-between;align-items:center}.rg-x{background:none;color:var(--ink);font-size:24px;border:0;padding:0 6px;cursor:pointer}
.rg-q{padding:8px 10px;border:1px solid #ffb81c;border-radius:10px;background:var(--card);color:var(--ink)}
.rg-list{overflow:auto;display:flex;flex-direction:column;gap:2px;padding-right:6px}.rg-ck{display:flex;gap:8px;align-items:center;padding:5px 2px;cursor:pointer;font-size:14px}.rg-def{color:#2563d8;font-size:14px;text-decoration:none}

table.bdt{width:100%;border-collapse:collapse;font-size:13px;background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
table.bdt th{background:var(--th);color:var(--mut);font-weight:500;padding:8px 10px;text-align:right;border-bottom:1px solid var(--bd)}
table.bdt td{padding:6px 10px;border-bottom:1px solid var(--line)}table.bdt td:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.bdt tr.b td{font-weight:600;background:rgba(124,92,240,.05)}table.bdt tr.l2 td{color:var(--mut)}

.rp-tabs{margin:8px 0 12px}.rp-tabs a.chip{text-decoration:none}
.rp-tabs a.chip.on{background:var(--p);color:#fff;border-color:var(--p)}  /* как вкладки РНП */
.rp-btns{align-items:center}.rp-btns button.sec{padding:7px 14px}
table.rg th.rg-hl-yellow{background:rgba(255,226,140,.45)}table.rg th.rg-hl-green{background:rgba(60,180,120,.18)}table.rg td.rg-warn{color:#c62b3a;font-weight:500}

table.rg td a.rg-note{color:#2563d8;border-bottom:1px dotted #2563d8;text-decoration:none}
.rg-pop{position:absolute;z-index:200;width:310px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(30,20,80,.22);font-size:13px}
.rg-pn{padding:6px 0;border-bottom:1px solid var(--line)}.rg-pn:last-child{border:0}.rg-pn span{color:var(--mut)}.rg-pt{color:var(--mut);font-size:12px;margin-top:3px}

table.rg tr.rg-mstart td{border-top:1px solid #c9c9d8}
html[data-theme="dark"] table.rg tr.rg-mstart td{border-top-color:#58566f}



table.rg th.rg-gs,table.rg td.rg-gs{border-left:2px solid #b7b1d6}
html[data-theme="dark"] table.rg th.rg-gs,html[data-theme="dark"] table.rg td.rg-gs{border-left-color:#5b5490}
table.rg td.rg-s{overflow:hidden;text-overflow:ellipsis}

table.rg th.rg-gh.rg-gs{text-align:left;white-space:nowrap}
.rg-gl{display:inline-block;font-weight:600;will-change:transform}
table.rg th.rg-alt{background:#e9e4fa}
html[data-theme="dark"] table.rg th.rg-alt{background:#2f2a52}

/* подсветка столбцов (шапка .hf-*, ячейки .cf-*) */
table.rg td.cf-green{background-color:#f0f9ec}table.rg td.cf-yellow{background-color:#fffbe3}table.rg td.cf-blue{background-color:#eff5fc}
table.rg th.hf-dgray{background:#c4c4cf}
html[data-theme="dark"] table.rg td.cf-green{background-color:#1c2e25}html[data-theme="dark"] table.rg td.cf-yellow{background-color:#2c2a1a}html[data-theme="dark"] table.rg td.cf-blue{background-color:#1a2638}
html[data-theme="dark"] table.rg th.hf-dgray{background:#3d3858}
table.rg th.hf-yellow{background:#fff7d1}table.rg th.hf-blue{background:#e3effb}
html[data-theme="dark"] table.rg th.hf-yellow{background:#3a3418}html[data-theme="dark"] table.rg th.hf-blue{background:#1d3350}
table.rg td.cf-pale{background-color:#f3f3f6}
html[data-theme="dark"] table.rg td.cf-pale{background-color:#26223a}
table.rg th.hf-dgray{color:#14121f}
html[data-theme="dark"] table.rg th.hf-dgray{color:var(--ink)}

/* компактная таблица (сравнение недель): уже колонки с данными, меньше отступы и шрифт */
table.rg.rg-compact{font-size:12px}
table.rg.rg-compact th{padding:6px 6px;min-width:58px;font-size:11.5px}
table.rg.rg-compact td{padding:4px 6px}
table.rg.rg-compact th.rg-s,table.rg.rg-compact td.rg-s{padding-left:8px;padding-right:8px}

table.rg td.rg-b{font-weight:600}

/* картинка товара в таблицах (везде, где есть артикулы) */
.acell{display:flex;gap:10px;align-items:center}
.pic{width:34px;height:44px;object-fit:cover;border-radius:6px;background:#eee;flex:none;display:inline-block}

/* значок «бета» рядом с пустыми разделами в меню */
.side a em.beta{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;margin-left:8px;padding:1px 7px;border-radius:9px;background:#fff1d1;color:#a8740a;vertical-align:middle}
html[data-theme="dark"] .side a em.beta{background:#3a3016;color:#f0c45a}

/* всплывающее пояснение по наведению: любой элемент с data-tip */
#tipPop{position:fixed;display:none;z-index:99999;max-width:340px;padding:10px 13px;border-radius:12px;background:#1f1b33;color:#f3f0ff;font-size:12.5px;line-height:1.45;box-shadow:0 10px 30px rgba(20,10,60,.35);pointer-events:none;white-space:pre-line}
[data-tip]{cursor:help}

.mp a.mp-btn{text-decoration:none;cursor:pointer}.mp-btn.oz{cursor:pointer}.mp-btn.oz.on{background:#2a6fd6;color:#fff;box-shadow:0 2px 8px rgba(42,111,214,.35)}.mp-btn.oz.on small{color:#fff}

/* раздел Ozon — фирменный синий вместо фиолетового (фиолетовый — цвет Wildberries) */
body.oz{--p:#005bff;--pl:#e6efff;--ink:#10213f;--mut:#5f7090;--bd:#d6e3fb;--bg:#f3f7fe;--th:#f5f8ff;--line:#e8effc}
html[data-theme="dark"] body.oz{--p:#4d8aff;--pl:#14284d;--ink:#e6edfa;--mut:#9fb0cf;--bd:#233a63;--bg:#0f1829;--card:#15213a;--th:#1a2a48;--line:#1f3156}
body.oz .msk svg,body.oz .msk b{color:#005bff}
body.oz .qm{background:#e3edff;color:#005bff}
body.oz .uc-profit{background:linear-gradient(135deg,#2f7bff,#005bff)}
body.oz .mp-btn.oz.on{background:#005bff;box-shadow:0 2px 8px rgba(0,91,255,.35)}

.cabsw{margin:0 0 10px}.cabsw select{width:100%;padding:8px 10px;border:1px solid var(--bd);border-radius:10px;background:var(--card);color:var(--ink);font-size:13.5px;font-weight:600}