:root{
  --green:#2ABD13; --green-dark:#1C8A0C; --green-50:#EAF7E6;
  --orange:#FC5E0F; --orange-dark:#C6440A; --orange-50:#FFEEE5;
  --red:#E0392E; --red-dark:#A82920; --red-50:#FCEAE8;
  --ink:#16181B; --ink-2:#565C63; --ink-3:#8B9198;
  --border:#E6E8EB; --track:#EEF0F1; --surface:#FFFFFF; --surface-alt:#F6F8F5;
  --font:'Segoe UI',Calibri,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--surface-alt);-webkit-font-smoothing:antialiased;font-size:15px}
a{color:var(--green-dark);text-decoration:none}
.wrap{max-width:none;width:100%;margin:0 auto;padding:24px 32px 60px}

/* --- Навігація (2 рівні: розділи + контекстні вкладки) --- */
.nav{display:flex;align-items:center;gap:14px;background:var(--surface);
  border-bottom:1px solid var(--border);border-top:4px solid var(--green);
  padding:10px 32px;flex-wrap:wrap;position:sticky;top:0;z-index:50}
.nav .brand{display:inline-flex;align-items:center;text-decoration:none;font-size:0;flex:0 0 auto}
.nav .brand::before{content:"К16";width:34px;height:34px;border-radius:9px;background:var(--green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.navtoggle{display:none;margin-left:auto;background:none;border:1px solid var(--border);
  border-radius:9px;font-size:18px;line-height:1;padding:6px 11px;cursor:pointer;color:var(--ink)}
.navlinks{display:flex;align-items:center;gap:14px;flex:1;flex-wrap:wrap}
.navmain{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.navuser{margin-left:auto;display:flex;align-items:center;gap:10px}
.navcap{display:none}
.nav a,.navlink{color:var(--ink-2);font-weight:600;font-size:14px;padding:7px 12px;border-radius:9px;
  text-decoration:none;white-space:nowrap;display:inline-block}
.nav a:hover,.navlink:hover{color:var(--ink);background:var(--surface-alt)}
.navmain>.navlink.on,summary.navlink.on{color:var(--green-dark);background:var(--green-50)}
.nav .who{color:var(--ink-3);font-weight:600;font-size:13px}
.nav .out{color:var(--red-dark)}
.nav .brand:hover{background:none}

/* Випадне меню «Ще» */
.navdrop{position:relative}
.navdrop>summary{list-style:none;cursor:pointer}
.navdrop>summary::-webkit-details-marker{display:none}
.navdrop-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--surface);
  border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px rgba(16,24,40,.12);
  padding:8px;display:flex;flex-direction:column;gap:2px;z-index:60}
.navdrop-menu .navcap{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-3);font-weight:700;padding:6px 10px 2px}
.navdrop-menu a{font-size:13.5px;padding:8px 10px;border-radius:8px}
.navdrop-menu a.on{color:var(--green-dark);background:var(--green-50)}

/* Контекстні вкладки розділу */
.subnav{background:var(--surface);border-bottom:1px solid var(--border)}
.subnav-in{display:flex;gap:4px;padding:8px 32px;overflow-x:auto}
.subnav a{font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;
  padding:7px 13px;border-radius:9px;white-space:nowrap}
.subnav a:hover{background:var(--surface-alt);color:var(--ink)}
.subnav a.on{background:var(--ink);color:#fff}

/* Хлібні крихти */
.crumbs{display:flex;gap:7px;align-items:center;color:var(--ink-3);font-size:13px;margin-bottom:14px;flex-wrap:wrap}
.crumbs a{color:var(--ink-2);font-weight:600;text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs .sep{color:var(--ink-3)}

@media(max-width:980px){
  .nav{padding:10px 16px}
  .navtoggle{display:block}
  .navlinks{display:none;flex-direction:column;align-items:stretch;flex-basis:100%;gap:2px;margin-top:8px}
  body.navopen .navlinks{display:flex}
  .navmain{flex-direction:column;align-items:stretch;gap:2px}
  .navuser{margin-left:0;border-top:1px solid var(--border);padding-top:8px;margin-top:6px}
  .navlink,.nav a{padding:11px}
  .navdrop{position:static}
  .navdrop-menu{position:static;box-shadow:none;border:none;border-top:1px solid var(--border);
    border-radius:0;padding:4px 0 0;margin-top:2px}
  .subnav-in{padding:8px 16px}
}

h1{font-size:24px;font-weight:700;margin:6px 0 6px;line-height:1.2}
h2{font-size:17px;font-weight:700;margin:0 0 4px}
.eyebrow{font-size:12px;font-weight:600;color:var(--green-dark);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.period,.panel-sub,.note{font-size:13px;color:var(--ink-2);margin:2px 0}
.muted{color:var(--ink-3)}
.cnt{background:var(--green-50);color:var(--green-dark);border-radius:20px;padding:2px 12px;font-size:14px;vertical-align:middle}

/* --- Hero header для сторінки --- */
.hero{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);
  border-top:4px solid var(--green);border-radius:14px;padding:20px 24px;margin-bottom:22px}
.hero .mark{flex:0 0 auto;width:52px;height:52px;border-radius:12px;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;position:relative}
.hero .mark::after{content:"";position:absolute;right:-4px;top:-4px;width:12px;height:12px;border-radius:50%;
  background:var(--orange);border:2px solid var(--surface)}

/* --- KPI-плитки --- */
.kpis{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.kpi{flex:1 1 220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}
.kpi.biz{background:var(--surface-alt)}
.kpi.accent{background:var(--red-50);border-color:#F5C6C1}
.kpi.accent .kpi-value{color:var(--red-dark)}
.kpi.accent.surplus{background:var(--green-50);border-color:#C3E8BC}
.kpi.accent.surplus .kpi-value{color:var(--green-dark)}
.kpi-label{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
.kpi-value{font-size:27px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;margin-bottom:4px}
.kpi-avg{font-size:12.5px;color:var(--ink-3);margin-bottom:2px}
.kpi-sub{font-size:12.5px;color:var(--ink-2)}
.kpi-sub.pos{color:var(--green-dark);font-weight:600}
.kpi-sub.neg{color:var(--red-dark);font-weight:600}

/* дашборд-плитки (лінки) */
.cards{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.cards .kpi{display:block;color:inherit;transition:box-shadow .15s,transform .15s}
a.kpi:hover{box-shadow:0 6px 18px rgba(31,120,60,.12);transform:translateY(-2px)}
/* сумісність зі старими шаблонами (.card/.num/.lbl/.sub) */
.card{flex:1 1 220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;
  padding:16px 18px;display:block;color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s}
a.card:hover{box-shadow:0 6px 18px rgba(31,120,60,.12);transform:translateY(-2px)}
.card.static{cursor:default;transition:none}
.card .num{font-size:27px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.card .lbl{font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.card .sub{font-size:12.5px;color:var(--ink-2);margin-top:4px}

/* --- Панелі --- */
.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:18px}
.panel-head{margin-bottom:16px}

/* --- Біз-бар (бізнеси) --- */
.biz-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.biz-pill{padding:9px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);
  font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.biz-pill:hover{border-color:var(--green);color:var(--ink)}
.biz-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}

/* --- Графік динаміки --- */
.trend{display:flex;align-items:flex-end;gap:10px;height:170px;padding:8px 4px 0;overflow-x:auto}
.trend-col{flex:0 0 46px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.trend-val{font-size:10.5px;color:var(--ink-3);margin-bottom:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.trend-bar{width:26px;background:var(--track);border-radius:5px 5px 0 0;min-height:3px}
.trend-bar.cur{background:var(--green)}
.trend-bar:not(.cur){background:#CDE7C6}
.trend-lbl{font-size:10.5px;color:var(--ink-3);margin-top:6px;white-space:nowrap}
.trend-col.cur .trend-lbl{color:var(--green-dark);font-weight:700}

/* --- Таби категорій / пігулки --- */
.cat-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cat-tab{padding:8px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);
  font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.cat-tab:hover{border-color:var(--green);color:var(--ink)}
.cat-tab.active{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}

/* --- Діаграма «vs середній» --- */
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;font-size:12.5px;color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.div-row{display:flex;align-items:center;gap:10px;padding:7px 0}
.div-label{flex:0 0 120px;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.div-track{flex:1 1 auto;position:relative;height:20px;display:flex;background:var(--track);border-radius:4px;overflow:hidden}
.div-half{width:50%;height:100%;display:flex}
.div-half.neg{justify-content:flex-end}
.div-bar{height:100%}
.div-bar.neg{background:var(--red)}
.div-bar.pos{background:var(--green)}
.div-zeroline{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--ink-3);z-index:2}
.div-value{flex:0 0 62px;text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.div-value.neg{color:var(--red-dark)}
.div-value.pos{color:var(--green-dark)}

/* --- Таблиці --- */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--surface)}
thead th{text-align:left;font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;
  letter-spacing:.04em;padding:0 8px 10px;border-bottom:1.5px solid var(--border);white-space:nowrap}
thead th.num{text-align:right}
tbody td{padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
tbody tr:last-child td{border-bottom:none}
td.num{text-align:right;font-variant-numeric:tabular-nums}
td.bname{font-weight:600;white-space:nowrap}
.cell-avg{font-size:11px;color:var(--ink-3);margin-top:2px}
tr.neg td{background:var(--red-50)}
tr.total-row td{background:var(--surface-alt);font-weight:700}
.delta-pct{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}
.delta-pct.neg{background:var(--red-50);color:var(--red-dark)}
.delta-pct.pos{background:var(--green-50);color:var(--green-dark)}
.delta-pct.warn{background:var(--orange-50);color:var(--orange-dark)}

/* --- Панель дня: статуси --- */
.kpi.plan.st-ok{background:var(--green-50);border-color:#C3E8BC}
.kpi.plan.st-ok .kpi-value{color:var(--green-dark)}
.kpi.plan.st-warn{background:var(--orange-50);border-color:#F3D9A8}
.kpi.plan.st-warn .kpi-value{color:var(--orange-dark)}
.kpi.plan.st-bad{background:var(--red-50);border-color:#F5C6C1}
.kpi.plan.st-bad .kpi-value{color:var(--red-dark)}
.seller-fill.st-ok{background:var(--green)}
.seller-fill.st-warn{background:#F5A623}
.seller-fill.st-bad{background:var(--red)}

/* картки продавців */
.sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:20px}
.seller-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--ink-3);
  border-radius:12px;padding:14px 16px}
.seller-card.st-ok{border-left-color:var(--green)}
.seller-card.st-warn{border-left-color:#F5A623}
.seller-card.st-bad{border-left-color:var(--red)}
.sc-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-chk{font-size:30px;font-weight:800;line-height:1;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.seller-card.st-ok .sc-chk{color:var(--green-dark)}
.seller-card.st-warn .sc-chk{color:var(--orange-dark)}
.seller-card.st-bad .sc-chk{color:var(--red-dark)}
.sc-chk span{font-size:12px;font-weight:600;color:var(--ink-3);margin-left:4px}
.sc-contour{display:flex;gap:6px;margin-top:8px}
.sc-contour span{flex:1;background:var(--surface-alt);border-radius:8px;padding:6px 4px;text-align:center;
  font-size:10px;color:var(--ink-3);display:flex;flex-direction:column;gap:2px}
.sc-contour b{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums}
.sc-foot{margin-top:8px;font-size:12px;color:var(--ink-2);border-top:1px solid var(--border);padding-top:8px}
.sc-turn{margin-top:10px;border-top:1px solid var(--border);padding-top:9px;
  font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.sc-turn b{display:block;font-size:20px;font-weight:800;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;margin-top:2px}
.sc-turn span{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:none}

/* звіти */
.report{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:14px 16px;
  font-family:'Segoe UI',Consolas,monospace;font-size:13.5px;line-height:1.55;white-space:pre-wrap;margin:0 0 12px}

/* завантажувач Excel */
.uploader{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);
  border:1.5px dashed var(--border);border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:13.5px}
.uploader input[type=file]{font-family:var(--font);font-size:13px}
.uploader input[type=date],.uploader input[type=text]{padding:8px 10px;border:1px solid var(--border);
  border-radius:8px;font-size:14px;font-family:var(--font)}
.uploader input:focus{outline:none;border-color:var(--green)}

/* прогрес-бари плану */
.planbars{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-bottom:22px}
.planbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.pb-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-2)}
.pb-top b{font-size:20px;font-variant-numeric:tabular-nums}
.pb-track{height:10px;background:var(--track);border-radius:6px;overflow:hidden;margin:8px 0 6px}
.pb-track i{display:block;height:100%;border-radius:6px}
.planbar.st-ok .pb-track i{background:var(--green)} .planbar.st-ok .pb-top b{color:var(--green-dark)}
.planbar.st-warn .pb-track i{background:#F5A623} .planbar.st-warn .pb-top b{color:var(--orange-dark)}
.planbar.st-bad .pb-track i{background:var(--red)} .planbar.st-bad .pb-top b{color:var(--red-dark)}
.pb-sub{font-size:12px;color:var(--ink-3)}

/* прогноз */
.fc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.fc-box{border-radius:12px;padding:16px 18px;color:#fff}
.fc-box .l{font-size:12px;color:rgba(255,255,255,.92);font-weight:600}
.fc-box .v{font-size:26px;font-weight:800;margin:4px 0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.fc-box .s{font-size:12px;color:rgba(255,255,255,.92);font-weight:600}
.fc-box.grey{background:linear-gradient(135deg,#5a6b7a,#3f4d59)}
.fc-box.violet{background:linear-gradient(135deg,#5a4ad1,#4338b0)}
.fc-box.ok{background:linear-gradient(135deg,#1f9d10,#136309)}
.fc-box.warn{background:linear-gradient(135deg,#dd8c12,#b56a08)}
.fc-box.bad{background:linear-gradient(135deg,#d63b2f,#a82920)}
.fc-need{margin-top:14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--ink-2)}
.fc-need.done{background:#f1fbef;border-color:#cdeac4}

/* фокус */
.focus-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}
.focus-row:last-child{border-bottom:none}
.focus-row .fn{font-weight:700;color:var(--red-dark)}
.focus-row .why{color:var(--ink-2);font-size:13px}
.focus-ok{color:var(--green-dark);font-weight:600}

/* контур vs план у картці */
.sc-contour span i{display:block;font-size:9px;margin-top:2px}
.sc-contour span.c-ok{background:var(--green-50)} .sc-contour span.c-ok b,.sc-contour span.c-ok i{color:var(--green-dark)}
.sc-contour span.c-warn{background:var(--orange-50)} .sc-contour span.c-warn i{color:var(--orange-dark)}
.sc-contour span.c-bad{background:var(--red-50)} .sc-contour span.c-bad b,.sc-contour span.c-bad i{color:var(--red-dark)}

/* графік трафік/КОП */
.hchart{display:flex;align-items:flex-end;gap:8px;height:180px;padding-top:10px;overflow-x:auto}
.hc-col{flex:1 1 40px;min-width:38px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}
.hc-kop{font-size:10.5px;font-weight:700;color:var(--green-dark);margin-bottom:4px}
.hc-kop.hot{color:var(--red-dark)}
.hc-bar{width:24px;background:#CDE7C6;border-radius:5px 5px 0 0;min-height:3px}
.hc-bar.hot{background:var(--red)}
.hc-lbl{font-size:9.5px;color:var(--ink-3);margin-top:6px;white-space:nowrap}

/* рейтинги тижня */
.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.rank-box .rt{font-size:13px;font-weight:700;margin-bottom:8px}
.rank-box ol{list-style:none;margin:0;padding:0}
.rank-box li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:12.5px;border-bottom:1px dashed var(--border)}
.rank-box li:last-child{border-bottom:none}
.rank-box li.top1{font-weight:700} .rank-box li .p{font-variant-numeric:tabular-nums;color:var(--ink-2)}

/* налаштування цілей / ростер */
.goalform{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.goalform label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2);font-weight:600}
.goalform input{width:130px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font)}
.goalform input:focus{outline:none;border-color:var(--green)}
.chip{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;font-family:var(--font)}
.chip.on{background:var(--green-50);border-color:#c3e8bc;color:var(--green-dark)}
.chip.off{background:var(--red-50);border-color:#f5c6c1;color:var(--red-dark)}
.chip.del{background:var(--surface-alt)}
.rankcell{font-variant-numeric:tabular-nums}
.rankcell.r1{font-weight:800;color:var(--green-dark)}

/* графік перевірок */
table.sched td{vertical-align:top}
.sched-cell{min-width:130px}
.sched-cell .pts{display:block;font-size:11px;color:var(--ink-3);font-weight:600;margin-bottom:4px}
.sched-cell .ct{display:inline-block;background:var(--surface-alt);border:1px solid var(--border);
  border-radius:6px;padding:2px 6px;margin:2px 3px 0 0;font-size:11px}
.sched-cell .ct.muted{color:var(--ink-3);border-style:dashed}
.sched-cell .ct.extra{background:var(--orange-50);border-color:#F3D9A8;color:var(--orange-dark);font-weight:600}
table.sched th{white-space:nowrap}
table.sched th .dm{display:block;font-size:11px;color:var(--ink-3);font-weight:600}
table.sched td.bname{min-width:180px}
table.sched td.bname .zsub{display:block;font-size:11px;color:var(--ink-3);font-weight:500;margin-top:2px}
th.col-today,td.col-today{background:var(--green-50)}
.sched-cell.is-off{background:repeating-linear-gradient(135deg,#f4f6f8,#f4f6f8 8px,#eef1f4 8px,#eef1f4 16px)}
.sched-cell .cell-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}
.sched-cell .cell-top .pts{margin-bottom:0}
.sched-cell .doneck{color:#fff;background:var(--green);border-radius:50%;width:16px;height:16px;
  display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex:0 0 auto}
.sched-cell .offtag{display:inline-block;color:var(--ink-2);font-weight:700;font-size:11.5px;
  background:#eaeef2;border:1px solid var(--border);border-radius:6px;padding:2px 7px}
.sched-cell form{margin-top:6px}
.mini{font-size:10.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);
  border-radius:6px;padding:3px 7px;cursor:pointer;font-family:var(--font)}
.mini:hover{border-color:var(--ink-3)}
.mini.off:hover{background:var(--orange-50);border-color:#F3D9A8;color:var(--orange-dark)}
.weeknav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}
.weeknav .wk-label{font-weight:700;color:var(--ink-2);font-size:13.5px}
.wkselect{padding:8px 12px;border:1px solid var(--border);border-radius:10px;font-family:var(--font);
  font-size:13px;font-weight:600;background:var(--surface);color:var(--ink);cursor:pointer}
.wkselect:focus{outline:none;border-color:var(--green)}
.btn.ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--border);font-weight:600}
.btn.ghost:hover{background:var(--surface-alt);color:var(--ink)}
.warn-panel{border-left:4px solid var(--orange)}
.unc-row{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:13px}
.unc-row:first-of-type{border-top:none}
.unc-row .unc-day{flex:0 0 96px;font-weight:700;color:var(--orange-dark)}
.unc-row .unc-cats{color:var(--ink-2)}

/* дашборд · потребує уваги */
.att-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--border);
  color:var(--ink);text-decoration:none}
.att-row:first-of-type{border-top:none}
.att-row:hover{background:var(--surface-alt)}
.att-row .att-ic{font-size:16px;flex:0 0 auto}
.att-row .att-tx{flex:1 1 auto;font-size:13.5px;font-weight:600}
.att-row.bad .att-tx{color:var(--red-dark)}
.att-row.warn .att-tx{color:var(--orange-dark)}
.att-row .att-go{color:var(--ink-3);font-weight:700}

/* налаштування зон */
.inline-form{display:inline-flex;align-items:center;gap:6px}
.inline-form select{padding:5px 8px;border:1px solid var(--border);border-radius:8px;font-family:var(--font);font-size:12.5px;background:var(--surface)}
.inline-form select:focus{outline:none;border-color:var(--green)}
.mini.on{background:var(--green);color:#fff;border-color:var(--green)}
.catgroup{margin-top:10px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.catgroup-head{background:var(--surface-alt);padding:8px 14px;font-weight:700;font-size:13.5px}
.cat-rows{padding:4px 0}
.cat-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;
  padding:7px 14px;border-top:1px solid var(--border)}
.cat-row:first-child{border-top:none}
.cat-row .cat-name{font-size:13px}
.cat-row .cat-w{font-size:11.5px;white-space:nowrap}

/* вкладки панелі дня */
.ptabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;background:var(--surface-alt);
  padding:6px;border-radius:14px;border:1px solid var(--border)}
.ptab{padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--ink-2);border-radius:9px;
  white-space:nowrap;transition:background .12s,color .12s}
.ptab:hover{color:var(--ink);background:#fff}
.ptab.on{background:var(--green);color:#fff;box-shadow:0 1px 3px rgba(42,189,19,.35)}
.ptab.on:hover{background:var(--green-dark);color:#fff}

/* планування */
.wnum{width:120px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;
  font-family:var(--font);font-size:13px;text-align:right;color:var(--ink)}
.wnum:focus{outline:none;border-color:var(--green)}
.plan-wsum{font-weight:700;padding:6px 14px;border-radius:8px;background:var(--surface-alt);font-size:14px}
.plan-wsum.ok{background:var(--green-50);color:var(--green-dark)}
.plan-wsum.bad{background:var(--red-50);color:var(--red-dark)}

/* індивідуальні цілі */
.goalsform{display:inline-flex;gap:5px;align-items:center}
.goalsform input{width:48px;padding:5px 6px;border:1px solid var(--border);border-radius:8px;
  font-family:var(--font);font-size:12.5px;text-align:center}
.goalsform input:focus{outline:none;border-color:var(--green)}

/* картка/дельти продавця */
.sc-delta{margin-top:5px;font-size:11.5px;font-weight:700}
.sc-delta.pos{color:var(--green-dark)} .sc-delta.neg{color:var(--red-dark)}
.sc-name a{color:inherit;text-decoration:none}
.sc-name a:hover{text-decoration:underline}

/* професійна погодинна таблиця */
table.hourly td,table.hourly th{font-variant-numeric:tabular-nums;white-space:nowrap}
table.hourly td.bname{position:sticky;left:0;background:var(--surface);font-weight:600;z-index:1}
table.hourly thead th:first-child{position:sticky;left:0;background:#f0f3f9;z-index:2}
table.hourly td.peak{background:#eefaea;font-weight:700;color:var(--green-dark)}
table.hourly td.kg{color:var(--green-dark);font-weight:700}
table.hourly td.ko{color:var(--orange-dark);font-weight:700}
table.hourly td.kr{color:var(--red-dark);font-weight:700}

/* --- Продавці --- */
.seller-row{display:flex;align-items:center;gap:10px;padding:6px 0}
.seller-name{flex:0 0 210px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seller-track{flex:1 1 auto;height:9px;background:var(--surface-alt);border:1px solid var(--border);border-radius:3px;overflow:hidden}
.seller-fill{height:100%;background:var(--green)}
.seller-metrics{flex:0 0 110px;text-align:right}
.seller-rev{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.seller-delta{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.seller-delta.pos{color:var(--green-dark)}
.seller-delta.neg{color:var(--red-dark)}

/* --- дрібні --- */
.pos{color:var(--green-dark);font-weight:700}
.neg{color:var(--red-dark);font-weight:700}
.ok{color:var(--green-dark)}.no{color:var(--red-dark)}
.tag{background:var(--green-50);color:var(--green-dark);border-radius:10px;padding:1px 8px;font-size:12px}
.err{background:var(--red-50);color:var(--red-dark);border:1px solid #F5C6C1;border-radius:10px;padding:10px 14px;margin:10px 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.two{grid-template-columns:1fr}.seller-name{flex-basis:120px}}
.btn{display:inline-block;background:var(--green);color:#fff;padding:9px 16px;border-radius:10px;font-weight:700}
.btn:hover{background:var(--green-dark)}
.back{font-size:13px;color:var(--ink-2);display:inline-block;margin-bottom:10px}

/* --- Логін --- */
.login{max-width:340px;margin:12vh auto;background:var(--surface);border:1px solid var(--border);
  border-top:4px solid var(--green);border-radius:16px;padding:28px}
.login h1{font-size:20px;text-align:center}
.login input{width:100%;padding:11px 12px;margin:8px 0;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:var(--font)}
.login input:focus{outline:none;border-color:var(--green)}
.login button{width:100%;padding:11px;margin-top:8px;background:var(--green);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer}
.login button:hover{background:var(--green-dark)}

/* --- Планування: план-факт по продавцях --- */
.exec-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}
@media(max-width:860px){.exec-cards{grid-template-columns:repeat(2,1fr)}}
.exec-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--ink-3);border-radius:14px;padding:13px 16px}
.exec-card.ok{border-left-color:var(--green)}
.exec-card.warn{border-left-color:var(--orange)}
.exec-card.bad{border-left-color:var(--red)}
.ec-top{display:flex;justify-content:space-between;align-items:baseline}
.ec-label{font-weight:700;color:var(--ink);font-size:14px}
.ec-pct{font-weight:800;font-size:22px;line-height:1}
.exec-card.ok .ec-pct{color:var(--green-dark)}
.exec-card.warn .ec-pct{color:var(--orange-dark)}
.exec-card.bad .ec-pct{color:var(--red-dark)}
.ec-bar{position:relative;height:8px;border-radius:6px;background:var(--track);margin:10px 0 8px;overflow:visible}
.ec-bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--ink-3)}
.exec-card.ok .ec-bar>span{background:var(--green)}
.exec-card.warn .ec-bar>span{background:var(--orange)}
.exec-card.bad .ec-bar>span{background:var(--red)}
.ec-mark{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.5;border-radius:2px}
.ec-nums{display:flex;justify-content:space-between;color:var(--ink-2);font-size:12px}
/* --- KPI bullet-чарт --- */
.ec-bullet{position:relative;height:16px;margin:10px 0 9px}
.eb-bands{position:absolute;inset:0;display:flex;border-radius:6px;overflow:hidden}
.eb-band{height:100%}
.eb-poor{background:var(--red-50)}
.eb-ok{background:var(--orange-50)}
.eb-good{flex:1 1 auto;background:var(--green-50)}
.eb-measure{position:absolute;left:0;top:4px;height:8px;border-radius:5px;background:var(--ink-3)}
.eb-measure.ok{background:var(--green)}
.eb-measure.warn{background:var(--orange)}
.eb-measure.bad{background:var(--red)}
.eb-target{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--ink);border-radius:2px}
.eb-norm{position:absolute;top:-2px;bottom:-2px;width:0;border-left:2px dashed var(--ink-2)}
.eb-fc{position:absolute;top:50%;width:9px;height:9px;margin-left:-5px;transform:translateY(-50%) rotate(45deg);background:var(--surface);border:2px solid var(--ink)}
/* --- Дашборд: клікабельні KPI-плитки + розкриття по продавцях --- */
.kpi-tile{width:100%;text-align:left;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;display:block;position:relative;background:var(--surface);transition:transform .13s ease,box-shadow .13s ease}
.kpi-tile:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(16,24,32,.13);z-index:2}
.kpi-tile:active{transform:translateY(-1px)}
.kpi-tile.open{outline:2px solid var(--green);outline-offset:-1px;box-shadow:0 8px 22px rgba(16,24,32,.12)}
.warntext{color:var(--orange-dark)}
.drill-caret{font-size:10px;color:var(--ink-3);transition:transform .15s}
.kpi-tile.open .drill-caret{transform:rotate(180deg);color:var(--green-dark)}
/* --- спінер завантаження + анімація розкриття --- */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.drill-spin{display:none}
.kpi-panel.loading{min-height:46px}
.kpi-panel.loading .drill-hd,.kpi-panel.loading .table-wrap{visibility:hidden;height:0;overflow:hidden;margin:0;padding:0}
.kpi-panel.ready{animation:fadeUp .3s ease}
/* анімація «провантаження» цифр — див. animNums у dashboard.html */
.gauge-panels{margin-top:6px}
.gauge-panel{margin-top:6px}
.gauge-box{cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none;transition:transform .12s ease,box-shadow .12s ease}
.gauge-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,32,.10)}
.gauge-box.open{outline:2px solid var(--green);outline-offset:-1px}
.g-caret{font-size:9px;color:var(--ink-3)}
.gauge-box.open .g-caret{color:var(--green-dark)}
/* --- GfK: клікабельні бізнеси + завантаження категорій --- */
.gfk-bizrow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;background:none;border:none;border-radius:8px;padding:5px 6px;cursor:pointer;font-size:13px}
.gfk-bizrow:hover{background:var(--surface-alt)}
.gfk-bizrow.on{background:var(--green-50)}
.gfk-load{min-height:60px}
.gfk-fade{animation:fadeUp .28s ease}
.kpi-panels{margin:2px 0 18px}
.kpi-panel{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--surface);margin-top:6px}
.drill-hd{font-weight:700;font-size:13.5px;margin-bottom:8px;color:var(--ink)}
.drill-table{width:100%;border-collapse:collapse}
.drill-table th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2);text-align:left;padding:6px 8px;border-bottom:1.5px solid var(--border);white-space:nowrap}
.drill-table td{padding:6px 8px;border-bottom:1px solid var(--track);font-size:13.5px}
.drill-table td.num,.drill-table th.num{text-align:right;white-space:nowrap}
.drill-table tr:last-child td{border-bottom:none}
.drill-table th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
.drill-table th.sortable:hover{color:var(--green-dark)}
.drill-table th.desc,.drill-table th.asc{color:var(--green-dark)}
/* --- Дашборд: історія по місяцях/кварталах --- */
.hist-table{width:100%;border-collapse:collapse}
.hist-table th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--ink-2);text-align:left;padding:7px 8px;border-bottom:1.5px solid var(--border);white-space:nowrap}
.hist-table td{padding:6px 8px;font-size:13.5px;border-bottom:1px solid var(--track)}
.hist-table td.num,.hist-table th.num{text-align:right;white-space:nowrap}
.hist-q td{background:var(--green-50);font-weight:700;border-top:2px solid #c3e8bc}
.hist-m td:first-child{padding-left:22px;color:var(--ink-2)}
.hist-q{cursor:pointer}
.hist-q:hover td{background:#e3f3e0}
.q-caret{display:inline-block;width:12px;color:var(--green-dark);font-size:11px}
/* --- Дашборд: крива тренду --- */
.trend-svg{width:100%;height:auto;display:block;margin:8px 0 2px;overflow:visible}
.tr-area{fill:var(--green-50);stroke:none}
.tr-line{display:none}
.tr-seg{fill:none;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.tr-seg.up{stroke:var(--green)}
.tr-seg.down{stroke:var(--red)}
.tr-dot{fill:#fff;stroke-width:1;vector-effect:non-scaling-stroke}
.tr-dot.up{stroke:var(--green)}
.tr-dot.down{stroke:var(--red)}
.tr-dot.cur.up{fill:var(--green);stroke:var(--green)}
.tr-dot.cur.down{fill:var(--red);stroke:var(--red)}
.tr-cur{font-size:4.2px;font-weight:700}
.tr-cur.up{fill:var(--green-dark)}
.tr-cur.down{fill:var(--red-dark)}
.dyn{font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;margin-left:8px;vertical-align:middle}
.dyn.up{background:var(--green-50);color:var(--green-dark)}
.dyn.down{background:var(--red-50);color:var(--red-dark)}
.tr-hit{fill:transparent;cursor:pointer}
.tr-xl{fill:var(--ink-3);font-size:4px}
.trend-svg a{cursor:pointer}
.trend-svg a:hover .tr-dot{stroke-width:2.6}
.tr-val{fill:var(--ink);font-size:4px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .1s}
.tr-val .up{fill:var(--green-dark)}
.tr-val .down{fill:var(--red-dark)}
.trend-svg a:hover .tr-val{opacity:1}
/* --- Дашборд: виконання бюджету + датчики КПІ --- */
.bh-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.bh-main{flex:1 1 240px;min-width:220px}
.bh-lbl{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);font-weight:700}
.bh-pct{font-size:46px;font-weight:900;line-height:1;margin:3px 0 9px}
.bh-pct.ok{color:var(--green-dark)}.bh-pct.warn{color:var(--orange-dark)}.bh-pct.bad{color:var(--red-dark)}
.bh-bar{height:11px;border-radius:7px;background:var(--track);overflow:hidden;position:relative}
.bh-bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:7px;background:var(--green);transition:width .7s ease}
.bh-nums{display:flex;justify-content:space-between;color:var(--ink-2);font-size:13px;margin-top:7px}
.gauges{display:flex;gap:12px;flex-wrap:wrap;flex:2 1 430px;justify-content:flex-end}
.gauge-box{text-align:center;width:120px;padding:9px 6px 8px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.gauge-box.ok{border-top:3px solid var(--green)}
.gauge-box.warn{border-top:3px solid var(--orange)}
.gauge-box.bad{border-top:3px solid var(--red)}
.gauge{width:82px;height:82px;display:block;margin:0 auto}
.g-bg{fill:none;stroke:var(--track);stroke-width:9}
.g-arc{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .7s ease}
.g-arc.ok{stroke:var(--green)}.g-arc.warn{stroke:var(--orange)}.g-arc.bad{stroke:var(--red)}
.g-val{font-size:21px;font-weight:800;fill:var(--ink)}
.g-label{font-size:13px;color:var(--ink);margin-top:2px;font-weight:700}
.g-sub{font-size:11px;color:var(--ink-3);line-height:1.35;margin-top:2px}
/* частки КПІ */
.shares{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}
.sh-head{font-weight:700;font-size:13.5px;margin-bottom:9px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sh-tot{color:var(--ink-2);font-weight:600;font-size:12.5px}
.sh-bar{display:flex;height:22px;border-radius:8px;overflow:hidden;background:var(--track)}
.sh-seg{height:100%;transition:width .7s ease}
.sh-dpt{background:#2ABD13}.sh-acc{background:#2F80ED}.sh-ser{background:#FC5E0F}.sh-other{background:#B7BEC5}
.sh-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:11px}
.sh-item{display:flex;align-items:center;gap:6px;font-size:13px}
.sh-dot{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none}
.sh-l{color:var(--ink-2)}
.sh-p{color:var(--ink);font-size:14px}
.sh-v{color:var(--ink-3);font-size:12px}
/* --- Дашборд: частка ринку GfK --- */
.gfk-wrap{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-start}
.gfk-main{flex:1 1 190px;min-width:170px}
.gfk-big{font-size:44px;font-weight:900;line-height:1}
.gfk-big.up{color:var(--green-dark)}
.gfk-big.down{color:var(--red-dark)}
.gfk-sub{color:var(--ink-2);font-size:12.5px;margin-top:4px}
.gfk-spark{width:100%;height:42px;margin-top:10px;overflow:visible;display:block}
.gfk-spark polyline{fill:none;stroke:var(--green);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.gfk-col{flex:1 1 280px;min-width:250px}
.gfk-h{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);font-weight:700;margin-bottom:6px}
.gfk-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}
.gfk-n{flex:0 0 42%;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfk-bar{flex:1 1 auto;height:8px;background:var(--track);border-radius:5px;overflow:hidden}
.gfk-bar>i{display:block;height:100%;background:var(--green);border-radius:5px}
.gfk-v{flex:0 0 44px;text-align:right;font-weight:700}
.gfk-d{flex:0 0 34px;text-align:right;font-size:11px;font-weight:700}
.gfk-d.up{color:var(--green-dark)}
.gfk-d.down{color:var(--red-dark)}
.gfk-months{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}
.gfk-mchip{padding:4px 11px;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink)}
.gfk-mchip:hover{background:var(--surface-alt)}
.gfk-mchip.on{background:var(--green-50);border-color:#c3e8bc;color:var(--green-dark)}
@media(max-width:760px){.gauges{justify-content:center;flex-basis:100%}.bh-pct{font-size:38px}}
.bul-legend{display:flex;flex-wrap:wrap;gap:14px;margin:-4px 2px 14px;color:var(--ink-2);font-size:12px}
.bul-legend i.lg{display:inline-block;vertical-align:middle;margin-right:5px}
.lg-measure{width:16px;height:8px;border-radius:4px;background:var(--ink-3)}
.lg-target{width:2px;height:12px;background:var(--ink);vertical-align:-2px}
.lg-norm{width:0;height:12px;border-left:2px dashed var(--ink-2);vertical-align:-2px}
.lg-fc{width:9px;height:9px;transform:rotate(45deg);background:var(--surface);border:2px solid var(--ink)}
/* --- Burn-up: накопичення ТО за місяць --- */
.burnup{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px 10px;margin:0 0 16px}
.bu-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bu-head h3{margin:0;font-size:15px}
.bu-status{font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:20px}
.bu-status.ok{background:var(--green-50);color:var(--green-dark)}
.bu-status.bad{background:var(--red-50);color:var(--red-dark)}
.bu-svg{width:100%;height:auto;display:block;margin:8px 0 2px;overflow:visible}
.bu-svg polyline{fill:none;vector-effect:non-scaling-stroke}
.bu-plan{stroke:var(--ink-3);stroke-width:1.6;stroke-dasharray:4 3}
.bu-fact{stroke:var(--green);stroke-width:2.4}
.bu-fc{stroke:var(--orange);stroke-width:2;stroke-dasharray:3 2}
.bu-axis{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}
.bu-today{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;opacity:.6}
.bu-factdot{fill:var(--green)}
.bu-fcdot{fill:var(--orange)}
.bu-normdot{fill:var(--surface);stroke:var(--ink-3);stroke-width:1;vector-effect:non-scaling-stroke}
.bu-xl{fill:var(--ink-3);font-size:3px}
.bu-legend{display:flex;flex-wrap:wrap;gap:14px;margin:2px 0 6px;color:var(--ink-2);font-size:12px}
.bu-legend i{display:inline-block;width:16px;height:0;vertical-align:middle;margin-right:5px}
.l-plan{border-top:3px dashed var(--ink-3)}
.l-fact{border-top:3px solid var(--green)}
.l-fc{border-top:3px dashed var(--orange)}
.l-today{border-top:3px dotted var(--ink-2)}
.bu-note{color:var(--ink-2);font-size:12.5px;margin:4px 2px}
.bu-note .bad{color:var(--red-dark)}
.bu-note .ok{color:var(--green-dark)}
/* --- Вкладка «Команда» (картки в iframe) --- */
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px}
.page-head h1{margin:0}
.team-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.tchip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border);border-radius:22px;background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.tchip:hover{background:var(--surface-alt)}
.tchip .ti{font-size:14px}
.tchip .ts{color:var(--ink-3);font-weight:600;font-size:12px}
.tchip.on{background:var(--green-50);border-color:#c3e8bc;color:var(--green-dark)}
.tchip.team{border-color:#c3e8bc}
.tchip.team.on{background:var(--green);color:#fff;border-color:var(--green)}
.tchip.team.on .ts{color:#eaf7e6}
.team-frame-wrap{position:relative}
.team-open{position:absolute;top:10px;right:10px;z-index:2}
.team-frame{width:100%;height:calc(100vh - 210px);min-height:520px;border:1px solid var(--border);border-radius:14px;background:#F0F4F0;display:block}
/* --- ІТ лідер --- */
.side-nav a.snav{text-decoration:none;display:block}
.it-history{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.it-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0 14px}
.it-form input[type=text],.it-form input[type=date],.it-form select{padding:8px 10px;border:1px solid var(--border);border-radius:9px;font-size:14px}
.it-form input[type=text]{flex:1 1 240px}
.it-form.grid3 input[type=text],.it-form.grid4 input[type=text]{flex:1 1 160px}
.it-strat{display:flex;flex-direction:column;gap:10px;max-width:820px}
.it-strat textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font:inherit;font-size:14px;resize:vertical}
.it-strat button{align-self:flex-start}
.it-strat-body{color:var(--ink-2);font-size:14px;padding:6px 2px}
.it-list{list-style:none;padding:0;margin:6px 0 16px}
.it-list.slim{margin:6px 0 4px}
.it-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--track)}
.it-row:last-child{border-bottom:none}
.it-row.done .it-txt{text-decoration:line-through;color:var(--ink-3)}
.it-txt{flex:1 1 auto}
.it-date{color:var(--ink-2);font-size:12.5px;min-width:92px;white-space:nowrap}
.it-who{font-weight:600;min-width:120px}
.inl{display:inline;margin:0}
.chk,.del{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px}
.chk{color:var(--green-dark)}
.del{color:var(--ink-3)}
.del:hover{color:var(--red-dark)}
.it-sub{font-size:14px;margin:14px 0 6px;color:var(--ink-2)}
.it-hist{border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin:6px 0;background:var(--surface)}
.it-hist summary{cursor:pointer;font-weight:600;font-size:13.5px}
.team-up{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.team-up .tu-lbl{font-size:12.5px;color:var(--ink-2);font-weight:600}
.team-up input[type=file]{font-size:12.5px;max-width:230px}
.team-actions{display:flex;align-items:center;gap:12px;margin:8px 0 12px;flex-wrap:wrap}
.team-actions form{margin:0}
.notify-detail{margin:6px 0 14px;padding-left:18px;color:var(--ink-2);font-size:13px}
.notify-detail li{margin:3px 0}
.preview-box{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:8px 0 14px;background:var(--surface)}
.pv-head{font-weight:700;margin-bottom:8px}
.pv-table{width:100%;border-collapse:collapse}
.pv-table td{padding:5px 6px;border-bottom:1px solid var(--track);font-size:13.5px}
.pv-table tr:last-child td{border-bottom:none}
.pv-table td:last-child{text-align:right;white-space:nowrap}
.exec-table th.grp{text-align:center;background:var(--surface-alt);font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}
.exec-table th.gsep,.exec-table td.gsep{border-left:2px solid var(--border)}
.ebadge{display:inline-block;min-width:46px;text-align:center;padding:2px 8px;border-radius:20px;font-weight:700;font-size:12.5px}
.ebadge.ok{background:var(--green-50);color:var(--green-dark)}
.ebadge.warn{background:var(--orange-50);color:var(--orange-dark)}
.ebadge.bad{background:var(--red-50);color:var(--red-dark)}
.exec-table td.num,.exec-table th.num{white-space:nowrap}

/* --- Планування: розклад по категоріях --- */
.catbreak summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:6px;user-select:none}
.catbreak summary::-webkit-details-marker{display:none}
.catbreak summary::before{content:"▸";color:var(--ink-3);font-size:13px}
.catbreak[open] summary::before{content:"▾"}
.catbreak summary h2{margin:0;font-size:16px}

/* --- Планування категорій (факт × коефіцієнт) --- */
.cplan-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12.5px;font-weight:700;border:1px solid var(--border)}
.chip.ok{background:var(--green-50);color:var(--green-dark);border-color:var(--green-50)}
.chip.off{background:var(--track);color:var(--ink-3)}
.ok-box{background:var(--green-50);border-left:4px solid var(--green);color:var(--green-dark);
        padding:10px 14px;border-radius:10px;margin-top:12px;font-weight:600}
/* --- Планування: лендінг (форма + картки планів) --- */
.newplan{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.np-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2);font-weight:600}
.np-field.grow{flex:1 1 240px}
.np-field input{padding:9px 11px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:400;color:var(--ink)}
.plan-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.plan-card.cur{border-color:#c3e8bc;box-shadow:inset 0 0 0 2px var(--green-50)}
.pc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pc-month{font-size:18px;font-weight:800;color:var(--ink)}
.pc-badge{font-size:11px;font-weight:700;color:var(--green-dark);background:var(--green-50);border-radius:20px;padding:2px 9px;vertical-align:middle;margin-left:4px}
.pc-dates{font-size:12.5px;color:var(--ink-3);margin-top:3px}
.pc-to{text-align:right;white-space:nowrap}
.pc-to b{font-size:16px;font-weight:800;color:var(--ink);display:block}
.pc-to span{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px}
.pc-chips .chip{font-size:11.5px;padding:3px 10px;font-weight:600}
.pc-actions{display:flex;gap:8px;margin-top:2px}
.pc-actions .btn{flex:1;text-align:center}
/* --- План-факт: toolbar + динаміка --- */
.pe-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 16px;margin-bottom:12px}
.pe-hint{flex:1 1 240px;color:var(--ink-2);font-size:12.5px;align-self:center;min-width:220px}
.dyn-insights{display:flex;flex-direction:column;gap:6px;margin:4px 0 14px}
.dyn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dyn-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.dyn-top{display:flex;justify-content:space-between;align-items:center}
.dyn-label{font-size:15px;font-weight:800}
.dyn-spark{width:100%;height:36px;margin:8px 0;overflow:visible;display:block}
.dyn-spark polyline{fill:none;stroke:var(--green);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dyn-sub{font-size:12.5px;color:var(--ink-2);margin-bottom:8px}
.dyn-sub .up{color:var(--green-dark)}
.dyn-sub .down{color:var(--red-dark)}
.dyn-table{width:100%;border-collapse:collapse}
.dyn-table th{font-size:10.5px;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:4px 6px;border-bottom:1px solid var(--border)}
.dyn-table td{padding:4px 6px;font-size:12.5px;border-bottom:1px solid var(--track)}
.dyn-table td.num,.dyn-table th.num{text-align:right;white-space:nowrap}
.dyn-table tr:last-child td{border-bottom:none}
/* --- Аналіз відхилень ASP/ШТ --- */
.var-cat{border:1px solid var(--border);border-radius:14px;padding:4px 16px;margin:10px 0;background:var(--surface);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.var-cat[open]{box-shadow:0 3px 12px rgba(16,24,40,.06)}
.var-cat summary{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;user-select:none;
  padding:12px 2px;list-style:none}
.var-cat summary::-webkit-details-marker{display:none}
.var-cat summary::before{content:'▸';color:var(--ink-3);font-size:12px;transition:transform .15s}
.var-cat[open] summary::before{transform:rotate(90deg)}
.vc-title{font-size:15px}
.vc-meta{font-size:11.5px;color:var(--ink-3);font-weight:500}
.vc-res{margin-left:auto;font-size:14px;font-weight:800;color:#fff;white-space:nowrap;
  background:linear-gradient(135deg,var(--green),var(--green-dark));border-radius:20px;padding:4px 14px;
  box-shadow:0 2px 6px rgba(42,189,19,.25)}
.vc-res::before{content:'резерв ';font-weight:600;opacity:.85;font-size:11px}
.var-table{margin:6px 0 10px}
.var-table .up{color:var(--green-dark)}
.var-table .down{color:var(--red-dark)}
/* важелі дорощення (#3) */
.var-table td.lever,.bres-table td.lever{white-space:nowrap;line-height:1.35}
.lv-qty{display:inline-block;font-weight:800;color:#4338ca;background:#EEF0FF;border-radius:6px;padding:1px 7px;font-size:12px}
.lv-asp{display:block;font-size:11px;color:var(--ink-3);margin-top:3px;font-weight:600}
.lv-asp .lv-eff{color:var(--orange-dark)}
.ok-mini{color:var(--green-dark);font-weight:700;font-size:12px;opacity:.8}
.ztag{display:inline-block;font-size:10px;font-weight:800;line-height:1.5;min-width:15px;text-align:center;
  background:#EEF0F1;color:#7A828A;border-radius:6px;padding:0 5px;vertical-align:middle}
tr.sel-zero>td{background:#FBFBFC}
tr.sel-zero>td.bname{box-shadow:inset 3px 0 #C4C9CF;color:var(--ink-2);font-weight:700}
.exec-table tbody tr.sel-zero td.bname,.subtable tbody tr.sel-zero td.bname{background:#FBFBFC}
/* виступ продавця + розкриття брендів (#5) */
.svtable{border-collapse:separate;border-spacing:0}
tr.srow.has-br{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
tr.srow.has-br:hover{transform:translateY(-2px)}
tr.srow.has-br:hover>td{box-shadow:0 6px 16px rgba(16,24,40,.10)}
tr.srow.has-br.open{transform:translateY(-2px)}
tr.srow.has-br.open>td{box-shadow:0 8px 20px rgba(79,70,229,.14);position:relative;z-index:2}
tr.srow.has-br.open>td.bname{box-shadow:inset 3px 0 #6366f1,0 8px 20px rgba(79,70,229,.14)}
.srow .caret{display:inline-block;width:14px;color:#6366f1;font-size:11px;transition:transform .12s}
tr.sdetail>td{padding:0;border:none;background:linear-gradient(180deg,#F4F3FF,var(--surface-alt))}
.sbrands{padding:10px 14px 12px;border-left:3px solid #6366f1;margin:0 0 4px}
.sbrands-h{font-size:12px;font-weight:800;color:#4338ca;margin-bottom:8px}
.sbrows{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.sbrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:var(--surface);
  border:1px solid var(--border);border-radius:10px;padding:7px 11px;font-size:12.5px}
.sbrow.low{border-color:#F3D3A8;background:#FFFBF4}
.sb-name{font-weight:800;min-width:74px}
.sb-vals{color:var(--ink-2)}
.sb-gap{width:100%;font-size:12px;color:var(--orange-dark);font-weight:600}
.sb-gap b{color:var(--green-dark)}
.sb-gap .or{opacity:.5;font-weight:400}
.sb-ok{width:100%;font-size:11.5px;color:var(--green-dark);font-weight:600}
.pot-sub .hl{color:var(--green-dark);font-weight:800}
/* потенціал «до середнього» */
.pot-hero{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch;
  border:1px solid #CDEBD6;border-radius:18px;padding:18px 20px;margin:4px 0 16px;
  background:linear-gradient(135deg,rgba(42,189,19,.10),rgba(16,185,129,.02))}
.pot-main{flex:2 1 320px}
.pot-lbl{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);font-weight:800}
.pot-val{font-size:38px;font-weight:800;line-height:1.02;color:var(--green-dark);margin:3px 0 4px;letter-spacing:-.01em}
.pot-sub{font-size:13px;color:var(--ink-2)}
.pot-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pchip{font-size:12px;font-weight:600;border-radius:20px;padding:4px 12px;background:var(--surface);border:1px solid var(--border);color:var(--ink-2)}
.pchip b{color:var(--ink)}
.pchip.up{border-color:#CDEBD6}.pchip.up b{color:var(--green-dark)}
.pchip.zero{border-color:#E6E8EB}.pchip.zero b{color:var(--ink)}
.pot-split{flex:1 1 260px;display:flex;flex-direction:column;justify-content:center;gap:9px;
  border-left:1px dashed #CDEBD6;padding-left:20px}
.pot-why{font-size:11px;color:var(--ink-3);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pot-bar{display:flex;height:16px;border-radius:8px;overflow:hidden;background:var(--track)}
.pot-bar .pb-sht{background:#6366f1}.pot-bar .pb-asp{background:#f59e0b}
.pot-legend{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}
.pot-legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.pot-legend .dot.sht{background:#6366f1}.pot-legend .dot.asp{background:#f59e0b}
.pot-pill{display:inline-block;font-size:12px;font-weight:800;color:var(--green-dark);background:var(--green-50);border-radius:20px;padding:2px 11px;vertical-align:middle}
/* овер через бренди */
.bres-box{margin:6px 0 8px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-alt)}
.bres-h{font-size:12.5px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bres-item{border-top:1px solid var(--border)}
.bres-item:first-of-type{border-top:none}
.bres-item summary{cursor:pointer;user-select:none;display:flex;align-items:center;gap:12px;
  font-size:13px;padding:9px 2px;list-style:none}
.bres-item summary::-webkit-details-marker{display:none}
.bres-item summary::before{content:'▸';color:var(--ink-3);font-size:11px;flex:0 0 auto;transition:transform .15s}
.bres-item[open] summary::before{transform:rotate(90deg)}
.bres-item[open]>summary{background:linear-gradient(90deg,rgba(79,70,229,.05),transparent);border-radius:8px}
.bres-name{font-weight:800;flex:0 0 130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bres-bar{flex:1 1 auto;height:10px;border-radius:6px;background:#E4E7EC;overflow:hidden;min-width:60px}
.bres-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:6px}
.bres-share{flex:0 0 auto;font-weight:700;color:var(--ink-2);min-width:34px;text-align:right}
.bres-res{flex:0 0 auto;font-weight:800;white-space:nowrap;min-width:120px;text-align:right;color:var(--green-dark)}
.bres-res.flat{color:var(--ink-3);font-weight:600}
.bres-table{margin:2px 0 10px}
.bres-none{font-size:12px;padding:2px 2px 10px}
@media(max-width:640px){.bres-name{flex-basis:90px}.bres-bar{display:none}.bres-res{min-width:96px}
  .vc-res{margin-left:0}}
@media(max-width:640px){.bres-item summary{grid-template-columns:1fr auto}.bres-bar,.bres-share{display:none}}

/* --- Розкривні продавці в проєкті плану --- */
.catrow{cursor:pointer}
.catrow:hover{background:var(--surface-alt)}
.caret{display:inline-block;width:12px;color:var(--ink-3);font-size:11px}
.catdet>td{background:var(--surface-alt);padding:6px 12px 10px}
.subtable{width:100%;border-collapse:collapse}
.subtable th,.subtable td{padding:5px 8px;font-size:13px;border-bottom:1px solid var(--border)}
.subtable th{color:var(--ink-2);font-weight:600;text-align:left}
.subtable td.num,.subtable th.num{text-align:right;white-space:nowrap}

/* --- Блоки бізнесів на сторінці план-факт --- */
.bizblock{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:var(--surface);overflow:hidden}
.bizblock>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;padding:12px 16px;user-select:none}
.bizblock>summary::-webkit-details-marker{display:none}
.bizblock>summary::before{content:"▸";color:var(--ink-3)}
.bizblock[open]>summary::before{content:"▾"}
.bizblock[open]>summary{border-bottom:1px solid var(--border)}
.biz-name{font-weight:700;color:var(--ink);flex:1}
.biz-sum{color:var(--ink-2);font-size:13px}
.bizblock .table-wrap{padding:0 12px 12px}

/* --- Тулбар вибору періоду (план-факт) --- */
.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px;margin-bottom:16px}
.tb-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2);font-weight:600}
.tb-field select{font:inherit;font-size:14px;color:var(--ink);padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);min-width:190px;cursor:pointer}
.tb-uploads{margin-left:auto;display:flex;flex-direction:column;gap:8px}
.tb-upload{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}
.tb-upload>span{min-width:70px}
.tb-upload input[type=file]{font-size:12px;max-width:180px}
@media(max-width:720px){.tb-uploads{margin-left:0;width:100%}}
.cwbar{display:flex;align-items:center;gap:14px;margin:8px 2px 2px}

/* --- Підсвітка продавців: хто на рівні норми (зелений) / відстає (червоний) --- */
tr.sel-good>td{background:var(--green-50)}
tr.sel-low>td{background:var(--red-50)}
tr.sel-good>td.bname{box-shadow:inset 3px 0 var(--green)}
tr.sel-low>td.bname{box-shadow:inset 3px 0 var(--red)}
tr.sel-good>td.bname,tr.sel-low>td.bname{font-weight:700}

/* --- Сайдбар-підменю на План-факт --- */
.exec-layout{display:flex;gap:18px;align-items:flex-start}
.side-nav{flex:0 0 210px;position:sticky;top:74px;display:flex;flex-direction:column;gap:4px;
  background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px}
.snav{display:flex;align-items:center;gap:8px;text-align:left;background:none;border:none;border-radius:9px;
  padding:11px 12px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}
.snav:hover{background:var(--surface-alt);color:var(--ink)}
.snav.on{background:var(--green-50);color:var(--green-dark)}
.snav .cnt2{margin-left:auto;background:var(--track);color:var(--ink-3);border-radius:20px;padding:1px 9px;font-size:12px;font-weight:700}
.snav.on .cnt2{background:#fff;color:var(--green-dark)}
.exec-main{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px}
.exec-sec{display:none}
.exec-sec.on{display:block}
@media(max-width:820px){
  .exec-layout{flex-direction:column}
  .side-nav{flex-direction:row;flex-wrap:wrap;position:static;width:100%}
  .snav{flex:1 1 auto;justify-content:center}
  .snav .cnt2{margin-left:6px}
}

/* --- Липка перша колонка (ім'я) при горизонтальному скролі --- */
.exec-table td,.exec-table th,.subtable td,.subtable th{white-space:nowrap}
.exec-table{font-size:13.5px}
.exec-table thead tr:first-child th:first-child,.subtable thead tr:first-child th:first-child{
  position:sticky;left:0;z-index:3;background:var(--surface)}
.exec-table tbody td.bname,.subtable tbody td.bname,
.exec-table tbody tr.total-row td:first-child{
  position:sticky;left:0;z-index:2;background:var(--surface);box-shadow:2px 0 0 var(--border)}
.subtable tbody td.bname{background:var(--surface-alt)}
.exec-table tbody tr.total-row td:first-child{background:var(--surface-alt)}
.exec-table tbody tr.sel-good td.bname,.subtable tbody tr.sel-good td.bname{background:var(--green-50)}
.exec-table tbody tr.sel-low td.bname,.subtable tbody tr.sel-low td.bname{background:var(--red-50)}
.exec-table tbody tr.catrow{cursor:pointer}
.exec-table tbody tr.catrow:hover td{background:var(--surface-alt)}

/* --- Центр оновлення: селект типу --- */
.tb-sel{font:inherit;font-size:14px;color:var(--ink);padding:9px 11px;border:1px solid var(--border);
  border-radius:9px;background:var(--surface);cursor:pointer}
.card.static .chip{padding:2px 8px}

/* --- Аналітика: липка перша колонка бренд-таблиці --- */
.brand-table td,.brand-table th{white-space:nowrap}
.brand-table thead th:first-child{position:sticky;left:0;z-index:3;background:var(--surface)}
.brand-table tbody td.bname{position:sticky;left:0;z-index:2;background:var(--surface);box-shadow:2px 0 0 var(--border)}

/* --- Конкуренти: багатоперіодна таблиця + динаміка --- */
.comp-table{font-size:13px;width:auto;min-width:auto}
.comp-table th,.comp-table td{white-space:nowrap;padding:8px 12px}
.comp-table thead th.grp{border-bottom:1px solid var(--border);font-size:12px;letter-spacing:.03em;
  text-transform:uppercase;color:var(--ink-2);background:var(--surface-alt);text-align:center}
.comp-table thead tr:nth-child(2) th{font-size:11px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.comp-table td.num{font-variant-numeric:tabular-nums;color:var(--ink)}
.comp-table tbody tr:nth-child(even) td{background:#FAFBFA}
.comp-table tbody tr:hover td{background:#F1F6F0}
/* лідер періоду — лише зеленим текстом (без заливки) */
.comp-table td.win{color:var(--green-dark);font-weight:700}
/* останній період — нейтральний акцент (щоб зелений був лише на лідерах) */
.comp-table th.now{background:var(--surface-alt);color:var(--ink);border-left:1px solid var(--border)}
.comp-table td.now{background:var(--surface-alt);border-left:1px solid var(--border)}
.comp-table tbody tr:nth-child(even) td.now{background:#EFF1EF}
.comp-table tbody tr:hover td.now{background:#E9EEE8}
.comp-table td.win.now{font-weight:800}
/* роздільник між конкурентами */
.comp-table .gsep{border-left:2px solid var(--border)}
.dyn{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:1px 0}
.dyn .spark{width:60px;height:16px;flex:0 0 auto}
.dyn .spark polyline{fill:none;stroke-width:1.6}
.spark.up polyline{stroke:var(--green)}
.spark.down polyline{stroke:var(--red)}
.dyn-pct{min-width:44px;text-align:right;font-weight:700;font-size:12px}
.spark-none{color:var(--ink-3);width:60px;text-align:center;display:inline-block}

/* --- Конкуренти: короткі висновки --- */
.insights-panel{border-left:4px solid var(--green)}
.ins-row{display:flex;gap:10px;align-items:flex-start;padding:9px 2px;border-top:1px solid var(--border);font-size:14px;color:var(--ink)}
.ins-row:first-of-type{border-top:none}
.ins-ic{flex:0 0 auto;font-size:15px}

/* --- Вкладка «Навчання» --- */
.flash{border-radius:10px;padding:10px 14px;margin:10px 0;font-size:13.5px;font-weight:600}
.flash.ok{background:var(--green-50);color:var(--green-dark);border:1px solid #CDEBD6}
.flash.err{background:var(--red-50);color:var(--red-dark);border:1px solid #F5C9C4}
.tr-toolbar{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;margin:4px 0 14px}
.tr-month select{margin-left:8px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;font-size:14px;font-weight:600;background:var(--surface)}
.tr-month label{font-size:12px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.tr-cathint{font-size:12.5px;color:var(--ink-2);font-weight:600}
.tr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.tr-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:14px 16px;box-shadow:0 1px 2px rgba(16,24,40,.04);display:flex;flex-direction:column}
.tr-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--track);padding-bottom:10px;margin-bottom:10px}
.tr-name{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tr-bot{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:1px 7px}
.tr-bot.ok{background:var(--green-50);color:var(--green-dark)}
.tr-bot.off{background:#EEF0F1;color:#7A828A}
.tr-cnt{font-size:12px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.tr-items{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.tr-item{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;padding:7px 9px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface-alt)}
.tr-item input{margin-top:3px;grid-row:span 2}
.tr-item.brand{border-left:3px solid #6366f1}
.tr-item.video{border-left:3px solid #f59e0b}
.tr-item.cat{border-left:3px solid var(--green)}
.tr-item.done{opacity:.6}
.tr-topic{font-size:13px;font-weight:700}
.tr-topic a{color:var(--ink)}
.tr-kind{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--ink-3);margin-left:6px;letter-spacing:.03em}
.tr-reason{grid-column:2;font-size:11.5px;color:var(--ink-3)}
.tr-sent{grid-column:2;font-size:11px;color:var(--green-dark);font-weight:700}
.tr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}
.tr-tip{font-size:11.5px}
.tr-catalog{margin-top:18px}
.tr-catalog summary{cursor:pointer;font-size:15px;user-select:none}
.tr-videos{display:flex;flex-wrap:wrap;gap:8px}
.tr-vid{font-size:12.5px;font-weight:600;background:#FFF4E5;color:var(--orange-dark);border:1px solid #F3D3A8;border-radius:20px;padding:4px 12px}
@media(max-width:640px){.tr-cards{grid-template-columns:1fr}}

/* --- Розподіл зон: місячний вигляд --- */
.mweek{margin:14px 0 6px}
.mweek-h{display:flex;align-items:center;gap:10px;margin:0 2px 6px}
.mweek-lbl{font-size:13px;font-weight:800;color:var(--ink-2)}
.mweek-cur{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:var(--green-50);color:var(--green-dark);border-radius:6px;padding:1px 8px}
.sched th.col-out,.sched-cell.col-out{opacity:.4;background:var(--surface-alt)}
.sched-cell.col-out .mini{display:none}

/* --- Зони: перебудова + вихідні на місяць --- */
.zbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 12px}
.zbar .muted{font-size:12.5px}
.znote{background:var(--orange-50);color:var(--orange-dark);border:1px solid #F3D3A8;border-radius:10px;padding:10px 14px;margin:8px 0;font-size:13.5px;font-weight:600}
.znote a{color:var(--orange-dark);text-decoration:underline}
.btn.small{padding:5px 12px;font-size:12.5px}
.offs-panel{margin-top:16px}
.offs-panel>summary{cursor:pointer;font-size:16px;user-select:none}
.offrow{border-top:1px solid var(--border);padding:12px 0}
.offrow:first-of-type{border-top:none}
.offrow-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.offrow-name{font-weight:800;font-size:14px}
.offrow-n{font-size:12px;font-weight:700;color:var(--ink-3);margin-left:auto}
.offdays{display:flex;flex-wrap:wrap;gap:6px}
.offday{display:inline-flex;flex-direction:column;align-items:center;min-width:46px;padding:5px 4px;border:1px solid var(--border);border-radius:9px;cursor:pointer;background:var(--surface);user-select:none;transition:all .1s}
.offday input{display:none}
.offday .od-wd{font-size:10px;color:var(--ink-3);font-weight:700;text-transform:uppercase}
.offday .od-dm{font-size:12.5px;font-weight:700}
.offday:hover{border-color:var(--ink-3)}
.offday.is-off{background:#FFF4E5;border-color:#F0B265;color:var(--orange-dark)}
.offday.is-off .od-wd{color:var(--orange-dark)}
.offday.today{box-shadow:inset 0 -3px 0 var(--green)}
.offday.past{opacity:.55}

/* --- Зони: компактність + вихідні по кліку (миттєво) --- */
.zpage .hero{padding:14px 18px}
.zpage .hero h1{font-size:22px}
.zpage .cards{gap:8px;margin:8px 0}
.zpage .card.static{padding:8px 12px}
.zpage .card.static .num{font-size:22px}
.zpage .card.static .sub{font-size:11px}
.zpage .weeknav{margin:8px 0}
.zpage .panel{padding:12px 14px;margin:10px 0}
.zpage .mweek{margin:10px 0 4px}
.zpage .mweek-h{margin-bottom:4px}
.zpage .sched th,.zpage .sched-cell{padding:4px 6px;font-size:11.5px}
.zpage .sched .ct{font-size:10.5px;padding:1px 5px;margin:1px}
.zpage .sched .cell-top{margin-bottom:2px}
.zpage .legend{font-size:11.5px}
.zbar{margin:4px 0 8px}
/* день-кнопка: виступає вперед + яскрава підсвітка вихідного */
.offrow{padding:9px 0}
.offdays{gap:5px}
.offday{-webkit-appearance:none;appearance:none;font:inherit;position:relative;min-width:42px;padding:4px 5px;
  transition:transform .1s ease,box-shadow .1s ease,background .1s,border-color .1s,color .1s}
.offday:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(16,24,40,.14);border-color:var(--ink-3);z-index:1}
.offday.is-off{background:#FF7A1A;border-color:#E85D00;color:#fff;transform:translateY(-2px);
  box-shadow:0 5px 13px rgba(232,93,0,.38);z-index:1}
.offday.is-off .od-wd{color:#ffe1c7}
.offday.busy{opacity:.55;pointer-events:none}

/* --- Зони: компактні блоки днів --- */
.dayblocks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.dayblock{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0 0 6px;overflow:hidden}
.dayblock.today{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset}
.dayblock.out{opacity:.5}
.db-h{font-size:12px;font-weight:800;padding:6px 9px;border-bottom:1px solid var(--track);background:var(--surface-alt);text-transform:uppercase;letter-spacing:.02em}
.dayblock.today .db-h{background:var(--green-50);color:var(--green-dark)}
.db-dm{font-weight:600;color:var(--ink-3);margin-left:4px}
.db-list{padding:6px 9px;display:flex;flex-direction:column;gap:6px}
.db-row{font-size:11.5px;line-height:1.35}
.db-name{display:block;font-weight:800;color:var(--ink)}
.db-cats{display:block;color:var(--ink-2)}
.db-cats .mv{color:var(--orange-dark);font-weight:700}
.db-empty{font-size:11px;color:var(--ink-3);font-style:italic}
@media(max-width:1000px){.dayblocks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dayblocks{grid-template-columns:1fr}}

/* --- Редактор тестів --- */
.tq-card{padding:12px 14px}
.tq-head{display:flex;align-items:center;gap:10px;font-size:14px}
.tq-num{width:24px;height:24px;border-radius:50%;background:var(--green-50);color:var(--green-dark);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tq-opts{margin:8px 0 0 34px;display:flex;flex-direction:column;gap:4px}
.tq-opt{font-size:13px;color:var(--ink-2);padding:3px 8px;border-radius:7px}
.tq-opt.ok{background:var(--green-50);color:var(--green-dark);font-weight:700}
.tq-form .np-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.tq-form .np-field span{font-size:12px;font-weight:700;color:var(--ink-3)}
.tq-form input[type=text]{padding:9px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;width:100%}
.tq-opts-in{display:flex;flex-direction:column;gap:7px;margin-bottom:6px}
.tq-optin{display:flex;align-items:center;gap:8px}
.tq-optin .oc{width:22px;height:22px;border-radius:50%;background:var(--surface-alt);border:1px solid var(--border);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--ink-3)}
.tq-optin input[type=radio]{width:18px;height:18px;accent-color:var(--green)}

/* --- Навчання: виступ картки продавця + уплоад тестів --- */
.tr-card{transition:transform .12s ease, box-shadow .12s ease}
.tr-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(16,24,40,.12);z-index:2}
.np-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.np-row input[type=file]{font-size:13px}

/* --- Дашборд: селектор місяця --- */
.dash-month{margin-left:auto;align-self:center}
.dash-month label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);display:flex;flex-direction:column;gap:3px}
.dash-month select{padding:8px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-weight:700;background:var(--surface);color:var(--ink)}

/* --- Планування: структура сервісів --- */
.svc-tot{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;margin-bottom:12px}
.svc-tot .np-field{display:flex;flex-direction:column;gap:3px}
.svc-tot .np-field span{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}
.svc-tot input{padding:8px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;width:160px}
.svc-bal{font-weight:800;font-size:13px;padding:6px 12px;border-radius:20px}
.svc-bal.ok{background:var(--green-50);color:var(--green-dark)}
.svc-bal.bad{background:var(--orange-50);color:var(--orange-dark)}
.svc-cfg{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start;margin-bottom:10px}
.svc-cfg .np-field{display:flex;flex-direction:column;gap:3px}
.svc-cfg .np-field span{font-size:11px;font-weight:700;color:var(--ink-3)}
.svc-cfg .np-field input{padding:8px 11px;border:1px solid var(--border);border-radius:9px;font-size:14px;min-width:220px}
.svc-catbox{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.np-lbl{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;width:100%}
.svc-catchk{font-size:12.5px;display:inline-flex;align-items:center;gap:5px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:4px 9px;cursor:pointer}

/* --- Структурне виконання сервісів (план-факт) --- */
.svcx{margin:6px 0 20px}
.svcx-head{display:flex;align-items:center;gap:10px;margin:2px 0 12px}
.svcx-head h3{margin:0;font-size:15px;font-weight:700;color:var(--ink)}
.svcx-h{margin:20px 0 8px;font-size:14px;font-weight:700;color:var(--ink)}
.svcx-cards{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.svcx-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}
.svcx-card.big{background:linear-gradient(180deg,var(--green-50),var(--surface));border-color:#CDE9C4}
.svcx-lab{font-size:11.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.svcx-plan{font-size:25px;font-weight:800;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:6px}
.svcx-sub{font-size:12.5px;color:var(--ink-2);margin-top:5px;display:flex;align-items:center;gap:7px}
.svcx-tbl td .svcx-cats,.svcx-cats{display:block;font-size:11.5px;font-weight:500;color:var(--ink-3);margin-top:2px}
.svcx-tbl th.grp{text-align:center}
p.small,.muted.small{font-size:12px;margin:6px 0}
@media(max-width:720px){.svcx-cards{grid-template-columns:1fr}}

/* Розгортні групи відношення (план/факт по продавцях) */
.svcx-grp{border:1px solid var(--border);border-radius:12px;margin:10px 0;background:var(--surface);overflow:hidden}
.svcx-grp>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:var(--surface-alt);transition:background .12s}
.svcx-grp>summary::-webkit-details-marker{display:none}
.svcx-grp>summary::before{content:"▸";color:var(--ink-3);font-size:12px;transition:transform .12s;display:inline-block}
.svcx-grp[open]>summary::before{transform:rotate(90deg)}
.svcx-grp>summary:hover{background:#EEF3EC}
.svcx-gname{font-weight:700;color:var(--ink);font-size:14px;flex:1 1 200px;min-width:160px}
.svcx-gname .svcx-cats{display:inline;font-weight:500;font-size:11.5px;color:var(--ink-3);margin-left:6px}
.svcx-gstat{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.svcx-kv{font-size:12.5px;color:var(--ink-2);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.svcx-kv b{color:var(--ink);font-variant-numeric:tabular-nums}
.svcx-grp .table-wrap{padding:2px 8px 10px}
.svcx-grp[open]>summary{border-bottom:1px solid var(--border)}

/* Дашборд сервісів: магазин vs регіон */
.svcx-reg{width:100%}
.svcx-reg td.num,.svcx-reg th.num{font-variant-numeric:tabular-nums}
.svcx-d.pos{color:var(--green-dark);font-weight:700}
.svcx-d.neg{color:var(--red-dark);font-weight:700}

/* ============ Сервіси: полірований дашборд «магазин vs регіон» ============ */
.svcx-reg2{border:1px solid var(--border);border-radius:14px;padding:4px 14px 10px;
  background:linear-gradient(180deg,#FBFCFB,var(--surface));box-shadow:0 1px 2px rgba(20,24,27,.03)}
.svcx-rhead{display:flex;gap:18px;justify-content:flex-end;padding:9px 2px 5px;font-size:11.5px;color:var(--ink-3);font-weight:600}
.svcx-rlgn{display:inline-flex;align-items:center;gap:6px}
.svcx-rlgn .dot{display:inline-block}
.svcx-rlgn .dot.store{width:11px;height:11px;border-radius:3px;background:var(--green)}
.svcx-rlgn .dot.reg{width:3px;height:13px;border-radius:2px;background:var(--ink)}
.svcx-rrow{display:grid;grid-template-columns:212px 1fr 128px 118px;align-items:center;gap:14px;
  padding:12px 4px;border-top:1px solid var(--track)}
.svcx-rrow:first-of-type{border-top:none}
.svcx-rlabel{font-weight:700;color:var(--ink);font-size:13.5px;display:flex;flex-direction:column;gap:1px}
.svcx-rqty{font-weight:600;font-size:11px;color:var(--ink-3)}
.svcx-rbar{position:relative;height:24px;border-radius:8px;background:var(--track);overflow:visible}
.svcx-rfill{position:absolute;left:0;top:0;bottom:0;border-radius:8px;min-width:4px;
  background:linear-gradient(90deg,#7ED957,var(--green))}
.svcx-rrow.bad .svcx-rfill{background:linear-gradient(90deg,#FDA65A,var(--orange))}
.svcx-rmark{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--ink);border-radius:2px;
  box-shadow:0 0 0 2px #fff}
.svcx-rnums{text-align:right;line-height:1.1}
.svcx-rstore{font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;display:block;letter-spacing:-.01em}
.svcx-rrow.ok .svcx-rstore{color:var(--green-dark)}
.svcx-rrow.bad .svcx-rstore{color:var(--orange-dark)}
.svcx-rstore i{font-style:normal;font-size:13px;font-weight:700;color:var(--ink-3);margin-left:1px}
.svcx-rreg{font-size:11.5px;color:var(--ink-3);font-weight:600}
.svcx-ridx{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.svcx-rdiff{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.svcx-rdiff.pos{color:var(--green-dark)}
.svcx-rdiff.neg{color:var(--red-dark)}
.ebadge.big{font-size:14px;padding:3px 11px;font-weight:800}

/* Виразніші цифри у структурі + кольори у відношенні */
.svcx-plan{font-size:27px;font-weight:800;letter-spacing:-.01em}
.svcx-kv b{font-size:13.5px;font-weight:800}
.svcx-tbl td.num{font-size:13.5px;font-variant-numeric:tabular-nums}
.svcx-tbl td.num b{font-weight:800}
.svcx-tbl td.svcx-fr{font-weight:800;border-radius:6px}
.svcx-tbl td.svcx-fr.hi{color:var(--green-dark);background:var(--green-50)}
.svcx-tbl td.svcx-fr.lo{color:var(--orange-dark);background:var(--orange-50)}
@media(max-width:720px){
  .svcx-rrow{grid-template-columns:1fr auto;grid-template-areas:'l i' 'b b' 'n n';gap:8px 12px}
  .svcx-rlabel{grid-area:l}.svcx-rbar{grid-area:b}
  .svcx-rnums{grid-area:n;text-align:left;display:flex;align-items:baseline;gap:10px}
  .svcx-ridx{grid-area:i}.svcx-rhead{display:none}
}

/* ============ Сервіси: візуальний апгрейд ============ */
/* 3 карти-статистики з кольоровими акцентами */
.svcx-cards{margin-top:4px}
.svcx-card{position:relative;border-radius:14px;padding:16px 18px 15px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04)}
.svcx-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}
.svcx-card.acc-green{background:linear-gradient(180deg,#F0FAEC,#FFFFFF);border-color:#CDE9C4}
.svcx-card.acc-green::before{background:var(--green)}
.svcx-card.acc-blue{background:linear-gradient(180deg,#EEF3FF,#FFFFFF);border-color:#CFDCFB}
.svcx-card.acc-blue::before{background:#2F6BFF}
.svcx-card.acc-violet{background:linear-gradient(180deg,#F4F0FF,#FFFFFF);border-color:#DED2FB}
.svcx-card.acc-violet::before{background:#7A5AF8}
.svcx-lab{font-size:11.5px;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.svcx-plan{font-size:30px;font-weight:800;line-height:1.05;color:var(--ink);
  font-variant-numeric:tabular-nums;letter-spacing:-.015em;margin-top:7px}
.svcx-figs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}
.svcx-figs .svcx-plan{margin-top:0}
.svcx-prog{height:8px;border-radius:6px;background:var(--track);margin:11px 0 8px;overflow:hidden}
.svcx-prog>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#54D138,var(--green))}
.svcx-chip{display:inline-block;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;line-height:1.2}
.svcx-chip.blue{background:#E4ECFF;color:#2450C8}
.svcx-chip.violet{background:#EDE6FF;color:#5B3FD1}

/* Заголовки розділів */
.svcx-h{display:flex;align-items:center;gap:8px;margin:22px 0 8px;font-size:15px;font-weight:800;color:var(--ink)}
.svcx-h::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--green);display:inline-block}

/* Дашборд регіону — трохи більше життя */
.svcx-rrow{transition:background .12s}
.svcx-rrow:hover{background:#FbFdFa}
.svcx-rrow.ok .svcx-rmark,.svcx-rrow.bad .svcx-rmark{box-shadow:0 0 0 2px #fff}
.svcx-rstore{font-size:25px}
.svcx-ridx .ebadge.big{min-width:56px;text-align:center}

/* Група відношення: кольоровий факт у зведенні */
.svcx-frv.hi{color:var(--green-dark)}
.svcx-frv.lo{color:var(--orange-dark)}

/* Таблиця по продавцях — виразніші цифри + зебра */
.svcx-tbl tbody tr:nth-child(even){background:#FAFBF9}
.svcx-tbl tbody tr:hover{background:#F2F7F0}
.svcx-tbl td.num{font-variant-numeric:tabular-nums}
.svcx-tbl td.svcx-fr{font-size:14.5px;font-weight:800;border-radius:6px;position:relative}
.svcx-tbl td.svcx-fr.hi{color:var(--green-dark);background:var(--green-50);box-shadow:inset 3px 0 0 var(--green)}
.svcx-tbl td.svcx-fr.lo{color:var(--orange-dark);background:var(--orange-50);box-shadow:inset 3px 0 0 var(--orange)}
.svcx-grp[open]>summary{background:#EDF5EA}

/* Сервіси: прогноз / динаміка / рейтинг */
.svcx-up{color:var(--green-dark);font-weight:800}
.svcx-down{color:var(--red-dark);font-weight:800}
.svcx-rmom{display:block;font-size:11px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.svcx-rank{width:100%}
.svcx-rank td,.svcx-rank th{white-space:nowrap}
.svcx-rank td.num,.svcx-rank th.num{font-variant-numeric:tabular-nums}
.svcx-rk{font-weight:800;color:var(--ink-3);width:34px}
.svcx-rank tr.rk-top .svcx-rk{color:#B8860B}
.svcx-rank tr.rk-top td{background:linear-gradient(90deg,#FFF7E0,transparent)}
.svcx-rank tbody tr:hover td{background:#F2F7F0}
.svcx-rank td.svcx-rr{font-weight:800;border-radius:6px}
.svcx-rank td.svcx-rr.hi{color:var(--green-dark);background:var(--green-50)}
.svcx-rank td.svcx-rr.lo{color:var(--orange-dark);background:var(--orange-50)}

/* Відношення: колір за виконанням ЦІЛІ (факт vs план), 3 рівні */
.svcx-tbl td.svcx-fr.hi{color:var(--green-dark);background:var(--green-50);box-shadow:inset 3px 0 0 var(--green)}
.svcx-tbl td.svcx-fr.mid{color:var(--orange-dark);background:var(--orange-50);box-shadow:inset 3px 0 0 var(--orange)}
.svcx-tbl td.svcx-fr.lo{color:var(--red-dark);background:var(--red-50);box-shadow:inset 3px 0 0 var(--red)}
.svcx-frv.hi{color:var(--green-dark)}
.svcx-frv.mid{color:var(--orange-dark)}
.svcx-frv.lo{color:var(--red-dark)}

/* Перемикач автонадсилання задач по зонах */
.zswitch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;
  background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}
.zswitch input{position:absolute;opacity:0;width:0;height:0}
.zswitch-slider{position:relative;width:40px;height:22px;border-radius:999px;background:var(--track);
  transition:background .15s;flex:0 0 auto}
.zswitch-slider::before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;
  background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.zswitch input:checked + .zswitch-slider{background:var(--green)}
.zswitch input:checked + .zswitch-slider::before{transform:translateX(18px)}
.zswitch input:disabled + .zswitch-slider{opacity:.6}
.zswitch-txt{font-size:13px;font-weight:600;color:var(--ink-2)}
.zswitch-txt b{color:var(--ink)}

/* Центр оновлення: результат «що оновлено» */
.imp-aff{margin-top:8px;font-size:13px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.imp-aff a{color:var(--green-dark);font-weight:700;text-decoration:none;background:var(--green-50);
  padding:3px 10px;border-radius:999px}
.imp-aff a:hover{background:#DCF2D3}
.imp-warn{margin-top:8px;font-size:12.5px;color:var(--orange-dark);background:var(--orange-50);
  border-radius:8px;padding:8px 10px}

/* ============ Вкладка «Графіки» ============ */
.ch-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ch-month .tb-sel{min-width:180px}
.ch-empty{text-align:center;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:18px}
.ch-empty-i{font-size:44px}
.ch-empty h2{margin:8px 0 4px}
.ch-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;
  background:linear-gradient(135deg,#F0FAEC,#FFFFFF);border:1px solid #CDE9C4;border-radius:20px;
  padding:22px 26px;margin-bottom:16px;box-shadow:0 4px 18px rgba(42,189,19,.06)}
.ch-lbl{font-size:12px;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}
.ch-big{font-size:40px;font-weight:800;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:4px}
.ch-sub{font-size:13px;color:var(--ink-2);margin-top:2px}
.ch-hero-main{flex:1 1 320px;min-width:260px}
.ch-prog{height:10px;border-radius:6px;background:var(--track);margin-top:12px;overflow:hidden;max-width:520px}
.ch-prog>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#54D138,var(--green))}
.ch-hero-badge{text-align:center}
.ch-exec{font-size:34px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.ch-exec.ok{color:var(--green-dark)} .ch-exec.warn{color:var(--orange-dark)} .ch-exec.bad{color:var(--red-dark)}
.ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chartcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 20px;
  box-shadow:0 2px 10px rgba(16,24,40,.04)}
.chartcard.span2{grid-column:1 / -1}
.cc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cc-head h2{margin:0;font-size:15.5px}
.cc-tag{font-size:11.5px;font-weight:700;color:var(--ink-3);background:var(--surface-alt);
  border-radius:999px;padding:3px 10px;white-space:nowrap}
.cc-canvas{position:relative;height:300px}
.cc-canvas.tall{height:400px}
@media(max-width:860px){.ch-grid{grid-template-columns:1fr}.ch-big{font-size:32px}}

/* ============ Comfy-полиск: кнопки, картки, поверхні ============ */
.btn{border-radius:999px;font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:transform .08s,box-shadow .12s,background .12s}
.btn:hover{box-shadow:0 4px 12px rgba(42,189,19,.18);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.ghost{box-shadow:none}
.btn.ghost:hover{box-shadow:0 2px 8px rgba(16,24,40,.08)}
.panel,.card,.report,.hero{border-radius:16px}
.panel{box-shadow:0 2px 10px rgba(16,24,40,.04)}
.card{box-shadow:0 1px 4px rgba(16,24,40,.05);transition:box-shadow .12s,transform .12s}
.card:hover{box-shadow:0 6px 18px rgba(16,24,40,.08)}
.hero{box-shadow:0 4px 18px rgba(42,189,19,.05)}

/* ================================================================
   ДИЗАЙН-СИСТЕМА v2 — професійний вигляд (comfy-inspired)
   Перекриває базові стилі. Помітний апгрейд: тло, картки, тіні,
   типографіка, KPI, таблиці, інпути.
   ================================================================ */
:root{
  --ink:#101828; --ink-2:#475467; --ink-3:#98A2B3;
  --border:#E4E7EC; --track:#EDF0F2; --surface:#FFFFFF; --surface-alt:#F2F4F5;
  --green:#2FA82E; --green-dark:#1C7A1B; --green-50:#E9F7E8;
  --r:16px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow:0 1px 3px rgba(16,24,40,.06), 0 6px 16px rgba(16,24,40,.05);
  --shadow-lg:0 12px 30px rgba(16,24,40,.10);
  --font:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
body{background:#EDF0EE;font-family:var(--font);color:var(--ink);font-size:14.5px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{padding:26px 34px 72px;max-width:1440px;margin:0 auto}

/* Типографіка */
h1{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:4px 0 6px}
h2{font-size:18px;font-weight:800;letter-spacing:-.01em}
h3{font-weight:700}
.eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--green-dark)}
.muted,.panel-sub,.period,.note{color:var(--ink-2)}

/* Навігація — трохи чіткіша */
.nav{box-shadow:0 1px 0 var(--border),0 4px 14px rgba(16,24,40,.04);padding:11px 34px}
.navmain>.navlink.on,summary.navlink.on{background:var(--green-50);color:var(--green-dark);box-shadow:inset 0 0 0 1px #CBEBC9}
.subnav a.on{background:var(--green);color:#fff}

/* Картки / панелі / герої — «плавають» на тлі */
.panel,.report,.chartcard,.login,.uploader,.toolbar,.pe-toolbar,.burnup,.var-cat{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}
.panel{padding:22px 24px;margin-bottom:20px}
.hero{border-radius:var(--r);border:1px solid var(--border);border-top:4px solid var(--green);
  box-shadow:var(--shadow);padding:22px 26px;margin-bottom:24px}
.hero .mark{border-radius:14px;box-shadow:0 6px 16px rgba(47,168,46,.28)}
.panel-head{margin-bottom:16px}

/* KPI-плитки */
.kpis{gap:16px;margin-bottom:24px}
.kpi{flex:1 1 220px;border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;
  background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow .14s,transform .14s}
.kpi:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.kpi-label{font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-3)}
.kpi-value{font-size:29px;font-weight:800;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.05}
.card{border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}
.card .num{font-size:29px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.card .lbl,.kpi-label{text-transform:uppercase}

/* Таблиці — чистіші й повітряніші */
table{border-collapse:collapse;width:100%}
thead th{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);
  background:var(--surface-alt);padding:10px 12px;border-bottom:1px solid var(--border);position:relative}
tbody td{padding:11px 12px;border-bottom:1px solid var(--track)}
tbody tr:hover td{background:#FaFbFa}
.table-wrap{border-radius:12px;border:1px solid var(--border);overflow:auto;background:var(--surface)}
.panel .table-wrap{box-shadow:none}

/* Кнопки */
.btn{background:var(--green);color:#fff;border:none;border-radius:999px;font-weight:700;
  padding:9px 18px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px rgba(47,168,46,.22);
  transition:transform .08s,box-shadow .14s,filter .12s}
.btn:hover{filter:brightness(1.04);box-shadow:0 6px 16px rgba(47,168,46,.28);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:none}
.btn.ghost:hover{background:var(--surface-alt);filter:none}

/* Поля вводу / селекти */
input[type=text],input[type=number],input[type=date],input[type=password],select,textarea,.tb-sel,.wnum{
  border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-family:var(--font);font-size:14px;
  color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s}
input:focus,select:focus,textarea:focus,.tb-sel:focus{outline:none;border-color:var(--green);
  box-shadow:0 0 0 3px rgba(47,168,46,.15)}

/* Бейджі виконання — трохи вагоміші */
.ebadge{border-radius:999px;font-weight:800}

/* ================================================================
   ДИЗАЙН-СИСТЕМА v3 — сильніший полиск (comfy)
   ================================================================ */
*{scrollbar-width:thin;scrollbar-color:#CBD2CB transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:#CBD2CB;border-radius:999px;border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#AEB6AE;background-clip:content-box}
a{transition:color .12s}

/* Бренд у шапці — трохи більший */
.nav .brand::before{width:38px;height:38px;border-radius:11px;font-size:13px;
  box-shadow:0 6px 16px rgba(47,168,46,.30)}

/* Секційні заголовки — акцентна мітка (як у профі-дашбордах) */
.panel-head h2::before,.cc-head h2::before,.bu-head h3::before{
  content:"";display:inline-block;width:4px;height:17px;border-radius:3px;
  background:var(--green);margin-right:10px;vertical-align:-2px}

/* Hero — м'який зелений вош + більший знак */
.hero{background:linear-gradient(118deg,#E9F7E8 0%,#FFFFFF 58%);}
.hero .mark{width:56px;height:56px;font-size:17px;box-shadow:0 8px 20px rgba(47,168,46,.30)}
.eyebrow{color:var(--green-dark)}

/* KPI-плитки — кольорова акцентна смуга + більше число */
.kpi{position:relative;overflow:hidden;padding-left:22px}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green);opacity:.85}
.kpi.accent::before{background:var(--red)} .kpi.accent.surplus::before{background:var(--green)}
.kpi.biz::before{background:var(--ink-3)}
.kpi-value{font-size:32px}
.kpi-sub,.kpi-avg{color:var(--ink-2)}

/* Плитки-акценти (пастель, comfy) — утиліти для категорій/розділів */
.tile{border-radius:16px;padding:16px 18px;border:1px solid transparent;transition:transform .12s,box-shadow .12s}
.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.tile.mint{background:#E7F6EF} .tile.lav{background:#EEEBFB} .tile.peach{background:#FDEEE6}
.tile.sky{background:#E7F0FD} .tile.cream{background:#FBF3E2} .tile.rose{background:#FCEAF0}
.tile .tile-lbl{font-size:12px;font-weight:800;color:var(--ink);opacity:.75}

/* Кнопки — розмір lg + виразніший актив */
.btn.lg{padding:12px 26px;font-size:15px;border-radius:999px}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(47,168,46,.30)}

/* Чипи/бейджі */
.chip{border-radius:999px;font-weight:700}
.biz-pill{border-radius:999px;transition:transform .1s,box-shadow .12s}
.biz-pill:hover{transform:translateY(-1px)}
.biz-pill.active{box-shadow:0 4px 12px rgba(16,24,40,.14)}

/* Прогрес-смуга загального призначення */
.bar{height:8px;border-radius:999px;background:var(--track);overflow:hidden}
.bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5FD145,var(--green))}

/* Дрібний ритм */
.panel-sub{margin-top:2px}
.table-wrap{border-radius:14px}
section.exec-sec{scroll-margin-top:80px}

/* ================================================================
   ДАШБОРД v4 — професійний вигляд (comfy), Inter + Tabler
   ================================================================ */
:root{--font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.ti{font-size:20px;line-height:1;vertical-align:-2px}

.dsh-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.dsh-head .sub{color:var(--ink-2);font-size:14px;margin-top:2px}
.dsh-ctrl{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.select{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 14px;font-family:var(--font);
  font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm)}
.dsh-status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:9px 14px;border-radius:999px}
.dsh-status.ok{background:var(--green-50);color:var(--green-dark)}
.dsh-status.warn{background:#FDF1DF;color:#95610f}
.dsh-status.bad{background:var(--red-50);color:#a2261d}
.dsh-empty{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--border);border-radius:18px}
.dsh-empty .ti{font-size:44px;color:var(--ink-3)}

.dsh-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.kcard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);
  transition:transform .14s,box-shadow .14s}
.kcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.kicon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.kicon .ti{font-size:22px}
.kicon.g{background:var(--green-50);color:var(--green-dark)} .kicon.b{background:#E9F1FF;color:#2563EB}
.kicon.p{background:#F1ECFE;color:#7C3AED} .kicon.o{background:#FDF1DF;color:#B4700F}
.klabel{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 2px}
.kval{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}
.kmeta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:12.5px;color:var(--ink-2)}
.pill{font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}
.pill.g{background:var(--green-50);color:var(--green-dark)} .pill.o{background:#FDF1DF;color:#95610f} .pill.r{background:var(--red-50);color:#a2261d}
.bar>span.g{background:linear-gradient(90deg,#5FD145,var(--green))}
.bar>span.o{background:linear-gradient(90deg,#F4B44C,#E8931C)}
.bar>span.r{background:linear-gradient(90deg,#F17A72,var(--red))}

.dsh-row{display:grid;gap:16px;margin-bottom:18px}
.dsh-row.c2{grid-template-columns:1.6fr 1fr}
.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.ph h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}
.ph h2 .ti{color:var(--green-dark)}
.ph h2::before{display:none}
.tag{font-size:11.5px;font-weight:700;color:var(--ink-3);background:var(--surface-alt);border-radius:999px;padding:4px 11px;white-space:nowrap}
.cbox{position:relative;height:270px}

.dsh-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}
.dsh-tiles .tile .ti-ic{font-size:24px}
.dsh-tiles .tile .tl{font-weight:800;margin-top:8px;font-size:13.5px;color:var(--ink)}
.dsh-tiles .tile .tv{font-weight:800;font-size:19px;letter-spacing:-.02em;margin-top:2px;color:var(--ink)}
.dsh-tiles .tile .tb{height:6px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;margin-top:10px}
.dsh-tiles .tile .tb>span{display:block;height:100%;background:rgba(0,0,0,.32);border-radius:999px}

.who{display:flex;align-items:center;gap:10px;font-weight:600}
.ava{width:32px;height:32px;border-radius:50%;background:var(--green-50);color:var(--green-dark);
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:0 0 auto}
.mini{height:7px;width:120px;border-radius:999px;background:var(--track);overflow:hidden;display:inline-block;vertical-align:middle}
.mini>span{display:block;height:100%;background:linear-gradient(90deg,#5FD145,var(--green));border-radius:999px}
.badge{font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}
.badge.ok{background:var(--green-50);color:var(--green-dark)} .badge.warn{background:#FDF1DF;color:#95610f} .badge.bad{background:var(--red-50);color:#a2261d}
td.r,th.r{text-align:right}

@media(max-width:1000px){.dsh-kpis{grid-template-columns:repeat(2,1fr)}.dsh-row.c2{grid-template-columns:1fr}.dsh-tiles{grid-template-columns:repeat(2,1fr)}}

/* Дашборд — додаткові блоки (увага, бюджет, GfK, сьогодні, історія) */
.dsh-att{margin-bottom:18px}
.att-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;margin-top:8px;
  font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--border);background:#fff}
.att-row:hover{background:var(--surface-alt)}
.att-row .att-i{font-size:16px}
.att-row .ti-chevron-right{margin-left:auto;color:var(--ink-3)}
.att-row.bad{border-color:#F3C9C4;background:var(--red-50)}
.att-row.warn{border-color:#F5D9AE;background:#FDF1DF}
.att-row span:nth-child(2){flex:1}

.dsh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.statcard{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}
.statcard .sti{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.statcard .sti .ti{font-size:20px}
.sti.g{background:var(--green-50);color:var(--green-dark)} .sti.b{background:#E9F1FF;color:#2563EB}
.sti.p{background:#F1ECFE;color:#7C3AED} .sti.o{background:#FDF1DF;color:#B4700F}
.st-v{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.st-l{font-size:12px;color:var(--ink-2);margin-top:1px}

.dsh-kpirows{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.kpirow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;background:var(--surface-alt)}
.kr-l{font-weight:700;flex:0 0 90px}
.kr-v{color:var(--ink-2);font-size:13px;margin-left:auto;margin-right:6px}
.dsh-shares{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.shchip{background:var(--surface-alt);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--ink-2)}
.shchip b{color:var(--ink)}

.dsh-gfk{display:flex;align-items:center;gap:18px;justify-content:space-between}
.gfk-spark{width:200px;height:44px;flex:0 0 auto}
.dsh-gfk-biz{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gbz{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;background:var(--surface-alt);font-size:13px}
@media(max-width:1000px){.dsh-stats{grid-template-columns:repeat(2,1fr)}}

/* Задачі 1-ї лінії */
.fl-form{display:flex;flex-direction:column;gap:12px}
.fl-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.fl-form input,.fl-form select{font-weight:500}
.fl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fl-wd{display:flex;flex-wrap:wrap;gap:8px}
.fl-chk{flex-direction:row!important;align-items:center;gap:6px;background:var(--surface-alt);
  border:1px solid var(--border);border-radius:9px;padding:7px 11px;cursor:pointer;font-weight:600}
.btn.small{padding:6px 12px;font-size:12.5px;box-shadow:none}
.inl{display:inline}
tr.fl-off{opacity:.55}
.fl-hist{display:flex;align-items:flex-end;gap:8px;height:120px;overflow-x:auto;padding-top:6px}
.fl-hcol{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:34px}
.fl-hbar{width:22px;height:90px;border-radius:8px;background:var(--track);overflow:hidden;display:flex;align-items:flex-end}
.fl-hbar>span{display:block;width:100%;background:linear-gradient(180deg,#5FD145,var(--green));border-radius:8px}
.fl-hlbl{font-size:10.5px;color:var(--ink-3);white-space:nowrap}

/* Задачі 1-ї лінії: вибір кількох виконавців */
.fl-assign{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;
  border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-alt)}

/* Факт vs план — рядок показників над графіком */
.tr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px}
.tr-stats>div{background:var(--surface-alt);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.tr-stats span{font-size:11.5px;color:var(--ink-3);font-weight:600}
.tr-stats b{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.tr-stats b.up{color:var(--green-dark)} .tr-stats b.down{color:var(--red-dark)}
.tr-stats em{font-style:normal;font-size:11px;color:var(--ink-3)}
@media(max-width:900px){.tr-stats{grid-template-columns:repeat(2,1fr)}}

/* ===================== Продавці — промо-картки (у стилі каталогу Comfy) ===================== */
.sp{margin:22px 0 26px}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px}
.sp-head h2{margin:0;font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}
.sp-head h2 span{color:var(--ink-3);font-weight:600}
.sp-head h2 .ti{color:var(--green)}
.sp-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:22px;align-items:stretch}
.sp-stage{position:relative}
.sp-track{position:relative;height:461px;overflow:hidden;touch-action:pan-y;user-select:none}
.sp-track .sp-card{position:absolute;top:12px;left:0;--x:0px;--s:1;--h:1;
  transform:translateX(var(--x)) scale(calc(var(--s) * var(--h)));transform-origin:50% 50%;will-change:transform,opacity}
.sp-track.anim .sp-card{transition:transform .55s cubic-bezier(.22,.8,.24,1),opacity .45s ease,filter .45s ease,box-shadow .2s ease}
.sp-track:not(.ready) .sp-card{position:relative;display:inline-flex}
.sp-card.stack{filter:saturate(.55) brightness(1.08);cursor:pointer;box-shadow:none}
.sp-card.stack *{pointer-events:none}
.sp-card.vis:hover{--h:1.035;z-index:30 !important;box-shadow:0 18px 34px rgba(16,24,40,.22)}
.sp-go{position:absolute;top:10px;right:10px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);
  color:#16181B;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transform:scale(.7);
  transition:opacity .18s ease,transform .18s ease;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.sp-card.vis:hover .sp-go{opacity:1;transform:scale(1)}
.sp-card.vis:hover .sp-rank{opacity:0}
.sp-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:40;width:44px;height:44px;border-radius:50%;
  border:none;background:#fff;color:var(--ink);font-size:20px;cursor:pointer;
  box-shadow:0 4px 14px rgba(16,24,40,.16);display:flex;align-items:center;justify-content:center;transition:.15s}
.sp-arr:hover{transform:translateY(-50%) scale(1.07)}
.sp-arr.prev{left:6px}.sp-arr.next{right:6px}
.sp-arr.off{opacity:.35;pointer-events:none}

.sp-card{--bg:#2ABD13;--bg2:#23A80F;--hero:#fff;position:relative;flex:0 0 246px;width:246px;height:437px;border-radius:14px;overflow:hidden;
  color:#fff;text-decoration:none;display:flex;flex-direction:column;
  padding:16px 16px 12px;background:radial-gradient(120% 70% at 50% 18%,rgba(255,255,255,.16),transparent 60%),
  linear-gradient(180deg,var(--bg),var(--bg2));box-shadow:0 2px 6px rgba(16,24,40,.10);
  user-select:none}
.sp-card:hover{color:#fff}
.sp-card.warn{--bg:#FF7A1A;--bg2:#F0600A}
.sp-card.bad{--bg:#E8453A;--bg2:#C9302A}
.sp-card.lead{--bg:#3B2A1E;--bg2:#1B130D;--hero:#FF8A2B;
  background:radial-gradient(90% 55% at 50% 42%,rgba(255,170,90,.38),transparent 70%),
  radial-gradient(60% 40% at 20% 90%,rgba(255,120,40,.25),transparent 70%),
  linear-gradient(180deg,#5A4230 0%,#2A1D14 55%,#150E09 100%)}
.sp-leaf{position:absolute;font-size:34px;color:#FF8A1E;opacity:.9;transform:rotate(-24deg);pointer-events:none;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.15))}
.sp-leaf.a{top:-6px;right:-4px}
.sp-leaf.b{bottom:118px;left:-8px;font-size:22px;transform:rotate(38deg);opacity:.8}
.sp-card.warn .sp-leaf,.sp-card.bad .sp-leaf{color:#FFD24A}
.sp-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.sp-logo{background:#fff;color:var(--bg2);font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.5px;
  padding:4px 7px 4px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:4px}
.sp-card.lead .sp-logo{color:#2ABD13}
.sp-logo b{width:8px;height:8px;border-radius:50%;background:#FC5E0F;display:inline-block}
.sp-rank{transition:opacity .15s;font:700 15px/1 Oswald,Inter,sans-serif;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.sp-title{margin-top:14px;font-family:Oswald,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;
  line-height:.95;text-shadow:0 2px 3px rgba(0,0,0,.18);position:relative;z-index:1}
.sp-title .l1{display:block;font-size:var(--fs,40px);font-weight:700;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:clip}
.sp-title .l2{display:block;font-size:22px;font-weight:600;margin-top:4px;opacity:.95}
.sp-hero{display:flex;align-items:flex-end;justify-content:center;gap:4px;margin-top:10px;position:relative;z-index:1;
  font-family:Oswald,Impact,sans-serif;color:var(--hero);text-shadow:0 3px 0 rgba(0,0,0,.10)}
.sp-hero .do{font:600 13px/1.05 Oswald,sans-serif;text-transform:uppercase;text-align:right;margin-bottom:14px;color:#fff;opacity:.95}
.sp-hero .big{font-size:82px;font-weight:700;line-height:.86;letter-spacing:-2px}
.sp-hero .pc{font-size:44px;font-weight:700;line-height:1;margin-bottom:4px}
.sp-ava{--p:0;margin:10px auto 0;width:86px;height:86px;border-radius:50%;position:relative;z-index:1;
  background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.25) 0);padding:5px;
  box-shadow:0 8px 18px rgba(0,0,0,.18)}
.sp-ava span{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#FF9A4D,#FC5E0F 55%,#D94A05);
  font:700 30px/1 Oswald,sans-serif;color:#fff;letter-spacing:1px;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.18), inset 0 4px 8px rgba(255,255,255,.25)}
.sp-card.lead .sp-ava span{background:radial-gradient(circle at 35% 30%,#8DE27C,#2ABD13 55%,#1C8A0C)}
.sp-kpi{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;margin-top:10px;position:relative;z-index:1}
.sp-kpi span{background:rgba(255,255,255,.2);backdrop-filter:blur(2px);border-radius:999px;padding:3px 7px;
  font-size:10.5px;white-space:nowrap;font-weight:600;display:inline-flex;align-items:center;gap:4px}
.sp-kpi span::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
.sp-kpi span.ok::before{background:#B6F5A8}.sp-kpi span.warn::before{background:#FFD24A}.sp-kpi span.bad::before{background:#FF6B6B}
.sp-fine{margin-top:auto;padding-top:8px;font-size:8.6px;line-height:1.3;opacity:.82;max-height:58px;overflow:hidden;position:relative;z-index:1}

/* права картка — «Товар дня» */
.sp-day{border-radius:18px;padding:8px;background:linear-gradient(180deg,#5BD13E,#2ABD13);box-shadow:0 6px 20px rgba(42,189,19,.25)}
.sp-day-in{background:#fff;border-radius:12px;height:100%;padding:18px 18px 16px;display:flex;flex-direction:column;position:relative}
.sp-day .dh{text-align:center;font-weight:700;font-size:17px}
.sp-day .cd{display:flex;justify-content:center;align-items:flex-start;gap:5px;margin-top:10px}
.sp-day .cd div{display:flex;flex-direction:column;align-items:center;min-width:34px}
.sp-day .cd b{font-size:19px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.sp-day .cd b.red{color:#E0392E}
.sp-day .cd i{font-style:normal;font-size:9.5px;color:var(--ink-3);margin-top:3px}
.sp-day .cd div:last-child i{color:#E0392E}
.sp-day .cd em{font-style:normal;color:var(--ink-3);font-weight:700;line-height:1.1}
.sp-day .cd-l{text-align:center;font-size:11px;color:var(--ink-3);margin-top:2px}
.sp-day .dava{margin:16px auto 10px;width:132px;height:132px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#3c3f44,#16181B 70%);display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 26px rgba(16,24,40,.25), inset 0 -8px 16px rgba(0,0,0,.35)}
.sp-day .dava span{font:700 46px/1 Oswald,sans-serif;color:#fff;letter-spacing:1px}
.sp-day .dn{font-size:15px;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.sp-day .dmeta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13.5px;color:var(--ink-2)}
.sp-day .dmeta .st .ti{color:#FC5E0F}
.sp-day .dold{margin-top:10px;font-size:12.5px;color:var(--ink-3);text-decoration:line-through;min-height:18px}
.sp-day .dprice{font-size:27px;font-weight:800;color:#E0392E;line-height:1.1;font-variant-numeric:tabular-nums}
.sp-day .dbtn{position:absolute;right:16px;bottom:16px;width:50px;height:50px;border-radius:50%;background:#2FA82E;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 14px rgba(47,168,46,.35);transition:.15s}
.sp-day .dbtn:hover{background:#1C7A1B;transform:scale(1.06);color:#fff}

@media (max-width:1100px){.sp-grid{grid-template-columns:1fr}.sp-day{max-width:340px}}
@media (max-width:640px){.sp-card{flex-basis:210px;width:210px;height:400px}.sp-track{height:424px}.sp-hero .big{font-size:72px}}

/* ===================== Навчання: плитки категорій (як на comfy.ua) ===================== */
.tc-head{display:flex;align-items:baseline;gap:12px;margin:6px 2px 12px;flex-wrap:wrap}
.tc-head h2{margin:0;font-size:18px;font-weight:800}
.tc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.tc-tile{--tb:#EEF2FF;--tc:#4F46E5;--tc2:#A5B4FC;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:80px;padding:12px 10px 12px 16px;border-radius:12px;background:var(--tb);color:var(--ink);text-decoration:none;
  overflow:hidden;transition:transform .15s ease, box-shadow .15s ease}
.tc-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.08);color:var(--ink)}
.tc-tile.on{box-shadow:inset 0 0 0 2px var(--tc)}
.c-lilac{--tb:#F3ECFE;--tc:#7C3AED;--tc2:#C4B5FD}
.c-cream{--tb:#FEF6E7;--tc:#D97706;--tc2:#FCD34D}
.c-blue{--tb:#EEF3FF;--tc:#2563EB;--tc2:#93C5FD}
.c-mint{--tb:#E8FAF4;--tc:#0D9488;--tc2:#5EEAD4}
.c-pink{--tb:#FDEEF6;--tc:#DB2777;--tc2:#F9A8D4}
.tc-txt{min-width:0}
.tc-t{font-size:14.5px;line-height:1.4;color:#1f2937;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tc-s{font-size:11.5px;color:var(--ink-3);margin-top:4px}
.tc-s b{color:var(--ink-2)}.tc-s .ok{color:#16A34A;font-weight:700}
.tc-img{flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:52px;line-height:1}
.tc-img .ti{background:linear-gradient(145deg,var(--tc2) 0%,var(--tc) 70%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 4px 5px rgba(16,24,40,.18));transform:rotate(-8deg);transition:transform .2s ease}
.tc-tile:hover .tc-img .ti{transform:rotate(0) scale(1.08)}
/* сторінка категорії */
.tc-hero{--tb:#EEF2FF;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--tb);border-radius:18px;
  padding:22px 26px;margin:6px 0 18px}
.tc-hero h1{margin:6px 0 14px;font-size:28px;font-weight:800;letter-spacing:-.3px}
.tc-back{font-size:13px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.tc-back:hover{color:var(--tc)}
.tc-kpis{display:flex;gap:10px;flex-wrap:wrap}
.tc-kpis div{background:rgba(255,255,255,.75);border-radius:12px;padding:8px 14px;min-width:96px}
.tc-kpis b{display:block;font-size:22px;font-weight:800;color:var(--tc);line-height:1.1;font-variant-numeric:tabular-nums}
.tc-kpis span{font-size:11.5px;color:var(--ink-2)}
.tc-img.big{width:130px;height:130px;font-size:118px}
.tc-table .tc-row{cursor:pointer}
.tc-table .tc-row:hover td{background:#F8FAF8}
.tc-chev{color:var(--ink-3);margin-left:4px;transition:transform .15s}
.tc-row.open .tc-chev{transform:rotate(180deg)}
.tc-det{display:none}.tc-det.open{display:table-row}
.tc-det td{background:#FAFBFA;padding:6px 14px 14px}
.tc-items{display:flex;flex-direction:column;gap:6px}
.tc-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px}
.tc-item a{font-weight:600;color:var(--ink)}
.tc-item .muted{font-size:12px}
.tc-res{margin-left:auto;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.tc-res.ok{background:#DCFCE7;color:#166534}.tc-res.bad{background:#FEE2E2;color:#991B1B}.tc-res.none{background:#F2F4F5;color:var(--ink-3);font-weight:600}
.tc-st{font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.tc-st.ok{background:#DCFCE7;color:#166534}.tc-st.warn{background:#FEF3C7;color:#92400E}.tc-st.none{background:#F2F4F5;color:var(--ink-3)}
.tc-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.tc-topic{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff;transition:.15s}
.tc-topic:hover{border-color:var(--green);color:var(--ink)}
.tc-topic .ti{font-size:20px;color:var(--green)}
.tc-topic .ti-brand-youtube{color:#E0392E}
.tc-topic .nm{flex:1;font-size:13.5px;min-width:0}
.tc-topic .nm em{font-style:normal;font-size:11px;color:var(--ink-3);border:1px solid var(--border);border-radius:6px;padding:0 5px;margin-left:4px}
.tc-topic .meta{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.tc-topic .meta .ok{color:#16A34A}
@media (max-width:1300px){.tc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1000px){.tc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-img{width:48px;height:48px;font-size:40px}.tc-hero .tc-img.big{display:none}}

/* ДПТ / аксесуари / сервіси — факт vs план (3 в ряд) */
.dsh-row.c3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}
.mtr .ph h2{font-size:15px}
.tr-stats.sm{grid-template-columns:repeat(2,1fr);gap:8px}
.tr-stats.sm b{font-size:16px}
.mtr .cbox{height:190px}
@media(max-width:1100px){.dsh-row.c3{grid-template-columns:1fr}}
.empty-cat{text-align:center;padding:30px 16px;color:var(--ink-2)}
.empty-cat .ti{font-size:40px;color:var(--green)}
.empty-cat p{margin:8px 0}.empty-cat .btn{display:inline-flex;gap:6px;align-items:center;margin-top:8px}

/* ===== Структура категорій — кільце з центром і легендою-списком ===== */
.cs-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:center;margin-top:4px}
.cs-ring{position:relative;width:200px;height:200px}
.cs-ring canvas{position:relative;z-index:1}
.cs-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 38px}
.cs-center span{font-size:11.5px;color:var(--ink-3);font-weight:600;line-height:1.2}
.cs-center b{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:3px 0 1px;white-space:nowrap}
.cs-center em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.cs-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cs-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:center;
  padding:7px 10px;border-radius:10px;cursor:default;transition:background .15s}
.cs-legend li:hover,.cs-legend li.on{background:var(--surface-alt)}
.cs-dot{width:10px;height:10px;border-radius:3px;background:var(--c,#ccc)}
.cs-name{min-width:0;display:flex;flex-direction:column}
.cs-name b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-name small{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-val{text-align:right;display:flex;flex-direction:column}
.cs-val b{font-size:13.5px;font-weight:800;color:var(--ink)}
.cs-val small{font-size:11px;color:var(--ink-3)}
.cs-bar{grid-column:2 / 4;height:4px;border-radius:4px;background:var(--track);overflow:hidden}
.cs-bar span{display:block;height:100%;border-radius:4px}
.cs-foot{font-size:11.5px;color:var(--ink-3);margin:12px 0 0}
@media(max-width:1300px){.cs-wrap{grid-template-columns:1fr;justify-items:center}.cs-legend{width:100%}}

/* ===================== Товарознавець ===================== */
.mz-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:6px 0 18px}
.mz-k{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-sm)}
.mz-k span{font-size:12px;color:var(--ink-3);font-weight:600}
.mz-k b{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.mz-k b small{font-size:14px;color:var(--ink-3);font-weight:700}
.mz-k b.up{color:var(--green-dark)}.mz-k b.down{color:var(--red-dark)}
.mz-k em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.mz-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.mz-rv{display:flex;gap:14px;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}
.mz-ph{flex:0 0 96px;height:96px;border-radius:10px;background:#F2F4F5 center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.mz-ph.none .ti{font-size:32px;color:var(--ink-3)}
.mz-rv-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mz-rv-t{font-weight:700;font-size:14.5px}
.mz-cm{background:var(--surface-alt);border-radius:8px;padding:6px 10px;font-size:13px}
.mz-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto}
.mz-ret{display:flex;gap:6px;flex:1;min-width:220px}
.mz-ret input{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:13px}
.tag.r{background:var(--red-50);color:var(--red-dark)}
.mz-cats{display:flex;flex-direction:column;gap:12px}
.mz-cat-h{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:4px}
.mz-bar{height:8px;border-radius:8px;background:var(--track);overflow:hidden;margin-bottom:3px}
.mz-bar span{display:block;height:100%;background:linear-gradient(90deg,#5FD145,var(--green));border-radius:8px}
@media(max-width:1200px){.mz-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mz-kpis{grid-template-columns:repeat(2,1fr)}.mz-queue{grid-template-columns:1fr}}
.dsh-tiles.biz{grid-template-columns:repeat(7,minmax(0,1fr))}
.dsh-tiles.biz .tsh{font-size:11.5px;font-weight:800;color:var(--ink-2);background:rgba(255,255,255,.7);border-radius:999px;padding:1px 7px;margin-left:4px}
@media(max-width:1300px){.dsh-tiles.biz{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.dsh-tiles.biz{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===================== Сторінки КПІ ===================== */
a.kcard.klink{position:relative;display:block;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease}
a.kcard.klink:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(16,24,40,.10);color:inherit}
.kgo{position:absolute;top:14px;right:14px;font-size:18px;color:var(--ink-3);opacity:0;transition:opacity .15s}
a.kcard.klink:hover .kgo{opacity:1}
.kp-back{font-size:13px;color:var(--ink-2);text-decoration:none;display:inline-flex;gap:4px;align-items:center;margin-bottom:6px}
.kp-back:hover{color:var(--green-dark)}
.kp-ic{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;margin-right:10px;vertical-align:-8px;font-size:20px}
.kp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.kp-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);
  text-decoration:none;color:var(--ink-2);font-weight:700;font-size:13.5px;transition:.15s}
.kp-tabs a:hover{border-color:var(--green);color:var(--ink)}
.kp-tabs a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.kp-tabs b{font-size:11.5px;border-radius:999px;padding:1px 7px;background:var(--surface-alt)}
.kp-tabs b.g{color:var(--green-dark)}.kp-tabs b.o{color:#B45309}.kp-tabs b.r{color:var(--red-dark)}
.kp-tabs a.on b{background:rgba(255,255,255,.15);color:#fff}
.kp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:18px;background:#fff;border:1px solid var(--border);
  border-radius:18px;padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow-sm)}
.kp-l{font-size:12px;color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.kp-main>b{display:block;font-size:36px;font-weight:800;letter-spacing:-.02em;margin:4px 0}
.kp-sub{color:var(--ink-2);font-size:13.5px;margin-bottom:12px}
.bar.big{height:12px;position:relative;overflow:visible}
.bar.big>span{height:12px}
.bar.big>i{position:absolute;top:-4px;width:2px;height:20px;background:var(--ink);border-radius:2px}
.kp-note{font-size:11.5px;color:var(--ink-3);margin-top:8px}
.kp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.kp-stats>div{background:var(--surface-alt);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kp-stats span{font-size:11.5px;color:var(--ink-3);font-weight:600}
.kp-stats b{font-size:19px;font-weight:800}
.kp-stats em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.up{color:var(--green-dark)!important}.down{color:var(--red-dark)!important}
.kp-table td,.kp-table th{white-space:nowrap}
.kp-table a.who{text-decoration:none;color:var(--ink);font-weight:600}
.kp-table a.who:hover{color:var(--green-dark)}
.kp-ex{display:flex;align-items:center;gap:8px;min-width:170px}
.kp-ex .bar{flex:1;height:8px}
.kp-table tfoot td{border-top:2px solid var(--border);padding-top:10px}
@media(max-width:1000px){.kp-hero{grid-template-columns:1fr}}

/* ДПТ: загальна / побутова / краса */
.ksplit{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:11.5px;color:var(--ink-3);flex-wrap:wrap}
.ksplit b{color:var(--ink-2)}.ksplit .ti{font-size:13px;vertical-align:-2px;margin-right:3px}
.dsx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.dsx-c{text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font:inherit;transition:.15s}
.dsx-c:hover{border-color:var(--green)}
.dsx-c.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dsx-c span{font-size:12px;color:var(--ink-3);font-weight:700}
.dsx-c b{font-size:21px;font-weight:800;color:var(--ink)}
.dsx-c em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.dsx-mix,.dsx-bar{display:flex;height:10px;border-radius:10px;overflow:hidden;background:var(--track);margin-bottom:14px}
.dsx-bar{height:8px;margin:0 0 2px;min-width:120px}
.dsx-mix .h,.dsx-bar .h{background:#2F7BE0}.dsx-mix .b,.dsx-bar .b{background:#E0529C}
#dsxTable td.hl,#dsxTable th.hl{background:#F4F7FB;font-weight:700}
@media(max-width:700px){.dsx-cards{grid-template-columns:1fr}}

/* розкриття бізнесу по продавцях */
.cs-legend li.clk{cursor:pointer}
.cs-legend li.sel{background:var(--surface-alt);box-shadow:inset 3px 0 0 var(--ink)}
.bzd{border-top:4px solid var(--bz,#2FA82E)}
.bzd .ph{display:flex;justify-content:space-between;align-items:center}
.bzd-x{border:none;background:var(--surface-alt);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;color:var(--ink-2)}
.bzd-x:hover{background:var(--track)}
.bzd-sum{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin:0 0 10px}
.bzd-t td{vertical-align:middle}
.bzd-dev{position:relative;display:inline-block;width:160px;height:10px;background:var(--track);border-radius:6px;vertical-align:middle;margin-right:10px}
.bzd-dev .axis{position:absolute;left:50%;top:-3px;width:2px;height:16px;background:var(--ink-3);border-radius:2px}
.bzd-dev .b{position:absolute;top:0;height:10px;border-radius:6px}
.bzd-dev .b.up{background:#2FA82E}.bzd-dev .b.dn{background:#E0392E}

/* плитки бізнесів → категорії */
.dsh-tiles.biz .tile{position:relative}
.dsh-tiles.biz .tile.clk{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.dsh-tiles.biz .tile.clk:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,24,40,.08)}
.dsh-tiles.biz .tile.sel{box-shadow:inset 0 0 0 2px var(--ink)}
.tile-chev{position:absolute;top:14px;right:14px;color:var(--ink-3);font-size:16px;transition:transform .2s}
.tile.sel .tile-chev{transform:rotate(180deg)}
.bcd{border-top:4px solid var(--ink)}
.bcd .ph{display:flex;justify-content:space-between;align-items:center}
.bc-subs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.bc-subs:empty{display:none}
.bc-subs button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer}
.bc-subs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bc-sh{display:inline-block;width:140px;height:8px;background:var(--track);border-radius:6px;overflow:hidden;vertical-align:middle;margin-right:8px}
.bc-sh span{display:block;height:100%;background:var(--green);border-radius:6px}
.vsb{display:inline-block;font-weight:800;font-size:12.5px;border-radius:999px;padding:2px 9px;white-space:nowrap}
.vsb.up{background:#DCFCE7;color:#166534}.vsb.dn{background:#FEE2E2;color:#991B1B}
/* категорія → бренди */
#bcBody tr.bc-row{cursor:pointer}
#bcBody tr.bc-row:hover td{background:#F8FAF8}
.bc-chev{font-size:14px;color:var(--ink-3);transition:transform .2s;vertical-align:-2px}
tr.bc-row.open .bc-chev{transform:rotate(180deg)}
tr.bc-row.open td{background:#F4F7FB}
.bc-brands>td{background:#FAFBFA;padding:6px 10px 14px!important}
.bc-bwrap{border:1px solid var(--border);border-radius:12px;overflow:auto;background:#fff}
.bc-bt{width:100%;border-collapse:collapse;font-size:13px}
.bc-bt th{font-size:11.5px;color:var(--ink-3);font-weight:700;text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.bc-bt td{padding:7px 10px;border-bottom:1px solid #F2F4F5;white-space:nowrap}
.bc-bt th.r,.bc-bt td.r{text-align:right}
.bc-sh.sm{width:90px;height:6px}

/* сторінка бізнесу */
.bc-acts{display:flex;align-items:center;gap:10px}
.btn-hl{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--green);color:#fff!important;
  font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 6px 14px rgba(47,168,46,.35);animation:bhl 2.4s ease-in-out infinite}
.btn-hl:hover{background:var(--green-dark);transform:translateY(-1px)}
@keyframes bhl{0%,100%{box-shadow:0 6px 14px rgba(47,168,46,.35)}50%{box-shadow:0 6px 22px rgba(47,168,46,.6)}}
.bz-det>td{background:#FAFBFA;padding:8px 10px 16px!important}
.bz-tabs{display:flex;gap:6px;margin:4px 0 10px}
.bz-tabs button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink-2);cursor:pointer}
.bz-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.bz-st{font-size:13px}.bz-st td,.bz-st th{white-space:nowrap}
tr.bz-brow.clk{cursor:pointer}tr.bz-brow.clk:hover td{background:#F8FAF8}
tr.bz-brow.open .bc-chev{transform:rotate(180deg)}
tr.bz-bsel>td{background:#F4F7FB;padding:6px 10px 12px!important}

/* ===== Навчання за сигналом (іконка 🎓 + бічна панель) ===== */
.trn-th{width:44px;text-align:center}
.trn-td{text-align:center}
.trn-ic{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);background:#fff;border-radius:999px;
  padding:3px 8px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink-3);transition:.15s}
.trn-ic em{font-style:normal;font-size:11px;font-weight:700}
.trn-ic:hover{border-color:var(--ink);color:var(--ink)}
.trn-ic.st-none{color:#98A2B3}
.trn-ic.st-none:hover{color:#fff;background:var(--ink)}
.trn-ic.st-assigned{color:#B45309;background:#FEF3C7;border-color:#FDE68A}
.trn-ic.st-passed{color:#166534;background:#DCFCE7;border-color:#BBF7D0}
.trn-dot{font-size:11px;font-weight:800;color:#B45309;background:#FEF3C7;border-radius:999px;padding:1px 7px;margin-left:4px}
.trn-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;
  padding:8px 12px;margin:0 0 10px;font-size:13px;color:#92400E}
.trn-all{border:none;background:var(--ink);color:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.trn-all:hover{background:#000}
.trn-ov{position:fixed;inset:0;background:rgba(16,24,40,.28);z-index:90;backdrop-filter:blur(1px)}
.trn-dr{position:fixed;top:0;right:0;height:100vh;width:min(460px,100vw);background:#fff;z-index:95;box-shadow:-18px 0 40px rgba(16,24,40,.16);
  transform:translateX(105%);transition:transform .28s cubic-bezier(.22,.8,.24,1);display:flex;flex-direction:column}
.trn-dr.on{transform:none}
.trn-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:20px 22px 12px;border-bottom:1px solid var(--border)}
.trn-hd h3{margin:4px 0 0;font-size:18px;font-weight:800}
.trn-bd{flex:1;overflow:auto;padding:14px 22px}
.trn-sec{font-size:12px;font-weight:800;color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px}
.trn-sec .muted{text-transform:none;letter-spacing:0;font-weight:500}
.trn-who{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:6px;font-size:13.5px}
.trn-who .muted{font-size:12px;margin-top:2px}
.trn-st{font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:1px}
.trn-st.ok{background:#DCFCE7;color:#166534}.trn-st.wait{background:#FEF3C7;color:#92400E}.trn-st.bad{background:#FEE2E2;color:#991B1B}
.trn-it{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:9px 11px;margin-bottom:6px;font-size:13.5px;cursor:pointer}
.trn-it:hover{border-color:var(--green)}
.trn-it .k{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px;background:var(--surface-alt);color:var(--ink-2);white-space:nowrap}
.trn-it .k.brand{background:#EDE9FE;color:#5B21B6}.trn-it .k.video{background:#FEE2E2;color:#991B1B}
.trn-it .t{flex:1;min-width:0}
.trn-it em{font-style:normal;font-size:11px;font-weight:700;margin-left:4px}
.trn-it em.tst{color:var(--green-dark)}.trn-it em.was{color:#B45309}
.trn-it a{color:var(--ink-3)}
.trn-force{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#92400E;margin:6px 0 0}
.trn-msg{white-space:pre-wrap;background:var(--surface-alt);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.trn-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--border)}
.trn-ft .muted{font-size:12px}

/* плитки навчань — 7 бізнесів з ілюстраціями (як у каталозі) */
.tc-grid.biz7{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.tc-grid.biz7 .tc-tile{min-height:96px;padding:12px 6px 12px 14px;align-items:center}
.tc-grid.biz7 .tc-t{font-size:15px;font-weight:800;color:var(--ink);-webkit-line-clamp:1}
.tc-f{font-size:11.5px;color:var(--ink-2);line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tc-pic{flex:0 0 auto;width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(16,24,40,.12));transition:transform .2s ease}
.tc-tile:hover .tc-pic{transform:scale(1.07) rotate(-2deg)}
.tc-pic.big{width:140px;height:140px}
.tc-hf{font-size:.5em;font-weight:600;color:var(--ink-2);margin-left:6px}
@media(max-width:1400px){.tc-grid.biz7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.tc-grid.biz7{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-pic{width:56px;height:56px}}

/* дашборд навчань */
.td-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:6px 0 18px}
.td-k{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}
.td-k span{font-size:12px;color:var(--ink-3);font-weight:600}
.td-k b{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.td-k b small{font-size:15px;color:var(--ink-3)}
.td-k b.up{color:var(--green-dark)}.td-k b.down{color:var(--red-dark)}
.td-k em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.td-k.alert{border-color:#FCA5A5;background:#FFF7F7}
.td-bar{display:flex;height:8px;border-radius:8px;background:var(--track);overflow:hidden}
.td-bar .p{background:var(--green)}.td-bar .f{background:#F87171}
.td-prog{min-width:160px}.td-prog small{font-size:11.5px;color:var(--ink-3)}
.td-row{cursor:pointer}.td-row:hover td{background:#F8FAF8}.td-row.open .bc-chev{transform:rotate(180deg)}
.td-det>td{background:#FAFBFA;padding:6px 12px 12px!important}
.td-it{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:10px;padding:7px 11px;margin:5px 0;font-size:13px}
.td-it a{font-weight:600;color:var(--ink)}.td-it .muted{font-size:12px}.td-r{margin-left:auto;font-weight:700;font-size:12.5px}
.td-st{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
.td-st.passed{background:#DCFCE7;color:#166534}.td-st.failed{background:#FEE2E2;color:#991B1B}
.td-st.pending{background:#FEF3C7;color:#92400E}.td-st.no_test{background:#F2F4F5;color:var(--ink-3)}
.td-rec{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid #F2F4F5;font-size:13px}
.td-rec .muted{font-size:11.5px}
.td-empty{display:flex;gap:14px;align-items:center}.td-empty .ti{font-size:34px;color:var(--green)}
@media(max-width:1300px){.td-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.td-kpis{grid-template-columns:repeat(2,1fr)}}
.td-msg{margin:4px 0 8px}
.td-msg summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ink-2);list-style:none;display:inline-flex;gap:6px;align-items:center;
  border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 12px}
.td-msg summary::-webkit-details-marker{display:none}
.td-msg[open] summary{background:var(--ink);color:#fff;border-color:var(--ink)}
.tg-bubble{margin:8px 0 4px;max-width:560px;background:#EFFDDE;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:13.5px;line-height:1.5;
  box-shadow:0 1px 2px rgba(16,24,40,.08);color:#101828}
.gh{font-size:11px;color:var(--ink-3);font-weight:500;white-space:nowrap}
.zero-s{font-size:12px;font-weight:700;color:var(--red-dark);background:var(--red-50);border-radius:999px;padding:2px 8px}

/* ефект навчання */
.ef-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
.ef-c{border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--surface-alt)}
.ef-c b{font-size:24px;font-weight:800}.ef-c span{font-size:12px;color:var(--ink-2);font-weight:600}
.ef-c.up{background:#ECFDF3}.ef-c.up b{color:#166534}.ef-c.down{background:#FEF2F2}.ef-c.down b{color:#991B1B}
.ef-c.early b{color:var(--ink-3)}
.ef-s{font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}
.ef-s.up{background:#DCFCE7;color:#166534}.ef-s.down{background:#FEE2E2;color:#991B1B}
.ef-s.flat{background:#F2F4F5;color:var(--ink-2)}.ef-s.early{background:#FEF3C7;color:#92400E}
@media(max-width:900px){.ef-sum{grid-template-columns:repeat(2,1fr)}}
.td-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.ef-k em{font-size:11px}
.ef-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;border:1px dashed #D0D5DD;border-radius:10px;padding:8px 12px;margin:5px 0;font-size:13px}
.ef-line small{color:var(--ink-3);font-size:11px}
.ef-what{min-width:140px}
@media(max-width:1400px){.td-kpis{grid-template-columns:repeat(4,1fr)}}

/* Звідки виторг: трафік × КОП × чек = виторг */
.rf{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px 18px;margin:0 0 18px;box-shadow:var(--shadow-sm)}
.rf-eq{display:flex;align-items:stretch;gap:10px}
.rf-t{flex:1;min-width:0;background:var(--surface-alt);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;position:relative}
.rf-t .ti{position:absolute;top:12px;right:12px;font-size:18px;color:var(--ink-3)}
.rf-t span{font-size:12px;font-weight:700;color:var(--ink-3)}
.rf-t b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.rf-t em{font-style:normal;font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-t.res{background:#ECFDF3}.rf-t.res b{color:var(--green-dark)}.rf-t.res .ti{color:var(--green)}
.rf-op{display:flex;align-items:center;font-size:22px;font-weight:300;color:var(--ink-3)}
.rf-side{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13px;color:var(--ink-2)}
.rf-side span{display:inline-flex;align-items:center;gap:5px}.rf-side .ti{color:var(--ink-3)}
.rf-side b{color:var(--ink)}
.rf-hint{margin-left:auto;background:#FFFBEB;border-radius:999px;padding:3px 12px;color:#92400E!important}
.rf-hint .ti{color:#D97706!important}
@media(max-width:1000px){.rf-eq{flex-wrap:wrap}.rf-op{display:none}.rf-t{flex:1 1 45%}.rf-hint{margin-left:0}}

/* ===== Звідки виторг (v2) ===== */
.rf2{background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFB 100%);border:1px solid var(--border);border-radius:22px;padding:18px 20px 16px;margin:0 0 18px;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)}
.rf2-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}
.rf2-head h2{margin:0 0 2px;font-size:17px;font-weight:800;letter-spacing:-.01em}
.rf2-head .muted{font-size:12.5px}
.rf2-eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;align-items:stretch;gap:10px}
.rf2-t{--c:#2F7BE0;--cb:#EEF4FF;position:relative;text-align:left;font:inherit;color:inherit;border:1px solid var(--border);background:#fff;border-radius:18px;
  padding:14px 16px 14px;display:flex;flex-direction:column;gap:3px;min-width:0;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}
.rf2-t.c-blue{--c:#2F7BE0;--cb:#EEF4FF}.rf2-t.c-violet{--c:#7C5CD6;--cb:#F3EFFE}.rf2-t.c-amber{--c:#D97706;--cb:#FFF7E6}
.rf2-ic{width:38px;height:38px;border-radius:12px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:6px}
.rf2-l{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.rf2-t b{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.rf2-t em{font-style:normal;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf2-t.clk{cursor:pointer}
.rf2-t.clk:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08);border-color:var(--c)}
.rf2-t.sel{border-color:var(--c);box-shadow:0 0 0 3px var(--cb)}
.rf2-go{position:absolute;top:16px;right:14px;font-size:11.5px;font-weight:700;color:var(--c);background:var(--cb);border-radius:999px;padding:3px 9px;display:inline-flex;gap:3px;align-items:center}
.rf2-t.sel .rf2-go .ti{transform:rotate(180deg)}
.rf2-op{align-self:center;width:30px;height:30px;border-radius:50%;background:var(--surface-alt);color:var(--ink-3);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600}
.rf2-op.eq{background:var(--ink);color:#fff}
.rf2-t.res{border:none;background:linear-gradient(135deg,#1C7A1B 0%,#2FA82E 60%,#5BD13E 100%);color:#fff;box-shadow:0 10px 24px rgba(47,168,46,.28)}
.rf2-t.res .rf2-ic{background:rgba(255,255,255,.18);color:#fff}
.rf2-t.res .rf2-l,.rf2-t.res em{color:rgba(255,255,255,.8)}
.rf2-t.res b{color:#fff}
.rf2-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.rf2-p{font:inherit;font-size:13px;color:var(--ink-2);border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 13px;display:inline-flex;align-items:center;gap:6px}
.rf2-p .ti{color:var(--ink-3);font-size:16px}.rf2-p b{color:var(--ink)}
.rf2-p.clk{cursor:pointer}.rf2-p.clk:hover{border-color:var(--ink)}.rf2-p.sel{background:var(--ink);color:#fff;border-color:var(--ink)}
.rf2-p.sel b,.rf2-p.sel .ti,.rf2-p.sel .muted{color:#fff}
.rf2-hint{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#92400E;background:#FFFBEB;border:1px solid #FDE68A;border-radius:999px;padding:6px 13px}
.rf2-hint .ti{color:#D97706}.rf2-hint b{color:#78350F}.rf2-hint .dot{width:4px;height:4px;border-radius:50%;background:#D97706;opacity:.5;margin:0 4px}
.rf2-drill{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.rf2-dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.rf2-dh b{font-size:15px}.rf2-dh .muted{font-size:12.5px}
.rf2-v{display:flex;align-items:center;gap:10px;min-width:220px}
.rf2-bar{flex:1;height:8px;border-radius:8px;background:var(--track);overflow:hidden;max-width:180px}
.rf2-bar span{display:block;height:100%;border-radius:8px;background:#7C5CD6}
.rf2-bar span.check{background:#D97706}.rf2-bar span.credit{background:#2F7BE0}.rf2-bar span.pickup{background:#14A3A3}
@media(max-width:1100px){.rf2-eq{grid-template-columns:1fr 1fr}.rf2-op{display:none}.rf2-hint{margin-left:0}}

/* бюджет і GfK — розкриття */
.bx-row>summary{list-style:none;cursor:pointer}
.bx-row>summary::-webkit-details-marker{display:none}
.bx-chev{font-size:13px;color:var(--ink-3);transition:transform .2s;vertical-align:-1px}
.bx-row[open] .bx-chev,.gx-b[open] .bx-chev{transform:rotate(180deg)}
.bx-main>summary{padding:4px 0 10px}
.bx-row .kpirow:hover{background:#EEF1EF}
.bx-months{margin:6px 0 10px;padding:8px 12px;background:#FAFBFA;border:1px solid var(--border);border-radius:12px}
.bx-m{display:grid;grid-template-columns:120px 1fr 110px 48px;align-items:center;gap:10px;padding:5px 0;font-size:12.5px;border-bottom:1px solid #F2F4F5}
.bx-m:last-child{border-bottom:none}
.bx-mb{height:6px;border-radius:6px;background:var(--track);overflow:hidden;order:3}
.bx-mb span{display:block;height:100%;border-radius:6px}
.bx-mb .g{background:var(--green)}.bx-mb .o{background:#F08C1B}.bx-mb .r{background:#E0392E}
.bx-m .num.muted{text-align:right;order:2}
.bx-m b{text-align:right;order:4}
.gx-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 10px}
.gx-tabs button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);cursor:pointer}
.gx-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.gx-b{border-radius:12px;background:var(--surface-alt);margin-bottom:6px}
.gx-b>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 14px;font-size:13.5px}
.gx-b>summary::-webkit-details-marker{display:none}
.gx-b>summary em,.gx-c em{font-style:normal;font-size:11.5px;font-weight:700}
.gx-b em.up,.gx-c em.up,#gxSub em.up{color:var(--green-dark)}.gx-b em.down,.gx-c em.down,#gxSub em.down{color:var(--red-dark)}
#gxSub em{font-style:normal;font-weight:700;font-size:12px;margin-left:6px}
.gx-cats{padding:0 14px 10px}
.gx-c{display:grid;grid-template-columns:1fr 90px 48px 70px;gap:8px;align-items:center;font-size:12.5px;padding:4px 0}
.gx-cb{height:6px;border-radius:6px;background:#fff;overflow:hidden}.gx-cb span{display:block;height:100%;background:var(--green);border-radius:6px}
.gx-c b{text-align:right}

/* KPI: грн/год і відхилення від типового продавця */
.kp-hh{font-size:11px;color:var(--ink-3);font-weight:500}
.kp-devh{min-width:150px}
.kp-dev{display:flex;align-items:center;gap:8px}
.kp-dev .trk{position:relative;flex:1;height:8px;min-width:80px;background:var(--track);border-radius:6px}
.kp-dev .axis{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--ink-3)}
.kp-dev .b{position:absolute;top:0;bottom:0;border-radius:6px}
.kp-dev .b.up{background:var(--green)}.kp-dev .b.dn{background:#E0392E}
.kp-dev b{min-width:44px;text-align:right;font-size:12.5px}

/* ===== Панель дня v2 ===== */
.pd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.pd-days{display:flex;align-items:center;gap:10px}
.pd-arrow{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink);font-size:20px;box-shadow:var(--shadow-sm)}
.pd-arrow:hover{border-color:var(--green);color:var(--green-dark)}
.pd-arrow.off{opacity:.35;pointer-events:none}
.pd-date{display:flex;flex-direction:column;line-height:1.15;min-width:150px}
.pd-date b{font-size:22px;font-weight:800;letter-spacing:-.3px}
.pd-date span{font-size:12.5px;color:var(--ink-3);font-weight:600}
.pd-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pd-pick input{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;background:#fff}
.pd-up{position:relative}
.pd-up>summary{list-style:none;cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--ink-2)}
.pd-up>summary::-webkit-details-marker{display:none}
.pd-up form{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:280px;font-size:12.5px;color:var(--ink-2)}
.pd-up form label{display:flex;flex-direction:column;gap:4px}

.pd-hero{display:grid;grid-template-columns:minmax(300px,1.6fr) repeat(3,minmax(170px,1fr));gap:12px;margin-bottom:12px}
.pd-h-main,.pd-tile{background:#fff;border:1px solid var(--border);border-radius:var(--r,16px);box-shadow:var(--shadow);padding:18px 20px}
.pd-h-main{background:linear-gradient(135deg,#101828,#1d2b3f);color:#fff;border:none}
.pd-eyebrow{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;opacity:.7}
.pd-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 12px}
.pd-big .num{font-size:46px;font-weight:800;letter-spacing:-1px;line-height:1}
.pd-big em{font-style:normal;opacity:.8;font-size:14px;font-weight:600}
.pd-track{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.14)}
.pd-track>span{display:block;height:100%;border-radius:10px}
.pd-track .g,.pd-mini .g{background:var(--green)}.pd-track .o,.pd-mini .o{background:#F08C1B}.pd-track .r,.pd-mini .r{background:#E0392E}
.pd-now{position:absolute;top:-5px;bottom:-5px;width:3px;border-radius:2px;background:#fff;transform:translateX(-1px)}
.pd-note{margin-top:12px;font-size:12.5px;opacity:.85}
.pd-note b{font-weight:800}
.pd-tile{display:flex;flex-direction:column;gap:3px;border-top:4px solid var(--border)}
.pd-tile.ok{border-top-color:var(--green)}.pd-tile.warn{border-top-color:#F08C1B}.pd-tile.bad{border-top-color:#E0392E}
.pd-tile span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3)}
.pd-tile b{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-top:4px}
.pd-tile.ok b{color:var(--green-dark)}.pd-tile.bad b{color:var(--red-dark)}
.pd-tile em{font-style:normal;font-size:13px;font-weight:700;color:var(--ink-2)}
.pd-tile small{font-size:11.5px;color:var(--ink-3);margin-top:auto;padding-top:6px}

.pd-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.pd-pl{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm)}
.pd-pl .t{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--ink-2)}
.pd-pl .t b{font-size:15px;color:var(--ink)}
.pd-pl .s{font-size:11.5px;color:var(--ink-3);margin-top:6px}
.pd-mini{display:block;height:6px;border-radius:6px;background:var(--track);overflow:hidden;margin-top:8px}
.pd-mini>span{display:block;height:100%;border-radius:6px}

.pd-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.pd-row2>.panel{margin:0}
.pd-fx{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #F0F2F4}
.pd-fx:last-of-type{border-bottom:none}
.pd-fx-n{min-width:150px;font-weight:700;color:var(--ink)}
.pd-fx-r{display:flex;flex-wrap:wrap;gap:6px}
.pd-chip{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--red-50);color:#a2261d;white-space:nowrap}
.pd-chip.gh{background:#FDF1DF;color:#95610f}
.pd-chip.aks,.pd-chip.dpt,.pd-chip.srv{background:#EEF2FF;color:#3538CD}
a.pd-chip:hover{filter:brightness(.95)}
.pd-foot{font-size:11.5px;color:var(--ink-3);margin:10px 0 0;line-height:1.45}
.pd-ok{display:flex;gap:8px;align-items:center;padding:14px;border-radius:12px;background:var(--green-50);color:var(--green-dark);font-weight:700;font-size:13.5px}
.pd-ok.muted{background:var(--surface-alt);color:var(--ink-3)}
.pd-pu{display:grid;grid-template-columns:minmax(110px,1.3fr) 1fr 54px 60px 58px;gap:10px;align-items:center;padding:7px 0;font-size:13px;border-bottom:1px solid #F0F2F4}
.pd-pu .pd-mini{margin:0}
.pd-pu .n{font-weight:600}
.pd-pu .c{color:var(--ink-3);text-align:right}
.pd-pu b{text-align:right}
.pd-pu em{font-style:normal;font-size:11.5px;color:var(--ink-3);text-align:right}

.pd-st td{vertical-align:middle}
.pd-st .sub{font-size:11px;color:var(--ink-3);font-weight:500}
.pd-st .sub.up{color:var(--green-dark)}.pd-st .sub.down{color:var(--red-dark)}
.pd-st a.who{color:var(--ink);white-space:nowrap}
.pd-sh{font-weight:800;font-size:12.5px;padding:2px 8px;border-radius:999px}
.pd-sh.ok{background:var(--green-50);color:var(--green-dark)}.pd-sh.warn{background:#FDF1DF;color:#95610f}.pd-sh.bad{background:var(--red-50);color:#a2261d}

.pd-lost-sum{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:14px;color:var(--ink-2)}
.pd-lost-sum b{font-size:30px;font-weight:800;color:var(--red-dark)}
.pd-lost-sum span{margin-left:auto;font-weight:800;color:var(--ink)}
.pd-lo{display:grid;grid-template-columns:62px 1fr auto 90px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid #F0F2F4;font-size:13px}
.pd-lo .h{font-weight:800}
.pd-lo .m{color:var(--ink-3);font-size:12px}
.pd-lo b{color:var(--red-dark)}
.pd-lo em{font-style:normal;text-align:right;font-weight:700}

.pd-coll>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.pd-coll>summary::-webkit-details-marker{display:none}
.pd-coll>summary h2{margin:0}
.pd-coll[open] .bx-chev{transform:rotate(180deg)}
.pd-h3{font-size:13px;margin:0 0 8px;color:var(--ink-2)}
.pd-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}
.pd-kv>div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 14px}
.pd-kv span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-3)}
.pd-kv b{font-size:18px;font-weight:800}

@media (max-width:1100px){.pd-hero{grid-template-columns:1fr 1fr}.pd-h-main{grid-column:1/-1}}
@media (max-width:760px){
  .pd-row2{grid-template-columns:1fr}
  .pd-hero{grid-template-columns:1fr}
  .pd-big .num{font-size:38px}
  .pd-fx{flex-direction:column;gap:6px}
  .pd-pu{grid-template-columns:1fr 50px 56px 52px}.pd-pu .pd-mini{display:none}
  .pd-up form{left:0;right:auto}
  .pd-date b{font-size:19px}
}

/* ===== Навчання: ручне призначення + прив'язки категорій ===== */
.btn-ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--ink-2);border-radius:10px;
  padding:8px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-ghost:hover{border-color:var(--green);color:var(--green-dark)}
.btn-ghost.sm,.btn.sm{padding:5px 10px;font-size:12px;border-radius:8px}
.mn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mn-step select,.mn-step input[type=search],.mn-step textarea,.cv-f select,.cv-f input{width:100%;border:1px solid var(--border);border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px;background:#fff}
.mn-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;margin-bottom:8px}
.mn-h b{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px}
.mn-h .muted{font-weight:600}
.mn-mats{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:2px}
.mn-m{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:13px}
.mn-m:has(input:checked){border-color:var(--green);background:var(--green-50)}
.mn-m i{color:var(--ink-3)}
.mn-m em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:#3538CD}
.mn-more{margin-top:8px}
.mn-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;max-height:260px;overflow:auto;margin-top:8px;padding:2px}
.mn-p{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;font-size:13px;cursor:pointer}
.mn-p:has(input:checked){border-color:var(--green);background:var(--green-50)}
.mn-p em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}
.mn-p.off{opacity:.5;cursor:not-allowed}
.mn-force{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--ink-2);margin-top:10px}
.mn-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.mn-preview{margin-top:14px}
.mn-pv-h{font-size:12.5px;color:var(--ink-2);margin-bottom:6px}
.mn-bubble{background:#EEF6FF;border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:13.5px;line-height:1.5;max-width:560px}
.mn-bubble a{color:#1d63c7}

.cv-list{display:flex;flex-direction:column}
.cv-row{display:grid;grid-template-columns:230px 1fr auto;gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid #F0F2F4}
.cv-row.empty .cv-n b{color:var(--red-dark)}
.cv-n{display:flex;flex-direction:column;gap:2px}
.cv-n b{font-size:13.5px}
.cv-n span{font-size:11.5px;color:var(--ink-3)}
.cv-n em{font-style:normal;color:var(--red-dark);font-weight:700}
.cv-m{display:flex;flex-wrap:wrap;gap:6px}
.cv-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:3px 4px 3px 10px;font-size:12px}
.cv-chip.manual{background:#EEF2FF;border-color:#C7D2FE}
.cv-chip em{font-style:normal;font-size:10.5px;color:#3538CD;font-weight:700}
.cv-chip.hid{opacity:.6}
.cv-chip i{color:var(--ink-3)}
.cv-chip form{display:inline;margin:0}
.cv-chip button{border:none;background:none;cursor:pointer;color:var(--ink-3);font-size:14px;line-height:1;padding:0 5px;border-radius:50%}
.cv-chip button:hover{color:var(--red-dark);background:#fff}
.cv-a{display:flex;gap:6px}
.cv-ed{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;background:var(--surface-alt);border-radius:12px;padding:12px}
.cv-f{display:flex;gap:8px;align-items:center}
.cv-f select{flex:1}
@media (max-width:860px){.mn-grid{grid-template-columns:1fr}.cv-row{grid-template-columns:1fr}.cv-f{flex-wrap:wrap}}

/* ===== Вкладки панелі: тиждень / тижні / місяці / динаміка / налаштування ===== */
.pw-sel{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;background:#fff;max-width:260px}
.pw-days{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.pw-day{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;line-height:1.2}
.pw-day span{font-size:10.5px;opacity:.7;text-transform:uppercase;font-weight:700}
.pw-day b{font-size:14px}
.pw-day em{font-style:normal;font-size:10.5px;opacity:.6}
.pw-day.ok b{color:#7CE07A}.pw-day.warn b{color:#FFC06B}.pw-day.bad b{color:#FF8A80}
.pw-day:hover{background:rgba(255,255,255,.16)}
.pw-norm{display:flex;align-items:center;gap:10px;min-width:150px}
.pw-norm .pd-mini{flex:1;margin:0}
.pw-norm b{min-width:62px;text-align:right;font-size:13px}
.pw-norm b em{font-style:normal;color:var(--ink-3);font-weight:600}
.pw-link{cursor:pointer}.pw-link:hover td{background:#F8FAF8}
.pw-part{font-size:10px;font-weight:700;color:#95610f;background:#FDF1DF;padding:1px 6px;border-radius:6px}
.pw-best{font-weight:700;white-space:nowrap}
.pw-noms{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pw-nom{border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.pw-nom .h{display:flex;gap:6px;align-items:center;font-weight:800;font-size:13px;margin-bottom:8px}
.pw-nom .h i{color:var(--green-dark)}
.pw-nom .r{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:3px 0}
.pw-nom .r.top{font-weight:800}
.pw-nom .r b{font-weight:700;white-space:nowrap}
.pdy-per{display:flex;gap:4px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px}
.pdy-per a{padding:6px 12px;border-radius:9px;font-size:13px;font-weight:700;color:var(--ink-2)}
.pdy-per a.on{background:var(--ink);color:#fff}
.pdy-rank td,.pdy-rank th{padding-left:6px;padding-right:6px}
.pdy-c{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:7px;background:var(--surface-alt);font-weight:700;font-size:12px}
.pdy-c.r1{background:#FFE9A8;color:#7a5600}.pdy-c.r2{background:#E6E9EE;color:#3f4650}.pdy-c.r3{background:#F6D9C4;color:#7a3f12}
.ps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.ps-grid>.panel{margin:0}
.ps-save{grid-column:1/-1;display:flex;justify-content:flex-end}
.ps-f{display:grid;grid-template-columns:1fr 100px 90px;gap:10px;align-items:center;padding:7px 0;font-size:13.5px}
.ps-f span{font-weight:600}
.ps-f input{border:1px solid var(--border);border-radius:9px;padding:7px 9px;font:inherit;font-size:14px;font-weight:700;text-align:right;width:100%}
.ps-f em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.ps-now{font-size:13px;background:var(--surface-alt);border-radius:10px;padding:10px 12px;margin-bottom:8px;line-height:1.45}
.ps-now i{color:var(--green-dark)}
.ps-add{display:flex;gap:8px;margin-bottom:12px}
.ps-add input{flex:1;max-width:420px;border:1px solid var(--border);border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px}
.ps-t form{margin:0}
.ps-off td{opacity:.55}
.ps-sw{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px 10px 4px 4px;font:inherit;font-size:12px;font-weight:700;color:var(--ink-3);cursor:pointer;white-space:nowrap}
.ps-sw i{width:26px;height:16px;border-radius:9px;background:#D0D5DD;position:relative;transition:.2s}
.ps-sw i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}
.ps-sw.on{color:var(--green-dark);border-color:#CDEBD6}
.ps-sw.on i{background:var(--green)}.ps-sw.on i::after{left:12px}
.ps-goals{display:flex;gap:6px;align-items:center}
.ps-goals input{width:66px;border:1px solid var(--border);border-radius:8px;padding:6px 7px;font:inherit;font-size:13px;text-align:right}
.ps-del{border:none;background:none;color:var(--ink-3);font-size:17px;cursor:pointer;padding:4px 6px;border-radius:8px}
.ps-del:hover{color:var(--red-dark);background:var(--red-50)}
@media (max-width:1000px){.ps-grid{grid-template-columns:1fr}}

/* дашборд без плану + попередження імпорту */
.dsh-noplan{display:flex;gap:12px;align-items:flex-start;background:#FFF8EB;border:1px solid #F6DDB0;color:#6b4a0d;border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:13.5px;line-height:1.5}
.dsh-noplan i{font-size:20px;color:#C27A0E;margin-top:1px}
.ok-box.warn{background:#FFF8EB;border-color:#F6DDB0;color:#6b4a0d}
.imp-months{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.imp-months span{font-size:10.5px;font-weight:700;background:var(--green-50);color:var(--green-dark);border-radius:6px;padding:1px 6px}

/* співробітники: посади */
.em-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.em-f select{border:1px solid var(--border);border-radius:9px;padding:6px 9px;font:inherit;font-size:13px;background:#fff}
.em-chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-alt);color:var(--ink-3);margin-right:4px;white-space:nowrap}
.em-chip.ok{background:var(--green-50);color:var(--green-dark)}.em-chip.b{background:#EEF2FF;color:#3538CD}.em-chip.bad{background:var(--red-50);color:#a2261d}
.pos-tag{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:6px;background:#EEF2FF;color:#3538CD;margin-left:4px;vertical-align:1px}

/* безпека · тривоги */
.sf-marks{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
.sf-m{font-size:12px;background:var(--green-50);color:var(--green-dark);border-radius:999px;padding:3px 10px}
.sf-m b{font-weight:800}
.sf-m.late{background:var(--red-50);color:#a2261d}
.sf-m.off{background:var(--surface-alt);color:var(--ink-3)}
.pd-note.pd-alarm{margin-top:8px;color:#FFD1CC}
.pd-note.pd-alarm b{color:#fff}
.hc-bar.alarm{background:repeating-linear-gradient(45deg,#7A5AF8,#7A5AF8 4px,#B8A6FF 4px,#B8A6FF 8px)}

/* перевірка бази */
.au>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}
.au>summary::-webkit-details-marker{display:none}
.au>summary h2{margin:0}
.au[open] .bx-chev{transform:rotate(180deg)}
.au-sum{display:flex;gap:10px;align-items:center;font-size:13px}
.au-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.au-i{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-alt);border-left:4px solid var(--border);font-size:13px;line-height:1.45}
.au-i.bad{border-left-color:#E0392E;background:var(--red-50)}.au-i.warn{border-left-color:#F08C1B;background:#FFF8EB}.au-i.info{border-left-color:#3538CD;background:#F4F5FF}
.au-a{min-width:110px;font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-2);padding-top:1px}
.au-fix{font-size:12px;color:var(--ink-3);margin-top:2px}

/* =====================================================================
   ФІРМОВИЙ СТИЛЬ COMFY (з «Правил оформлення презентацій»):
   шрифт Ubuntu (Bold — заголовки, Regular — текст), кольори #2ABD13 / #1E9F0A / #FC5E0F,
   великі заголовки капсом, фон білий, зелений — акцентно (≤10%), персонаж Пуш.
   ===================================================================== */
:root{
  --font:'Ubuntu',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --green:#2ABD13; --green-dark:#1E9F0A; --green-50:#EAF8E6;
  --orange:#FC5E0F; --orange-dark:#D94A05; --orange-50:#FFEFE6;
}
body{font-family:var(--font);letter-spacing:0}
h1,.pd-date b,.dsh-head h1{font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:.01em}
.ph h2,.panel-head h2,.pd-coll>summary h2,.au>summary h2{font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:14.5px}
.ph h2 .ti{color:var(--green)}
.eyebrow,.pd-eyebrow,.pd-tile span,.pd-kv span{letter-spacing:.06em}
.num,.kval,.pd-big .num,.pd-tile b{font-feature-settings:"tnum" 1}
.btn,button.btn{background:var(--green);border-color:var(--green);font-weight:700;letter-spacing:.02em}
.btn:hover{background:var(--green-dark);border-color:var(--green-dark)}
.navmain>.navlink.on,summary.navlink.on{color:var(--green-dark);background:var(--green-50)}
.nav{border-top-color:var(--green)}
.nav .brand::before{background:var(--green);font-family:var(--font);font-weight:700}
.pill.o,.pd-sh.warn,.pd-chip.gh{background:var(--orange-50);color:var(--orange-dark)}
.pd-mini .o,.pd-track .o,.bar .o,.bx-mb .o{background:var(--orange)}

/* зелений «слайд» замість темної шапки */
.pd-h-main{background:var(--green);color:#fff;position:relative;overflow:hidden}
.pd-h-main::after{content:"";position:absolute;right:-26px;bottom:-34px;width:190px;height:125px;
  background:url(/static/push_sm.png) no-repeat center/contain;transform:rotate(-8deg);opacity:.95;pointer-events:none}
.pd-h-main>*{position:relative;z-index:1}
.pd-h-main .pd-big,.pd-h-main .pd-note,.pd-h-main .pw-days{max-width:calc(100% - 120px)}
.pd-h-main .pd-track{background:rgba(255,255,255,.28);max-width:calc(100% - 120px)}
.pd-h-main .pd-track .g{background:#fff}.pd-h-main .pd-track .o{background:#FFD3B8}.pd-h-main .pd-track .r{background:var(--orange)}
.pd-h-main .pd-now{background:#0B4F02}
.pd-h-main .pd-eyebrow{opacity:.9}
.pd-alarm,.pd-note.pd-alarm{color:#fff}
.pw-day{background:rgba(255,255,255,.16)}
.pw-day.ok b,.pw-day.warn b,.pw-day.bad b{color:#fff}
.pw-day.bad{background:rgba(252,94,15,.55)}.pw-day.warn{background:rgba(255,211,184,.35)}
.pd-tile.ok{border-top-color:var(--green)}.pd-tile.warn{border-top-color:var(--orange)}

/* Пуш по сайту */
.head-push{height:86px;width:auto;align-self:center;margin-left:auto;margin-right:12px;transform:rotate(-6deg);
  filter:drop-shadow(0 6px 10px rgba(16,24,40,.12))}
.dsh-head{align-items:center}
.sf-top{justify-content:flex-start}
.sf-top .head-push{order:2;margin-left:auto}
.empty-push{display:block;width:210px;margin:0 auto 14px}
.login{position:relative}
.login-push{display:block;width:180px;margin:-10px auto 8px}
.login h1{font-size:22px}
@media (max-width:760px){.head-push{display:none}.pd-h-main::after{width:120px;height:80px;right:-18px;bottom:-22px}
  .pd-h-main .pd-big,.pd-h-main .pd-note,.pd-h-main .pd-track,.pd-h-main .pw-days{max-width:100%}}

/* ===== Пуш по всьому сайту (різні варіанти з брендбуку) ===== */
.wrap{position:relative;z-index:1}
.deco{position:fixed;z-index:0;pointer-events:none;user-select:none}
.deco-bl{left:0;bottom:0;height:120px;width:auto}
.deco-br{right:0;bottom:0;height:150px;width:auto}
.pg-login .deco{display:none}
@media (max-width:1100px){.deco{display:none}}

/* різні Пуші у зелених шапках */
.pd-h-main.v-spiral::after{background-image:url(/static/push/spiral.png);width:210px;height:190px;right:-40px;bottom:-40px;transform:rotate(-12deg)}
.pd-h-main.v-spring::after{background-image:url(/static/push/spring.png);width:120px;height:220px;right:10px;bottom:-30px;transform:rotate(18deg)}
.pd-h-main.v-swoosh::after{background-image:url(/static/push/swoosh.png);width:160px;height:210px;right:-10px;bottom:-40px;transform:none}

/* старі сторінки з блоком .hero — теж фірмова зелена шапка з Пушем */
.hero{position:relative;overflow:hidden;background:var(--green);border:none;color:#fff}
.hero h1,.hero .eyebrow,.hero .period{color:#fff}
.hero .eyebrow,.hero .period{opacity:.9}
.hero .mark{background:#fff;color:var(--green-dark);box-shadow:none}
.hero .mark::after{display:none}
.hero>div:last-child{position:relative;z-index:1;max-width:calc(100% - 170px)}
.hero::after{content:"";position:absolute;right:-18px;bottom:-26px;width:170px;height:150px;pointer-events:none;
  background:url(/static/push/flower.png) no-repeat center/contain;transform:rotate(-10deg)}
.pg-training .hero::after{background-image:url(/static/push/wave.png);transform:rotate(6deg);bottom:-40px}
.pg-imports .hero::after{background-image:url(/static/push/spiral.png);width:190px;right:-40px;bottom:-40px}
.pg-planning .hero::after,.pg-planning-edit .hero::after,.pg-planning-execution .hero::after{background-image:url(/static/push/spring.png);width:110px;height:180px;right:14px;bottom:-40px;transform:rotate(20deg)}
.pg-zones .hero::after,.pg-zones-config .hero::after{background-image:url(/static/push/swoosh.png);width:130px;height:170px;right:0;bottom:-40px;transform:none}
.pg-analytics .hero::after,.pg-competitors .hero::after{background-image:url(/static/push_sm.png);width:190px;height:120px;right:-20px;bottom:-30px}
.pg-panel-seller .hero::after{background-image:url(/static/push/wave.png)}
@media (max-width:760px){.hero::after{width:100px;height:90px;right:-14px;bottom:-18px}.hero>div:last-child{max-width:100%}}

/* куточки в порожніх станах і тренінгових картках */
.dsh-empty{position:relative;overflow:hidden}
.dsh-empty::after{content:"";position:absolute;right:0;bottom:0;width:120px;height:140px;background:url(/static/push/corner.png) no-repeat right bottom/contain;pointer-events:none}

/* ===== Особисті зустрічі ===== */
.mt-pick{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.mt-pick label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.mt-pick select{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;font-size:15px;font-weight:600;min-width:320px;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0}
.mt-pick .btn-ghost{margin-left:auto}
.mt-hero{display:flex;align-items:center;gap:18px;background:var(--green);color:#fff;border-radius:18px;padding:20px 24px;margin-bottom:16px;position:relative;overflow:hidden}
.mt-hero::after{content:"";position:absolute;right:-20px;bottom:-40px;width:170px;height:150px;background:url(/static/push/wave.png) no-repeat center/contain;transform:rotate(-8deg)}
.mt-hero h1{margin:0;color:#fff;font-size:26px}
.mt-ava{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--green-dark);font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mt-sub{opacity:.92;font-size:13.5px;margin-top:4px}
.mt-last{margin-left:auto;margin-right:150px;display:flex;flex-direction:column;background:rgba(255,255,255,.18);border-radius:12px;padding:10px 14px;position:relative;z-index:1}
.mt-last span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.mt-last b{font-size:18px}.mt-last em{font-style:normal;font-size:12px;opacity:.9}
.mt-talk ul,.mt-prev ul,.mt-hb ul{margin:4px 0 0;padding-left:18px;line-height:1.7;font-size:14px}
.mt-talk.good{border-top:4px solid var(--green)}.mt-talk.grow{border-top:4px solid var(--orange)}
.mt-prev{border-left:4px solid #3538CD}
.mt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.mt-k{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.mt-k .h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.mt-k .h .ti{color:var(--green)}
.mt-rank{margin-left:auto;background:var(--surface-alt);border-radius:999px;padding:2px 8px;font-size:11px;color:var(--ink-2);text-transform:none;letter-spacing:0}
.mt-k>b{display:block;font-size:24px;font-weight:700;margin:8px 0 6px}
.mt-k .s{font-size:12px;color:var(--ink-3);margin-top:4px}
.mt-conv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mt-conv>div{background:var(--surface-alt);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.mt-conv span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.mt-conv>div>b{font-size:22px}
.mt-conv em{font-style:normal;font-size:12.5px;color:var(--ink-2)}
.mt-conv small{font-size:11.5px;color:var(--ink-3)}
.mt-li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F0F2F4;font-size:13.5px}
.mt-li span{flex:1;font-weight:600}.mt-li em{display:block;font-style:normal;font-size:11px;color:var(--ink-3);font-weight:500}
.mt-li small{color:var(--ink-3);min-width:90px;text-align:right}
.mt-sig td{background:#FFF7F2}
.mt-brands span{display:inline-block;font-size:11px;background:var(--surface-alt);border-radius:6px;padding:1px 6px;margin:1px 3px 1px 0;white-space:nowrap}
.mt-brands span.bad{background:var(--red-50);color:#a2261d}
.mt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mt-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.mt-grid label.wide{grid-column:1/-1}
.mt-grid textarea{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;resize:vertical}
.mt-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px}
.mt-actions label{font-size:13px;display:flex;align-items:center;gap:8px}
.mt-actions input[type=date]{border:1px solid var(--border);border-radius:9px;padding:6px 9px;font:inherit}
.mt-actions .btn{margin-left:auto}
.mt-h{border-bottom:1px solid #F0F2F4}
.mt-h>summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:10px 0}
.mt-h>summary::-webkit-details-marker{display:none}
.mt-h>summary .bx-chev{margin-left:auto}
.mt-h[open] .bx-chev{transform:rotate(180deg)}
.mt-hb{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 0 12px;font-size:13.5px}
@media (max-width:1000px){.mt-kpis{grid-template-columns:1fr 1fr}.mt-hb,.mt-grid{grid-template-columns:1fr}.mt-last{margin-right:0}.mt-hero::after{display:none}}
@media print{.nav,.subnav,.deco,.mt-pick,.mt-notes,.head-push,.flash{display:none!important}.pd-coll{display:block}.pd-coll>*{display:block}.panel{break-inside:avoid;box-shadow:none}}

/* план росту грн/год */
.gr{border-top:4px solid var(--green)}
.gr-top{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap}
.gr-now{background:var(--green);color:#fff;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;min-width:210px}
.gr-now span{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.gr-now b{font-size:32px;font-weight:700;line-height:1.1;margin:4px 0}
.gr-now em{font-style:normal;font-size:12.5px;opacity:.92}
.gr-now small{font-size:11.5px;opacity:.85;margin-top:6px}
.gr-steps{flex:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.gr-step{background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:10px 14px;min-width:140px;display:flex;flex-direction:column}
.gr-step span{font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.gr-step b{font-size:20px;font-weight:700;margin:2px 0}
.gr-step em{font-style:normal;font-size:11.5px;color:var(--ink-2)}
.gr-step.cur{background:#fff;border-color:var(--green)}
.gr-step.next{background:var(--green-50);border-color:var(--green)}
.gr-step.next b{color:var(--green-dark)}
.gr-arr{color:var(--ink-3)}
.gr-goal{margin-top:14px;background:#FFF3EC;border-left:4px solid var(--orange);border-radius:10px;padding:10px 14px;font-size:13.5px;line-height:1.5}
.gr-goal .ti{color:var(--orange)}
.gr-lev tr.focus td{background:#F4FBF2}
.gr-badge{font-size:10.5px;font-weight:700;background:var(--green);color:#fff;border-radius:6px;padding:1px 6px;margin-left:4px;vertical-align:1px}
.gr-tip{font-size:12.5px;color:var(--ink-2);max-width:420px;line-height:1.45}
.gr-hist{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}
.gr-hb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:64px;gap:3px}
.gr-hb i{display:block;width:34px;background:#CDEFC6;border-radius:6px 6px 0 0;min-height:4px}
.gr-hb.cur i{background:var(--green)}
.gr-hb em{font-style:normal;font-size:11.5px;font-weight:700}
.gr-hb span{font-size:11px;color:var(--ink-3)}
.gr-hb small{font-size:10.5px;font-weight:700}
.tp-grow td,.tp-zero td{background:#FFF7F2}
.tp-strong td{background:#F4FBF2}
.tp-v{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-alt);color:var(--ink-2);white-space:nowrap}
.tp-v.ok{background:var(--green-50);color:var(--green-dark)}.tp-v.bad{background:var(--red-50);color:#a2261d}
.tp-b>td{background:#FAFBFC!important;padding:10px 12px 14px}
.tp-br{width:100%;font-size:12.5px;margin-bottom:8px}
.tp-br th{font-size:10.5px}
.ad-frame{width:100%;height:calc(100vh - 190px);min-height:640px;border:1px solid var(--border);border-radius:16px;background:#f4f5f3;box-shadow:var(--shadow-sm)}
.ad-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ad-g{background:var(--surface-alt);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}
.ad-g span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.ad-g>b{font-size:24px}
.ad-g em{font-style:normal;font-size:12px;color:var(--ink-2)}
.ad-f{border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.ad-fh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ad-fh>b{font-size:15px}
.ad-all{margin-left:auto;font-size:14px}.ad-all em{font-style:normal;font-weight:700;margin-left:4px}
.ad-tg{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-3);margin:0}
.ad-tg input{width:52px;border:1px solid var(--border);border-radius:8px;padding:4px 6px;font:inherit;text-align:right}
.ad-fh form{margin:0}
.ad-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px}
.ad-cells>div{background:var(--surface-alt);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;font-size:12px}
.ad-cells>div.up{background:var(--green-50)}.ad-cells>div.down{background:var(--red-50)}
.ad-cells span{color:var(--ink-3);font-weight:700;font-size:11px}
.ad-cells b{font-size:14px}.ad-cells em{font-style:normal;color:var(--ink-2)}
.ad-hist{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3)}
.ad-hist span{display:flex;flex-direction:column}.ad-hist b{color:var(--ink);font-size:13px}
.ad-add{margin-top:12px}
.ad-cand{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin-bottom:10px}

/* ===== ЗОНИ = БІЗНЕСИ ===== */
.zn-rebuild{margin-left:auto}
.zn-nav{margin-left:auto;display:flex;gap:6px}
.zn-note{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:14px;margin-bottom:16px;font-size:13.5px}
.zn-note.warn{background:#FFF6EC;border:1px solid #FBD8B5}.zn-note .ti{font-size:20px;color:var(--orange)}
.zn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}
.zn-k{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.zn-k span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.zn-k b{display:block;font-size:30px;font-weight:700;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.zn-k b small{font-size:16px;color:var(--ink-3);font-weight:600}
.zn-k b.zn-time{font-size:24px}
.zn-k em{font-style:normal;font-size:12.5px;color:var(--ink-2)}
.zn-k b.up{color:var(--green-dark)}.zn-k b.down{color:#D92D20}
.zn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#D0D5DD;margin:0 3px 0 2px}
.zn-dot.ok{background:var(--green)}.zn-dot.warn{background:#F5B700}.zn-dot.bad{background:#E0392E}
.zn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:16px}
@media(max-width:640px){.zn-grid{grid-template-columns:1fr}}
.zn-card{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--zc);border-radius:16px;padding:16px 18px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.zn-card.is-off{opacity:.55}
.zn-h{display:flex;align-items:center;gap:12px}
.zn-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--zc) 14%,#fff);color:var(--zc);font-size:21px;flex:none}
.zn-t b{display:block;font-size:17px}.zn-t span{font-size:12.5px;color:var(--ink-3)}
.zn-rev{margin-left:auto;text-align:right}.zn-rev b{display:block;font-size:19px}.zn-rev span{font-size:12px;color:var(--ink-2)}
.zn-rev em{font-style:normal;font-weight:700}
.up{color:var(--green-dark)}.down{color:#D92D20}
.zn-bal{margin:12px 0 8px}.zn-bal small{font-size:12px;color:var(--ink-2)}
.zn-bar{height:6px;border-radius:6px;background:var(--surface-alt);overflow:hidden;margin-bottom:5px}
.zn-bar span{display:block;height:100%;background:var(--zc);border-radius:6px}
.zn-offtxt{font-size:13px;margin:8px 0}
.zn-ppl{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.zn-ppl th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);text-align:left;padding:6px 6px;border-bottom:1px solid var(--border);font-weight:700}
.zn-ppl td{padding:8px 6px;border-bottom:1px solid var(--surface-alt);vertical-align:top}
.zn-ppl .r{text-align:right}.zn-ppl .sub{font-size:11.5px;color:var(--ink-3)}
.zn-pill{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:700;font-size:12px;background:var(--surface-alt)}
.zn-pill.ok{background:#E8F8E4;color:var(--green-dark)}.zn-pill.warn{background:#FFF4DB;color:#B54708}.zn-pill.bad{background:#FDECEA;color:#B42318}
.zn-st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-alt);color:var(--ink-2);white-space:nowrap}
.zn-st.ok{background:#E8F8E4;color:var(--green-dark)}.zn-st.warn{background:#FFF4DB;color:#B54708}.zn-st.bad{background:#FDECEA;color:#B42318}
.zn-top{margin-top:10px;font-size:13px}.zn-top summary{cursor:pointer;color:var(--ink-2);font-weight:600}
.zn-cat{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px dashed var(--border)}
.zn-cat span{flex:1}.zn-cat em{font-style:normal;font-size:12px;color:var(--ink-3);min-width:90px;text-align:right}.zn-cat em i{font-style:normal}
/* тиждень */
.zn-wt{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}
.zn-wt th{background:var(--surface-alt);padding:9px 8px;text-align:left;font-size:12px;position:sticky;top:0}
.zn-wt th span{color:var(--ink-3);font-weight:500}.zn-wt th.today{background:#E8F8E4;color:var(--green-dark)}
.zn-wt td{padding:8px;border-bottom:1px solid var(--surface-alt);vertical-align:top;min-width:130px}
.zn-wt td.today{background:#F6FDF4}.zn-wt td.off{background:#FAFAFA}
.zn-who{min-width:180px}.zn-who .sub{font-size:11.5px;color:var(--ink-3);margin-left:14px}
.zn-sw{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.zn-c{display:inline-block;background:var(--surface-alt);border-radius:8px;padding:2px 7px;margin:0 3px 3px 0;font-size:12px}
.zn-c.mv{background:#FFF0E6;color:#C2410C;font-weight:600}
.zn-off{color:var(--ink-3)}
/* контроль */
.zn-days{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.zn-days a{padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:12.5px;color:var(--ink-2);text-decoration:none}
.zn-days a.on{background:var(--green);border-color:var(--green);color:#fff}
.zn-rv{display:flex;flex-direction:column;gap:10px}
.zn-ri{border:1px solid var(--border);border-left:4px solid #D0D5DD;border-radius:12px;padding:12px 14px}
.zn-ri.ok{border-left-color:var(--green)}.zn-ri.warn{border-left-color:#F5B700;background:#FFFCF2}.zn-ri.bad{border-left-color:#E0392E;background:#FFF8F7}
.zn-ri-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.zn-tm{font-size:12px;color:var(--ink-3)}.zn-tm.late{color:#B42318;font-weight:700}
.zn-ri-c{font-size:12.5px;color:var(--ink-2);margin:6px 0}
.zn-cm{font-size:13px;background:#FDECEA;color:#912018;border-radius:8px;padding:6px 10px;margin:4px 0}
.zn-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.zn-ret{display:flex;gap:6px;flex:1;min-width:280px}
.zn-ret input{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px}
.zn-mpick select{padding:5px 10px;border-radius:10px;border:1px solid var(--border);font:inherit}
.zn-dd{display:flex;flex-wrap:wrap;gap:2px;max-width:220px}
.zn-dd i,.zn-lg{display:inline-block;width:10px;height:10px;border-radius:3px;background:#D0D5DD}
.zn-dd i.ok,.zn-lg.ok{background:var(--green)}.zn-dd i.late,.zn-lg.late{background:#F5B700}
.zn-dd i.pend,.zn-lg.pend{background:#93C5FD}.zn-dd i.miss,.zn-lg.miss{background:#E0392E}
/* налаштування */
.zn-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:end}
.zn-f span{display:block;font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:5px}
.zn-f select,.zn-f input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:10px;font:inherit}
.zn-chk{display:flex;gap:8px;align-items:center;font-size:13.5px}
.zn-cfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.zn-cz{border:1px solid var(--border);border-left:4px solid var(--zc);border-radius:12px;padding:12px 14px}
.zn-cz-h{display:flex;gap:10px;align-items:center;cursor:pointer}
.zn-cz-h em{display:block;font-style:normal;font-size:12px;color:var(--ink-3)}
.zn-cz-r{margin-left:auto;text-align:right}
.zn-cz .sub{font-size:11.5px;color:var(--ink-3);margin:6px 0}
.zn-cz details summary{cursor:pointer;font-size:12.5px;color:var(--ink-2)}
.zn-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.zn-tags span{background:var(--surface-alt);border-radius:8px;padding:2px 7px;font-size:11.5px}
.zn-tags em{font-style:normal;color:var(--ink-3)}
.zn-pins{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.zn-pin{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--surface-alt);border-radius:10px;font-size:13px}
.zn-pin.dim{opacity:.6}.zn-pin em{font-style:normal;color:var(--ink-3);font-size:12px}
.zn-pin select{padding:4px 8px;border-radius:8px;border:1px solid var(--border);font:inherit;font-size:12.5px}
/* зони: бізнес → категорії */
.zn-grid{grid-template-columns:1fr}
.zn-team{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}
.zn-mate{display:flex;flex-direction:column;gap:2px;background:var(--surface-alt);border-radius:12px;padding:8px 12px;font-size:12.5px;min-width:170px}
.zn-mate b{font-size:13.5px}.zn-mate small{color:var(--ink-3)}.zn-mate em{font-style:normal}
.zn-cats{width:100%;border-collapse:collapse;font-size:13px}
.zn-cats th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);text-align:left;padding:7px 8px;border-bottom:2px solid var(--border);font-weight:700}
.zn-cats td{padding:7px 8px;border-bottom:1px solid var(--surface-alt);vertical-align:middle}
.zn-cats .r{text-align:right}.zn-cats .sub{font-size:11px;color:var(--ink-3)}
.zn-cats tr.is-today td{background:#F3FCF1}
.zn-sbar{display:inline-block;width:46px;height:5px;border-radius:5px;background:var(--surface-alt);margin-right:6px;vertical-align:middle;overflow:hidden}
.zn-sbar i{display:block;height:100%;background:var(--zc)}
.zn-wd{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--surface-alt);font-size:11.5px;margin-right:3px}
.zn-wd.on{background:var(--green);color:#fff}
.zn-bizrow td{background:#F3FCF1;color:var(--green-dark);font-size:13px;padding:7px 10px}
/* зони: системні перевірки */
.zn-sys-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}
@media(max-width:1000px){.zn-sys-grid{grid-template-columns:1fr}}
.zn-sys h3{font-size:14.5px;margin:0 0 8px}.zn-sys h3 small{font-weight:500;color:var(--ink-3);margin-left:6px}
.zn-top15 .zn-sw{margin-right:6px}
.zn-tier{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface-alt);color:var(--ink-2);white-space:nowrap}
.zn-tier.daily{background:#F3E8FF;color:#7E22CE}.zn-tier.top1{background:#E8F8E4;color:var(--green-dark)}
.zn-tier.top2{background:#ECFDF3;color:#067647}.zn-tier.top3{background:#F0F9FF;color:#026AA2}
.zn-daily{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto}
.zn-daily div{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:10px;background:var(--surface-alt);font-size:13px}
.zn-daily div.done{background:#F3FCF1}.zn-daily em{font-style:normal;color:var(--ink-3);font-size:12px;white-space:nowrap}
.zn-ck{display:inline-block;margin:0 10px 4px 0;font-size:12.5px;color:var(--ink-2)}.zn-ck.done{color:var(--green-dark)}
.zn-cnt{font-size:12px;color:var(--ink-3)}
.zn-dbiz{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;padding-top:6px}
/* зони: відповідальні */
.zn-asg{margin-left:auto}
.zn-jump{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.zn-jump a{padding:6px 12px;border-radius:999px;border:1px solid var(--border);border-left:4px solid var(--zc);font-size:13px;text-decoration:none;color:var(--ink)}
.zn-jump em{font-style:normal;background:#FDECEA;color:#B42318;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}
.zn-ag{border-top:4px solid var(--zc)}
.zn-ag h2 .zn-ic{width:30px;height:30px;font-size:17px;display:inline-grid;vertical-align:middle;margin-right:6px}
.zn-ag h2 small{font-size:12px;font-weight:500;margin-left:6px}
.zn-at select{padding:5px 8px;border-radius:8px;border:1px solid var(--border);font:inherit;font-size:12.5px;max-width:230px}
.zn-at tr.zn-empty td{background:#FFF8F7}
.zn-sel-empty{border-color:#F5A3A0 !important}
.zn-savebar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin:0 0 18px;background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:14px;box-shadow:0 -4px 16px rgba(16,24,40,.08);font-size:12.5px}
.zn-se{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.zn-se .zn-ret{grid-column:1/-1}
.zn-tier.store{background:#E6F4F1;color:#0F766E}
/* зони: відповідальні за бізнес */
.zn-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;margin-bottom:14px}
@media(max-width:560px){.zn-bgrid{grid-template-columns:1fr}}
.zn-bcard{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--zc);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.zn-bcard.is-empty{background:#FFFBFA;border-color:#F5C9C4}
.zn-people{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.zn-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);font-size:12.5px;cursor:pointer;user-select:none;background:#fff}
.zn-chip input{display:none}
.zn-chip.on{background:var(--zc);border-color:var(--zc);color:#fff;font-weight:700}
.zn-chip em{font-style:normal;font-size:10.5px;color:var(--ink-3)}
.zn-oth,.zn-split{margin-top:10px;font-size:12.5px}.zn-oth summary,.zn-split summary{cursor:pointer;color:var(--ink-2)}
.zn-split div{margin-top:5px;line-height:1.45}

/* ===== ГРАФІК РОБОТИ ===== */
.ws-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:22px 26px;margin-bottom:16px;border-radius:22px;
  background:linear-gradient(120deg,#1E9F0A 0%,#2ABD13 55%,#5ED64A 100%);color:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(42,189,19,.22)}
.ws-hero-l{min-width:220px;z-index:1}
.ws-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.ws-hero h1{margin:2px 0 10px;font-size:32px;line-height:1.1;color:#fff}
.ws-mnav{display:inline-flex;background:rgba(255,255,255,.18);border-radius:999px;padding:3px}
.ws-mnav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}
.ws-mnav a:hover{background:rgba(255,255,255,.22)}.ws-mnav .ws-now{background:#fff;color:var(--green-dark)}
.ws-kpis{display:flex;flex-wrap:wrap;gap:10px;z-index:1;margin-right:120px}
.ws-k{background:rgba(255,255,255,.96);color:var(--ink);border-radius:16px;padding:12px 16px;min-width:130px;box-shadow:0 4px 14px rgba(16,24,40,.10)}
.ws-k span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.ws-k b{display:block;font-size:26px;line-height:1.15;margin-top:4px}.ws-k b small{font-size:14px;color:var(--ink-3)}
.ws-k b.bad{color:#D92D20}.ws-k b.ok{color:var(--green-dark)}
.ws-k em{font-style:normal;font-size:12px;color:var(--ink-2)}
.ws-push{position:absolute;right:-8px;bottom:-14px;height:150px;opacity:.95;pointer-events:none}
@media(max-width:900px){.ws-push{display:none}.ws-kpis{margin-right:0}}
.ws-today{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:14px;padding:10px 14px;border-radius:16px;background:#F3FCF1;border:1px solid #CDEBD6}
.ws-today-h{font-weight:700;font-size:13px;color:var(--green-dark);margin-right:6px}
.ws-tp{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #CDEBD6;border-radius:999px;padding:3px 10px 3px 3px;font-size:12.5px}
.ws-tp i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:10px;font-weight:800}
.ws-tp em{font-style:normal;color:var(--ink-3);font-size:11.5px}
.ws-bar{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:14px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 18px rgba(16,24,40,.08)}
.ws-bar-h{font-weight:700;font-size:13px;color:var(--ink-2);margin:0 4px}
.ws-pen{display:inline-flex;align-items:center;gap:8px;border:1.5px solid transparent;background:var(--surface-alt);border-radius:14px;padding:5px 12px 5px 5px;cursor:pointer;font:inherit;font-size:12.5px;color:var(--ink-2);transition:all .12s}
.ws-pen b{min-width:34px;height:28px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font-size:13px;color:#fff}
.ws-pen:hover{transform:translateY(-1px)}
.ws-pen.on{border-color:var(--ink);background:#fff;color:var(--ink);font-weight:700;box-shadow:0 3px 10px rgba(16,24,40,.12)}
.ws-bar-tip{margin-left:auto;font-size:12px;color:var(--ink-3)}
/* кольори кодів */
.c-long,.ws-pen.c-long b{background:#2ABD13;color:#fff}
.c-short,.ws-pen.c-short b{background:#86D97A;color:#0B4F02}
.c-work,.ws-pen.c-work b{background:#1E9F0A;color:#fff}
.c-off,.ws-pen.c-off b{background:#E4E7EC;color:#475467}
.c-vac,.ws-pen.c-vac b{background:#C4B5FD;color:#4C1D95}
.c-sick,.ws-pen.c-sick b{background:#FECACA;color:#991B1B}
.c-edu,.ws-pen.c-edu b{background:#BAE6FD;color:#075985}
.ws-pen.c-clear b{background:#fff;color:var(--ink-3);border:1.5px dashed #D0D5DD}
/* таблиця */
.ws-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 18px rgba(16,24,40,.06);overflow:hidden}
.ws-scroll{overflow:auto;max-height:76vh}
.ws-t{border-collapse:separate;border-spacing:0;width:100%;user-select:none}
.ws-col-who{width:250px}.ws-col-sum{width:84px}
.ws-t th,.ws-t td{padding:0;text-align:center}
.ws-who{position:sticky;left:0;z-index:2;background:#fff;text-align:left !important;padding:6px 12px !important;border-right:1px solid var(--border);min-width:250px;max-width:250px}
.ws-weeks th{position:sticky;top:0;z-index:4;background:#fff;height:26px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.ws-weeks .ws-wk{border-left:3px solid #fff;background:linear-gradient(#fff,#fff) padding-box}
.ws-weeks .ws-wk:nth-child(even){color:var(--green-dark)}
.ws-days th{position:sticky;top:26px;z-index:4;background:#fff;padding:4px 0 8px;border-bottom:1px solid var(--border)}
.ws-weeks .ws-who,.ws-days .ws-who{z-index:6;font-size:11.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.ws-days th span{display:block;font-size:10.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase}
.ws-days th b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;margin-top:2px}
.ws-days th.we span{color:#E07A00}.ws-days th.we b{color:#B54708}
.ws-days th.td b{background:var(--green);color:#fff;box-shadow:0 3px 8px rgba(42,189,19,.35)}
.ws-sumh{font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--ink-3);letter-spacing:.04em}
.ws-t .mon{border-left:3px solid #fff;box-shadow:inset 1px 0 0 #D0D5DD}
.ws-gh td{background:#fff;padding-top:16px !important}
.ws-gh .ws-who{font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.ws-gh .ws-who em{font-style:normal;background:var(--surface-alt);border-radius:999px;padding:1px 8px;margin-left:6px;font-size:11px;color:var(--ink-3)}
.g-sell .ws-gh .ws-who{color:var(--green-dark)}
.ws-r td{height:40px}
.ws-r:hover td{background:#FAFBFC}.ws-r:hover .ws-who{background:#F6FBF5}
.ws-ava{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-alt);color:var(--ink-2);font-size:11px;font-weight:800;vertical-align:middle;margin-right:9px}
.g-sell .ws-ava{background:#E8F8E4;color:var(--green-dark)}.g-lead .ws-ava{background:#FFF0E6;color:#C2410C}
.ws-nm{display:inline-flex;flex-direction:column;vertical-align:middle;line-height:1.2;max-width:190px}
.ws-nm b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-nm em{font-style:normal;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-c{cursor:pointer;min-width:38px;padding:3px 2px !important}
.ws-c.we{background:#FFFBF0}.ws-c.td{background:#F3FCF1}
.ws-v{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 4px;border-radius:9px;font-size:11.5px;font-weight:800;font-style:normal;transition:transform .08s}
.ws-v:empty{background:transparent;border:1.5px dashed #EAECF0;width:30px}
.ws-c:hover .ws-v{transform:scale(1.08)}.ws-c:hover .ws-v:empty{border-color:#98A2B3}
.ws-c.busy .ws-v{opacity:.45}.ws-c.err .ws-v{outline:2px solid #E0392E}
.ws-sum{white-space:nowrap;padding:0 10px !important}
.ws-sum b{display:inline-block;min-width:24px;font-size:13.5px}.ws-sum span{font-size:11.5px;color:var(--ink-3);margin-left:4px}
.ws-sum span:not(:empty)::after{content:" год"}
.ws-cov td{height:64px;vertical-align:bottom;padding-bottom:6px !important;border-top:1px solid var(--border);background:#FCFCFD}
.ws-cov .ws-who{vertical-align:middle;font-size:12px;font-weight:700;color:var(--ink-2)}
.ws-bw{height:34px;display:flex;align-items:flex-end;justify-content:center}
.ws-bw i{display:block;width:16px;border-radius:5px 5px 2px 2px;background:linear-gradient(#5ED64A,#2ABD13)}
.ws-bw i.low{background:linear-gradient(#FDA29B,#E0392E)}
.ws-cov b{display:block;font-size:11.5px;margin-top:2px}.ws-cov b.low{color:#D92D20}
.ws-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin:14px 0 4px}
.ws-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-2)}
.ws-legend span{display:inline-flex;align-items:center;gap:6px}.ws-legend .ws-v{min-width:26px;height:22px;font-size:10.5px}
.ws-copy{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 8px 6px 12px}
.ws-copy select{padding:5px 8px;border-radius:9px;border:1px solid var(--border);font:inherit;font-size:12.5px}
.ws-copy .ti{color:var(--ink-3)}
@media(max-width:700px){
  .ws-who{min-width:150px;max-width:150px;padding:6px 8px !important}.ws-col-who{width:150px}
  .ws-ava{display:none}.ws-nm{max-width:136px}.ws-hero h1{font-size:26px}
  .ws-k{min-width:120px;padding:10px 12px}.ws-k b{font-size:22px}.ws-bar-tip{display:none}
  .ws-pen span{display:none}.ws-pen{padding:4px}
}
/* зміни 1–5 */
.c-s1,.ws-pen.c-s1 b{background:#2ABD13;color:#fff}
.c-s2,.ws-pen.c-s2 b{background:#0EA5A4;color:#fff}
.c-s3,.ws-pen.c-s3 b{background:#3B82F6;color:#fff}
.c-s4,.ws-pen.c-s4 b{background:#FC5E0F;color:#fff}
.c-s5,.ws-pen.c-s5 b{background:#A855F7;color:#fff}
.ws-pen span{white-space:nowrap}
.ws-shifts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:13px}
.ws-shifts label{display:inline-flex;align-items:center;gap:6px}
.ws-shifts .ws-v{min-width:26px;height:26px;font-size:12px}
.ws-shifts input{width:118px;padding:6px 9px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px}
/* автоматичний розклад */
.ws-auto{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin-bottom:14px;padding:14px 16px;border-radius:18px;
  background:linear-gradient(120deg,#F3FCF1,#FFF6EC);border:1px solid #CDEBD6}
.ws-auto-h{display:flex;gap:10px;align-items:center;flex:1 1 320px}
.ws-auto-h>.ti{font-size:26px;color:var(--orange)}
.ws-auto-h b{display:block;font-size:15px}.ws-auto-h span{font-size:12px;color:var(--ink-2)}
.ws-auto label{display:flex;flex-direction:column;font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;position:relative}
.ws-auto input{width:96px;margin-top:4px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:14px;font-weight:700;text-transform:none}
.ws-auto label i{position:absolute;right:10px;bottom:9px;font-style:normal;color:var(--ink-3);font-size:13px}
.ws-c.auto{position:relative}
.ws-c.auto::after{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--orange);opacity:.8}
.ws-wt{font-weight:700;color:var(--ink-2)}.ws-wt.hi{color:var(--green-dark)}.ws-wt.lo{color:#B54708}
.ws-covn{display:block;font-style:normal;font-weight:500;font-size:10.5px;color:var(--ink-3)}
.ws-gap{display:block;font-size:10px;font-weight:800;color:#D92D20}
.ws-sr td{height:24px;font-size:11.5px;background:#FCFCFD}
.ws-sr .ws-who{font-size:11.5px;font-weight:700;color:var(--ink-2);vertical-align:middle}
.ws-sr .ws-who .ws-v{min-width:20px;height:20px;font-size:10.5px;margin-right:4px}
.ws-sr .ws-covn{display:inline;margin-left:4px}
.ws-sr b{font-size:11.5px;color:var(--ink-2)}.ws-sr b.low{color:#D92D20;background:#FDECEA;border-radius:6px;padding:0 5px}
.ws-c.cand .ws-v{outline:2px dashed #E0392E;outline-offset:1px;animation:wsPulse 1.6s ease-in-out infinite}
@keyframes wsPulse{50%{outline-color:rgba(224,57,46,.3)}}
.ws-sri{font-size:15px;color:var(--orange);vertical-align:-2px;margin-right:2px}
.ws-sr[data-codes] .ws-who{white-space:nowrap}
.ws-shf{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--surface-alt);border-radius:12px}
.ws-tg{display:inline-flex;cursor:pointer;font-size:12px}
.ws-tg input{display:none}
.ws-tg span{padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--ink-3);white-space:nowrap}
.ws-tg input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
/* меню дня */
.ws-bar-mode{font-style:normal;font-weight:500;font-size:11.5px;color:var(--ink-3);margin-left:4px}
.ws-c.sel .ws-v{outline:2px solid var(--ink);outline-offset:1px}
.ws-pop{position:fixed;z-index:200;width:300px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:10px 12px 12px;
  box-shadow:0 18px 44px rgba(16,24,40,.22);animation:wsPop .12s ease-out}
.ws-pop[hidden]{display:none}
@keyframes wsPop{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.ws-pop-h{display:flex;align-items:baseline;gap:8px;padding:2px 2px 6px;border-bottom:1px solid var(--surface-alt);margin-bottom:4px}
.ws-pop-h b{font-size:14px}.ws-pop-h span{font-size:12.5px;color:var(--ink-3)}
.ws-pop-x{margin-left:auto;border:0;background:none;font-size:20px;line-height:1;color:var(--ink-3);cursor:pointer}
.ws-pop-cap{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:8px 2px 4px}
.ws-pop-g{display:flex;flex-direction:column;gap:2px}
.ws-po{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:10px;padding:5px 6px;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.ws-po:hover{background:var(--surface-alt)}
.ws-po.cur{background:#F3FCF1;box-shadow:inset 0 0 0 1.5px var(--green)}
.ws-po .ws-v{min-width:34px;height:26px;font-size:11.5px}
.ws-po em{margin-left:auto;font-style:normal;font-size:12px;color:var(--ink-3)}
.ws-po-clr .ws-v{border:1.5px dashed #D0D5DD;background:#fff}
/* ===== Зони: хто що перевіряє ===== */
.zw-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}
.mr-days{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}
.zw-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 6px;border-radius:16px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--ink);transition:all .12s}
.zw-day:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.08)}
.zw-day .zw-wd{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-3)}
.zw-day b{font-size:22px;line-height:1.2}
.zw-day em{font-style:normal;font-size:12px;color:var(--ink-2)}
.zw-day small{font-size:11px;color:var(--ink-3)}.zw-day small .bad,.zw-day small.bad{color:#D92D20;font-style:normal;font-weight:700}
.zw-day small.ok{color:var(--green-dark);font-weight:700}
.zw-day.we .zw-wd{color:#E07A00}
.zw-day.td{border-color:var(--green)}
.zw-day.on{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 6px 16px rgba(42,189,19,.3)}
.zw-day.on .zw-wd,.zw-day.on em,.zw-day.on small{color:rgba(255,255,255,.9)}
.zw-day.ahead{opacity:.7;border-style:dashed}
.zw-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:4px 0 12px}
.zw-head h2{margin:0;font-size:22px}
.zw-today{font-size:12px;background:var(--green);color:#fff;border-radius:999px;padding:2px 8px;vertical-align:middle}
.zw-offs{font-size:12.5px;color:var(--ink-3)}
.zw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px}
.zw-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.zw-ch{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.zw-ava{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#E8F8E4;color:var(--green-dark);font-weight:800;font-size:13px;flex:none}
.zw-who b{display:block;font-size:14.5px}.zw-who span{font-size:12px;color:var(--ink-3)}
.zw-who .ws-v{min-width:20px;height:20px;font-size:10.5px}
.zw-n{margin-left:auto;text-align:right}.zw-n b{display:block;font-size:22px;line-height:1}.zw-n span{font-size:11px;color:var(--ink-3)}
.zw-g{border-left:3px solid var(--zc);padding:2px 0 2px 10px;margin-top:8px}
.zw-gn{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--zc)}
.zw-g ul{list-style:none;margin:4px 0 0;padding:0}
.zw-g li{display:flex;align-items:center;gap:6px;font-size:13px;padding:3px 0}
.zw-g li em{font-style:normal;font-size:11px;color:var(--ink-3);margin-left:auto}
.zw-g li .zw-x{color:#C2410C;background:#FFF0E6;border-radius:999px;padding:0 6px;margin-left:6px}
.zw-g li.x{color:#9A3412}
.zw-ic{width:18px;text-align:center}
.zw-mt{width:100%;border-collapse:collapse;font-size:13px}
.zw-mt th,.zw-mt td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--surface-alt)}
.zw-mt th a{color:var(--ink);text-decoration:none;font-weight:700}.zw-mt th small{display:block;font-weight:500;color:var(--ink-3)}
.zw-mt th.we a{color:#B54708}
.zw-mt .on{background:#F3FCF1}.zw-mt .zw-mn{text-align:left;font-weight:600;white-space:nowrap}
.zw-mt td.off .zw-o{font-size:11px;color:var(--ink-3)}
.zw-mt sup{color:#C2410C;font-weight:700}
/* ===== Ранок ===== */
.mr-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 26px;margin-bottom:16px;border-radius:22px;overflow:hidden;
  background:linear-gradient(120deg,#FC5E0F 0%,#FF8A3D 60%,#FFB36B 100%);color:#fff;box-shadow:0 8px 24px rgba(252,94,15,.25)}
.mr-hero h1{margin:2px 0 6px;font-size:30px;color:#fff}
.mr-sub{font-size:13.5px;opacity:.95}
.mr-prog{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:130px;z-index:1}
.mr-ring{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;
  background:radial-gradient(closest-side,#fff 78%,transparent 79% 100%),conic-gradient(#2ABD13 calc(var(--p)*1%),rgba(255,255,255,.35) 0);color:var(--ink)}
.mr-ring b{font-size:26px;line-height:1}.mr-ring span{font-size:12px;color:var(--ink-3)}
.mr-prog em{font-style:normal;font-weight:700;font-size:14px}
@media(max-width:900px){.mr-prog{margin-right:0}}
.mr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-bottom:16px}
.mr-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.mr-ch{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mr-ch b{display:block}.mr-ch span{font-size:12px;color:var(--ink-3)}
.mr-card ul{list-style:none;margin:0;padding:0}
.mr-t{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-top:1px dashed var(--surface-alt)}
.mr-t span{font-size:13.5px}.mr-t em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)}.mr-t em i{font-style:normal}
.mr-ck{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #D0D5DD;background:#fff;color:transparent;cursor:pointer;display:grid;place-items:center;padding:0;transition:all .12s}
.mr-ck:hover{border-color:var(--green)}
.mr-t.done .mr-ck{background:var(--green);border-color:var(--green);color:#fff}
.mr-t.done span{text-decoration:line-through;color:var(--ink-3)}
.mr-reas{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:8px;margin-top:10px}
.mr-reas label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;padding:6px 10px;border:1px solid var(--surface-alt);border-radius:10px}
.mr-reas select{padding:4px 8px;border-radius:8px;border:1px solid var(--border);font:inherit;font-size:12.5px}
.mr-reas .btn{grid-column:1/-1;justify-self:start}
.mr-ed{margin-top:10px}.mr-dl{margin-bottom:8px;font-size:13px}.mr-dl input{padding:5px 8px;border:1px solid var(--border);border-radius:8px;font:inherit}
.mr-in{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px}
.mr-in.s{width:110px}.mr-in.xs{width:64px}
.mr-wd{white-space:nowrap}.mr-wd label{display:inline-block;margin-right:2px;cursor:pointer}.mr-wd input{display:none}
.mr-wd span{display:inline-block;padding:2px 6px;border-radius:7px;border:1px solid var(--border);font-size:11.5px;color:var(--ink-3)}
.mr-wd input:checked+span{background:var(--orange);border-color:var(--orange);color:#fff}
.mr-del{font-size:12px;color:#B42318;white-space:nowrap}
.mr-new td{background:#FFFBF5}
/* ===== Повнота даних ===== */
.dc-close{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin-bottom:16px;border-radius:18px;border:1px solid}
.dc-close.bad{background:#FFF6EC;border-color:#FBD8B5}.dc-close.ok{background:#F3FCF1;border-color:#CDEBD6}
.dc-ci .ti{font-size:30px}.dc-close.bad .dc-ci .ti{color:var(--orange)}.dc-close.ok .dc-ci .ti{color:var(--green)}
.dc-cb b{display:block;font-size:16px;margin-bottom:2px}.dc-cb span{font-size:13.5px;color:var(--ink-2)}
.dc-cb ul{margin:8px 0 0;padding-left:18px;font-size:13.5px}.dc-cb li{margin:3px 0}.dc-cb em{font-style:normal;color:var(--ink-3)}
.dc-t{width:100%;border-collapse:collapse;font-size:13px}
.dc-t th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:8px;border-bottom:2px solid var(--border);text-align:center}
.dc-t th:first-child{text-align:left}.dc-t th.cur{color:var(--green-dark)}.dc-t th small{display:block;font-size:10px;text-transform:none}
.dc-t td{padding:8px;border-bottom:1px solid var(--surface-alt);text-align:center}.dc-t td:first-child{text-align:left}
.dc-t .sub{font-size:11.5px;color:var(--ink-3)}
.dc-c{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.dc-c.full{background:#E8F8E4;color:var(--green-dark)}.dc-c.current{background:#ECFDF3;color:#067647}
.dc-c.partial{background:#FFF4DB;color:#B54708}.dc-c.missing{background:#FDECEA;color:#B42318}.dc-c.future{color:var(--ink-3)}
.dc-inc{margin-top:12px;padding:10px 14px;border-radius:12px;background:#FFF8EB;font-size:13px}
.dc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.dc-m{border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:14px;padding:12px 14px}
.dc-mh{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.dc-mh b{font-size:16px}.dc-mh span{font-size:12px;color:var(--ink-3)}
.dc-m ul{list-style:none;margin:0;padding:0}
.dc-m li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-top:1px dashed var(--surface-alt)}
.dc-m li .ti{font-size:19px;margin-top:1px}.dc-m li.missing .ti{color:#D92D20}.dc-m li.partial .ti{color:var(--orange)}
.dc-m li b{display:block;font-size:13.5px}.dc-m li span{font-size:12px;color:var(--ink-3)}
.dc-ok{display:flex;gap:8px;align-items:center;color:var(--green-dark);font-weight:600;margin:4px 0}
/* ===== Оновлення даних ===== */
.up-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.up-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:26px 16px;border:2px dashed #CDEBD6;border-radius:16px;background:#F7FCF6;cursor:pointer;text-align:center;transition:all .15s}
.up-drop:hover,.up-drop.over{border-color:var(--green);background:#EEF9EB}
.up-drop.has{border-style:solid;border-color:var(--green)}
.up-drop.busy{opacity:.6}
.up-drop input{display:none}
.up-drop .ti{font-size:34px;color:var(--green)}
.up-drop b{font-size:15px}.up-drop span{font-size:12.5px;color:var(--ink-3);max-width:90%;overflow:hidden;text-overflow:ellipsis}
.up-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.up-type summary{cursor:pointer;font-size:12.5px;color:var(--ink-3)}
.up-type select{margin-top:6px;padding:6px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px}
.up-res{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.up-r{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:14px;font-size:13px;border:1px solid}
.up-r>.ti{font-size:20px;margin-top:1px}
.up-r.ok{background:#F3FCF1;border-color:#CDEBD6}.up-r.ok>.ti{color:var(--green)}
.up-r.warn{background:#FFF8EB;border-color:#FBD8B5}.up-r.warn>.ti{color:var(--orange)}
.up-r.bad{background:#FDECEA;border-color:#F5C9C4}.up-r.bad>.ti{color:#D92D20}
.up-r b{display:block}.up-r em{display:block;font-style:normal;font-size:12px;color:#B54708;margin-top:2px}
.up-aff{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.up-aff a{font-size:12px;font-weight:600;color:var(--green-dark);text-decoration:none}
.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.up-grid{grid-template-columns:1fr}}
.up-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.up-card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.up-card h3 .ti{color:var(--green);font-size:18px}
.up-empty{display:flex;gap:8px;align-items:center;color:var(--green-dark);font-weight:600;font-size:13.5px;margin:4px 0}
.up-mo{padding:8px 0;border-top:1px solid var(--surface-alt)}.up-mo:first-of-type{border-top:0;padding-top:0}
.up-moh{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.up-moh b{font-size:14.5px}.up-moh span{font-size:12px;color:var(--ink-3)}
.up-need{display:flex;align-items:center;gap:8px;font-size:13px;padding:2px 0}
.up-need i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--orange)}.up-need.missing i{background:#D92D20}
.up-need em{margin-left:auto;font-style:normal;font-size:12px;color:var(--ink-3);white-space:nowrap}
.up-cnt{margin-left:auto;display:flex;gap:4px}
.up-cnt i{font-style:normal;font-size:11.5px;font-weight:800;border-radius:999px;padding:1px 8px;color:#fff}
.up-cnt i.bad{background:#D92D20}.up-cnt i.warn{background:var(--orange)}.up-cnt i.info{background:#98A2B3}
.up-au{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:6px 0;border-top:1px dashed var(--surface-alt)}
.up-au:first-of-type{border-top:0}
.up-au>i{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.up-au.bad>i{background:#D92D20}.up-au.warn>i{background:var(--orange)}.up-au.info>i{background:#98A2B3}
.up-au em{display:block;font-style:normal;font-size:11.5px;color:var(--ink-3)}
.up-more summary{cursor:pointer;font-size:12.5px;color:var(--green-dark);font-weight:600;padding-top:6px}
.up-reps{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 18px}
.up-rep{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--surface-alt);font-size:13px}
.up-dot{width:9px;height:9px;border-radius:50%;flex:none;background:#D0D5DD}.up-rep.ok .up-dot{background:var(--green)}
.up-rep b{display:block;font-weight:600}.up-rep span{font-size:11.5px;color:var(--ink-3)}
.up-rep.off b{color:var(--ink-3)}
.up-rep em{margin-left:auto;font-style:normal;font-size:11px;color:var(--ink-3);white-space:nowrap}
.up-hist summary{cursor:pointer;list-style:none}.up-hist summary h3{margin:0}
.up-hist[open] summary h3{margin-bottom:8px}
.up-h{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:5px 0;border-top:1px solid var(--surface-alt)}
.up-h>i{width:8px;height:8px;border-radius:50%;flex:none}.up-h>i.ok{background:var(--green)}.up-h>i.bad{background:#D92D20}
.up-h em{font-style:normal;color:var(--ink-3)}.up-h small{margin-left:auto;color:var(--ink-3)}
/* ===== Виконання плану по днях ===== */
.sd-pick{margin-left:auto}.sd-pick select{padding:7px 12px;border-radius:12px;border:1px solid var(--border);font:inherit}
.sd-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:16px}
.sd-t{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 18px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.sd-t>span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.sd-t>b{display:block;font-size:24px;margin:6px 0 8px}
.sd-bar{height:7px;border-radius:7px;background:var(--surface-alt);overflow:hidden;margin-bottom:6px}
.sd-bar i{display:block;height:100%;border-radius:7px}.sd-bar i.g{background:var(--green)}.sd-bar i.o{background:#F5B700}.sd-bar i.r{background:var(--orange)}
.sd-t em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-2)}
.sd-t small{display:block;font-size:12px;color:var(--ink-3);margin-top:3px}.sd-t small i{font-style:normal;font-weight:700}
.sd-tabs{display:inline-flex;background:var(--surface-alt);border-radius:999px;padding:3px}
.sd-tabs button{border:0;background:none;padding:5px 12px;border-radius:999px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--ink-2)}
.sd-tabs button.on{background:#fff;color:var(--ink);font-weight:700;box-shadow:0 1px 3px rgba(16,24,40,.1)}
.sd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.sd-grid{grid-template-columns:1fr}}
.sd-tb{width:100%;border-collapse:collapse;font-size:13px}
.sd-tb th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);text-align:left;padding:7px 8px;border-bottom:2px solid var(--border)}
.sd-tb td{padding:7px 8px;border-bottom:1px solid var(--surface-alt)}.sd-tb .r{text-align:right}.sd-tb .sub{font-size:11.5px;color:var(--ink-3)}
.sd-days tr.we td{background:#FFFBF0}.sd-days tr.td td{background:#F3FCF1}
.sd-p{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:700;font-size:12px}
.sd-p.g{background:#E8F8E4;color:var(--green-dark)}.sd-p.o{background:#FFF4DB;color:#B54708}.sd-p.r{background:#FFF0E6;color:#C2410C}
.sd-wd{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;height:170px;padding:6px 4px 0}
.sd-w{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px}
.sd-w>span{font-weight:700;color:var(--ink-3)}
.sd-wb{position:relative;width:100%;max-width:44px;height:100px;display:flex;align-items:flex-end;justify-content:center;gap:3px}
.sd-wb i{display:block;width:45%;border-radius:5px 5px 2px 2px}
.sd-wb i.p{background:#E4E7EC}.sd-wb i.f.g{background:var(--green)}.sd-wb i.f.o{background:#F5B700}.sd-wb i.f.r{background:var(--orange)}
.sd-w small{color:var(--ink-3);font-size:11px}
.sd-bw{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;font-size:12.5px}
.sd-bw b.up,.sd-bw b.down{display:block;margin-bottom:4px}.sd-bw span{display:block;color:var(--ink-2)}
/* ===== Планування ===== */
.pl-new{margin-left:auto;display:flex;gap:8px;align-items:center}
.pl-new input{padding:8px 10px;border:1px solid var(--border);border-radius:12px;font:inherit}
.pl-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pl-m{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;text-decoration:none;color:var(--ink);box-shadow:0 2px 10px rgba(16,24,40,.04);transition:all .12s}
.pl-m:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.09)}
.pl-m.cur{border-color:var(--green);box-shadow:0 6px 18px rgba(42,189,19,.15)}
.pl-mh{display:flex;align-items:center;gap:8px}.pl-mh b{font-size:17px}
.pl-badge{font-size:11px;background:var(--green);color:#fff;border-radius:999px;padding:1px 8px;font-weight:700}
.pl-mto b{display:block;font-size:22px}.pl-mto span{font-size:11.5px;color:var(--ink-3)}
.pl-mst{display:flex;flex-wrap:wrap;gap:4px}
.pl-mst span{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-alt);color:var(--ink-3)}
.pl-mst span.ok{background:#E8F8E4;color:var(--green-dark);font-weight:700}
.pl-m em{font-style:normal;font-size:12px;color:var(--ink-3)}
.pl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}
.pl-t{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.pl-t>span{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
.pl-t>b{display:block;font-size:22px;margin:4px 0 8px}
.pl-t em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-2)}
.pl-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:14px}
.pl-step{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--ink);transition:all .12s}
.pl-step:hover{border-color:var(--green);transform:translateY(-2px)}
.pl-step>.ti{font-size:24px;color:var(--green)}
.pl-step b{display:block;font-size:14px}.pl-step span{font-size:12px;color:var(--ink-3)}
.pl-step em{margin-left:auto;font-style:normal;font-weight:800;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-alt);color:var(--ink-3)}
.pl-step em.ok{background:#E8F8E4;color:var(--green-dark)}.pl-step em.bad{background:#FFF0E6;color:var(--orange)}
.pl-step.go{background:linear-gradient(120deg,#F3FCF1,#fff)}
.pl-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px 18px;margin-bottom:14px;box-shadow:0 2px 10px rgba(16,24,40,.04)}
.pl-card h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.pl-card h3 .ti{color:var(--green);font-size:18px}.pl-card h3 .muted{text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px}
details.pl-card>summary{cursor:pointer;list-style:none}details.pl-card>summary h3{margin:0}
details.pl-card[open]>summary h3{margin-bottom:10px}
.pl-h{display:flex;align-items:center;gap:12px;justify-content:space-between}.pl-h h3{margin:0}
.pl-sub{font-size:13px;color:var(--ink-2);margin:6px 0 10px}
.pl-src{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:4px 18px}
.pl-src.inline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:8px}
.pl-s{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 0}
.pl-s>i{width:9px;height:9px;border-radius:50%;background:#D0D5DD;flex:none}.pl-s.ok>i{background:var(--green)}
.pl-s.off span{color:var(--ink-3)}.pl-s em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--ink-3)}
.pl-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:8px 0}
.pl-form label{display:flex;flex-direction:column;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.pl-form label.grow{flex:1}
.pl-form input{margin-top:4px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13.5px;min-width:140px}
.pl-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.pl-btns form{display:inline}
.pl-tb{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.pl-tb th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);text-align:left;padding:7px 8px;border-bottom:2px solid var(--border);white-space:nowrap}
.pl-tb td{padding:6px 8px;border-bottom:1px solid var(--surface-alt)}.pl-tb .r{text-align:right}
.pl-tb .wnum{width:90px;text-align:right;padding:5px 8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px}
.pl-tb tr.pl-tot td{font-weight:800;background:#F9FAFB;border-top:2px solid var(--border)}
.pl-tb tr.catrow{cursor:pointer}.pl-tb tr.catrow:hover td{background:#F7FCF6}
.pl-grid2{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}
@media(max-width:900px){.pl-grid2{grid-template-columns:1fr}}
.pl-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.pl-chips input{display:none}
.pl-chips span{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;cursor:pointer;color:var(--ink-3)}
.pl-chips input:checked+span{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}
.pl-del{margin-top:10px}
.pl-warn,.pl-ok{display:flex;gap:8px;align-items:flex-start;padding:9px 12px;border-radius:12px;font-size:13px;margin:6px 0 8px}
.pl-warn{background:#FFF6EC;border:1px solid #FBD8B5}.pl-warn .ti{color:var(--orange);font-size:17px}
.pl-ok{background:#F3FCF1;border:1px solid #CDEBD6;color:var(--green-dark)}.pl-ok .ti{font-size:17px}
.pl-kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.pl-k .pl-h>b{font-size:16px}
.pl-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:12px}
.pl-biz{border:1px solid var(--border);border-radius:14px;margin-top:8px;overflow:hidden}
.pl-biz>summary{display:flex;align-items:baseline;gap:12px;padding:11px 14px;cursor:pointer;list-style:none;background:#FAFBFC}
.pl-biz>summary b{font-size:14.5px}.pl-biz>summary span{font-size:12.5px;color:var(--ink-2)}.pl-biz>summary i{font-style:normal;font-weight:700}
.pl-biz[open]>summary{border-bottom:1px solid var(--border)}
.pl-bgrid{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:10px 14px 14px}
@media(max-width:900px){.pl-bgrid{grid-template-columns:1fr}}
.pl-cap{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark);margin:8px 0 4px}
.pl-cat>summary{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px dashed var(--surface-alt);cursor:pointer;list-style:none;font-size:13px}
.pl-cat>summary span{flex:1}.pl-cat>summary em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.pl-cat>summary b{min-width:110px;text-align:right}
.pl-src-t{font-style:normal;font-size:10.5px;padding:1px 6px;border-radius:6px;background:var(--surface-alt);color:var(--ink-3)}
.pl-cat[open]>summary{color:var(--green-dark);font-weight:700}
.pl-cat .pl-tb{margin:4px 0 10px;background:#FCFCFD}
.pl-norm{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:#F9FAFB}
.pl-norm label{display:flex;flex-direction:column;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.pl-norm input{margin-top:4px;width:120px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:14px;font-weight:700}
.pl-norm em{font-style:normal;font-size:12px;color:var(--ink-3)}
.pl-ovv{display:inline-block;font-style:normal;font-weight:800;color:#C2410C;background:#FFF0E6;border-radius:999px;padding:1px 8px;font-size:12px;white-space:nowrap}
.pl-over{border:1px solid #FBD8B5;background:#FFFBF7;border-radius:14px;padding:10px 14px;margin:8px 0 6px}
.pl-ovl{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 18px}
.pl-ovl>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px dashed #F5DCC6}
.pl-ovl em{flex-basis:100%;font-style:normal;font-size:11.5px;color:var(--ink-3)}
.pl-cat>summary .pl-ovv{font-size:11px}
.pl-ovr{display:inline-block;font-style:normal;font-size:11.5px;color:var(--ink-3);border:1px dashed #F5B98B;border-radius:999px;padding:0 7px;white-space:nowrap}
details.pl-over>summary{cursor:pointer;list-style:none;margin:0}
.pl-ovf .pl-ovin{width:110px}
.pl-bv{padding:10px 14px 14px}
.pl-subcap{margin-top:16px;padding-top:8px;border-top:1px solid var(--surface-alt)}
.pl-cat.focus{border:1px solid #FBD8B5;border-radius:12px;padding:0 10px;margin:6px 0;background:#FFFCF8}
.pl-cat.focus>summary{border-bottom:0}
.pl-star{font-style:normal;color:var(--orange);font-size:15px}
.pl-cat>summary small{font-size:11px;font-weight:600}
.pl-brands{background:#fff;border:1px solid var(--surface-alt);border-radius:10px;padding:6px 10px;margin:6px 0 10px}
.pl-why{width:180px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:12.5px}
.pl-why.err{border-color:#E0392E}
.pl-focus{border:1px solid #FBD8B5;background:#FFFBF5;border-radius:14px;padding:10px 14px;margin:8px 0}
.pl-fl{display:flex;flex-wrap:wrap;gap:6px}
.pl-fl span{font-size:12.5px;background:#fff;border:1px solid #FBD8B5;border-radius:999px;padding:3px 10px}
.pl-ovt td{vertical-align:top;padding-top:9px;padding-bottom:9px}
.pl-ovt .sub{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.pl-ovline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-drv{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}
.pl-drv.q{background:#E0F2FE;color:#075985}.pl-drv.a{background:#F3E8FF;color:#6B21A8}
.pl-addov{display:flex;flex-direction:column;gap:4px}
.pl-addov .pl-ovin{width:120px;text-align:right}
.pl-addov .pl-why{width:200px}
.pl-ovt .sub.pl-ovv{display:inline-block;margin-top:3px}
.pl-cplan{display:inline-flex;align-items:baseline;gap:8px;margin-left:auto}
.pl-cplan b{min-width:auto}
.pl-cplan i{font-style:normal;font-size:12px;color:var(--ink-2);background:var(--surface-alt);border-radius:6px;padding:1px 7px}
.pl-cat>summary em{min-width:170px;text-align:right}
/* ===== Категорії в плануванні — щільна таблиця ===== */
.cl-grid{display:grid;grid-template-columns:minmax(220px,1fr) 120px 56px 96px 130px 56px 64px 110px;gap:0 10px;align-items:center}
.cl-sub{display:flex;justify-content:space-between;margin:18px 0 4px;padding:0 10px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark)}
.cl-sub span{font-variant-numeric:tabular-nums}
.cl-head{padding:6px 10px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);border-bottom:1px solid var(--border)}
.cl-head span:not(:first-child){text-align:right}
.cl-cat{border-bottom:1px solid var(--surface-alt)}
.cl-cat>summary{list-style:none;cursor:pointer;padding:7px 10px;font-size:13px}
.cl-cat>summary::-webkit-details-marker{display:none}
.cl-cat>summary:hover{background:#F9FAFB}
.cl-cat[open]>summary{background:#F6F8F7;font-weight:600}
.cl-cat.focus>summary{box-shadow:inset 3px 0 0 var(--orange)}
.cl-name{display:flex;align-items:center;gap:6px;min-width:0}
.cl-name small{font-size:10.5px;color:var(--ink-3);font-weight:600}
.cl-star{font-style:normal;color:var(--orange);font-size:12px}
.cl-grid .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cl-grid .b,.cl-t .b{font-weight:700}
.cl-grid .m,.cl-t .m{color:var(--ink-3)}
.cl-grid .ov{color:#C2410C;font-weight:700}
.cl-body{padding:6px 10px 14px;background:#FCFCFD;border-top:1px solid var(--surface-alt)}
.cl-t{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;margin-top:6px}
.cl-t th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);padding:5px 6px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.cl-t tr.grp th{border-bottom:0;padding-bottom:0;text-align:center;color:var(--ink-2)}
.cl-t td{padding:4px 6px;border-bottom:1px solid #F2F4F7;white-space:nowrap;height:30px}
.cl-t .r{text-align:right}
.cl-t tbody tr:hover td{background:#F7FAF7}
.cl-br{max-width:760px;margin-bottom:10px}
.cl-in{width:96px;height:26px;padding:2px 6px;text-align:right;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:12.5px}
.cl-in:focus,.cl-sel-b:focus{outline:none;border-color:var(--green)}
.cl-sel-b{height:26px;padding:0 4px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:12.5px;max-width:130px}
.cl-sel-b.err{border-color:#E0392E}
.cl-act{display:flex;gap:14px;align-items:center;margin-top:8px}
.cl-link{border:0;background:none;color:var(--green-dark);font:inherit;font-size:12.5px;cursor:pointer;padding:0}
.cl-link:hover{text-decoration:underline}
@media(max-width:1100px){.cl-grid{grid-template-columns:minmax(160px,1fr) 100px 44px 80px 100px 44px 56px 90px}}
/* ===== Картки продавця ===== */
.sc-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.sc-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;text-decoration:none;color:var(--ink)}
.sc-chip.team{padding-left:12px}
.sc-chip:hover{border-color:var(--green)}
.sc-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.sc-ava{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#E8F8E4;color:var(--green-dark);font-size:10.5px;font-weight:800}
.sc-chip.on .sc-ava{background:rgba(255,255,255,.2);color:#fff}
.sc-chip em{font-style:normal;font-size:11px;font-weight:800;padding:0 6px;border-radius:999px}
.sc-chip em.g{color:var(--green-dark);background:#E8F8E4}.sc-chip em.o{color:#B54708;background:#FFF4DB}.sc-chip em.r{color:#B42318;background:#FDECEA}
.sc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.sc-k{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px}
.sc-k>span{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}
.sc-k>span small{margin-left:auto;text-transform:none;font-weight:700;color:var(--ink-2)}
.sc-k>b{display:block;font-size:22px;margin:6px 0 8px}
.sc-k em{display:block;font-style:normal;font-size:12.5px;color:var(--ink-2)}
.sc-ks{display:block;font-size:11.5px;color:var(--ink-3);margin-top:3px}
.sc-hero{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:14px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.sc-big{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:18px}
.sc-hero h2{margin:0;font-size:20px}.sc-hero span{font-size:13px;color:var(--ink-3)}
.sc-hpct{margin-left:auto;text-align:right}.sc-hpct b{display:block;font-size:28px}.sc-hpct span{font-size:11.5px;color:var(--ink-3)}
.sc-hpct.g b{color:var(--green-dark)}.sc-hpct.o b{color:#B54708}.sc-hpct.r b{color:#D92D20}
.sc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
@media(max-width:900px){.sc-grid{grid-template-columns:1fr}}
.cl-t .ov{color:#C2410C;font-weight:700}
.cl-t tfoot td{border-top:2px solid var(--border);font-weight:700}
.sc-team tbody tr{cursor:pointer}
.sc-f td:first-child{box-shadow:inset 3px 0 0 var(--orange)}
/* ===== ІТ Лідер ===== */
.it-hero{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 22px;margin-bottom:14px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 10px rgba(16,24,40,.04)}
.it-place{width:88px;height:88px;border-radius:22px;background:linear-gradient(135deg,#1E9F0A,#2ABD13);color:#fff;display:grid;place-content:center;text-align:center}
.it-place b{font-size:36px;line-height:1}.it-place span{font-size:11px;opacity:.9}
.it-hi h2{margin:0 0 2px;font-size:19px}.it-hi>span{font-size:12.5px;color:var(--ink-3)}
.it-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.it-tags i{font-style:normal;font-size:12.5px;background:var(--surface-alt);border-radius:999px;padding:3px 10px}
.it-tags i small{color:var(--ink-3)}.it-tags i.ok{background:#E8F8E4;color:var(--green-dark);font-weight:700}.it-tags i.warn{background:#FFF4DB;color:#B54708;font-weight:700}
.it-next{margin-left:auto;text-align:right;padding:10px 14px;border-radius:14px;background:#FFF6EC}
.it-next span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:#B54708}
.it-next b{font-size:26px;color:#C2410C}.it-next em{display:block;font-style:normal;font-size:12px;color:var(--ink-2)}
.it-best{border:1px solid #FBD8B5;background:#FFFBF5;border-radius:16px;padding:12px 16px;margin-bottom:14px}
.it-bl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.it-bl>div{background:#fff;border:1px solid #F5DCC6;border-radius:12px;padding:10px 12px}
.it-bl b{display:block;font-size:13.5px}.it-bl span{font-size:12px;color:var(--ink-3)}.it-bl em{display:block;font-style:normal;font-size:12.5px;margin-top:4px;color:#9A3412}
.it-pl{display:inline-block;min-width:24px;text-align:center;font-weight:800;font-size:12px;border-radius:7px;padding:1px 6px}
.it-pl.g{background:#E8F8E4;color:var(--green-dark)}.it-pl.o{background:#FFF4DB;color:#B54708}.it-pl.r{background:#FDECEA;color:#B42318}
.it-k tr.m td{color:var(--ink-3)}
.it-g tr.me td,.cl-t tr.me td{background:#F3FCF1;font-weight:700}
.cl-t tr.ref td{color:var(--ink-3);background:#FAFBFC}
.it-blk>summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer;list-style:none}
.it-blk>summary h3{margin:0}
.it-sum{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.it-sum i{font-style:normal;font-size:12px;background:var(--surface-alt);border-radius:999px;padding:2px 9px;color:var(--ink-2)}
.it-blk[open]>summary{margin-bottom:8px}

/* =====================================================================
   ЄДИНИЙ СТИЛЬ v5 — одна система для всіх вкладок.
   Правила: шапка = заголовок + 1 рядок підпису; картки однакові; таблиці щільні;
   мінімум декору й тексту; пояснення — під «ⓘ Пояснення»; другорядне — під «Детальніше».
   ===================================================================== */
:root{--r:16px;--card-sh:0 1px 2px rgba(16,24,40,.04),0 2px 10px rgba(16,24,40,.04);--row:#F0F2F4;--th-bg:#FAFBFA}
body{font-size:14px;background:#F2F4F3;line-height:1.45}
.wrap{max-width:1440px;padding:18px 28px 64px}
.deco{display:none!important}
.crumbs{margin-bottom:10px;font-size:12.5px}

/* --- шапки сторінок: однаковий вигляд (.hero / .dsh-head / .pd-top / .ch-head) --- */
h1,.pd-date b{font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.2;margin:0}
.hero{background:none!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;
  padding:0!important;margin:0 0 16px!important;border-radius:0;display:flex;align-items:center;gap:12px}
.hero::after,.hero .mark{display:none!important}
.hero>div:last-child{max-width:none!important}
.hero h1,.hero .eyebrow,.hero .period{color:inherit;opacity:1}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)!important;margin:0 0 2px}
.hero .period,.dsh-head .sub,.pd-date span,.ch-head p.muted,.mt-sub{font-size:12.5px;color:var(--ink-3);font-weight:500;margin:3px 0 0}
.dsh-head,.ch-head{margin-bottom:16px;align-items:center}
.pd-top{margin-bottom:16px}
.head-push{height:60px;transform:none;filter:none;margin-right:0}
.empty-push{width:150px}
.dsh-empty{padding:40px 20px}
.dsh-empty::after{display:none}

/* --- картки: один радіус, одна тінь, один відступ --- */
.panel,.pl-card,.report,.chartcard,.uploader,.toolbar,.pe-toolbar,.burnup,.var-cat,.kcard,.kpi,.dsh-empty,.exec-card{
  border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--card-sh)}
.panel{padding:16px 18px;margin-bottom:14px}
.pl-card{padding:16px 18px;margin-bottom:14px;border-radius:var(--r)}
.card{border-radius:var(--r);box-shadow:var(--card-sh)}
.kpi{padding:14px 16px}
.kpi::before{display:none}
.kpi:hover,.kcard:hover,.card:hover,a.card:hover,a.kpi:hover,.tile:hover,.biz-pill:hover,.btn:hover{transform:none}
.kpi:hover,.kcard:hover{box-shadow:var(--card-sh)}
a.kpi:hover,a.kcard:hover,a.card:hover{border-color:#CDE9C6}
.kpi-value,.kval,.card .num{font-size:24px;font-weight:700;letter-spacing:-.01em}
.kpi-label,.klabel,.card .lbl{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.kpis,.dsh-kpis,.cards{gap:12px;margin-bottom:14px}
.dsh-row{gap:14px;margin-bottom:14px}

/* --- заголовки секцій: однаково всюди --- */
.panel-head{margin-bottom:10px}
.panel-head h2,.ph h2,.pl-card h3,.cc-head h2,.bu-head h3,.pd-coll>summary h2,.au>summary h2,.panel>h2,.panel>h3,.tc-head h2{
  font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0;color:var(--ink);
  display:flex;align-items:center;gap:8px}
.panel-head h2::before,.cc-head h2::before,.bu-head h3::before{display:none}
.panel-head h2 .ti,.ph h2 .ti,.pl-card h3 .ti{color:var(--green);font-size:18px}
.ph{margin-bottom:10px}
.panel-sub{font-size:12.5px;color:var(--ink-3)}
.panel>h2,.panel>h3{margin-bottom:10px}

/* --- таблиці: щільні, однакова шапка --- */
table{font-size:13px;font-variant-numeric:tabular-nums}
thead th{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);
  background:var(--th-bg);padding:7px 10px;border-bottom:1px solid var(--border)}
tbody td{padding:7px 10px;border-bottom:1px solid var(--row)}
tbody tr:hover td{background:#F7FAF7}
.cl-t th{background:var(--th-bg)}
.table-wrap{border-radius:12px}
.panel .table-wrap,.pl-card .table-wrap{border:0;box-shadow:none;border-radius:0}
td.bname{font-weight:600}

/* --- чипи / бейджі: один розмір --- */
.tag,.pill,.badge,.cc-tag,.delta-pct{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;line-height:1.5}
.dsh-status{font-size:12.5px;padding:6px 12px}
.ebadge{font-size:11.5px}

/* --- кнопки / поля --- */
.btn{padding:8px 16px;font-size:13.5px;box-shadow:none;letter-spacing:0}
.btn:hover{box-shadow:none}
.btn.small,.btn.sm{padding:5px 12px;font-size:12.5px}
.btn.lg{padding:10px 20px;font-size:14px}
input[type=text],input[type=number],input[type=date],input[type=password],select,textarea,.tb-sel,.select{
  font-size:13.5px;padding:8px 11px;border-radius:10px}
.select{box-shadow:none}

/* --- повідомлення --- */
.flash{font-size:13px;padding:9px 13px;border-radius:12px}

/* --- «ⓘ Пояснення» та «Детальніше» --- */
details.hint{margin:6px 0 0;font-size:12px;color:var(--ink-3)}
details.hint>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ink-3);user-select:none}
details.hint>summary .ti{font-size:14px}
details.hint>summary::-webkit-details-marker{display:none}
details.hint>summary:hover{color:var(--ink-2)}
details.hint[open]>summary{margin-bottom:4px}
details.hint>:not(summary){margin:0!important;max-width:900px}
details.more-sec{margin:4px 0 14px}
details.more-sec>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:11px 16px;
  border:1px dashed #D0D5DD;border-radius:var(--r);font-size:13px;font-weight:700;color:var(--ink-2);background:var(--surface)}
details.more-sec>summary::-webkit-details-marker{display:none}
details.more-sec>summary:hover{border-color:var(--green);color:var(--green-dark)}
details.more-sec>summary .ti{font-size:16px;transition:transform .15s}
details.more-sec[open]>summary{margin-bottom:14px}
details.more-sec[open]>summary .ti{transform:rotate(180deg)}

@media(max-width:760px){
  .wrap{padding:14px 12px 48px}
  h1,.pd-date b{font-size:19px}
  .panel,.pl-card{padding:14px}
}

/* ===== Графік роботи · React-версія ===== */
.wa-loading{display:flex;align-items:center;gap:10px;padding:40px;justify-content:center;color:var(--ink-3);font-weight:600}
.wa-loading .spin{width:18px;height:18px;border:2.5px solid var(--track);border-top-color:var(--green);border-radius:50%;animation:waspin .8s linear infinite}
@keyframes waspin{to{transform:rotate(360deg)}}
.wa-beta{font-style:normal;font-size:10px;background:rgba(255,255,255,.25);border-radius:999px;padding:1px 7px;margin-left:4px;letter-spacing:.04em}
.wa-tools{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;
  padding:8px 10px;margin-bottom:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--card-sh)}
.wa-pens{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wa-lbl{font-size:12px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-right:4px}
.wa-right{display:flex;align-items:center;gap:10px}
.wa-save{font-size:12px;font-weight:700;color:var(--green-dark)}.wa-save.busy{color:var(--ink-3)}.wa-save.err{color:var(--red-dark)}
.wa-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.wa-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer}
.wa-chip em{font-style:normal;color:var(--ink-3);margin-left:5px;font-weight:500}
.wa-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.wa-chip.on em{color:#CBD5E1}
.wa-q{margin-left:6px;min-width:200px;padding:5px 10px!important;font-size:12.5px!important;border-radius:999px!important}
.wa-hint{margin-left:auto;font-size:12px;color:var(--ink-3)}
.ws-t th.hv,.ws-t td.hv{background-image:linear-gradient(rgba(42,189,19,.07),rgba(42,189,19,.07))}
.ws-t tr.ws-r.hv>td{background-image:linear-gradient(rgba(42,189,19,.07),rgba(42,189,19,.07))}
.ws-t tr.ws-r.hv>td.hv{background-image:linear-gradient(rgba(42,189,19,.16),rgba(42,189,19,.16))}
.ws-cov td.wa-click{cursor:pointer}.ws-cov td.wa-click:hover{background:#FDECEA}
.wa-day h3{justify-content:flex-start}
.wa-x{margin-left:auto;border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-3)}
.wa-cands{display:flex;flex-wrap:wrap;gap:8px}
.wa-cand{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:12px;padding:5px 6px 5px 10px;font-size:13px}
.wa-cand em{font-style:normal;color:var(--ink-3);font-size:12px;margin-right:4px}
.wa-cand .ws-pen{padding:3px;border-radius:9px}
.wa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px}
.wa-grid .pl-card{margin:0}
.wa-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px 10px}
.wa-form label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}
.wa-form input,.wa-form select{width:100%;font-size:13.5px!important;padding:6px 9px!important}
.wa-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wa-grid .ws-shf{display:flex;margin-bottom:6px}.wa-grid .ws-shf input[type=text]{width:120px;padding:5px 8px!important;font-size:13px!important}
.wa-legend{margin:14px 0 0;align-items:center}
.wa-classic{margin-left:auto;font-size:12.5px;font-weight:600}
.wa-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:300;background:var(--ink);color:#fff;
  padding:10px 16px;border-radius:12px;font-size:13.5px;font-weight:600;box-shadow:0 10px 30px rgba(16,24,40,.25);max-width:90vw}
.wa-toast.bad{background:var(--red-dark)}

/* =====================================================================
   ЖИВИЙ САЙТ: пошук Ctrl+K, сповіщення, переходи, розумні таблиці, телефон
   ===================================================================== */
/* --- кнопки в шапці --- */
.k16-search,.k16-bell{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);
  border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}
.k16-search:hover,.k16-bell:hover,.k16-bell.on{border-color:var(--green);color:var(--green-dark)}
.k16-search kbd{font:inherit;font-size:10.5px;color:var(--ink-3);border:1px solid var(--border);border-radius:5px;padding:0 5px;margin-left:4px}
.k16-search .ti,.k16-bell .ti{font-size:17px}
.k16-bell{position:relative;padding:6px 8px}
.k16-bell b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:var(--red);color:#fff;font-size:10.5px;
  display:grid;place-items:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.navuser .k16-search span{display:inline}
/* --- прогрес переходу --- */
#k16Bar{position:fixed;left:0;top:0;height:3px;width:0;background:var(--green);z-index:9999;opacity:0;transition:none}
#k16Bar.on{opacity:1;width:70%;transition:width 2.5s cubic-bezier(.1,.8,.2,1)}
#k16Bar.done{opacity:0;width:100%;transition:width .2s,opacity .35s .15s}
/* --- оверлеї --- */
.k16-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.35);z-index:400;backdrop-filter:blur(2px)}
.k16-backdrop.clear{background:transparent;backdrop-filter:none}
.k16-pal{position:fixed;left:50%;top:12vh;transform:translateX(-50%);width:min(640px,94vw);max-height:72vh;display:flex;flex-direction:column;
  background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(16,24,40,.28);z-index:401;overflow:hidden}
.k16-palin{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}
.k16-palin .ti{font-size:20px;color:var(--ink-3)}
.k16-palin input{flex:1;border:0!important;box-shadow:none!important;font-size:16px!important;padding:6px 0!important;outline:none}
.k16-pal kbd{font:inherit;font-size:11px;color:var(--ink-3);border:1px solid var(--border);border-radius:6px;padding:1px 6px;background:var(--surface-alt)}
.k16-pall{overflow:auto;padding:6px}
.k16-palg{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:10px 10px 4px}
.k16-pali{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer}
.k16-pali>.ti{font-size:18px;color:var(--ink-3)}
.k16-pali.on{background:var(--green-50)}.k16-pali.on>.ti{color:var(--green-dark)}
.k16-pall1{display:flex;flex-direction:column;min-width:0;flex:1}
.k16-pall1 b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k16-pall1 em{font-style:normal;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k16-acts{display:flex;gap:4px}
.k16-acts button{border:1px solid var(--border);background:#fff;border-radius:8px;font:inherit;font-size:12px;padding:3px 8px;cursor:pointer;color:var(--ink-2)}
.k16-acts button:hover{border-color:var(--green);color:var(--green-dark)}
.k16-palf{display:flex;gap:14px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--ink-3);background:#FAFBFA}
.k16-empty{padding:22px;text-align:center;color:var(--ink-3);margin:0}
.k16-bellp{position:fixed;top:62px;right:24px;width:min(400px,94vw);max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--border);
  border-radius:16px;box-shadow:0 18px 50px rgba(16,24,40,.2);z-index:401}
.k16-bellh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px}
.k16-bellp ul{list-style:none;margin:0;padding:4px 8px 8px}
.k16-bellp li a{display:flex;gap:10px;padding:9px 8px;border-radius:12px;color:var(--ink);text-decoration:none;border-left:3px solid transparent}
.k16-bellp li a:hover{background:var(--surface-alt)}
.k16-bellp li.bad a{border-left-color:var(--red)}.k16-bellp li.warn a{border-left-color:#F08C1B}
.k16-ni{font-size:17px;line-height:1.2}
.k16-bellp li b{display:block;font-size:13px;font-weight:600;line-height:1.35}
.k16-bellp li em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.k16-bellf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px 12px;font-size:11.5px;color:var(--ink-3);border-top:1px solid var(--border)}
.k16-x{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-3);padding:0 4px}
.k16-fresh{position:fixed;right:20px;bottom:20px;z-index:300;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;
  padding:9px 10px 9px 14px;border-radius:14px;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px rgba(16,24,40,.25)}
.k16-fresh .k16-x{color:#CBD5E1}
.k16-toasts{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:302;display:flex;flex-direction:column;gap:8px;align-items:center}
.k16-toast{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 10px 26px rgba(16,24,40,.25)}
.k16-toast.ok{background:var(--green-dark)}.k16-toast.bad{background:var(--red-dark)}.k16-toast .k16-x{color:#fff}
/* --- розумні таблиці --- */
th.k16-sort{cursor:pointer;user-select:none;white-space:nowrap}
th.k16-sort:hover{color:var(--ink)}
th.k16-sort::after{content:"↕";opacity:0;margin-left:4px;font-size:10px}
th.k16-sort:hover::after{opacity:.5}
th.k16-asc::after{content:"▲";opacity:1;color:var(--green-dark)}
th.k16-desc::after{content:"▼";opacity:1;color:var(--green-dark)}
.k16-tsearch{display:flex;align-items:center;gap:6px;margin:4px 0 8px;max-width:340px;position:relative}
.k16-tsearch .ti{position:absolute;left:10px;color:var(--ink-3);font-size:15px}
.k16-tsearch input{width:100%;padding:6px 10px 6px 30px!important;font-size:13px!important;border-radius:999px!important}
.k16-tsearch span{position:absolute;right:12px;font-size:11.5px;color:var(--ink-3)}
.k16-scroll{overflow-x:auto;max-width:100%}
@media(min-width:761px){
  .k16-tall{max-height:72vh;overflow:auto}
  table.k16-stick thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--border)}
}
/* --- нижня панель на телефоні --- */
.k16-tabbar{display:none}
@media(max-width:760px){
  .k16-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.97);border-top:1px solid var(--border);
    padding:4px 4px calc(4px + env(safe-area-inset-bottom));backdrop-filter:blur(8px)}
  .k16-tabbar a,.k16-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;border:0;background:none;font:inherit;
    font-size:10.5px;font-weight:600;color:var(--ink-3);padding:5px 0;text-decoration:none;border-radius:10px}
  .k16-tabbar .ti{font-size:21px}
  .k16-tabbar a.on{color:var(--green-dark);background:var(--green-50)}
  body{padding-bottom:70px}
  .navuser .k16-search span,.navuser .k16-search kbd{display:none}
  .k16-bellp{top:58px;right:3vw}
  .k16-fresh{bottom:80px;right:12px;left:12px;justify-content:space-between}
  .k16-toasts{bottom:84px}
  .k16-pal{top:6vh;max-height:80vh}
  .k16-palf{display:none}
  /* широкі таблиці: прокрутка з першою колонкою на місці */
  .k16-scroll table td:first-child,.k16-scroll table th:first-child,.table-wrap table td:first-child,.table-wrap table th:first-child{position:sticky;left:0;background:#fff;z-index:1}
  .table-wrap,.k16-scroll{-webkit-overflow-scrolling:touch}
  .dsh-head,.pd-top,.db-head{gap:8px}
  .pl-card h3,.ph h2{font-size:12.5px}
  .btn{padding:8px 14px}
}
.k16-lnk{border:0;background:none;font:inherit;font-size:11.5px;color:var(--ink-3);cursor:pointer;text-decoration:underline dotted}

/* ===== Глибокий аналіз (ECharts) ===== */
.vz-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}
.vz-row .pl-card{margin-bottom:14px}
.vz-pick{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.vz-pick button{border:1px solid var(--border);background:#fff;border-radius:999px;font:inherit;font-size:12px;padding:3px 10px;cursor:pointer;color:var(--ink-2)}
.vz-pick button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pd-top .select{margin-left:auto}
.db-ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.db-ch h3{margin:0!important}
.db-per{font-size:12px;margin-left:auto}
.db-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;background:var(--surface-alt);border-radius:10px;padding:3px}
.db-tabs button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:5px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.db-tabs button:hover{color:var(--ink)}
.db-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(16,24,40,.1)}

/* ===== Панель над таблицями: пошук, Excel, «Розгорнути» ===== */
.k16-tbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 8px}
.k16-tbar .k16-tsearch{margin:0;flex:0 1 320px}
.k16-tact{display:inline-flex;gap:4px;margin-left:auto;opacity:.55;transition:opacity .15s}
.k16-tbar:hover .k16-tact,.k16-tact:focus-within{opacity:1}
.k16-tact button{border:1px solid var(--border);background:#fff;border-radius:8px;font:inherit;font-size:11.5px;font-weight:600;color:var(--ink-2);padding:3px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.k16-tact button .ti{font-size:14px}
.k16-tact button:hover{border-color:var(--green);color:var(--green-dark)}
.k16-icb{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);border-radius:10px;padding:6px 8px;cursor:pointer}
.k16-icb .ti{font-size:17px}.k16-icb:hover{border-color:var(--green);color:var(--green-dark)}
.k16-gridov{position:fixed;inset:0;z-index:500;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;padding:2vh 2vw}
.k16-gridbox{background:#fff;border-radius:16px;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px rgba(16,24,40,.35)}
.k16-gridh{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}
.k16-gridh b{font-size:14px;text-transform:uppercase;letter-spacing:.03em;margin-right:auto}
.k16-gridh input{width:260px;padding:6px 10px!important;font-size:13px!important}
.k16-grid{flex:1;--ag-font-family:Ubuntu,system-ui,sans-serif;--ag-font-size:13px;--ag-active-color:#2ABD13;--ag-row-hover-color:#F3FCF1;--ag-selected-row-background-color:#EAF8E6}
@media(max-width:760px){.k16-tact{opacity:1}.k16-gridh input{width:120px}.navuser .k16-print{display:none}}

/* ===== Друк / PDF ===== */
@media print{
  @page{margin:12mm}
  body{background:#fff!important;padding:0!important}
  .nav,.subnav,.crumbs,.k16-tabbar,#k16Overlay,#k16Bar,.k16-tbar,.k16-fresh,.k16-toasts,.head-push,.btn,.bzd-x,.sp-arr,.db-foot,details.hint>summary{display:none!important}
  .wrap{max-width:none!important;padding:0!important}
  .panel,.pl-card,.kcard,.kpi,.card{box-shadow:none!important;break-inside:avoid}
  .k16-tall{max-height:none!important;overflow:visible!important}
  .table-wrap,.k16-scroll{overflow:visible!important}
  a{color:inherit!important;text-decoration:none!important}
}
/* ===== Оновлення: розпізнавання до завантаження ===== */
.up-live{display:flex;flex-direction:column;gap:6px;margin:10px 0 14px}
.up-lr{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:13px}
.up-lr b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}
.up-lr>span{color:var(--ink-2)}.up-lr em{font-style:normal;color:var(--ink-3)}
.up-lr .ti{font-size:18px;color:var(--ink-3)}
.up-lr.wait .ti{animation:waspin 1s linear infinite}
.up-lr.det .ti{color:#2F7BE0}.up-lr.unk{border-color:#F5DDB0;background:#FFFBF2}.up-lr.unk .ti{color:#B54708}
.up-lr.ok{border-color:#CDE9C6;background:#F6FCF4}.up-lr.ok .ti{color:var(--green-dark)}
.up-lr.warn{border-color:#F5DDB0}.up-lr.bad{border-color:#F5C9C4;background:#FEF6F5}.up-lr.bad .ti{color:var(--red-dark)}
.up-lr .up-aff{margin-left:6px}.up-lr .up-aff a{margin-right:8px;font-weight:600}

/* ===== Telegram Mini App: вхід і «Мій день» ===== */
.tg-entry{display:grid;place-items:center;min-height:100vh;background:#F2F4F3}
.tg-box{text-align:center;padding:30px}.tg-logo{width:72px;height:72px;border-radius:20px;background:var(--green);color:#fff;font-weight:700;font-size:22px;display:grid;place-items:center;margin:0 auto 14px}
.me-body{background:var(--tg-theme-secondary-bg-color,#F2F4F3);padding-bottom:0!important}
.me-wrap{max-width:560px;margin:0 auto;padding:12px 12px 40px}
.me-hero{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#fff;border-radius:18px;padding:16px 18px;margin-bottom:12px}
.me-hero span{display:block;font-size:13px;opacity:.85}.me-hero b{font-size:22px}
.me-place{text-align:center;background:rgba(255,255,255,.18);border-radius:14px;padding:6px 12px}.me-place b{display:block;font-size:24px}.me-place span{font-size:11px}
.me-card{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--card-sh)}
.me-card h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.me-card h3 .ti{color:var(--green);font-size:18px}.me-card h3 em{margin-left:auto;font-style:normal;text-transform:none;letter-spacing:0;font-size:12px;color:var(--ink-3);font-weight:500}
.me-today{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.me-today div{background:var(--surface-alt);border-radius:12px;padding:8px}.me-today span{display:block;font-size:11px;color:var(--ink-3)}.me-today b{font-size:15px}
.me-k{margin-bottom:10px}.me-kh{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;margin-bottom:4px}
.me-km{font-size:12px;color:var(--ink-3);margin-top:3px}
.me-cats{display:flex;flex-direction:column;gap:4px}
.me-cat{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;padding:9px 10px;font:inherit;font-size:14px;cursor:pointer}
.me-cat .ti{font-size:20px;color:var(--ink-3)}.me-cat.on{background:#F3FCF1;border-color:#CDE9C6}.me-cat.on .ti{color:var(--green-dark)}
.me-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.me-acts .btn{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:4px}
.me-hint{font-size:12px;color:var(--ink-3);margin:8px 0 0}.me-ret{font-size:13px;color:var(--red-dark);margin:0 0 8px}
.me-st{border-radius:999px;padding:2px 9px!important;background:var(--surface-alt)}.me-st.approved{background:var(--green-50);color:var(--green-dark)!important}.me-st.returned{background:var(--red-50);color:var(--red-dark)!important}.me-st.reported{background:#FFF4DB;color:#B54708!important}
.me-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.me-day{text-align:center;border-radius:10px;padding:6px 2px;background:var(--surface-alt);display:flex;flex-direction:column;gap:1px}
.me-day span{font-size:11px;color:var(--ink-3);text-transform:uppercase}.me-day em{font-style:normal;font-size:10.5px;color:var(--ink-3)}
.me-day b{font-size:15px}.me-day small{font-size:9.5px;color:var(--ink-2)}
.me-day.work{background:#F3FCF1}.me-day.off{background:#FFF4EC}.me-day.now{box-shadow:inset 0 0 0 2px var(--green)}
.me-cr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--row);font-size:13.5px}.me-cr span{flex:1}.me-cr em{font-style:normal;color:var(--ink-3);font-size:12px}
.me-scan{position:fixed;inset:0;background:rgba(16,24,40,.75);z-index:600;display:grid;place-items:center;padding:16px}
.me-scanbox{background:#fff;border-radius:16px;padding:12px;width:min(420px,100%);text-align:center}.me-scanbox #meScan{width:100%;min-height:260px}
.me-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:700}
.me-out{text-align:center;font-size:12px}
/* фото зон і QR-наліпки */
.zp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.zp{display:block;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--card-sh);color:var(--ink)}
.zp img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.zp span{display:block;padding:8px 10px;font-size:12.5px}
.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.qr-c{background:#fff;border:1px dashed #C9CFD6;border-radius:12px;padding:10px;text-align:center;break-inside:avoid}
.qr-i svg{width:140px;height:140px}.qr-c b{display:block;font-size:13px;margin-top:4px}.qr-c span{font-size:10.5px;color:var(--ink-3)}
.br-body{font-size:15px;line-height:1.6}.br-body p{margin:0 0 12px}
@media print{.qr-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== ІТ Лідер · конструктор аналізу ===== */
.itb-pres{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}
.itb-lbl{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);display:inline-flex;align-items:center;gap:5px;margin-right:4px}
.itb-pre{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding-right:6px}
.itb-pre button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;padding:5px 6px 5px 12px;cursor:pointer;color:var(--ink)}
.itb-pre .ti{font-size:13px;color:var(--ink-3);cursor:pointer}.itb-pre .ti:hover{color:var(--red-dark)}
.itb-pre:hover{border-color:var(--green)}
.itb-pres .btn{margin-left:auto}
.itb-grid{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.itb-cfg{position:sticky;top:70px;max-height:calc(100vh - 84px);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--card-sh);padding:6px 14px 14px}
.itb-step{padding:10px 0;border-bottom:1px solid var(--row)}.itb-step:last-child{border-bottom:0}
.itb-sh{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.itb-sh>i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}
.itb-sh>b{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.itb-mini{margin-left:auto;display:inline-flex;gap:6px}
.itb-mini button{border:0;background:none;font:inherit;font-size:11.5px;color:var(--green-dark);cursor:pointer;padding:0;text-decoration:underline dotted}
.itb-reps{display:flex;flex-direction:column;gap:6px}
.itb-rep{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px 11px;font:inherit;cursor:pointer}
.itb-rep b{font-size:13.5px}.itb-rep span{font-size:11px;color:var(--ink-3)}
.itb-rep.on{border-color:var(--green);background:#F3FCF1;box-shadow:inset 3px 0 0 var(--green)}
.itb-chips{display:flex;flex-wrap:wrap;gap:5px}
.itb-chips button{border:1px solid var(--border);background:#fff;border-radius:999px;font:inherit;font-size:12px;padding:4px 10px;cursor:pointer;color:var(--ink-2);text-align:left;line-height:1.3}
.itb-chips button:hover{border-color:var(--green)}
.itb-chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.itb-chips button.k-pct::before{content:"%";font-size:10px;font-weight:700;margin-right:4px;opacity:.55}
.itb-chips button.k-grn::before{content:"₴";font-size:10px;font-weight:700;margin-right:4px;opacity:.55}
.itb-chips button.k-int::before{content:"шт";font-size:9.5px;font-weight:700;margin-right:4px;opacity:.55}
.itb-cg{margin-bottom:8px}.itb-cg>em{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--ink-3);margin:2px 0 4px}
.itb-q{width:100%;margin-bottom:8px;padding:6px 10px!important;font-size:12.5px!important;border-radius:999px!important}
.itb-ppl{margin-top:6px;max-height:160px;overflow:auto}
.itb-views{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.itb-views button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;border-radius:10px;font:inherit;font-size:12px;padding:7px 8px;cursor:pointer;color:var(--ink-2)}
.itb-views button .ti{font-size:16px}.itb-views button.on{border-color:var(--green);background:#F3FCF1;color:var(--green-dark);font-weight:600}
.itb-out{min-width:0}
.itb-bh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}.itb-bh h3{margin:0!important}.itb-bh .muted{font-size:12px;margin-left:auto}
.itb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:10px}
.itb-card{background:var(--surface-alt);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.itb-card>span{font-size:11.5px;color:var(--ink-2);line-height:1.3}.itb-card>b{font-size:21px}
.itb-card em{font-style:normal;font-size:11.5px;color:var(--ink-3)}.itb-card em i{font-style:normal;font-weight:700}
.itb-ins{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:4px}
.itb-ins li{font-size:12.5px;padding:6px 10px;border-radius:10px;background:#F4F6FB;border-left:3px solid #2F7BE0}
.itb-ins li.bad{background:var(--red-50);border-left-color:var(--red)}.itb-ins li.ok{background:#F3FCF1;border-left-color:var(--green)}
.itb-t tr.me td{background:#F3FCF1;font-weight:700}.itb-t tr.ref td{color:var(--ink-3);background:#FAFBFA}
.itb-t th{white-space:normal!important;min-width:90px;vertical-align:bottom}
.itb-mx td small{display:block;font-size:11px;font-weight:700}
.itb-mx td.mx-up small{color:var(--green-dark)}.itb-mx td.mx-dn small{color:var(--red-dark)}.itb-mx td.mx-dn{background:#FEF6F5}
.itb-mx th{white-space:normal!important;min-width:100px;vertical-align:bottom}
.itb-chs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.itb-chs button{border:1px solid var(--border);background:#fff;border-radius:999px;font:inherit;font-size:12px;padding:3px 10px;cursor:pointer}
.itb-chs button.on{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:1000px){.itb-grid{grid-template-columns:1fr}.itb-cfg{position:static;max-height:none}}
.itb-mx td em.mx-br{display:block;font-style:normal;font-size:10.5px;color:var(--ink-3)}
.itb-ex{margin:0 0 10px}
.itb-ex.on{background:linear-gradient(135deg,#F3F0FF,#F6FCF4);border:1px solid #E0D9FB;border-radius:12px;padding:10px 12px}
.itb-ext p{margin:0 0 5px;font-size:13.5px;line-height:1.45;padding-left:14px;position:relative}
.itb-ext p::before{content:"•";position:absolute;left:2px;color:#7C5CD6;font-weight:700}
.itb-exf{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-3);margin-top:4px}
.itb-exf button{margin-left:auto;border:0;background:none;font:inherit;font-size:11.5px;color:var(--green-dark);cursor:pointer;text-decoration:underline dotted}
.itb-ex{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.itb-ex.on{display:block;margin-bottom:14px}
.itb-exs{font-size:12px;color:var(--ink-3)}
.itb-exh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;color:#5B3FC4}
.itb-exh span{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500;color:var(--ink-3)}
.itb-ext h4{margin:10px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5B3FC4}
.itb-ext h4:first-child{margin-top:2px}
/* цілі рейтингу та порівняння */
.itb-note{font-size:11.5px;color:var(--ink-3);margin:6px 0 0}
.itb-tg{padding:10px 14px}
.itb-tgh{display:flex;align-items:center;gap:8px;cursor:pointer}
.itb-tgh .ti{color:var(--orange);font-size:18px}.itb-tgh b{font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.itb-tgh span{margin-left:auto;font-size:12px;color:var(--ink-3)}
.itb-tg.open .itb-tgh{margin-bottom:8px}
.itb-tgi{width:70px;text-align:right;padding:3px 6px!important;font-size:12.5px!important;border-radius:8px!important}
.itb-tgr{border:0;background:none;cursor:pointer;color:var(--ink-3);margin-left:2px}
.itb-tgl{border:1px solid var(--border);background:#fff;border-radius:999px;font:inherit;font-size:11.5px;padding:2px 9px;cursor:pointer;color:var(--green-dark)}
.itb-tgf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12px}
.itb-card em.itb-plan{color:#B54708;font-weight:600}
.itb-t tr.plan td{background:#FFF8EB;color:#8A5A06;font-weight:600}
.itb-pd{display:block;font-size:10.5px;font-weight:700}
/* конструктор: структурована бокова панель */
.itb-per{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:11px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em}
.itb-per select{width:100%;font-size:13px!important;padding:6px 8px!important;text-transform:none}
.itb-cb{border:1px solid var(--row);border-radius:12px;margin-bottom:6px;overflow:hidden}
.itb-cbh{display:flex;align-items:center;gap:6px;padding:7px 9px;cursor:pointer;background:var(--surface-alt);font-size:12.5px}
.itb-cbh b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itb-cbh em{font-style:normal;background:var(--green);color:#fff;border-radius:999px;font-size:10.5px;font-weight:700;padding:0 6px}
.itb-cbh .ti{font-size:14px;color:var(--ink-3)}
.itb-cba{font-size:11px;color:var(--green-dark);text-decoration:underline dotted}
.itb-cb.open .itb-cbh{border-bottom:1px solid var(--row)}
.itb-cb .itb-cg{padding:6px 9px 2px;margin:0}
.itb-cb .itb-cg>em{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
.itb-sub{margin-bottom:5px}.itb-sub>small{width:100%;font-size:10.5px;color:var(--ink-3);font-weight:600}
.itb-chips button.has-tg{box-shadow:inset 3px 0 0 var(--orange)}
.itb-chips button::before{content:none!important}
.itb-sw{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:4px;text-transform:none;letter-spacing:0;cursor:pointer}
.itb-mini2{display:flex;margin:6px 0 4px}
.itb-ppl{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;max-height:200px;overflow:auto;margin-top:2px}
.itb-ppl label{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 4px;border-radius:6px;cursor:pointer}
.itb-ppl label.on{background:#F3FCF1;font-weight:600}
.itb-wp th small,.itb-wp td small{display:block;font-size:10.5px;font-weight:500;color:var(--ink-3)}
.itb-wp td small.up{color:var(--green-dark)}.itb-wp td small.down{color:var(--red-dark)}
.itb-views{grid-template-columns:1fr 1fr}
.itw-k{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-bottom:10px}
.itw-k>div{background:var(--surface-alt);border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:2px;position:relative}
.itw-k span{font-size:11.5px;color:var(--ink-2)}.itw-k b{font-size:19px}.itw-k em{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.itw-k .it-pl{position:absolute;right:10px;top:9px}
.it-place.bad{background:linear-gradient(135deg,#C2410C,#FC5E0F)}

/* Цілі: перемикач тиждень / місяць */
.itw-sc{display:inline-flex;border:1px solid var(--line,#e3e6ea);border-radius:10px;overflow:hidden;margin-left:14px}
.itw-sc a{padding:6px 14px;font-size:13px;color:inherit;text-decoration:none}
.itw-sc a.on{background:var(--green,#62bb46);color:#fff;font-weight:600}