/* ============================================================
   Sales · дизайн у стилі Apple — 01.00.00 «Apple Design» (рішення ZIV 18.10.2026)
   Макет: ИБА СЕЙЛС СТ-АРТ/Макети/Apple_дизайн/Sales_макет.png · методологія: Методология/Сайт/27_Apple_дизайн.md
   ПРАВИЛО: кольори, радіуси, шрифт — ЛИШЕ через змінні нижче (правки — прямо в цьому файлі; з 01.03.04 предрелізу /next немає):
   усі вшиті кольори index.html зведено до цих ~25 змінних (роль визначає властивість + відтінок).
   Теми: html[data-theme="light"|"dark"]; «Авто» = як у системі (Профіль → Тема, ключ sales_theme).
   Контраст тексту ≥ 4.5:1 (замір — у 27_Apple_дизайн.md); жовтий текст на світлому тлі НЕ використовуємо.
   ============================================================ */
:root{
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r-card:14px; --r-ctl:12px; --r-in:10px; --r-pill:999px; --r-tab:34px;
  --tap:44px; --tab-h:68px; --tab-side:12px; --tab-bottom:18px;
  --tab-gap:max(10px, calc(env(safe-area-inset-bottom,0px) - 24px));   /* 01.00.01: панель ≈10px над краєм (iPhone: заходить у зону індикатора, як плаваюча панель iOS) */
  /* ── світла ── */
  --bg:#F2F2F7; --card:#FFFFFF; --card2:#F2F2F7;
  --ink:#1C1C1E; --ink2:#3A3A3C; --mut:#636366;   /* автотест: #6E6E73 на сірих підкладках давав 3.97–4.4 → #636366 (4.9+) */
  --sep:rgba(60,60,67,.16); --sep2:rgba(60,60,67,.30);
  --fill:rgba(118,118,128,.12); --fill2:rgba(118,118,128,.22);
  --inv:#1C1C1E; --on-inv:#FFFFFF;           /* суцільна «інверсна» плашка (чорні чипи, смуги прогресу) */
  --on-fill:#FFFFFF;                          /* текст на червоній/зеленій/фіолетовій заливці */
  --accent:#FFD60A; --on-accent:#1B1400;      /* жовта заливка + текст на ній (в обох темах) */
  --task-soft:rgba(255,214,10,.22); --task-brd:rgba(255,214,10,.65); --task-item-brd:rgba(255,214,10,.55);   /* 01.03.40–41: жовта підкладка блоку «Задачі по ТТ» у КК = жовтий колонки «Бланш» у зведеній акцій (.22 поверх білої картки) */
  --accent-text:#1C1C1E;                      /* акцентний ТЕКСТ у світлій — не жовтий (жовтий на білому не читається) */
  --scrim:rgba(0,0,0,.40);                   /* затемнення під шторками й модалками */
  --quiet:rgba(118,118,128,.12);             /* системний сірий: вторинні кнопки, інфо-плашки, підсумкові рядки */
  --accent-soft:var(--quiet); --accent-brd:rgba(60,60,67,.16);   /* ZIV 18.10.2026: піску немає — колишні «пісочні» плашки системно-сірі, золоті рамки нейтральні */
  --accent-press:#E6C000;                     /* жовта кнопка, натиснута */
  --gold-text:#1C1C1E;   /* 01.00.02: без коричневого (було #7A5200) */
  --gold-text-old:#7A5200;                        /* зміст «гроші / прогноз» (було золото): 6.9 на білому, 6.2 на #F2F2F7 */
  --bad:#B42318; --bad-soft:var(--quiet);   /* 01.00.02: без рожевих заливок (було rgba(196,54,43,.10)) */
  --bad-soft-old:rgba(196,54,43,.10); --bad-brd:rgba(180,35,24,.45);   /* автотест: #C4362B на рожевій підкладці 4.17 → #B42318 */
  --ok:#1A6B3C;  --ok-soft:rgba(31,122,70,.12);  --ok-brd:rgba(31,122,70,.45);   /* автотест: #1F7A46 на зеленій підкладці 4.09 → #1A6B3C */
  --rop:#5B3BB5; --rop-soft:rgba(124,77,255,.10); --rop-brd:rgba(124,77,255,.45);
  --pink:#A3245A; --pink-soft:rgba(214,76,128,.10); --pink-brd:rgba(214,76,128,.5);
  --blue:#2F5DA8; --blue-soft:rgba(47,93,168,.10); --blue-brd:rgba(47,93,168,.4);
  --glass:rgba(255,255,255,.72); --glass-brd:rgba(0,0,0,.08); --glass-shadow:0 10px 30px rgba(0,0,0,.12);
  --seg-on:#FFFFFF; --seg-shadow:0 2px 6px rgba(0,0,0,.12);
  --frame:#D1D1D6;
  /* старі змінні index.html → нові */
  --navy:var(--bg); --navy-2:var(--card2); --navy-deep:var(--bg); --gold:var(--ink); --gold-light:var(--ink); --gold-soft:var(--ink);
  --cream:var(--bg); --cream-2:var(--card); --text:var(--ink); --text-mute:var(--mut);
  --green:var(--ok); --red:var(--bad); --orange:var(--gold-text); --purple:var(--rop); --teal:var(--ok);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#000000; --card:#1C1C1E; --card2:#2C2C2E;
  --ink:#FFFFFF; --ink2:#EBEBF5; --mut:#AEAEB2;   /* автотест: #98989D на #323236 4.47, #A1A1A6 на жовтій підкладці 4.45 → #AEAEB2 */
  --sep:rgba(84,84,88,.55); --sep2:rgba(120,120,128,.65);
  --fill:rgba(118,118,128,.24); --fill2:rgba(118,118,128,.34);
  --inv:#E5E5EA; --on-inv:#000000;
  --on-fill:#000000;                          /* на світліших у темній заливках --bad/--ok — чорний текст */
  --accent:#FFD60A; --on-accent:#1B1400; --accent-press:#E6C000;
  --task-soft:rgba(255,214,10,.18); --task-brd:rgba(255,214,10,.55); --task-item-brd:rgba(255,214,10,.45);
  --accent-text:#FFD60A;
  --scrim:rgba(0,0,0,.60);
  --quiet:rgba(255,255,255,.08);
  --accent-soft:var(--quiet); --accent-brd:rgba(84,84,88,.55);
  --gold-text:#FFD60A;
  --bad:#FF7A6E; --bad-soft:var(--quiet); --bad-brd:rgba(255,107,94,.5);   /* автотест: #FF6B5E на рожевій плашці уроку 3.95 → #FF7A6E, плашка .12 */
  --ok:#30D158;  --ok-soft:rgba(48,209,88,.16);  --ok-brd:rgba(48,209,88,.45);
  --rop:#B39DFF; --rop-soft:rgba(179,157,255,.16); --rop-brd:rgba(179,157,255,.5);
  --pink:#FF7AB0; --pink-soft:rgba(255,122,176,.14); --pink-brd:rgba(255,122,176,.5);
  --blue:#64A0FF; --blue-soft:rgba(100,160,255,.14); --blue-brd:rgba(100,160,255,.45);
  --glass:rgba(30,30,32,.72); --glass-brd:rgba(255,255,255,.10); --glass-shadow:0 10px 30px rgba(0,0,0,.5);
  --seg-on:#636366; --seg-shadow:none;
  --frame:#2C2C2E;
  color-scheme:dark;
}

/* ───────── оболонка ───────── */
html,body{font-family:var(--font) !important;background:var(--bg) !important;color:var(--ink)}
body > .phone{background:var(--bg) !important;box-shadow:0 0 0 1px var(--frame),0 24px 70px rgba(0,0,0,.25) !important;padding:0 !important;border-radius:32px}
.screen{background:var(--bg) !important;border-radius:14px}
.logo-iba{display:none !important}                       /* емблема IBA прибрана з інтерфейсу */

/* ───────── шапка: великий заголовок 34 + рядок «дата · проведено · оновл.» ───────── */
.header{background:var(--bg) !important;color:var(--ink) !important;border:0 !important;flex-wrap:wrap;align-items:center;
  padding:calc(10px + env(safe-area-inset-top,0px)) 16px 6px !important;gap:0 8px}
.header .brand{flex:1 1 auto;min-width:0;gap:4px}
.header .brand-name{font-size:2rem !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.15;color:var(--ink) !important}
.hdr-inline-sub:not(:empty){color:var(--mut) !important;font-size:1.1765rem;font-weight:700}
.header-date{flex:0 0 100%;order:9;text-align:left !important;margin:2px 0 0 !important;padding:0 !important;line-height:1.3;font-size:0.7647rem;color:var(--mut)}
.header-date b{display:inline !important;border:0 !important;padding:0 !important;font-size:0.7647rem !important;font-weight:600 !important;color:var(--mut) !important;background:none !important}
.header-date span{display:inline !important;margin:0 !important;font-size:0.7647rem !important;color:var(--mut) !important}
.header-date span.hd-posted{font-weight:700 !important}
.header-date span.hd-posted.ok{color:var(--ok) !important}
.header-date span.hd-posted.warn{color:var(--bad) !important}
.header-date > * + *:before{content:" · ";color:var(--mut);font-weight:400}
/* кнопка «‹» у шапці — текстова, акцентна */
.hdr-scr:has(> button:not([style*="none"])) > button,
.header button[id$="-back"],.header .today-back-hdr,.header .reports-header-back,.header .tasks-header-back{
  background:none !important;border:0 !important;color:var(--accent-text) !important;padding:0 4px !important;min-width:var(--tap);min-height:var(--tap);margin-left:-10px}
#route-help-btn{border-color:var(--sep2) !important;color:var(--ink) !important;background:transparent !important}
.header-btn{color:var(--ink) !important}

/* ───────── контент прокручується під капсулу ───────── */
.content{padding-bottom:calc(var(--tab-h) + var(--tab-gap) + 16px) !important;background:var(--bg)}

/* ───────── нижнє меню: плаваюча скляна капсула ───────── */
.bottom-nav{left:var(--tab-side) !important;right:var(--tab-side) !important;bottom:var(--tab-gap) !important;
  height:var(--tab-h);padding:8px !important;gap:4px !important;border-radius:var(--r-tab);border:1px solid var(--glass-brd) !important;
  background:var(--glass) !important;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}
.bottom-nav .nav-item{height:100%;min-height:var(--tap);display:flex !important;flex-direction:column;align-items:center;justify-content:center !important;gap:4px;
  padding:0 !important;border:0 !important;border-radius:14px !important;background:transparent !important;font-size:0.6471rem !important;font-weight:600 !important}
.bottom-nav .nav-item .nav-icon-wrap{display:flex !important;width:auto;height:auto;border:0 !important;background:none !important}
.bottom-nav .nav-item svg{width:24px;height:24px}
.bottom-nav .nav-item:not(.active),.bottom-nav .nav-item:not(.active) span{color:var(--mut) !important;-webkit-text-fill-color:var(--mut) !important}
.bottom-nav .nav-item.active{background:var(--accent) !important}
.bottom-nav .nav-item.active,.bottom-nav .nav-item.active span{color:var(--on-accent) !important;-webkit-text-fill-color:var(--on-accent) !important;font-weight:700 !important}
.bottom-nav .nav-item.active .nav-icon-wrap{color:var(--on-accent) !important}

/* ───────── карточки: скруглення 14, без золотих рамок ───────── */
.dr-wrap,.kk7-tile,.lsn-rule,.lsn-hero,.mr-svcard,.today-task,.md-op,.ar-card,.pf-card,.pf-group{border-radius:var(--r-card) !important}
.dr-wrap{background:var(--card) !important;border-color:var(--sep) !important;overflow:hidden}
.kk7-tile{background:var(--card) !important;border:0 !important;box-shadow:none !important}
.ar-mon{border-radius:var(--r-pill) !important}
.ar-mon.on{background:var(--accent) !important;border-color:var(--accent) !important;color:var(--on-accent) !important}
.pf-ver{background:var(--fill) !important;border:0 !important;color:var(--mut) !important;font-weight:600 !important}

/* ───────── вхід (Вхід_макет_референс.png) ───────── */
#screen-login{background:var(--bg) !important;color:var(--ink) !important;position:relative}
.login-wrap{padding:40px 24px !important}
.login-maker{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:18px;font-size:0.6471rem;font-weight:700;letter-spacing:.08em;color:var(--mut)}
.login-logo{margin-bottom:14px !important}
.login-icon{width:96px;height:96px;border-radius:14px;display:block;box-shadow:0 8px 24px rgba(0,0,0,.18)}
:root[data-theme="dark"] .login-icon{content:url(/sales-icon-dark-512.png)}
.login-brand{font-family:var(--font) !important;font-weight:700 !important;font-size:2rem !important;letter-spacing:-.01em !important;padding-left:0 !important;color:var(--ink) !important;margin:0 0 28px !important}
.login-group{background:var(--card);border-radius:var(--r-card);overflow:hidden;margin-bottom:16px}
.login-group .form-group{margin:0 !important;padding:8px 16px 12px;position:relative}
.login-group .form-group + .form-group{border-top:1px solid var(--sep)}
.login-group .form-label{font-size:0.7059rem !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--mut) !important;margin-bottom:2px !important}
.login-group .form-input{border:0 !important;background:transparent !important;padding:4px 0 !important;font-size:1rem !important;color:var(--ink) !important;border-radius:0 !important}
.login-group .form-input::placeholder{color:var(--mut) !important;opacity:.7}
.form-group-pass .form-input{padding-right:84px !important}
.login-show{position:absolute;right:14px;bottom:10px;background:none;border:0;color:var(--mut);font:inherit;font-size:0.8824rem;min-height:var(--tap);cursor:pointer}
.btn-login{background:var(--accent) !important;border:0 !important;color:var(--on-accent) !important;border-radius:var(--r-ctl) !important;font-size:1rem !important;font-weight:700 !important;letter-spacing:0 !important;min-height:52px}
.login-footer{color:var(--mut) !important}
.login-error{background:var(--bad-soft) !important;border-color:var(--bad-brd) !important;color:var(--bad) !important}

/* ───────── Профіль: тема ───────── */
.ui-theme-row{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.ui-theme-cap{font-size:0.8824rem;font-weight:600;color:var(--ink)}
.ui-theme{flex:1;display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--fill)}
.ui-theme button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:0.7647rem;font-weight:600;cursor:pointer}
.ui-theme button.on{background:var(--seg-on);box-shadow:var(--seg-shadow)}

/* ───────── полоса «Є нова версія» ───────── */
#iba-update-bar{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}

/* ═════════ ЕКРАНИ (за Sales_макет.png) ═════════ */
/* ── Маршрут (РОП / СВ): біла картка без рамки, жовтий бейдж-код, СВ-рядок білий ── */
.route-hero,.sv-hero{background:var(--card) !important;border:0 !important;border-radius:var(--r-card) !important;box-shadow:none !important}
.rh-code,.sv-mgr.rop-sv .sv-mgr-c{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}
.rh-date{color:var(--ink) !important}
.rop-team{border:0 !important;border-radius:var(--r-card) !important;box-shadow:none !important}
.sv-mgr.rop-sv{background:var(--card) !important}
.sv-mgr.rop-sv .sv-mgr-c{font-size:0.6471rem;border-radius:8px;padding:4px 8px}
.rop-prog{background:var(--fill) !important}
.sv-mgr.rop-sv{border-color:var(--sep) !important}

/* ── КК: пошук сірою «пігулкою», команди — картки з чипами ТП (макет) ── */
.kk7-tile.acc{background:var(--card) !important;border:0 !important}
.kk-search-wrap input,.tasks-search input[type=search]{background:var(--fill) !important;border:0 !important;border-radius:10px !important;color:var(--ink) !important;box-shadow:none !important}
.kk-search-wrap input::placeholder{color:var(--mut) !important}
.kk-team-wrap{background:var(--card) !important;border:0 !important;border-radius:var(--r-card) !important;box-shadow:none !important;overflow:hidden;margin-bottom:12px !important}
.kk-team-strip{display:flex !important;flex-wrap:wrap !important;gap:8px !important;padding:12px 12px 12px !important;background:transparent !important;overflow:visible !important}
.kk-team-strip > .kk-lead-tile{flex:0 0 100% !important;min-height:0 !important;flex-direction:row !important;justify-content:flex-start !important;align-items:baseline !important;gap:8px !important;background:transparent !important;border:0 !important;padding:4px 0 0 !important}
.kk-team-strip > .kk-lead-tile > div:first-child{font-size:1rem !important}
.kk-team-strip > .kk-lead-tile:after{content:"›";margin-left:auto;color:var(--mut);font-size:1.1765rem;line-height:1}
.kk-team-strip > .kk-mgr-tile,.kk-team-strip > .kk-tile{flex:0 0 calc(25% - 6px) !important;min-height:52px !important;border:0 !important;border-radius:10px !important;background:var(--fill) !important;box-shadow:none !important}
.kk6-card{border:0 !important;box-shadow:none !important;border-radius:var(--r-card) !important;background:var(--card) !important}

/* ── Картка клієнта: панель як шапка, «‹ КК» акцентом, групи-картки 14, таблиці без золота ── */
.kkl-modal{background:var(--bg) !important}
.kkl-modal-toolbar{background:var(--bg) !important;border:0 !important;box-shadow:none !important}
.kkl-modal-title{color:var(--accent-text) !important;font-weight:600 !important;font-size:1rem !important}
.kkl-modal-btn{background:var(--fill) !important;border:0 !important;color:var(--ink) !important;box-shadow:none !important;border-radius:var(--r-pill) !important}
.kkl-modal-btn.kkl-act,.kkl-modal-btn.on{background:var(--accent) !important;color:var(--on-accent) !important}
.kkl-modal-btn.kkl-close,.kkl-modal-toolbar .kkl-close{background:transparent !important;box-shadow:none !important;border:0 !important;color:var(--accent-text) !important}
.kkl-modal-body,.kkl-modal-body.no-sales{background:var(--bg) !important}
.kk-live{padding:8px 12px !important;gap:12px !important}
.kk-live .head,.kkl-light .kk-live .head{background:var(--card) !important;border:0 !important;border-radius:var(--r-card) !important;box-shadow:none !important}
.kk-live .head .logo{background:var(--accent) !important;border:0 !important;color:var(--on-accent) !important}
.kk-live .head .date{background:transparent !important;border:0 !important;color:var(--mut) !important;font-size:0.7059rem !important;padding:0 !important}
.kk-live .b,.kkl-light .kk-live .b,.kkl-light .kk-live .b.dark,.kk-live .year,.kkl-light .kk-live .year{background:var(--card) !important;border:0 !important;border-radius:var(--r-card) !important}
.kk-live .b th,.kkl-light .kk-live .b th,.kkl-light .kk-live .b.dark th{background:transparent !important;color:var(--mut) !important;border-left:0 !important;border-bottom:1px solid var(--sep) !important;font-weight:600 !important}
.kk-live .b th:first-child,.kkl-light .kk-live .b th:first-child{color:var(--mut) !important}
.kk-live .b td,.kkl-light .kk-live .b td,.kkl-light .kk-live .b.dark td{border-left:0 !important;border-top:1px solid var(--sep) !important}
.kkl-light .kk-live .b td:not([style*="color"]):not(.bad):not(.warn):not(.good):not(.pos):not(.neg){color:var(--ink)}
.kk-live .b tr.tot td,.kkl-light .kk-live .b tr.tot td{background:transparent !important;color:var(--ink) !important;font-weight:700 !important}
.kk-live .b td.bad,.kk-live .b td.warn,.kk-live .b .neg,.kk-live .f-bad,.kk-live .eq30.bad{color:var(--bad) !important;background:transparent !important}
.kk-live .b .good,.kk-live .b .pos,.kk-live .f-ok,.kk-live .eq30.ok{color:var(--ok) !important}
.kk-live .b .lim,.kk-live .b .muted,.kk-live .b .dash{color:var(--mut) !important}
.kk-live .year-head{background:transparent !important;border-bottom:1px solid var(--sep) !important;color:var(--mut) !important}

/* ── Аналітика / Кеговий відділ: таблиці в білій картці, без вертикальних ліній; сегмент «По менеджерах / По командах» ── */
.dr-wrap{border:0 !important}
.grn-card-h{background:var(--bg) !important;color:var(--mut) !important;font-size:0.7059rem !important;font-weight:600 !important;text-align:left !important;padding:4px 4px 8px !important;border:0 !important}
.dr-tbl th:not([style*="-soft"]){background:transparent !important;color:var(--mut) !important;font-weight:600 !important;border-right:0 !important;border-bottom:1px solid var(--sep) !important}
.dr-tbl td{border-right:0 !important;border-top:1px solid var(--sep) !important}
.grn-tbl tr:not(.grn-sub):not(.grn-tot):nth-of-type(even) td:not([style*="-soft"]){background:transparent !important}
.grn-tbl tr.grn-sub td:not([style*="-soft"]){background:transparent !important;border-top:1px solid var(--sep) !important;border-bottom:0 !important}
.grn-tbl tr.grn-sub td.dr-nm{border-left:0 !important}
.grn-tbl tr.grn-tot td{background:transparent !important;border:0 !important;border-top:1px solid var(--sep2) !important}
.ar-months:has(> [data-dsmode]),.ar-months:has(> [data-grnmode]){background:var(--fill) !important;border-radius:10px !important;padding:4px !important;gap:4px !important}
.ar-months:has(> [data-dsmode]) .ar-mon,.ar-months:has(> [data-grnmode]) .ar-mon{flex:1;text-align:center;border:0 !important;border-radius:8px !important;background:transparent !important;color:var(--ink) !important;font-weight:600 !important}
.ar-months:has(> [data-dsmode]) .ar-mon.on,.ar-months:has(> [data-grnmode]) .ar-mon.on{background:var(--seg-on) !important;box-shadow:var(--seg-shadow);color:var(--ink) !important}

/* ── Профіль ── */
.pf-atile{background:var(--card) !important;border:0 !important;box-shadow:none !important}
.pf-atile svg{color:var(--ink) !important}
.pf-exit{background:var(--bad-soft) !important;border:0 !important;color:var(--bad) !important}
.ui-theme-row{margin:18px 0 0}

/* ── порожні стани: іконка Sales замість емблеми IBA ── */
/* «Маршрут закритий» (ZIV 18.10.2026): жовта іконка застосунку в обох темах, 96px, squircle 22.37% */
.sales-emblem{display:block;margin:0 auto 20px;width:96px;height:96px;border-radius:22.37%;box-shadow:0 8px 24px rgba(242,190,0,.25)}
#screen-today:has(.sales-emblem){background:var(--bg) !important}
:root[data-theme="dark"] #screen-today:has(.sales-emblem){background:radial-gradient(120% 60% at 50% 105%, rgba(255,214,10,.13), transparent 60%), #0B0B0D !important}
.today-empty:has(.sales-emblem) > div + div{color:var(--wcx-mut) !important}

/* ── правки за порівнянням з макетом (ZIV 18.10.2026, пп. 1–6) ── */
.header-date span.hd-upd{color:var(--mut) !important}
/* (3) Аналітика: заголовки стовпців великими, «×0.79» праворуч акцентом */
.grn-tbl th:not(.pm-th){text-transform:uppercase;letter-spacing:.04em;font-size:0.6471rem !important}
.grn-card-h{display:flex !important;align-items:baseline;gap:8px}
.grn-card-h > span:first-child{flex:1;min-width:0}
.grn-coef{flex:0 0 auto;color:var(--gold-text);font-weight:700;text-transform:none}
/* (4) ZIV 18.10.2026: «Поділитися» і головні дії форм — суцільна жовта, текст #1B1400, без рамки, висота 50, натиснута #E6C000 (в обох темах).
   Неактивна (#ds-go / #psh-go до вибору) лишається сірою. */
button[id$="-share"],button#promo-shareall,button[data-specshare],button[data-parchshare],button[data-pshare],button[data-dzsone],
button#ds-go:not(:disabled),button#psh-go:not(:disabled),button#stk-go,button#ov-bt-go,button#act-go,
button#spe-save,button#pm-save,button#nv-save,button#mte-save,button#kt-save,button#cf-save{
  background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important;box-shadow:none !important;
  border-radius:var(--r-ctl) !important;min-height:50px;font-weight:700 !important}
button[id$="-share"]:active,button#promo-shareall:active,button[data-specshare]:active,button[data-parchshare]:active,button[data-pshare]:active,button[data-dzsone]:active,
button#ds-go:not(:disabled):active,button#psh-go:not(:disabled):active,button#stk-go:active,button#ov-bt-go:active,button#act-go:active,
button#spe-save:active,button#pm-save:active,button#nv-save:active,button#mte-save:active,button#kt-save:active,button#cf-save:active{background:var(--accent-press) !important}
button#ds-go:disabled,button#psh-go:disabled{border:0 !important;border-radius:var(--r-ctl) !important;min-height:50px}
/* (5) Профіль: бейджі без рамок */
.pf-badge,.pf-badge.gold{border:0 !important}
.pf-badge.gold{background:var(--accent) !important;color:var(--on-accent) !important}
.pf-badge:not(.gold){background:var(--fill) !important;color:var(--mut) !important}
/* (6) Профіль: аватар — жовта заливка з темним текстом (видно в обох темах) */
.pf-ava{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}

/* ── «чорні смуги»-шапки модалок (уроки, ТТ, «Написати клієнту», адмінки) → як шапка екрана ── */
.lsn-modal{background:var(--bg) !important}
.lsn-bar,.ott-bar,.wc-bar,[style*="top:0;z-index:5;background:var(--inv)"]{background:var(--bg) !important;border-bottom:0 !important}
.lsn-title,.ott-bar,.wc-bar,[style*="top:0;z-index:5;background:var(--inv)"] > div{color:var(--ink) !important}
.lsn-kicker{color:var(--mut) !important}
.lsn-back,.ott-bar button:first-of-type,.wc-bar button:first-of-type,[style*="top:0;z-index:5;background:var(--inv)"] > button{background:transparent !important;border:0 !important;color:var(--accent-text) !important}
.lsn-body{background:var(--bg)}
/* дашборд продажів: підписи на жовтих стовпчиках «зараз / рік тому» — темний текст на жовтому в обох темах */
.md-card .year .bars .br.now .sku,.md-card .year .bars .br.now .val,.md-card .year .bars .br.yoy .sku,.md-card .year .bars .br.yoy .val{color:var(--on-accent) !important}
.wc-bar .wc-title,.wc-bar [class*="title"],.ott-bar [class*="title"],.ott-bar [class*="name"],.lsn-bar [class*="title"]{color:var(--ink) !important}
/* зведена акцій: КПІ «Разом» — жовта заливка з темним текстом (рядок grn-tot прозорий, а клітинка КПІ — акцент) */
.grn-tbl tr.grn-tot td.dr-kpi{background:var(--accent) !important;color:var(--on-accent) !important}

/* ═════════ ПРОФІЛЬ за Sales_Профіль_iOS.png (як PLA / Beer Store) ═════════ */
:root{--pfx-card:#FFFFFF;--pfx-brd:rgba(0,0,0,.04);--pfx-sep:rgba(60,60,67,.18);--pfx-exit:#B42318;--pfx-press:rgba(118,118,128,.12);--pfx-bg:#F2F2F7}
:root[data-theme="dark"]{--pfx-card:#1C1C1E;--pfx-brd:rgba(255,255,255,.08);--pfx-sep:rgba(84,84,88,.65);--pfx-exit:#FF6961;--pfx-press:rgba(255,255,255,.08);
  --pfx-bg:radial-gradient(120% 60% at 50% 105%, rgba(255,214,10,.13), transparent 60%), #0B0B0D}
#screen-profile{background:var(--pfx-bg) !important}
#screen-profile .header,#screen-profile .content{background:transparent !important}
/* заголовок по центру 17/600; рядок «дата · проведено · оновл.» — дрібно сірим під ним */
#screen-profile .header{justify-content:center !important;padding-bottom:4px !important}
#screen-profile .header .brand{flex:0 0 100%;justify-content:center}
#screen-profile .header .brand-name{font-size:1rem !important;font-weight:600 !important;letter-spacing:0 !important;text-align:center}
#screen-profile .header-date{text-align:center !important;font-size:0.6471rem}
#screen-profile .header-date b,#screen-profile .header-date span{font-size:0.6471rem !important}
.pfx{display:flex;flex-direction:column;gap:16px;padding:4px 0 8px}
.pfx-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px}
.pfx .pf-ava{width:96px !important;height:96px !important;border-radius:50% !important;font-family:var(--font) !important;font-size:2rem !important;font-weight:700 !important;
  background:#FFD60A !important;color:#1B1400 !important;border:0 !important;display:flex;align-items:center;justify-content:center}
.pfx-card{margin:0 16px;border-radius:14px;border:1px solid var(--pfx-brd);background:var(--pfx-card);overflow:hidden}
.pfx-row{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;box-sizing:border-box;background:transparent;border:0;margin:0;
  font:inherit;font-size:1rem;font-weight:400;color:var(--ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;position:relative}
.pfx-row:focus,.pfx-row:focus-visible{outline:none}
.pfx-row:active:not(.pfx-static){background:var(--pfx-press)}
.pfx-row + .pfx-row:before{content:"";position:absolute;left:16px;right:0;top:0;height:0.5px;background:var(--pfx-sep)}
.pfx-static{cursor:default}
.pfx-t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pfx-v{flex:0 1 auto;min-width:0;color:var(--mut);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.pfx-v-ink{color:var(--ink)}
.pfx-go{flex:0 0 auto;color:var(--mut);font-size:1.2941rem;line-height:1;margin-left:2px}
.pfx-sec{margin:6px 32px -6px;font-size:0.7647rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--mut)}
.pfx .pf-badges{display:flex;gap:8px;justify-content:flex-end;align-items:center;overflow:visible;margin:0 !important}
.pfx .pf-badge{font-size:0.6471rem !important;padding:4px 8px !important;border-radius:999px !important;letter-spacing:.04em}
.pfx .pf-badge.gold{background:#FFD60A !important;color:#1B1400 !important;border:0 !important}
.pfx .pf-badge:not(.gold){background:var(--fill) !important;color:var(--mut) !important;border:1px solid var(--sep2) !important}
.pfx-exit{justify-content:center;text-align:center;color:var(--pfx-exit);font-weight:600}
.pfx-ver{text-align:center;font-size:0.7059rem;color:var(--mut);margin-top:-2px}
/* аркуш вибору теми */
.pfx-sheet-ov{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center}
.pfx-sheet{width:min(440px,100%);display:flex;flex-direction:column;gap:12px;padding:0 0 calc(16px + env(safe-area-inset-bottom,0px))}
.pfx-sheet .pfx-card{background:var(--card)}
.pfx-sheet-h{justify-content:center;min-height:40px;color:var(--mut);font-size:0.7647rem;font-weight:600}
.pfx-check{color:var(--accent-text);font-weight:700}
.pfx-cancel{justify-content:center;font-weight:600;color:var(--accent-text)}
#profile-content.profile-wrap{padding-left:0 !important;padding-right:0 !important}   /* картки — рівно 16px від краю, як у макеті */

/* ZIV 18.10.2026 «без піску»: невибрані пілюлі — системний сірий з нейтральною рамкою (вибрані — жовті, вище);
   у шторках «Поділитися» «Всі / Зняти» і рядок-підсумок над кнопкою — сірі без рамки */
.ar-mon:not(.on){background:var(--quiet) !important;border-color:var(--sep) !important}
button[data-dsall],button[data-dsnone],button[data-dsmall],button[data-dsmnone],button#psh-all,button#psh-none{
  background:var(--quiet) !important;border:0 !important;border-radius:var(--r-pill) !important;min-height:32px}
div:has(+ button#ds-go){background:var(--quiet) !important;border:0 !important;border-radius:var(--r-ctl) !important}

/* ── ZIV 18.10.2026 «жовта дія, без піску» (друга хвиля) ──
   Правило: головна дія / вибраний / поточний = --accent + --on-accent без рамки; вторинне, інфо, підсумок = --quiet; рамки нейтральні. */
/* фокус: без браузерної синьої рамки; натиснуте — мʼякий фон */
*:focus,*:focus-visible{outline:none !important}
*{-webkit-tap-highlight-color:transparent}
.ar-mon:not(.on):active,.wc-var:not(.sel):active,.sv-cattab:not(.on):active,.sv-cnt-b:active,.pfx-row:active,.wc-btn.wc-copy:active{background:var(--fill2) !important}

/* вибрані стани (були піском) */
.wc-var.sel,.sv-cattab.on,.kk6-tile.on:not(.kk6-warn),.meet-day-b.on,.sv-wday.on,.sv-vtoggle button.on,.mr-svadd-dt.on,.rp-day.on,.today-task-btn.active.t-part{
  background:var(--accent) !important;border-color:var(--accent) !important;color:var(--on-accent) !important;box-shadow:none !important}
.kk6-tile.on:not(.kk6-warn) .n,.kk6-tile.on:not(.kk6-warn) .l{color:var(--on-accent) !important}
.own-sup[style*="background:var(--accent)"] *,.own-cat[style*="background:var(--accent)"] *{color:var(--on-accent) !important}
.wc-var:not(.sel):not(.off){background:var(--quiet) !important;border:1px solid var(--sep) !important}
.sv-cattab:not(.on){background:var(--quiet) !important;border:1px solid var(--sep) !important;color:var(--ink) !important}

/* «Надіслати клієнту» — головна жовта, літачок #1B1400; «Копіювати» поруч — сіра; «+ Додати» (Фото точки) — жовта */
.wc-btn.wc-share{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important;box-shadow:none !important;height:50px;border-radius:var(--r-ctl) !important}
.wc-btn.wc-share:active{background:var(--accent-press) !important;transform:none}
.wc-btn.wc-share svg{color:var(--on-accent);stroke:currentColor}
.wc-btn.wc-copy{background:var(--quiet) !important;border:0 !important;color:var(--ink) !important;height:50px;border-radius:var(--r-ctl) !important}
.vp-add{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}
.vp-add:active{background:var(--accent-press) !important}

/* «Продажі за рік»: поточний місяць — суцільний жовтий, решта темні */
.kk-live .year .bars .br.cur,.kkl-light .kk-live .year .bars .br.cur{background:var(--accent) !important;border:0 !important}
.kk-live .year .bars .br.cur .sku,.kk-live .year .bars .br.cur .val,.kkl-light .kk-live .year .bars .br.cur .sku,.kkl-light .kk-live .year .bars .br.cur .val{color:var(--on-accent) !important}

/* «Історія відвідувань»: замість золотої лінії — нейтральний розділювач 0.5px */
.kkl-modal .kkl-visits-hdr{border-bottom:.5px solid var(--sep2) !important}

/* «Стор-чек» (і модалка задач ТТ — той самий каркас): шапка на всю ширину, тло = тло екрана, safe-area, заголовок 17/600 */
.tt-task-modal{background:var(--bg) !important}
.tt-task-modal-bar{background:var(--glass) !important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border:0 !important;border-radius:0 !important;width:100% !important;box-sizing:border-box;box-shadow:none !important;
  padding:calc(8px + env(safe-area-inset-top, 0px)) 8px 8px !important;border-bottom:.5px solid var(--sep) !important}
.tt-task-modal-title{font-size:1rem !important;font-weight:600 !important;text-align:center;color:var(--ink) !important}
.tt-task-modal-back{color:var(--ink) !important}
.tt-task-modal-done{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}
.sv-panel{background:var(--card) !important;border:1px solid var(--sep) !important}
.sv-cnt-row{border-bottom:.5px solid var(--sep) !important}
.sv-cnt-row.big,.sv-cnt-row.big.our,.sv-cnt-row.big.chuzhi{background:var(--card) !important;border:1px solid var(--sep) !important}
.sv-cnt-row.big.our .sv-cnt-nm{color:var(--ink) !important}
.sv-cnt-b,.sv-cnt-b.plus{background:var(--quiet) !important;border:0 !important;color:var(--ink) !important}
.sv-add-comp{color:var(--mut) !important;border-top:1px dashed var(--sep2) !important}
.sv-sc-total{background:var(--quiet) !important;border:0 !important}
.sv-sc-total .bad,.sv-cnt-row.big.chuzhi .sv-cnt-nm{color:#B42318 !important}
:root[data-theme="dark"] .sv-sc-total .bad,:root[data-theme="dark"] .sv-cnt-row.big.chuzhi .sv-cnt-nm{color:#FF6961 !important}
.sv-open-route[data-scact="save"],.sv-open-route[data-act="sc-save"]{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important;min-height:50px;border-radius:var(--r-ctl) !important}
.sv-open-route[data-scact="save"]:active,.sv-open-route[data-act="sc-save"]:active{background:var(--accent-press) !important}

/* Профіль: у рядку під заголовком без «✓ проведено» (на інших екранах лишається) */
#screen-profile .header-date span.hd-posted{display:none !important}
/* кнопки «i» (довідка) у шапках — однаково нейтральні на всіх екранах (в Аналітиці була золотисто-коричнева) */
button[id$="-help-btn"],button[id$="-help"]{color:var(--ink) !important;border-color:var(--sep2) !important}

/* ── «Написати клієнту» в дизайні Apple (ZIV 18.10.2026, еталон Sales_Написати_клієнту_ДЗ_iOS.png) ── */
:root{--wcx-sep:rgba(60,60,67,.18);--wcx-red:#B42318;--wcx-quiet:rgba(118,118,128,.12);--wcx-mut:#636366}
:root[data-theme="dark"]{--wcx-sep:rgba(84,84,88,.65);--wcx-red:#FF6961;--wcx-quiet:rgba(255,255,255,.10);--wcx-mut:#A1A1A6}
/* картинка для клієнта — завжди світла, незалежно від теми застосунку */
.wcx-light{--card:#FFFFFF;--card2:#F2F2F7;--bg:#FFFFFF;--ink:#1C1C1E;--ink2:#3A3A3C;--mut:#636366;--sep:rgba(60,60,67,.16);--sep2:rgba(60,60,67,.30);
  --fill:rgba(118,118,128,.12);--fill2:rgba(118,118,128,.22);--bad:#B42318;--ok:#1A6B3C;--gold-text:#636366;--on-fill:#636366;
  --wcx-sep:rgba(60,60,67,.18);--wcx-red:#B42318;--wcx-quiet:rgba(118,118,128,.12);--wcx-mut:#636366;
  --task-soft:rgba(255,214,10,.22);--task-brd:rgba(255,214,10,.65);--task-item-brd:rgba(255,214,10,.55);color-scheme:light}
.wcx{background:var(--card);border:1px solid var(--sep);border-radius:14px;padding:20px 16px 16px;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}
.wcx-light .wcx{padding-bottom:12px}
.wcx-name{font-size:1.1765rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.wcx-addr{font-size:0.7647rem;color:var(--wcx-mut);margin-top:3px;line-height:1.35}
.wcx-hr{height:.5px;background:var(--wcx-sep);margin:14px 0}
.wcx-sum{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wcx-sum-l{min-width:0}
.wcx-cap{font-size:0.7059rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wcx-mut)}
.wcx-sub{font-size:0.7647rem;color:var(--wcx-mut);margin-top:3px;line-height:1.35}
.wcx-red{color:var(--wcx-red) !important;font-weight:700}
.wcx-ink{color:var(--ink);font-weight:700}
.wcx-big{font-size:2rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1}
.wcx-big small{font-size:0.8824rem;font-weight:600;color:var(--wcx-mut);margin-left:3px;letter-spacing:0}
.wcx-sec{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:0.7647rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wcx-mut);padding:8px 0 4px}
.wcx-sec b{font-weight:700;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums}
.wcx-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--wcx-sep)}
.wcx-row .l{min-width:0;font-size:0.8824rem;color:var(--ink);line-height:1.3}
.wcx-row .s{display:block;font-size:0.7647rem;font-weight:600;color:var(--wcx-red);margin-top:2px}
.wcx-row .r{font-size:1rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.wcx-row.red .r{color:var(--wcx-red)}
.wcx-tot{margin-top:4px}
.wcx-tot .wcx-row{border-bottom:0;padding:8px 0}
.wcx-tot .wcx-row .l,.wcx-tot .wcx-row .r{font-size:0.8824rem;font-weight:600}
.wcx-tot .wcx-row.red .l{color:var(--wcx-red)}
.wcx-ask{background:var(--wcx-quiet);border-radius:14px;padding:16px 16px;margin-top:14px;font-size:0.8824rem;line-height:1.5;color:var(--ink);font-weight:400}
.wcx-ask b{font-weight:inherit}
.wcx-ask span[style*="color:var(--bad)"]{color:var(--wcx-red) !important;font-size:inherit !important;font-weight:700 !important}
.wcx-ask span[style*="color:var(--ink)"]{font-weight:700 !important}
/* таблиці (Обладнання, Тара, Акт звірки): без плашок і лівих смуг, лише розділювачі 0.5px */
.wcx-tblw{margin:0 -2px}
.wcx-tbl tr{background:transparent !important;border-top:.5px solid var(--wcx-sep) !important}
.wcx-tbl tr:first-child{border-top:0 !important}
.wcx-tbl th{background:transparent !important;font-size:0.6471rem !important;font-weight:600 !important;color:var(--wcx-mut) !important;letter-spacing:.04em;text-transform:uppercase}
.wcx-tbl td{border-left:0 !important;font-size:0.7647rem !important}
.wcx-tbl td:first-child{font-weight:500 !important}
/* загальне в картці: червоне — #B42318/#FF6961, золото/коричневе — сіре, без кольорових плашок */
.wcx [style*="color:var(--bad)"]{color:var(--wcx-red) !important}
.wcx [style*="color:var(--gold-text)"],.wcx [style*="color:var(--on-fill)"]{color:var(--wcx-mut) !important}
.wcx [style*="border-left:3px"]{border-left:0 !important}
/* «Забір» — рядки з розділювачами, нижні блоки — одна мʼяка сіра плашка */
.wcx-pick > div:first-child{font-size:0.7647rem !important;font-weight:600 !important;color:var(--wcx-mut) !important;letter-spacing:.04em;border-bottom:0 !important;padding-bottom:4px !important;margin-bottom:6px !important}
.wcx-pick > div[style*="justify-content:space-between"]{background:transparent !important;border:0 !important;border-bottom:.5px solid var(--wcx-sep) !important;border-radius:0 !important;padding:12px 0 !important;margin:0 !important}
.wcx-pick > div[style*="border-top"]{background:var(--wcx-quiet) !important;border:0 !important;border-radius:14px !important;margin:12px 0 0 !important;padding:16px 16px !important}
/* екран: шапка по центру 17/600, чіпи, картка з відступом 16, кнопки 56 / радіус 16 знизу */
.wc-bar{justify-content:center;position:relative}
.wc-bar .hdr-cap{display:flex;align-items:center;justify-content:center;width:100%}
.wc-bar .wc-back{position:absolute;left:8px}
.wc-bar .wc-title{font-size:1rem !important;font-weight:600 !important;color:var(--ink) !important;text-align:center}
.wc-body{padding-left:16px !important;padding-right:16px !important}
.wc-vars{margin:0 -16px 14px !important;padding:0 16px !important;gap:8px !important}
.wc-var{height:36px !important;padding:0 16px !important;font-size:0.8824rem !important;font-weight:500 !important;border-radius:999px !important}
.wc-var:not(.sel):not(.off){background:var(--wcx-quiet) !important;border:0 !important;color:var(--ink) !important}
.wc-var.sel{font-weight:600 !important}
.wcx-screen .wcx{box-shadow:none}
.wc-out > .wc-actions{position:sticky;bottom:0;margin:16px -16px 0;padding:12px 16px var(--tab-gap);gap:12px;z-index:1;background:var(--bg)}
.wc-btn.wc-share{height:56px !important;border-radius:14px !important;font-size:1rem !important;font-weight:600 !important}
.wc-btn.wc-copy{flex:0 0 56px !important;width:56px;height:56px !important;border-radius:14px !important;background:var(--wcx-quiet) !important}
/* автотест: #FF6961 на плашці .10 у темній = 4.49 → плашка тексту повідомлення .09 (4.67) */
:root[data-theme="dark"] .wcx-ask{background:rgba(255,255,255,.09)}
.wcx-tbl{table-layout:auto}
.wcx-tbl th:nth-child(2),.wcx-tbl th:nth-child(3){white-space:nowrap}
.wcx-tbl th,.wcx-tbl td{padding-left:4px !important;padding-right:4px !important}
.wcx-tbl th:first-child,.wcx-tbl td:first-child{padding-left:0 !important}
.wcx-tbl th{font-size:0.6471rem !important;letter-spacing:.02em !important;line-height:1.2}
.wc-bar button.wc-back.wc-back{color:var(--ink) !important;font-size:2rem !important}
:root .wcx-light .wcx-ask{background:rgba(118,118,128,.12)}   /* картинка завжди світла — перебиває темне правило вище */
#screen-today:has(.sales-emblem) > .content,#screen-today:has(.sales-emblem) > .header{background:transparent !important}   /* інакше суцільне тло ховає сяйво */
:root[data-theme="dark"] .wcx-pick > div[style*="border-top"]{background:rgba(255,255,255,.09) !important}   /* «Забір»: червоне 210 ₴ на .10 = 4.49 */
:root .wcx-light .wcx-pick > div[style*="border-top"]{background:rgba(118,118,128,.12) !important}

/* ── КК: список клієнтів менеджера/команди в дизайні Apple (ZIV 18.10.2026, еталон Sales_КК_iOS.png + фільтри варіант A) ──
   Лише оформлення: ті самі елементи й обробники (data-kklf, data-act, data-tt). Кореневий екран КК не чіпаємо (:has(.kk6-tiles)). */
:root{--kkx-brd:rgba(0,0,0,.05);--kkx-green:#1B7B33}
:root[data-theme="dark"]{--kkx-brd:rgba(255,255,255,.10);--kkx-green:#32D74B}
:root[data-theme="dark"] #screen-kk:has(.kk6-tiles){background:radial-gradient(120% 60% at 50% 105%, rgba(255,214,10,.10), transparent 60%), #0B0B0D !important}
#screen-kk:has(.kk6-tiles) > .content,#screen-kk:has(.kk6-tiles) > .header{background:transparent !important}
/* шапка: ‹ зліва, «КК» по центру 17/600, рядок дати по центру 12px */
#screen-kk:has(.kk6-tiles) .header{position:relative;display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important}
#screen-kk:has(.kk6-tiles) .header .brand{flex:0 0 100% !important;width:100% !important;display:flex !important;justify-content:center !important;position:relative;min-height:36px;align-items:center}
#screen-kk:has(.kk6-tiles) .header .brand > svg{display:none !important}
#screen-kk:has(.kk6-tiles) .hdr-scr{display:flex;align-items:center;justify-content:center;width:100%}
#screen-kk:has(.kk6-tiles) #kk-header-back{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--ink) !important}
#screen-kk:has(.kk6-tiles) .brand-name{font-size:1rem !important;font-weight:600 !important;letter-spacing:0 !important;text-align:center}
#screen-kk:has(.kk6-tiles) .brand-sub{display:none !important}
#screen-kk:has(.kk6-tiles) .header-date{flex:0 0 100% !important;width:100%;text-align:center !important;font-size:0.7059rem;margin-top:0 !important}
#screen-kk:has(.kk6-tiles) .header-date b,#screen-kk:has(.kk6-tiles) .header-date span{font-size:0.7059rem !important;font-weight:400 !important;color:var(--wcx-mut) !important}
#screen-kk:has(.kk6-tiles) .header-date span.hd-posted.ok{color:var(--kkx-green) !important;font-weight:600 !important}
#screen-kk:has(.kk6-tiles) .header-date span.hd-posted.warn{color:var(--wcx-red) !important;font-weight:600 !important}
/* порядок: пошук → фільтри → рядок секції → список */
#kk-content:has(> .kk6-tiles){display:flex;flex-direction:column}
#kk-content:has(> .kk6-tiles) > *{order:5;flex-shrink:0}
#kk-content:has(> .kk6-tiles) > .kk-search-wrap{order:1}
#kk-content:has(> .kk6-tiles) > .kk6-tiles{order:2}
#kk-content:has(> .kk6-tiles) > .kk6-tiles + div{order:3}
#kk-content:has(> .kk6-tiles) > #kk-feed-list{order:4}
/* пошук: iOS-рядок 38px, радіус 12, без рамки */
#kk-content:has(> .kk6-tiles) > .kk-search-wrap{margin:6px 16px 12px !important}
#kk-content:has(> .kk6-tiles) .kk-search-wrap input{height:38px !important;border-radius:12px !important;font-size:1rem !important;background:var(--wcx-quiet) !important}
#kk-content:has(> .kk6-tiles) .kk-search-wrap input::placeholder{color:var(--wcx-mut) !important}
/* фільтри — один сегмент: доріжка 60px, padding 3, 5 рівних комірок; вибраний — жовтий r10 */
.kk6-tiles{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:0 !important;height:60px;padding:4px;margin:0 16px 14px !important;background:var(--wcx-quiet);border-radius:12px;box-sizing:border-box}
.kk6-tile,.kk6-tile.on,.kk6-tile.kk6-warn,.kk6-tile.kk6-warn.on{height:auto !important;min-width:0;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;padding:4px 4px !important;gap:0px !important}
.kk6-tile .n{font-size:1rem !important;font-weight:700 !important;color:var(--ink) !important;line-height:1.1 !important;font-family:var(--font) !important}
.kk6-tile .l{font-size:0.6471rem !important;font-weight:500 !important;color:var(--wcx-mut) !important;white-space:normal !important;text-align:center;line-height:1.1 !important;overflow-wrap:anywhere}
.kk6-tile.kk6-warn:not(.on) .n,.kk6-tile:not(.on) .n.warn{color:var(--wcx-red) !important}
.kk6-tile.on,.kk6-tile.kk6-warn.on{background:var(--accent) !important}
.kk6-tile.on .n,.kk6-tile.on .l,.kk6-tile.on .n.warn{color:var(--on-accent) !important}
.kk6-tile:active{transform:none !important}
.kk6-tile:not(.on):active{background:var(--fill2) !important}
/* рядок секції «B1 … 97 карток» */
#kk-content > .kk6-tiles + div{padding:0 32px !important;margin:0 0 6px !important;display:flex;justify-content:space-between;align-items:baseline}
#kk-content > .kk6-tiles + div,#kk-content > .kk6-tiles + div span{font-size:0.7647rem !important;font-weight:500 !important;letter-spacing:.04em;text-transform:uppercase;color:var(--wcx-mut) !important;border:0 !important;background:none !important}
#kk-content > .kk6-tiles + div span{padding:0 !important}
/* список — одна картка r22, рядки з розділювачем 0.5px від 16px */
#kk-content:has(> .kk6-tiles) #kk-feed-list{margin:0 16px 16px;background:var(--card);border:1px solid var(--kkx-brd);border-radius:14px;overflow:hidden;padding:0}
#kk-feed-list .kk6-card{position:relative;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:12px 16px 12px 16px !important;min-height:76px;box-sizing:border-box;gap:12px}
#kk-feed-list .kk6-card + .kk6-card:before{content:"";position:absolute;left:16px;right:0;top:0;height:.5px;background:var(--wcx-sep)}
#kk-feed-list .kk6-card:active{background:var(--fill) !important}
.kk6-name{font-size:1rem !important;font-weight:600 !important;letter-spacing:-.01em;color:var(--ink) !important}
.kk6-addr{font-size:0.7647rem !important;font-weight:400 !important;color:var(--wcx-mut) !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;margin-top:1px !important}
.kk6-chips{gap:4px 12px !important;margin-top:3px !important;flex-wrap:wrap}
/* статуси (span) — текстом: червоне «не в маршруті / без продажів / задачі», сіре «на СБ» */
.kk6-chip{border:0 !important;background:none !important;height:auto !important;line-height:1.35 !important;padding:0 !important;border-radius:8px !important;font-size:0.7059rem !important;font-weight:400 !important;color:var(--wcx-mut) !important}
span.kk6-chip.c-red{color:var(--wcx-red) !important;font-weight:600 !important}
span.kk6-chip.c-red svg{color:var(--wcx-red)}
/* дії СВ/РОП (button: «маршрут: Вт», «× не в маршрут», «на СБ», «↩ …») — теж текстом, але сірим: це кнопки, не статус */
button.kk6-chip{cursor:pointer;margin:-3px -4px !important;padding:4px 4px !important}
button.kk6-chip:active{background:var(--fill2) !important}
.kk6-right{flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;align-self:center !important}
.kk6-time{font-size:0.7647rem !important;color:var(--wcx-mut) !important}
.kk6-arr{font-size:0 !important;width:8px;height:13px;color:var(--wcx-mut)}
.kk6-arr:before{content:"";display:block;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);margin-top:3px;opacity:.6}
/* картка з простроченими задачами — без червоної обводки в груповому списку (червоне «задачі» лишається) */
#kk-feed-list .kk6-card[style*="box-shadow"]{box-shadow:none !important}
/* КК-рядок, доповнення (ZIV 18.10.2026): без часу й «›»; дії кружками 32px праворуч угорі (hit-area 40); під адресою лише статуси 12.5 */
:root{--kkx-btn:rgba(118,118,128,.12);--kkx-btn2:rgba(118,118,128,.22)}
:root[data-theme="dark"]{--kkx-btn:rgba(255,255,255,.12);--kkx-btn2:rgba(255,255,255,.20)}
#kk-feed-list .kk6-card{align-items:flex-start !important;min-height:64px !important;padding:12px 12px 12px 16px !important}
.kk6-acts{flex:0 0 auto;display:flex;gap:8px;align-items:center;margin-top:1px}
.kk6-act{position:relative;height:32px;min-width:32px;padding:0 12px;border:0;border-radius:14px;background:var(--kkx-btn);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font);font-size:0.7647rem;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kk6-act:before{content:"";position:absolute;inset:-4px}           /* зона натискання 40×40 */
.kk6-act:active{background:var(--kkx-btn2)}
.kk6-act-x,.kk6-act-sb,.kk6-act-route.add{width:32px;padding:0}
.kk6-act-sb{font-size:0.7059rem;letter-spacing:.02em}
.kk6-act-sb.on{background:var(--accent);color:var(--on-accent)}
.kk6-act-sb.on:active{background:var(--accent-press)}
.kk6-act svg{flex:0 0 auto}
#kk-feed-list .kk6-name{margin-top:2px}
.kk6-chips span.kk6-chip{font-size:0.7647rem !important}
/* ZIV 18.10.2026 (скрін): назва має влазити — кружки лишаються праворуч від назви, довга назва переноситься на наступний рядок (без «…») */
#kk-feed-list .kk6-name{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;line-height:1.25}
/* ZIV 18.10.2026 (2-й скрін): обрізалась адреса — адреса до 2 рядків (разом із назвою = 3 рядки), далі «…»; кружки праворуч як були */
#kk-feed-list .kk6-addr{white-space:normal !important;overflow:hidden !important;text-overflow:clip !important;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}

/* ── Спецзадачі / задачі СВ-РОП у дизайні Apple (ZIV 18.10.2026, після релізу 01.00.00) ──
   Одна картка r22: шапка + таблиця всередині, лише лінії 0.5px. Сірий капс, жовтий «Поділитися», сіра корзина. */
:root{--stx-pill:rgba(118,118,128,.12)}
:root[data-theme="dark"]{--stx-pill:rgba(255,255,255,.12)}
.wcx-light{--stx-pill:rgba(118,118,128,.12);--kkx-brd:rgba(0,0,0,.05);--kkx-green:#1B7B33}
.stx{background:var(--card);border:1px solid var(--kkx-brd);border-radius:14px;overflow:hidden;font-family:var(--font);color:var(--ink)}
.stx-head{padding:16px 16px 12px}
.stx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.stx-cap{font-size:0.7059rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--wcx-mut);line-height:1.35}
.stx-at{font-size:0.7059rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--wcx-mut)}
.stx-pill{flex:0 0 auto;background:var(--stx-pill);color:var(--ink);font-size:0.7647rem;font-weight:600;border-radius:999px;padding:4px 12px;white-space:nowrap}
.stx-name{font-size:1.1765rem;font-weight:700;line-height:1.25;margin-top:6px;color:var(--ink);letter-spacing:-.01em}
.stx-done{font-size:0.8824rem;font-weight:600;margin-top:4px;color:var(--ink)}
.stx-tbl{width:100%;border-collapse:collapse;border-top:.5px solid var(--wcx-sep);font-variant-numeric:tabular-nums}
.stx-tbl th{font-size:0.7059rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--wcx-mut);padding:12px 8px 8px;text-align:center;background:none;border:0}
.stx-tbl th:first-child,.stx-tbl td:first-child{text-align:left;padding-left:16px}
.stx-tbl th:last-child,.stx-tbl td:last-child{text-align:right;padding-right:16px}
.stx-tbl td{font-size:0.8824rem;font-weight:500;color:var(--ink);padding:8px 8px;text-align:center;border-top:.5px solid var(--wcx-sep);background:none}
.stx-tbl td.dr-nm{font-weight:600}
.stx-tbl .stx-b{font-weight:700}
.stx-tbl .stx-g,.stx .stx-g{color:var(--kkx-green) !important;font-weight:700}
.stx-tbl .stx-r,.stx .stx-r{color:var(--wcx-red) !important;font-weight:700}
.stx-tbl .stx-m{color:var(--wcx-mut)}
.stx-tbl tfoot td{font-weight:700;border-top:.5px solid var(--wcx-sep);background:none}
.stx-note{font-size:0.6471rem;color:var(--wcx-mut);padding:8px 16px 12px;border-top:.5px solid var(--wcx-sep)}
.stx-img{width:380px;box-sizing:border-box}
.stx-acts{display:flex;gap:12px;margin-top:10px}
.stx-share{flex:1;height:56px;border:0;border-radius:14px;background:var(--accent);color:var(--on-accent);font-size:1rem;font-weight:600;font-family:var(--font);cursor:pointer}
.stx-share:active{background:var(--accent-press)}
.stx-del{flex:0 0 56px;width:56px;height:56px;border:0;border-radius:14px;background:var(--stx-pill);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.stx-del:active{background:var(--fill2)}
/* задачі на менеджера в маршруті (від РОП / СВ / спецзадачі): біла картка, без рожевої заливки й лівої смуги */
.mtask,.mtask.mtask-by-rop,.mtask.mtask-by-sv{background:var(--card) !important;border:1px solid var(--kkx-brd) !important;border-left-width:1px !important;border-radius:14px !important}
.mtask .mtask-from,.mtask.mtask-by-rop .mtask-from,.mtask.mtask-by-sv .mtask-from{font-size:0.7059rem !important;font-weight:600 !important;letter-spacing:.05em !important;color:var(--wcx-mut) !important}
.mtask .mtask-dates,.mtask.mtask-by-rop .mtask-dates,.mtask.mtask-by-sv .mtask-dates{background:var(--stx-pill) !important;border:0 !important;border-radius:999px !important;color:var(--ink) !important;font-size:0.7647rem !important;font-weight:600 !important;padding:4px 12px !important}
.mtask .mtask-go{color:var(--wcx-mut) !important}
.mtask .mtask-cmt,.mtask.mtask-by-rop .mtask-cmt{color:var(--wcx-mut) !important}
.mtask .mtask-cmt b{color:var(--ink) !important}
.mtask-spec-done > div[style*="accent-brd"]{background:var(--stx-pill) !important;border:0 !important;color:var(--ink) !important}
.stk-item{border:0 !important;border-top:.5px solid var(--wcx-sep) !important;border-radius:0 !important;padding:12px 0 !important;margin:0 !important;background:none !important}
.stk-pct{font-weight:600 !important}
/* строки задач: «прострочено N днів» — червоний текст без плашки; «сьогодні» — сіра пілюля; прострочена картка — тонка червона рамка */
.mtask-dl,.mtask.mtask-by-rop .mtask-dl,.mtask.mtask-by-sv .mtask-dl,.tt-task-dl{border:0 !important;border-radius:999px !important;font-size:0.7059rem !important;font-weight:600 !important;padding:4px 8px !important}
.mtask-dl.dl-soon,.tt-task-dl.dl-soon{background:var(--stx-pill) !important;color:var(--ink) !important}
.mtask-dl.dl-over,.tt-task-dl.dl-over,.mtask.mtask-by-rop .mtask-dl.dl-over,.mtask.mtask-by-sv .mtask-dl.dl-over{background:none !important;color:var(--wcx-red) !important;padding-left:4px !important}
.mtask.mtask-over{border:1px solid var(--wcx-red) !important;box-shadow:none !important}
.mtask.mtask-soon{box-shadow:none !important}
/* «не зробив» у спецзадачі — сіра пілюля з червоним текстом; вибрано — суцільний червоний */
.stk-chip-nd{border:0 !important;background:var(--stx-pill) !important;color:var(--wcx-red) !important;font-weight:600 !important;border-radius:999px !important}
.stk-chip-nd.on{background:var(--wcx-red) !important;color:#FFFFFF !important}
.stk-chip{border:0 !important;border-radius:10px !important}
.stk-chip:not(.on):not(.stk-chip-add):not(.stk-chip-nd){background:var(--stx-pill) !important}
:root[data-theme="dark"] .stk-chip-nd:not(.on){background:rgba(255,255,255,.06) !important}   /* автотест: #FF6961 на .12 = 4.20 → .06 = 5.1 */

/* 01.00.01 (ZIV 18.10.2026): нижня панель опущена до ≈10px над краєм; усе, що стояло над нею, — слідом */
.wc-body{padding-bottom:0 !important}
[style*="bottom:calc(84px + env(safe-area-inset-bottom,0px))"]{bottom:calc(var(--tab-h) + var(--tab-gap) + 8px) !important}

/* ── 01.00.02 (ZIV 18.10.2026, за повною перевіркою) ── */
/* (1) кнопка «i» (довідка) на Маршруті — прибрано */
#route-help-btn,#ana-help-btn{display:none !important}   /* і на Аналітиці (ZIV) */
/* (2) «Дашборд продажів»: закріплена картка KPI — суцільне тло (раніше напівпрозорий градієнт просвічував при прокрутці) */
.md-herocard{background:var(--card) !important;border:1px solid var(--kkx-brd) !important;box-shadow:0 1px 0 var(--sep) !important}
/* (3) «Задачі СВ/РОП»: вибрана вкладка (В роботі / Прострочені / Архів) — жовта, увесь текст і лічильник темні */
.kk-mgr-tile[data-sttab][style*="accent-soft"]{background:var(--accent) !important;border-color:var(--accent) !important}
.kk-mgr-tile[data-sttab][style*="accent-soft"] div{color:var(--on-accent) !important}
/* (5) проблемні плитки й мітки: біле/темне тло картки, нейтральна рамка, червоне — лише цифра/текст */
.kk-tile.tile-red,.kk7-tile.redt{background:var(--card) !important;border-color:var(--kkx-brd) !important;border-top-color:var(--kkx-brd) !important}
.tp-head-kpi.v-bad,.md-chip.bad{border-color:var(--kkx-brd) !important}
/* (3) і в пілюлях: усе всередині вибраної жовтої пілюлі (лічильник «Прострочені 14» тощо) — темне */
.ar-mon.on *,.wc-var.sel *,.sv-cattab.on *{color:var(--on-accent) !important}
/* ── 01.00.03 (ZIV 18.10.2026, скрін «Бурмакова»): плитка точки в маршруті — одна картка, шапка без своєї рамки й градієнта ── */
#today-content .today-tile-v2{border:1px solid var(--kkx-brd) !important;border-radius:14px !important;box-shadow:none !important}
#today-content .today-tile-v2 .tt-summary{background:var(--card) !important;border:0 !important;border-radius:14px 14px 0 0 !important;border-bottom:.5px solid var(--wcx-sep) !important;padding:12px 12px 12px !important}
#today-content .today-tile-v2 .tt-add-task{background:var(--stx-pill) !important;border:0 !important;border-radius:10px !important;color:var(--ink) !important}
#today-content .today-tile-v2 .tt-reopen{color:var(--wcx-mut) !important}
#today-content .tt-card-body{padding:12px 12px 12px !important}
#today-content .tt-task-line{background:var(--quiet) !important;border:0 !important;border-radius:12px !important}
#today-content .tt-task-line.tp-done,#today-content .tt-task-line.tp-part{background:var(--quiet) !important;border:0 !important}
#today-content .tt-card-total{background:var(--quiet) !important;border:0 !important;border-radius:12px !important;color:var(--wcx-mut) !important}
#today-content .tt-card-total.zero{background:var(--quiet) !important;border:0 !important;color:var(--wcx-red) !important}
#today-content .tt-ico-btn:not(.on){background:var(--quiet) !important;border:0 !important;box-shadow:none !important}
/* ── 01.00.07 (ZIV 18.10.2026, «Макети IBA» → Таблиці → варіант 2): УСІ таблиці продажів, акцій і допки (.grn-tbl, .dt-tbl)
   01.00.08 (варіант 1): команди (A/B/D/H) — мʼякий жовтий .28 / темна .16, жирні, текст кольору теми; «Разом» — суцільний жовтий #FFD60A, текст #1B1400, нижні кути по радіусу картки;
   менеджери — зебра ледве сіра; колонки без кольорів; цифри tabular-nums без переносу, таблиця гортається у своїй картці ── */
:root{--pm-zebra:rgba(118,118,128,.06);--pm-team:rgba(255,214,10,.28)}
:root[data-theme="dark"]{--pm-zebra:rgba(255,255,255,.04);--pm-team:rgba(255,214,10,.16)}
.grn-tbl,.dt-tbl{font-variant-numeric:tabular-nums}
.grn-tbl td,.grn-tbl th:not(.pm-th),.dt-tbl td{white-space:nowrap}
.dr-wrap:has(> .grn-tbl),.dt-brand{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
.grn-tbl th:not([style*="-soft"]),.dt-tbl th{background:transparent !important;color:var(--wcx-mut) !important}
.grn-tbl td.dr-kpi,.dt-tbl td[style*="-soft"]{background:transparent !important}
/* менеджери: зебра */
.grn-tbl tbody tr:not(.grn-sub):not(.grn-tot) td:not([style*="-soft"]),.dt-tbl tr:not(.dt-sub):not(.dt-tot) td{background:transparent !important}
.grn-tbl tbody tr:not(.grn-sub):not(.grn-tot):nth-of-type(odd) td:not([style*="-soft"]),.dt-tbl tbody tr:not(.dt-sub):not(.dt-tot):nth-of-type(odd) td{background:var(--pm-zebra) !important}
/* команди: мʼякий жовтий, жирні (у режимі «По менеджерах»); у «По командах» (лише рядки команд) — зебра, як рядки */
.grn-tbl tbody tr.grn-sub td:not([style*="-soft"]),.dt-tbl tr.dt-sub td{background:var(--pm-team) !important;color:var(--ink) !important;font-weight:700 !important;border-top:0 !important;border-bottom:0 !important;border-left:0 !important}
.grn-tbl tbody tr.grn-sub td[style*="-soft"]{color:var(--ink) !important;font-weight:700 !important;border-top:0 !important;border-bottom:0 !important;border-left:0 !important}
.grn-tbl tbody tr.grn-sub td *,.dt-tbl tr.dt-sub td *{color:var(--ink) !important}
.grn-tbl:not(:has(tbody tr:not(.grn-sub):not(.grn-tot))) tbody tr.grn-sub td:not([style*="-soft"]),.dt-tbl:not(:has(tbody tr:not(.dt-sub):not(.dt-tot))) tr.dt-sub td{background:transparent !important}
.grn-tbl:not(:has(tbody tr:not(.grn-sub):not(.grn-tot))) tbody tr.grn-sub:nth-of-type(odd) td:not([style*="-soft"]),.dt-tbl:not(:has(tbody tr:not(.dt-sub):not(.dt-tot))) tr.dt-sub:nth-of-type(odd) td{background:var(--pm-zebra) !important}
/* «Разом»: жовтий в обох темах */
.grn-tbl tr.grn-tot td,.grn-tbl tr.grn-tot td.dr-kpi,.dt-tbl tr.dt-tot td{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:700 !important;border:0 !important}
.grn-tbl tr.grn-tot td *,.dt-tbl tr.dt-tot td *{color:var(--on-accent) !important}
.grn-tbl tr.grn-tot td:first-child,.dt-tbl tr.dt-tot td:first-child{border-bottom-left-radius:var(--r-card)}
.grn-tbl tr.grn-tot td:last-child,.dt-tbl tr.dt-tot td:last-child{border-bottom-right-radius:var(--r-card)}
.dt-tbl td{border-top:.5px solid var(--sep) !important}
/* 01.00.07: таблиця тижнів (Продажі розріз · тижні) — той самий вигляд: зебра, «Разом» жовтий */
.wk-tbl{font-variant-numeric:tabular-nums}
.wk-tbl td{white-space:nowrap}
.wk-tbl tbody tr:not(.dr-tot):nth-of-type(odd) td{background:var(--pm-zebra) !important}
.wk-tbl tr.dr-tot td{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:700 !important;border:0 !important}
.wk-tbl tr.dr-tot td *{color:var(--on-accent) !important}
.wk-tbl tr.dr-tot td:first-child{border-bottom-left-radius:var(--r-card)}
.wk-tbl tr.dr-tot td:last-child{border-bottom-right-radius:var(--r-card)}
.dt-tbl td,.dt-tbl th{border-right:.5px solid var(--sep) !important}
.dt-tbl td:last-child,.dt-tbl th:last-child{border-right:0 !important}
/* ── 01.00.09 (ZIV 18.10.2026): «Продажі по ТП · по місяцях» (.mm-tbl) — як варіант 1 решти таблиць.
   Команда (.mm-team) — мʼякий жовтий --pm-team, жирна; «Разом» (.mm-tot) — суцільний #FFD60A / #1B1400; менеджери — зебра.
   Фони непрозорі (шар поверх --card), бо перша колонка «ТП» прилипає при гортанні. «По командах» — зебра. ── */
.mm-tbl{font-variant-numeric:tabular-nums}
.mm-tbl tbody td{background:var(--card) !important}
.mm-tbl tbody tr:not(.mm-team):not(.mm-tot):nth-of-type(odd) td{background:linear-gradient(var(--pm-zebra),var(--pm-zebra)),var(--card) !important}
.mm-tbl tbody tr.mm-team td{background:linear-gradient(var(--pm-team),var(--pm-team)),var(--card) !important;color:var(--ink) !important;font-weight:700 !important}
.mm-tbl:not(:has(tbody tr:not(.mm-team):not(.mm-tot))) tbody tr.mm-team td{background:var(--card) !important}
.mm-tbl:not(:has(tbody tr:not(.mm-team):not(.mm-tot))) tbody tr.mm-team:nth-of-type(odd) td{background:linear-gradient(var(--pm-zebra),var(--pm-zebra)),var(--card) !important}
.mm-tbl tbody tr.mm-tot td{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:700 !important;border-left-color:rgba(27,20,0,.14) !important}
.mm-tbl tbody tr.mm-tot td:first-child{border-bottom-left-radius:var(--r-card)}
.mm-tbl tbody tr.mm-tot td:last-child{border-bottom-right-radius:var(--r-card)}
/* ── 01.00.10 (ZIV 18.10.2026, «Макети IBA» → «НП Пиво: трикутники тренду», варіант B): трикутник у першій клітинці
   таблиць з «план» і «%» (ставить _triDecorate в index.html). ▲ «%» ≥ 100, ▼ < 100, без третього кольору; 9×8 px, справа від назви. ── */
:root{--tri-up:#1B7B33;--tri-dn:#B42318}
:root[data-theme="dark"]{--tri-up:#32D74B;--tri-dn:#FF6961}
.tri-in{display:flex;justify-content:space-between;align-items:center;gap:8px;white-space:nowrap}
.tri-nm{min-width:0}
.tri{display:inline-block;flex:0 0 9px;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent}
.tri.up{border-bottom:8px solid var(--tri-up)}
.tri.dn{border-top:8px solid var(--tri-dn)}
tr.dt-tot .tri.up,tr.grn-tot .tri.up{border-bottom-color:#0F5A22}
tr.dt-tot .tri.dn,tr.grn-tot .tri.dn{border-top-color:#8A1A10}

/* ── 01.00.11 (ZIV 19.10.2026): зведена акцій — кожна акція своїм кольором, як було до 01.00.04: тінти колонок (ok/blue/pink/жовтий/rop)
   лишаються в рядках менеджерів, команд і в шапці; «Разом» — без тінтів (жовтий). 4-й тінт (accent-soft тепер сірий) → мʼякий жовтий. ── */
.grn-tbl td[style*="accent-soft"],.grn-tbl th[style*="accent-soft"]{background:rgba(255,214,10,.22) !important}
:root[data-theme="dark"] .grn-tbl td[style*="accent-soft"],:root[data-theme="dark"] .grn-tbl th[style*="accent-soft"]{background:rgba(255,214,10,.18) !important}
.grn-tbl th[style*="-soft"]{font-weight:700 !important}
/* ── 01.00.12 (ZIV 19.10.2026): таблиці спецзадач (.stx-tbl — «Хто як виконує сумарно», блок спецзадачі, задачі менеджеру):
   легка сітка — без ліній між рядками, рядки через один ледве сірі (--pm-zebra, як у решті таблиць); шапка і «РАЗОМ» — тонка лінія. ── */
/* 01.00.14: «клітинки» як у таблицях допки — тонкі .5px лінії --sep між рядками й колонками, зебра лишається */
.stx-tbl td{border-top:.5px solid var(--sep) !important;padding:12px 8px !important}
.stx-tbl td,.stx-tbl th{border-right:.5px solid var(--sep) !important}
.stx-tbl td:last-child,.stx-tbl th:last-child{border-right:0 !important}
.stx-tbl tbody tr:nth-of-type(odd) td{background:var(--pm-zebra) !important}
.stx-tbl tbody tr:nth-of-type(even) td{background:transparent !important}
.stx-tbl thead th{border-bottom:.5px solid var(--sep) !important}
/* 01.00.13: «РАЗОМ» — суцільний жовтий, як у всіх таблицях (дизайн-код) */
.stx-tbl tfoot td,.stx-tbl tfoot td *{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:700 !important;border:0 !important}
.stx-tbl tfoot td.stx-r,.stx-tbl tfoot td.stx-g,.stx-tbl tfoot td.stx-m{color:var(--on-accent) !important}
.stx-tbl tfoot td:first-child{border-bottom-left-radius:var(--r-card)}
.stx-tbl tfoot td:last-child{border-bottom-right-radius:var(--r-card)}
/* ── 01.00.15 (ZIV 19.10.2026, відео з Android, картка Арель В.В. ФОП): під прилиплою шапкою картки клієнта (.kk-live .head, sticky)
   у зазорі 12px і в скруглених кутах просвічували рядки таблиць, що проїжджали під нею — «чорні пікселі» при гортанні.
   Шапка тепер малює: ::before — суцільну підкладку кольору тла на всю ширину й на зазор знизу; ::after — саму картку зі скругленням. ── */
.kk-live .head,.kkl-light .kk-live .head{background:transparent !important;overflow:visible !important}
.kk-live .head::before{content:'';position:absolute;z-index:-2;left:-12px;right:-12px;top:-8px;bottom:-12px;background:var(--bg);pointer-events:none}
.kk-live .head::after{content:'';position:absolute;z-index:-1;inset:0;border-radius:var(--r-card);background:var(--card);pointer-events:none}
/* ═══════════════ 01.00.16 (ZIV 20.10.2026) — ЄДИНИЙ ДИЗАЙН-КОД за аудитом 01.00.15 (Тесты/Аудит_дизайна_01.00.15.md) ═══════════════
   Шар головніший за все вище. Правила: Методология/Сайт/27_Apple_дизайн.md (переписаний з нуля). */
/* ── Типографіка: 1rem = 17px (Dynamic Type), шкала 11/12/13/15/17/20/22/28/34, вага ≤ 700; 800 — лише рядки команд і «Разом» у таблицях ── */
html{font-size:106.25%}
b,strong{font-weight:700}
.bottom-nav .nav-item span{font-size:10px !important}                                   /* виняток дизайн-коду: підписи нижнього меню 10 */
.grn-tbl tbody tr.grn-sub td,.dt-tbl tr.dt-sub td,.mm-tbl tbody tr.mm-team td,
.grn-tbl tr.grn-tot td,.dt-tbl tr.dt-tot td,.wk-tbl tr.dr-tot td,.mm-tbl tbody tr.mm-tot td,.stx-tbl tfoot td,
.ol-table tr.ol-tot td,.neqt tr.neqt-tot td,.perf-table tfoot td,.kk-live .b tr.tot td,.today-dz-table tr.tot td,.wcx-tbl tr.wcx-tot td,.dr-wrap > table tr.tot td{font-weight:800 !important}
/* ── Таблиці поза еталоном → еталон Sales (шапка сіра капсом, зебра, клітинки .5px, «Разом» жовтий, tabular-nums) ── */
.ol-table,.neqt,.coef-tbl,.perf-table,.wcx-tbl,.today-dz-table table,.kk-live .b table,.dr-wrap > table{font-variant-numeric:tabular-nums;border-collapse:separate !important;border-spacing:0}
.ol-table th,.neqt th,.coef-tbl th,.perf-table th,.wcx-tbl th,.today-dz-table th,.kk-live .b th,.dr-wrap > table th{background:transparent !important;color:var(--mut) !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:.04em;font-size:0.6471rem !important;border:0 !important;border-bottom:.5px solid var(--sep) !important}
.ol-table td,.neqt td,.coef-tbl td,.perf-table td,.wcx-tbl td,.today-dz-table td,.kk-live .b td,.dr-wrap > table td{border:0 !important;border-top:.5px solid var(--sep) !important;border-right:.5px solid var(--sep) !important;font-size:0.7647rem !important;color:var(--ink);white-space:nowrap}
.ol-table td:last-child,.neqt td:last-child,.coef-tbl td:last-child,.perf-table td:last-child,.wcx-tbl td:last-child,.today-dz-table td:last-child,.kk-live .b td:last-child,.dr-wrap > table td:last-child{border-right:0 !important}
.ol-table tbody tr:nth-of-type(odd):not(.ol-tot):not(.ol-sub) td,.neqt tbody tr:nth-of-type(odd):not(.neqt-tot) td,.coef-tbl tbody tr:nth-of-type(odd) td,.perf-table tbody tr:nth-of-type(odd) td,
.wcx-tbl tbody tr:nth-of-type(odd):not(.wcx-tot) td,.today-dz-table tbody tr:nth-of-type(odd):not(.tot) td,.kk-live .b tbody tr:nth-of-type(odd):not(.tot) td,.dr-wrap > table tbody tr:nth-of-type(odd):not(.tot):not(.grn-sub):not(.grn-tot):not(.mm-team):not(.mm-tot):not(.dt-sub):not(.dt-tot) td:not([style*="-soft"]){background:var(--pm-zebra) !important}   /* 01.00.30: тінти акцій (td[style*=-soft]) зебра теж не перекриває — у непарних рядках зведеної тінти зникали */   /* 01.00.27: команди/«Разом» (.grn-sub/.grn-tot/.mm-team/.mm-tot) — не зебра (регресія 01.00.16: непарні команди сіріли, H лишалась жовтою) */
.ol-table tr.ol-tot td,.neqt tr.neqt-tot td,.perf-table tfoot td,.kk-live .b tr.tot td,.today-dz-table tr.tot td,.wcx-tbl tr.wcx-tot td,.dr-wrap > table tr.tot td,.kk-live .b tfoot tr.tot td{background:var(--accent) !important;color:var(--on-accent) !important;border:0 !important}
.ol-table tr.ol-tot td *,.neqt tr.neqt-tot td *,.perf-table tfoot td *,.kk-live .b tr.tot td *,.today-dz-table tr.tot td *,.wcx-tbl tr.wcx-tot td *,.dr-wrap > table tr.tot td *{color:var(--on-accent) !important}
.ol-table tr.ol-tot td:first-child,.neqt tr.neqt-tot td:first-child,.perf-table tfoot td:first-child,.kk-live .b tr.tot td:first-child,.today-dz-table tr.tot td:first-child,.wcx-tbl tr.wcx-tot td:first-child{border-bottom-left-radius:var(--r-card)}
.ol-table tr.ol-tot td:last-child,.neqt tr.neqt-tot td:last-child,.perf-table tfoot td:last-child,.kk-live .b tr.tot td:last-child,.today-dz-table tr.tot td:last-child,.wcx-tbl tr.wcx-tot td:last-child{border-bottom-right-radius:var(--r-card)}
.kk-live .b{border:0 !important;border-radius:var(--r-card) !important;overflow:hidden}
/* ── Горизонтальне гортання таблиць — тінь краю ── */
.dr-wrap:has(> table),.dt-brand,.kk-live .b,.perf-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right,var(--card) 30%,rgba(255,255,255,0)),linear-gradient(to left,var(--card) 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(0,0,0,.14),rgba(0,0,0,0)),linear-gradient(to left,rgba(0,0,0,.14),rgba(0,0,0,0));background-position:left,right,left,right;background-repeat:no-repeat;background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}
/* ── Зони дотику ≥ 44pt: вид не змінюється, зону розширює невидимий ::after ── */
.ar-mon,.wc-var,.kk6-act,.kkl-modal-btn,.vp-add,#pass-close,.lsn-back,.wc-back,.perf-mo-nav,.ov-edit,.sv-task-edit,.kk-lead-tile,[data-edit],[data-dl],[data-pmedit],[data-pmdel],[data-nvedit],[data-nvdel],.pmsadd1,.pmsadd2,.tt-ico-btn,.kk7-tile .s button,button[data-rx],button[data-nvx],button[data-pmx],button[data-sx]{position:relative}
.ar-mon::after,.wc-var::after,.kk6-act::after,.kkl-modal-btn::after,.vp-add::after,#pass-close::after,.lsn-back::after,.wc-back::after,.perf-mo-nav::after,.ov-edit::after,.sv-task-edit::after,.kk-lead-tile::after,[data-edit]::after,[data-dl]::after,[data-pmedit]::after,[data-pmdel]::after,[data-nvedit]::after,[data-nvdel]::after,.tt-ico-btn::after,button[data-rx]::after,button[data-nvx]::after,button[data-pmx]::after,button[data-sx]::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:inherit}
#pass-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin:-8px -12px -8px 0}
.md-dop-i{display:none !important}                                                     /* кнопка «i» дашборду — як у Маршруті/Аналітиці (01.00.02) */
/* ── Адмінки Акції/Новинки, «Маршрути + контакти», «Користувачі»: поля 44 / радіус --r-ctl, системні чекбокси, «+ ще сорт» — рядок-кнопка ── */
[data-admin-ov] input:not([type=checkbox]):not([type=file]),[data-admin-ov] select,[data-admin-ov] textarea{min-height:44px;border-radius:var(--r-ctl) !important;font-size:1rem !important;padding:10px 12px}
[data-admin-ov] input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:22px;height:22px;accent-color:var(--accent);margin:0 8px 0 0;vertical-align:middle;border-radius:6px}
[data-admin-ov] label:has(> input[type=checkbox]){display:flex;align-items:center;min-height:44px}
.pmsadd1,.pmsadd2{display:flex !important;align-items:center;width:100%;min-height:44px;padding:0 4px !important;font-size:1rem !important;font-weight:600 !important;color:var(--accent-text) !important}
[data-admin-ov] [data-pmedit],[data-admin-ov] [data-pmdel],[data-admin-ov] [data-nvedit],[data-admin-ov] [data-nvdel]{background:var(--fill) !important;border:0 !important;border-radius:var(--r-in) !important;color:var(--ink) !important;width:44px !important;height:44px !important;display:inline-flex;align-items:center;justify-content:center}
[data-admin-ov] [data-pmdel],[data-admin-ov] [data-nvdel]{color:var(--bad) !important}
[data-admin-ov] > div > div[style*="sticky"],.wc-bar{background:var(--bg) !important;border-bottom:0 !important}
[data-admin-ov] > div > div[style*="sticky"] > button,.wc-back{color:var(--accent-text) !important;background:transparent !important;border:0 !important;width:44px !important;height:44px !important;font-size:1.6471rem !important}
.wc-title,[data-admin-ov] > div > div[style*="sticky"] > div{color:var(--ink) !important;font-size:1rem !important;font-weight:600 !important}
.lsn-bar .lsn-back{width:44px;height:44px}
/* ── Плитки категорій у Звітах: нейтральні, колір лише в числі ── */
.kk-tile.tile-red,.kk-tile.tile-pink,.kk-tile.tile-gold,.kk-tile.tile-green,.kk7-tile.redt{background:var(--card) !important;border-color:var(--kkx-brd) !important;border-top-color:var(--kkx-brd) !important}
.kk-tile.tile-red .kk-tile-l,.kk-tile.tile-pink .kk-tile-l,.kk-tile.tile-gold .kk-tile-l,.kk-tile.tile-green .kk-tile-l{color:var(--mut) !important}
.kk-tile.tile-gold .kk-tile-n{color:var(--ink) !important}
#reports-content .kk7-tile .kk7-in,#reports-content .kk7-tile .n{color:var(--ink) !important}
/* ── Контраст: червоне число на червоній підкладці в темній темі (аудит №20) ── */
.kk6-tile.kk6-warn:not(.on) .n,.kk6-tile:not(.on) .n.warn{color:var(--bad) !important}
/* ── Поведінка як у iOS: листи 0.35 с із затемненням, підсвітка натискання, «крапля» сегмента, reduced-motion ── */
@keyframes sheetIn{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes dimIn{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.35)}}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
.kkl-modal.open,.wc-modal,#lsn-modal,.pass-modal,[data-admin-ov],.vp-viewer,.rp-modal,.svd-modal{animation:sheetIn .35s cubic-bezier(.2,.8,.2,1)}
.pfx-sheet-ov{animation:dimIn .35s ease-out}
.pfx-sheet{animation:sheetUp .35s cubic-bezier(.2,.8,.2,1)}
.pass-modal .pass-sheet{animation:sheetUp .35s cubic-bezier(.2,.8,.2,1)}
button,.ar-mon,.wc-var,.kk6-tile,.kk7-tile,.kk-mgr-tile,.pfx-row,.rec-row,.nav-item{transition:opacity .15s ease,background-color .15s ease,transform .15s ease}
button:active,.ar-mon:active,.wc-var:active,.nav-item:active,.pfx-row:active,.vp-add:active{opacity:.5}
.kk6-card:active,.rec-row:active,.kk7-tile:active,.kk-mgr-tile:active,.ana-svdash:active,tr[data-tt]:active,.net-open > div:active{background-color:var(--fill) !important}
.ar-mon.on,.wc-var.sel{transition:background-color .25s cubic-bezier(.2,.8,.2,1),color .15s ease,transform .25s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}
.today-dz-table table{border:1px solid var(--kkx-brd) !important;border-radius:var(--r-card) !important}   /* ДЗ у «Сьогодні»: без червоної рамки — червоний лише для чисел-проблем */
.today-dz-table th{color:var(--mut) !important}
/* ── 01.00.16 (ZIV 20.10.2026): без user-scalable=no Safari зумить подвійним тапом — touch-action: manipulation прибирає подвійний тап і затримку, pinch лишається ── */
html,body,button,a,input,select,textarea,label,[role=button],.nav-item,.ar-mon,.wc-var,.kk6-tile,.kk7-tile,.kk-mgr-tile,.kk-lead-tile,.kk6-card,.rec-row,.pfx-row,.ana-svdash,.md-tile,.stx-tbl,table,tr,td,th,.content,.kkl-modal,.wc-modal,[data-admin-ov],#lsn-modal,.pass-modal,.bottom-nav{touch-action:manipulation}
/* картка клієнта: «Разом» жовтий і у світлій картці (.kkl-light має вищу специфічність у базовому шарі) */
.kkl-light .kk-live .b tr.tot td,.kkl-light .kk-live .b.dark tr.tot td,.kk-live .b tfoot tr.tot td{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:800 !important}
.kkl-light .kk-live .b tr.tot td *{color:var(--on-accent) !important}
.kkl-light .kk-live .b td,.kkl-light .kk-live .b.dark td{border-top:.5px solid var(--sep) !important;border-right:.5px solid var(--sep) !important}
.kkl-light .kk-live .b td:last-child{border-right:0 !important}
/* плитки категорій звітів — нейтральна рамка і в .kk-tiles (специфічність) */
.kk-tiles .kk-tile.tile-red,.kk-tiles .kk-tile.tile-pink,.kk-tiles .kk-tile.tile-gold,.kk-tiles .kk-tile.tile-green,.kk-tiles .kk-tile.tile-red.on,.kk-tiles .kk-tile.tile-pink.on{border:1px solid var(--kkx-brd) !important;background:var(--card) !important}
.kk-tiles .kk-tile.on{border-color:var(--accent) !important}
/* зони дотику 44 — кнопки в листах/адмінках, яких не було в списку */
#rx-list button,#wt-zp button,.svd-add-btn,#lsn-modal button,.pass-sheet button,[data-admin-ov] button,.kkroutemgr-row button,#kk-content span > button{position:relative}
#rx-list button::after,#wt-zp button::after,.svd-add-btn::after,#lsn-modal button::after,.pass-sheet button::after,[data-admin-ov] button::after,.kkroutemgr-row button::after,#kk-content span > button::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:inherit}
.wc-btn.wc-busy{opacity:.5;pointer-events:none}
.wc-btn{touch-action:manipulation}   /* 01.03.43: без очікування подвійного дотику на Android */
/* ── 01.00.19 (ZIV 20.10.2026): пілюля вибраної вкладки — капсула, як у Beer Store (масовий патч 16 звів 28px → 14 і зробив її квадратною);
   рамка «телефона» на компʼютері й значок входу — як було (не частина дизайн-коду карток) ── */
.bottom-nav .nav-item{border-radius:var(--r-pill) !important}
body > .phone{border-radius:32px}
.screen{border-radius:30px}
.login-icon{border-radius:22px}
/* ── 01.00.20 (аудит ролі менеджер, 20.10.2026): картка «Задача від СВ» у темній — текст --bad на --quiet давав 4.14 → плашка --card2 (≈5.4);
   кнопка «КК» на плитці точки і «Зберегти звіт» — зона 44 ── */
:root[data-theme="dark"] .mr-svcard.by-sv{background:var(--card2) !important}
.mr-kk-btn,.sv-open-route{position:relative}
.mr-kk-btn::after,.sv-open-route::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:inherit}
/* ── 01.00.21 (ZIV 20.10.2026): у Профілі (усі ролі) рядок дати «20.10.2026 · оновл. …» прибрано — лише заголовок ── */
#screen-profile .header-date{display:none !important}
/* ── 01.00.22 (ZIV 20.10.2026): конектори обладнання (Комбі / Флеш / Ус Флеш / Корб) — не головні рядки: звичайна вага, сірим, з відступом;
   головні (Кега кран, Вино кран, Сок кран) — як були. Картка клієнта, звіт «Обладнання», обладнання мережі ── */
.kk-live .eq tr.eq-connector td:first-child,.kkl-light .kk-live .eq tr.eq-connector td:first-child,.ol-table tr.ol-sub td.ol-l,.neqt tr.eq-connector td:first-child{font-weight:400 !important;color:var(--mut) !important;padding-left:20px !important;font-style:normal !important}
.kk-live .eq tr.eq-connector td,.ol-table tr.ol-sub td,.neqt tr.eq-connector td{font-weight:400 !important}
/* ── 01.00.22 (СВ А Юрій, 20.10.2026): таблиці картки клієнта з внутрішнім гортанням (Заводи / SKU 4 місяці / Обладнання SKU) не гортались —
   правило 16 `.kk-live .b{overflow:hidden}` закрило вертикальний скрол. Повертаємо; прилипла шапка і «Разом» — непрозорі ── */
.kk-live .b.kkl-plants-scroll,.kk-live .b.kkl-sku3m-scroll,.kk-live .b.kkl-eqsku-scroll{overflow:auto !important;max-height:230px;-webkit-overflow-scrolling:touch}
.kk-live .b.kkl-plants-scroll thead th,.kk-live .b.kkl-sku3m-scroll thead th,.kk-live .b.kkl-eqsku-scroll thead th{position:sticky;top:0;z-index:2;background:var(--card) !important}
.kk-live .b.kkl-plants-scroll tfoot td,.kk-live .b.kkl-sku3m-scroll tfoot td,.kk-live .b.kkl-eqsku-scroll tfoot td{position:sticky;bottom:0;z-index:2;box-shadow:none !important}
/* ═══════════════ 01.01.00 (preview /next, ZIV 20.10.2026) — МЕНЕДЖЕР: Головна · День · Звіти · Профіль (mgr.js) ═══════════════
   Кільце: viewBox 110, r 46, товщина 10, підкладка той самий колір .22, старт згори. Колір за значенням: ≥1 зелений, 0.5–1 жовтий, <0.5 червоний.
   Плашка з колонками: заголовок капсом 11/700 + легенда 11/400, колонки з перегородками .5px; стрілка «›» лише там, де є перехід. */
:root{--mh-blue:#007AFF;--mh-ytext:#8C6414}
:root[data-theme="dark"]{--mh-blue:#0A84FF;--mh-ytext:#FFD60A}
.mh-home{padding:0 14px calc(var(--tab-h) + var(--tab-gap) + 16px)}
.mh-card{background:var(--card);border-radius:var(--r-card);padding:10px 12px 12px;margin-bottom:8px;color:var(--ink)}
.mh-sh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:0.6471rem;font-weight:700;letter-spacing:.5px;color:var(--mut);margin-bottom:6px;text-transform:uppercase}
.mh-sh em{font-style:normal;font-weight:600;text-transform:none;white-space:nowrap}
.mh-sh .mh-lg{font-style:normal;font-weight:400;letter-spacing:0;text-transform:none;margin-left:6px;font-size:0.6471rem}
.mh-sh.mh-sep{margin:10px 0 2px;padding-top:10px;border-top:.5px solid var(--sep)}
.mh-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--accent-text);text-transform:none;letter-spacing:0;cursor:pointer;position:relative}
.mh-link::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
/* кільця */
.mh-ring .mh-ring-bg{stroke:currentColor;stroke-opacity:.22}.mh-ring .mh-ring-fg{stroke:currentColor}
.mh-ring .mh-ring-t{fill:currentColor;font-family:inherit}.mh-ring .mh-ring-s{fill:var(--mut);font-family:inherit}
.mh-ring-g{color:var(--tri-up)}.mh-ring-r{color:var(--tri-dn)}.mh-ring-b{color:var(--mh-blue)}
.mh-ring-y{color:#FFD60A}.mh-ring-y .mh-ring-t{fill:var(--mh-ytext)}
.mh-big2{display:flex;justify-content:space-around;align-items:flex-start;margin-bottom:10px}
.mh-grow{display:flex;justify-content:space-between;border-top:.5px solid var(--sep);padding-top:8px}
.mh-g6{display:flex;flex-direction:column;align-items:center;gap:4px}.mh-g6 small{font-size:0.6471rem;color:var(--mut);white-space:nowrap}
.mh-g6 svg{display:block}
/* плашка з колонками */
.mh-strip{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mh-strip::-webkit-scrollbar{display:none}
.mh-strip > .mh-col{flex:1 0 auto;min-width:0;text-align:center;padding:2px 6px;border-left:.5px solid var(--sep)}
.mh-strip > .mh-col:first-child{border-left:0;padding-left:0}
.mh-col small{display:block;font-size:0.6471rem;font-weight:700;color:var(--mut);letter-spacing:.3px;white-space:nowrap}
.mh-col small em{font-style:normal;font-weight:700;margin-left:2px}
.mh-col > b{display:block;font-size:0.7647rem;font-weight:700;white-space:nowrap;margin:3px 0 3px;font-variant-numeric:tabular-nums}
.mh-col > b i{font-style:normal}.mh-col > b .mh-mut{color:var(--mut);font-weight:400}
.mh-col span{display:block;font-size:0.6471rem;color:var(--mut);white-space:nowrap;line-height:1.9;font-variant-numeric:tabular-nums}
.mh-col span b{font-weight:600;color:var(--ink)}
.mh-cats > .mh-col{padding:2px 5px}
.mh-rs3 > .mh-col{text-align:left;padding:2px 8px}
.mh-plants[hidden]{display:none !important}
.mh-rs3 > .mh-col:first-child{padding-left:2px}
.mh-rl{display:flex !important;justify-content:space-between;gap:6px}.mh-rl i{font-style:normal;color:var(--ink);font-weight:400}.mh-rl i.mh-b{font-weight:700}.mh-rl u{text-decoration:none;color:var(--mut)}
.mh-ok,.mh-rl u.mh-ok,.mh-col span b.mh-ok,.mh-col > b.mh-ok,.mh-col > b i.mh-ok{color:var(--tri-up) !important}
.mh-bad,.mh-rl u.mh-bad,.mh-col span b.mh-bad,.mh-col > b.mh-bad,.mh-col > b i.mh-bad{color:var(--tri-dn) !important}
.mh-tri{display:inline-block;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;vertical-align:1px;margin-right:2px}
.mh-tri.mh-up{border-bottom:8px solid var(--tri-up)}.mh-tri.mh-dn{border-top:8px solid var(--tri-dn)}
/* по місяцях */
.mh-ych{display:flex;align-items:flex-end;gap:3px;height:104px}
.mh-yb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.mh-yb > b{font-size:0.6471rem;margin-bottom:2px;white-space:nowrap;font-weight:700}
.mh-ybar{width:100%;background:var(--ink);border-radius:4px;display:flex;align-items:flex-end;justify-content:center;min-height:16px}
.mh-ybar small{font-size:0.6471rem;font-weight:700;color:var(--card);padding-bottom:3px}
.mh-yb em{font-style:normal;font-size:0.6471rem;color:var(--mut);margin-top:3px}
.mh-yb.now .mh-ybar,.mh-yb.yoy .mh-ybar{background:var(--accent)}.mh-yb.now .mh-ybar small,.mh-yb.yoy .mh-ybar small{color:var(--on-accent)}
.mh-yb.now em{color:var(--tri-up);font-weight:700}
:root[data-theme="dark"] .mh-ybar{background:var(--card2)}:root[data-theme="dark"] .mh-ybar small{color:var(--ink)}
.mh-plants{margin-top:10px}.mh-plants .md-tile{cursor:pointer}.mh-ch{color:var(--mut);font-size:0.8235rem;margin-left:4px}
/* допмотивація — рядки */
.mh-dl{padding:10px 12px 4px}
.mh-dr{display:flex;align-items:center;gap:6px;padding:10px 0;border-top:.5px solid var(--sep);min-height:44px;position:relative}
.mh-dr:nth-of-type(1){border-top:0}
.mh-dr[data-mh]{cursor:pointer}.mh-dr[data-mh]:active{background:var(--fill)}
.mh-drt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-drt b{font-size:0.7647rem;font-weight:700;color:var(--ink)}
.mh-drm{font-size:0.6471rem;color:var(--mut);font-weight:400;margin-left:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.mh-drm b{font-size:0.6471rem;font-weight:600}
.mh-drx{display:flex;align-items:center;gap:6px;flex:none}
.mh-dm{font-size:0.7647rem;font-weight:700;white-space:nowrap;min-width:44px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
.mh-drx em{font-style:normal;font-size:0.6471rem;font-weight:700;min-width:30px;text-align:right}
/* День */
.mh-day{margin:0 0 10px}.mh-day .mh-big2{margin-top:6px;margin-bottom:0}
.mh-kkrow{display:flex;gap:8px;margin:0 0 12px}
.mh-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:var(--r-pill);background:var(--fill);border:0;color:var(--mut);font:inherit;font-size:1rem;text-align:left}
.mh-pill{flex:0 0 auto;height:44px;padding:0 14px;border-radius:var(--r-pill);background:var(--card);border:0;color:var(--ink);font:inherit;font-size:0.8824rem;font-weight:500;white-space:nowrap}.mh-pill b{font-weight:700}
/* картка клієнта менеджера (макет Sales_КК_картка.png) */
.kkl-mgr .kkl-modal-toolbar .kkl-modal-title{position:absolute;left:50%;transform:translateX(-50%);max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700 !important;color:var(--ink) !important;text-align:center}
.kkl-mgr .kkl-modal-toolbar{position:relative;justify-content:space-between}
.kkl-mgr .kkl-modal-toolbar .kkl-write,.kkl-mgr .kkl-modal-toolbar .kkl-task,.kkl-mgr .kkl-modal-toolbar .kkl-storecheck,.kkl-mgr .kkl-modal-toolbar .kkl-sharecard{display:none !important}
.kkl-mgr .kkl-close{display:inline-flex;align-items:center;gap:2px;width:auto !important;padding:0 8px 0 0 !important}
.kkl-mgr .mh-backlbl{font-size:1rem;font-weight:400;color:var(--accent-text)}
.kkl-mgr .kk-live .head{flex-wrap:wrap}
.kkl-mgr .mh-kkbtns{flex-basis:100%;display:flex;gap:8px;margin-top:10px}
.kkl-mgr .mh-kb{flex:1;height:48px;border:0;border-radius:var(--r-ctl);background:var(--fill);color:var(--ink);font:inherit;font-size:1rem;font-weight:600}
.kkl-mgr .mh-kb-acc{background:var(--accent);color:var(--on-accent);font-weight:700}
.kkl-mgr .kk-live .kkl-sec{margin:10px 0 0;padding:12px 12px 0;background:var(--card);border-radius:var(--r-card) var(--r-card) 0 0}
.kkl-mgr .kk-live .kkl-sec + .b{border-radius:0 0 var(--r-card) var(--r-card) !important;margin-top:0}
.kkl-mgr .kk-live .b{background:var(--card)}
.kkl-mgr .kkl-visits-history,.kkl-mgr .kk-tasks-section,.kkl-mgr .vp-section{background:var(--card);border-radius:var(--r-card);padding:12px 16px;margin:10px 12px 0 !important;border:0 !important}
.mh-strip{background-image:linear-gradient(to left,var(--card) 30%,rgba(255,255,255,0)),linear-gradient(to left,rgba(0,0,0,.12),rgba(0,0,0,0));background-position:right,right;background-repeat:no-repeat;background-size:20px 100%,8px 100%;background-attachment:local,scroll}
/* ── 01.01.00: «як у макеті» (ZIV 20.10.2026) — плашки з колонками й графік по місяцях набрані дрібніше за шкалу (8–10px), щоб усе вміщалось на 390.
   Свідомий виняток із правила «не менше 11» лише для цих плашок Головної (рішення замовника №14). ── */
.mh-strip{overflow:visible;background-image:none}
.mh-strip > .mh-col{flex:1 1 0;min-width:0;padding:2px 2px}
.mh-cats > .mh-col{padding:2px 2px}.mh-rs3 > .mh-col{padding:2px 6px}.mh-rs3 > .mh-col:first-child{padding-left:2px}
.mh-col small{font-size:8px;letter-spacing:.3px}.mh-col small em{font-size:8px}
.mh-col > b{font-size:13px;margin:2px 0 3px}.mh-col span{font-size:8px;line-height:1.9}.mh-col span b{font-size:8px}
.mh-rs3 .mh-col > b{font-size:15px}
.mh-sh{font-size:11px}.mh-sh .mh-lg{font-size:9px}
.mh-yb > b{font-size:8px}.mh-ybar small{font-size:8px}.mh-yb em{font-size:8px}
.mh-drt b{font-size:11px}.mh-drm{font-size:10px}.mh-drm b{font-size:10px}.mh-dm{font-size:11px}.mh-drx em{font-size:10px}
.mh-g6 small{font-size:9px}
.mh-s7 > .mh-col{flex:1 1 auto}.mh-cats > .mh-col{padding:2px 1px}
.bottom-nav[data-mh] .nav-item[data-tab="kk"]{display:none !important}
.bottom-nav[data-mh]{grid-template-columns:repeat(4,1fr) !important}   /* 4 вкладки — 4 колонки, інакше пʼята лишалась порожньою справа */   /* менеджер 01.01.00: вкладки КК немає (базове правило .nav-item{display:flex !important} перебивало style) */

/* 01.01.02 (скрин ZIV 20.10): на компʼютері шари-модалки центруються з border-radius:36px, але без overflow:hidden
   шапка (.tt-task-modal-bar, радіус 0) зафарбовувала кути квадратом (екран заводу «РОЯЛ», стор-чек, задачі ТТ) */
@media (min-width:501px){
  body > .tt-task-modal, body > .kkl-modal, body > .kk-modal, body > .tm-modal, body > .ott-modal, body > .lsn-modal,
  body > .wc-modal, body > .rp-modal, body > .svd-modal, body > .pass-modal{overflow:hidden}
}

/* 01.00.25 — екран «Задачі» (КК Задачі / Задачі СВ-РОП), скрин ZIV 20.10: фільтри за дизайн-кодом.
   Ряд 1 (.ar-seg) — капсули, «Прострочені» без червоної підкладки (червоним лише число);
   ряд 2 — чипи-капсули 30 (.st-chip), вибраний жовтий, гортається вбік, групи через перегородку; «Звіт» — дія, не фільтр. */
.ar-mon.ar-seg:not(.on){background:var(--quiet) !important;border-color:var(--sep) !important;color:var(--ink) !important;font-weight:600 !important}
.ar-mon.ar-seg.on span{color:var(--on-accent) !important}
.st-row2{display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 4px;margin:0 0 8px}
.st-row2::-webkit-scrollbar{display:none}
.st-grp{display:flex;gap:6px;flex:0 0 auto;align-items:center}
.st-grp + .st-grp{padding-left:8px;border-left:.5px solid var(--sep)}
.st-chip{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--quiet);border:1px solid var(--sep);color:var(--mut);font-size:0.7059rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .25s ease,color .25s ease,opacity .15s ease}
.st-chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}
.st-chip.st-act{background:transparent;border-color:transparent;color:var(--accent-text);font-weight:600}
.st-chip:active{opacity:.5}
.st-chip::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);border-radius:inherit}

/* ───── 01.01.11 — Звіти менеджера (preview): «зведення зверху · сегмент · список/таблиця» (.mr-*) ───── */
.mr-wrap{padding:12px 12px calc(90px + env(safe-area-inset-bottom,0px))}
.mr-sec{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--mut);text-transform:uppercase;margin:12px 4px 6px}
.mr-wait,.mr-empty{color:var(--mut);font-size:0.7647rem;padding:14px 4px;text-align:center}
.mr-mut{color:var(--mut) !important;font-weight:400}
.mr-attn-b{display:flex;align-items:center;gap:14px}
.mr-attn-b > svg{flex:0 0 auto}
.mr-rows{flex:1;min-width:0}
.mr-r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;font-size:13px;line-height:1.25}
.mr-r b{font-weight:600;color:var(--ink);white-space:nowrap}
.mr-r span{color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums}
.mr-r span em{font-style:normal;font-weight:700}
.mr-r span em.mr-mut{font-weight:400}
.mr-rep{padding:12px;cursor:pointer}
.mr-rep:active{background:var(--fill)}
.mr-rep-h{display:flex;align-items:center;gap:12px}
.mr-rep-h > svg,.mr-ringwait{flex:0 0 auto}
.mr-rep-t{flex:1;min-width:0}
.mr-rep-t b{display:block;font-size:15px;font-weight:700;letter-spacing:.3px;color:var(--ink);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-rep-t span{display:block;font-size:12px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-rep .mh-ch,.mr-row .mh-ch{color:var(--mut);font-size:1rem;flex:0 0 auto}
.mr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mr-chip{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:var(--r-pill);background:var(--quiet);font-size:11px;color:var(--mut);white-space:nowrap}
.mr-chip b{color:var(--ink);font-weight:700}.mr-chip b i{font-style:normal}
.mr-attn[data-mr]{cursor:pointer}.mr-attn[data-mr]:active{background:var(--fill)}
.mr-seg{display:flex;background:var(--fill);border-radius:10px;padding:3px;margin:0 0 10px;gap:2px}
.mr-seg button{flex:1;min-width:0;border:0;background:transparent;border-radius:8px;height:34px;font:inherit;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px;transition:background-color .25s ease,color .25s ease}
.mr-seg button.on{background:var(--seg-on);box-shadow:var(--seg-shadow);color:var(--ink);font-weight:700}
.mr-seg button:active{opacity:.6}
.mr-list{padding:0 12px}
.mr-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:.5px solid var(--sep);min-height:52px;cursor:pointer}
.mr-row:first-child{border-top:0}
.mr-row:active{background:var(--fill)}
.mr-rt{flex:1;min-width:0}
.mr-rt b{display:block;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.mr-rt span{display:block;font-size:11px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-rt span i{font-style:normal;font-weight:700}
.mr-rv{flex:0 0 auto;text-align:right;max-width:52%;min-width:0}
.mr-rv b{display:block;font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.mr-rv span{display:block;font-size:11px;font-weight:600;color:var(--ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-tbl{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink)}
.mr-tbl th{font-size:10px;font-weight:600;color:var(--mut);text-transform:lowercase;text-align:right;padding:2px 4px 6px;white-space:nowrap}
.mr-tbl td{text-align:right;padding:7px 4px;border-top:.5px solid var(--sep);white-space:nowrap}
.mr-tbl th.mr-l,.mr-tbl td.mr-l{text-align:left;padding-left:0;white-space:normal}
.mr-tsep th:not(.mr-l),.mr-tsep td:not(.mr-l){border-left:.5px solid var(--sep);padding-left:10px;padding-right:8px}   /* 01.03.64: вертикальні розділювачі колонок («Не продається») */
.mr-tbl td.mr-wrapcell{white-space:normal;line-height:1.2;max-width:150px}
.mr-tbl tr.mr-b td{font-weight:700}
.mr-tbl tr.mr-tot td{background:var(--accent);color:var(--on-accent);font-weight:700;border-top:0}
.mr-tbl tr.mr-tot td:first-child{border-radius:8px 0 0 8px;padding-left:6px}
.mr-tbl tr.mr-tot td:last-child{border-radius:0 8px 8px 0}
.mr-tbl tr.mr-tot td.mh-bad,.mr-tbl tr.mr-tot td.mr-mut{color:var(--on-accent) !important}
.mr-tbl td.mh-bad{font-weight:700}
.mr-4 > .mh-col{flex:1 1 0;text-align:center}
.mr-4 .mh-col > b{font-size:15px}.mr-4 .mh-col > b i{font-style:normal}
.mr-3r{justify-content:space-around;margin:4px 0 2px}
.mr-3r .mh-g6 small{font-size:11px}
/* стрілка «‹ Звіти» в шапках Звітів/Завдань — як «‹ День» у картці клієнта */
.header .mh-back{display:inline-flex !important;align-items:center;gap:2px;width:auto !important;padding:0 8px 0 0 !important}
.header .mh-back .mh-backlbl{font-size:1rem;font-weight:400;color:var(--accent-text)}

/* ── 01.00.27 (скрини ZIV з iPhone 21.10.2026) ──
   1) Спецзадачі (.stx-tbl) і допка (.dt-tbl): Safari не малює лінії .5px при border-collapse:collapse → як еталон: separate + spacing 0.
   2) Шапка таблиць еталону (зведена акцій тощо) — теж клітинки: вертикальні лінії .5px між th, остання без лінії. */
.stx-tbl,.dt-tbl{border-collapse:separate !important;border-spacing:0 !important}
.stx-tbl thead th{border-bottom:.5px solid var(--sep) !important}
.ol-table th,.neqt th,.coef-tbl th,.perf-table th,.wcx-tbl th,.today-dz-table th,.kk-live .b th,.dr-wrap > table th{border-right:.5px solid var(--sep) !important}
.ol-table th:last-child,.neqt th:last-child,.coef-tbl th:last-child,.perf-table th:last-child,.wcx-tbl th:last-child,.today-dz-table th:last-child,.kk-live .b th:last-child,.dr-wrap > table th:last-child{border-right:0 !important}
.dr-wrap > table thead tr:first-child th[rowspan]{border-bottom:.5px solid var(--sep) !important}

/* ── 01.00.28 (скрин ZIV 21.10.2026): назви акцій у шапці зведеної (.pm-th) — еталон 01.00.16 зробив їх капсом з розрядкою,
   слова перестали влазити в 53px і ламались посередині («ЯНГОЛИ В», «ФРАЙДЕ Й»). Назви — звичайним регістром, 10/600,
   перенос лише по словах і переносах (hyphens, lang=uk), «+»/«/» теж точка переносу. ── */
.dr-wrap > table th.pm-th,.grn-tbl th.pm-th{text-transform:none !important;letter-spacing:0 !important;font-size:10px !important;line-height:1.15 !important;font-weight:600 !important;white-space:normal !important;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;padding:4px 2px !important;vertical-align:middle}

/* ── 01.00.29 (скрин ZIV 21.10.2026): шапка зведеної акцій — тінти колонок і в шапці (еталон 01.00.16 робив th прозорими,
   лишався лише жовтий accent-soft), клітинки між усіма th, між двома рядками шапки — лінія. ── */
.dr-wrap > table th[style*="ok-soft"],.grn-tbl th[style*="ok-soft"]{background:var(--ok-soft) !important}
.dr-wrap > table th[style*="blue-soft"],.grn-tbl th[style*="blue-soft"]{background:var(--blue-soft) !important}
.dr-wrap > table th[style*="pink-soft"],.grn-tbl th[style*="pink-soft"]{background:var(--pink-soft) !important}
.dr-wrap > table th[style*="rop-soft"],.grn-tbl th[style*="rop-soft"]{background:var(--rop-soft) !important}
.dr-wrap > table th{border-right:.5px solid var(--sep) !important;border-bottom:.5px solid var(--sep) !important}
.dr-wrap > table th:last-child{border-right:0 !important}
.dr-wrap > table thead tr + tr th{border-top:0 !important}

/* ── 01.00.30 (скрини ZIV з iPhone 21.10.2026, «все зливається»): повна клітинка в таблицях Звітів/Аналітики
   (.dr-wrap > table: ГРН, по місяцях, зведена акцій, допка) і спецзадачах — лінії 1px --sep2 між усіма клітинками,
   і в шапці теж (було .5px --sep: на тінтах і на телефоні не видно). Правила з вищою вагою, ніж .dr-tbl th/td «border-right:0». ── */
.dr-wrap > table th,.dr-wrap > table.dr-tbl th:not([style*="-soft"]),.dr-wrap > table th[style*="-soft"],
.dr-wrap > table td,.dr-wrap > table.dr-tbl td,.dr-wrap > table td[style*="-soft"],
.stx-tbl th,.stx-tbl td,.dt-tbl th,.dt-tbl td{border-right:1px solid var(--sep2) !important}
.dr-wrap > table th,.dr-wrap > table.dr-tbl th:not([style*="-soft"]),.dr-wrap > table th[style*="-soft"],.stx-tbl thead th,.dt-tbl th{border-bottom:1px solid var(--sep2) !important}
.dr-wrap > table td,.dr-wrap > table.dr-tbl td,.dr-wrap > table td[style*="-soft"],.stx-tbl td,.dt-tbl td{border-top:1px solid var(--sep2) !important}
.dr-wrap > table th:last-child,.dr-wrap > table.dr-tbl th:last-child,.dr-wrap > table td:last-child,.dr-wrap > table.dr-tbl td:last-child,.stx-tbl th:last-child,.stx-tbl td:last-child,.dt-tbl th:last-child,.dt-tbl td:last-child{border-right:0 !important}
.dr-wrap > table thead tr + tr th{border-top:0 !important}
/* «Разом» — без ліній усередині (суцільний жовтий), лише верх */
.dr-wrap > table tr.grn-tot td,.dr-wrap > table tr.tot td,.dr-wrap > table tr.mm-tot td,.dr-wrap > table.dr-tbl tr.grn-tot td,.stx-tbl tfoot td,.dt-tbl tr.dt-tot td{border:0 !important;border-top:1px solid var(--sep2) !important;border-right:1px solid rgba(27,20,0,.22) !important}   /* 01.00.31: клітинка і в «Разом» (ZIV) */
.dr-wrap > table tr.grn-tot td:last-child,.dr-wrap > table tr.tot td:last-child,.dr-wrap > table tr.mm-tot td:last-child,.dr-wrap > table.dr-tbl tr.grn-tot td:last-child,.stx-tbl tfoot td:last-child,.dt-tbl tr.dt-tot td:last-child{border-right:0 !important}
/* 01.00.31 (ZIV): рядок команди — мʼякий жовтий на всю ширину, і над тінтами акцій теж */
.grn-tbl tbody tr.grn-sub td[style*="-soft"],.dr-wrap > table tr.grn-sub td[style*="-soft"],.dt-tbl tr.dt-sub td[style*="-soft"]{background:var(--pm-team) !important}

/* ── 01.00.34 (ZIV 21.10.2026): шапки таблиць Звітів/Аналітики — текст по центру і по горизонталі, і по вертикалі (обидва рядки) ── */
.dr-wrap > table th,.grn-tbl th,.dr-wrap > table th.pm-th,.dt-tbl th,.stx-tbl th{text-align:center !important;vertical-align:middle !important}

/* ── 01.00.35 (ZIV 21.10.2026): шапки таблиць Звітів/Аналітики, спецзадач, допки — жирні (700) усі клітинки, не лише тінтовані ── */
.dr-wrap > table th,.grn-tbl th,.dr-wrap > table th.pm-th,.dt-tbl th,.stx-tbl th{font-weight:700 !important}

/* ── 01.00.36 (ZIV 21.10.2026, «шапка не виділяється»): шапки таблиць Звітів/Аналітики, спецзадач, допки — колір --ink (не сірий --mut),
   700, 11px; назви акцій (.pm-th) теж --ink. Тінтовані клітинки шапки з inline-кольором лишаються своїм кольором акції. ── */
.dr-wrap > table th,.grn-tbl th,.dt-tbl th,.stx-tbl th{color:var(--ink) !important;font-size:11px !important;font-weight:700 !important}
.dr-wrap > table th.pm-th,.grn-tbl th.pm-th{font-size:11px !important;color:var(--ink) !important}

/* ═══════ 01.01.23 — День менеджера (preview): план/факт (3 кільця) + таймлайн ТТ (.dy-*). Лише в mgr.js ═══════ */
.dy-y{color:var(--mh-ytext) !important}.dy-b{color:var(--mh-blue) !important}.dy-mut{color:var(--mut) !important}
.dy-pf .mh-sh em{font-weight:700}
.dy-pf-b{display:flex;align-items:center;gap:14px}
.dy-r3{flex:0 0 auto;display:block}
.dy-lg{flex:1;min-width:0}
.dy-lr{display:flex;align-items:baseline;gap:6px;padding:3px 0}
.dy-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;align-self:center}
.dy-ln-n{flex:1;min-width:0;font-size:13px;color:var(--ink)}
.dy-lr b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.dy-pl{font-size:12px;color:var(--mut);white-space:nowrap}
.dy-ln{margin-top:6px;padding-top:6px;border-top:.5px solid var(--sep);font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dy-ln svg{vertical-align:-2px}.dy-ln b{color:var(--ink);font-weight:700}
/* «Строк сьогодні · поза маршрутом» */
.dy-on .today-outside{border:0 !important;border-radius:var(--r-card) !important;overflow:hidden;background:var(--card) !important;padding:0 !important}
.dy-on .today-outside .today-block-hdr{background:var(--accent) !important;color:var(--on-accent) !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.5px;padding:8px 12px !important;margin:0 !important}
.dy-on .today-outside .today-block-hdr svg{color:var(--on-accent)}
.dy-on .today-outside-row{padding:10px 12px !important;border-top:.5px solid var(--sep);background:transparent !important}
.dy-on .today-outside-row:first-child{border-top:0}
.dy-on .today-outside-name{font-size:15px !important;font-weight:700 !important;color:var(--ink) !important}
.dy-on .today-outside-row > div[style*="ellipsis"]{display:none !important}
.dy-on .today-outside-row span[style*="--bad)"]{font-size:12px !important}
.dy-on .today-outside-row span[style*="border-radius:8px"]{border-radius:var(--r-pill) !important;font-size:11px !important}
/* підпис над списком */
.dy-cap{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--mut);margin:12px 4px 6px}
/* таймлайн ТТ */
#today-content .dy-on .today-tile-v2.dy-t{position:relative !important;display:block;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 0 0 34px !important;margin:0 !important;border-radius:0 !important;opacity:1 !important;overflow:visible !important}
#today-content .dy-on .today-tile-v2.dy-t > :not(.dy-c):not(.dy-dot2){display:none !important}
/* лінія таймлайну — суцільна, через проміжки між картками (padding-bottom плитки замість margin) */
#today-content .dy-on .today-tile-v2.dy-t{padding-bottom:8px !important}
#today-content .dy-on .today-tile-v2.dy-t::before{content:'' !important;position:absolute !important;left:11px !important;top:0 !important;bottom:0 !important;width:2px !important;height:auto !important;background:rgba(118,118,128,.25) !important;border:0 !important;display:block !important}
#today-content .dy-on .today-tile-v2.dy-t.dy-first::before{top:26px !important}
#today-content .dy-on .today-tile-v2.dy-t.dy-last::before{bottom:auto !important;height:26px !important}
#today-content .dy-on .today-tile-v2.dy-t.dy-first.dy-last::before{display:none !important}
#today-content .dy-on .today-tile-v2.dy-t::after{display:none !important}
.dy-dot2{position:absolute;left:0;top:14px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--mut);background:var(--bg);border:1.5px solid rgba(118,118,128,.35);z-index:1;box-sizing:border-box}
.dy-dot2.cur{background:#FFD60A;border-color:#FFD60A;color:#1B1400}
.dy-dot2.ok{background:var(--tri-up);border-color:var(--tri-up);color:#fff}
.dy-dot2.ok svg{width:12px;height:12px}
#today-content .dy-c{background:var(--card) !important;border-radius:18px !important;padding:12px 12px 12px 14px !important;border:2px solid transparent !important;box-shadow:none !important}
#today-content .dy-cur .dy-c{border-color:#FFD60A !important}
.dy-done .dy-c{opacity:.75}
.dy-h{display:flex;align-items:center;gap:8px;cursor:pointer}
.dy-ht{flex:1;min-width:0}
.dy-ht b{display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.2}
.dy-ht span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;color:var(--mut);margin-top:2px;line-height:1.3}
.dy-mr{flex:0 0 auto;display:block}
.dy-mr text{font-family:inherit}
.dy-mr.dy-y{color:var(--mh-ytext)}.dy-mr.mh-ok{color:var(--tri-up)}.dy-mr.mh-bad{color:var(--tri-dn)}
.dy-none{display:flex !important;align-items:center;justify-content:center;color:var(--mut);font-size:15px}
.dy-go{flex:0 0 auto;position:relative;width:20px;height:36px;border:0;background:transparent;color:var(--mut);font-size:20px;line-height:1;padding:0}
.dy-go::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.dy-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dy-ch{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--r-pill);background:var(--quiet);color:var(--ink);font-size:11.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.dy-ch.r{background:rgba(180,35,24,.10);color:var(--tri-dn)}
.dy-ch.g{background:rgba(27,123,51,.12);color:var(--tri-up)}
.dy-ch.y{background:rgba(255,214,10,.28);color:var(--mh-ytext)}
.dy-tl{margin-top:8px}
.dy-tk{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-top:.5px solid var(--sep)}
.dy-cb{position:relative;flex:0 0 19px;width:19px;height:19px;border-radius:50%;border:1.5px solid rgba(118,118,128,.5);background:transparent;padding:0;font-size:11px;font-weight:700;line-height:1;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px}
.dy-cb::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.dy-tk.st-done .dy-cb{background:var(--tri-up);border-color:var(--tri-up)}
.dy-tk.st-partial .dy-cb{background:#FFD60A;border-color:#FFD60A;color:#1B1400}
.dy-tk.st-failed .dy-cb{background:var(--tri-dn);border-color:var(--tri-dn)}
.dy-tk.st-done .dy-tx{color:var(--mut)}
.dy-tag{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:5px;background:var(--quiet);color:var(--mut);font-size:10.5px;font-weight:700;white-space:nowrap;margin-top:1px}
.dy-tag svg{width:11px;height:11px}
.dy-tx{flex:1;min-width:0;font-size:13px;color:var(--ink);line-height:1.3}
.dy-due{flex:0 0 auto;font-size:11px;font-weight:700;color:var(--tri-dn);white-space:nowrap;margin-top:2px}
.dy-empty{font-size:12px;color:var(--mut);padding:8px 0 2px}
.dy-btns{display:flex;gap:8px;margin-top:10px}
.dy-btns button{flex:1;height:44px;border:0;border-radius:var(--r-ctl);background:var(--fill);color:var(--mh-blue);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600}
.dy-btns button:active{opacity:.5}
.dy-btns button svg{width:20px;height:20px}
/* низ */
#today-content .dy-on .today-add-tt-btn.dy-add{background:transparent !important;border:0 !important;color:var(--mh-blue) !important;font-size:15px !important;font-weight:600 !important;padding:12px !important;width:100%;box-shadow:none !important}
.dy-save{display:block;width:100%;height:50px;border:0;border-radius:14px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:17px;font-weight:700;margin-top:4px}
.dy-save:active{opacity:.6}.dy-save:disabled{opacity:.6}
.dy-note{text-align:center;font-size:11px;color:var(--mut);margin:8px 0 4px}

/* 01.01.25 пошук ТТ маршруту ховали; 01.03.42 (B3, ZIV) — повернуто: під заголовком «МАРШРУТ · …», при маршруті > 4 ТТ */
#today-content .dy-on #today-route-search{margin:0 0 10px}
#today-content .dy-on .today-tile-v2.dy-srch-off{display:none !important}   /* перебиває app.css «.today-tile-v2.visited{display:block !important}» */

/* ── 01.00.37 (скрини ZIV, РОП «по заводах» / «рік до року»): прилипла перша колонка ставала прозорою — зебра еталону
   (--pm-zebra, напівпрозора) перекривала її inline-тло, і цифри просвічували під назвою. Прилиплі клітинки — непрозорі,
   мʼякий жовтий поверх --card (таблиці .mm-tbl мають власне непрозоре тло — не чіпаємо). ── */
:is(#screen-analytics,#screen-reports,#screen-tasks,#screen-kk) .dr-wrap > table:not(.mm-tbl) td[style*="position:sticky"],
:is(#screen-analytics,#screen-reports,#screen-tasks,#screen-kk) .dr-wrap > table:not(.mm-tbl) th[style*="position:sticky"]{background:linear-gradient(rgba(255,214,10,.16),rgba(255,214,10,.16)),var(--card) !important}
:root[data-theme="dark"] :is(#screen-analytics,#screen-reports,#screen-tasks,#screen-kk) .dr-wrap > table:not(.mm-tbl) td[style*="position:sticky"],
:root[data-theme="dark"] :is(#screen-analytics,#screen-reports,#screen-tasks,#screen-kk) .dr-wrap > table:not(.mm-tbl) th[style*="position:sticky"]{background:linear-gradient(rgba(255,214,10,.14),rgba(255,214,10,.14)),var(--card) !important}

/* ── 01.01.30 (ZIV): Головна менеджера — коефіцієнти категорій жовтим (на світлому — темно-жовтий #8C6414, жовтий на білому не читається);
   «Активи» — значення праворуч жирні (700), колір лишається (червоне — червоне) ── */
.mh-cats .mh-col > b.mh-coef{color:var(--mh-ytext) !important}
.mh-rl u{font-weight:700 !important}

/* ── 01.01.31 (перевірка після релізу 01.01.29) ── */
/* картка клієнта: підписи місяців — місяць, рік другим рядком */
.kk-live .year .labs{height:auto !important;align-items:start}
.kk-live .year .labs > div{overflow:visible !important;line-height:1.15}
.kk-live .year .labs .labs-y{display:block;font-size:0.6471rem;font-weight:400;color:var(--mut)}
/* День: «+ Додати ТТ у маршрут» — темніший синій для тексту (контраст ≥ 4.5), висота 44 */
:root{--mh-blue-tx:#0062CC}:root[data-theme="dark"]{--mh-blue-tx:#409CFF}
#today-content .dy-on .today-add-tt-btn.dy-add{color:var(--mh-blue-tx) !important;min-height:44px !important}
/* сегменти Recovery / Завдання — зона дотику 44 */
.mr-seg button{position:relative}
.mr-seg button::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
/* мінімум 11 px на нових екранах (виняток №14 — лише плашки Головної) */
#today-content .dy-tag{font-size:11px !important}
.mr-wrap .mh-col small,.mr-wrap .mh-col span{font-size:11px !important;white-space:normal !important;line-height:1.25}
.mr-wrap .mh-col small em{font-size:11px !important}
.mr-wrap .mr-tbl th{font-size:11px !important}
.mr-wrap .mh-sh .mh-lg{font-size:11px !important}

/* ── 01.01.32 (H4, скрин ZIV): виконана ТТ зникала — старе правило «.today-tile-v2.visited > *:not(.tt-summary)…{display:none}»
   ховало й нову картку .dy-c та кружок. На Дні менеджера вони показуються завжди. ── */
#today-content .dy-on .today-tile-v2.dy-t > .dy-c{display:block !important}
#today-content .dy-on .today-tile-v2.dy-t > .dy-dot2{display:flex !important}

/* ═══════ 01.02.00 — СВ у новому дизайні (preview, sv.js; класи .sx-* — лише sv.js) ═══════ */
.sx-tag{color:var(--tri-up) !important;font-weight:700 !important}
.sx-cap{font-size:12px !important;color:var(--mut) !important;margin-top:4px}
.sx-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 6px;border-radius:10px;background:var(--quiet);color:var(--ink);font-size:13px;font-weight:700;box-sizing:border-box}
.sx-mlist{padding:10px 12px 6px}
.sx-sh{margin-bottom:2px !important}
.sx-mgr{gap:10px}
.sx-mgr .mr-rt b{font-size:15px}
.sx-pct b{font-size:15px;white-space:nowrap}
.sx-mgr > svg{flex:0 0 auto}
.sx-link{display:block;margin:8px 0 4px auto;background:transparent;border:0;color:var(--mh-blue-tx,#0062CC);font:inherit;font-size:13px;font-weight:600;min-height:44px;padding:0 4px}
.mh-sh .mh-link{color:var(--mh-blue-tx,#0062CC)}
.sx-tap{cursor:pointer}
.sx-tap:active{background:var(--fill)}
.sx-none{border:2px solid rgba(118,118,128,.25);border-radius:50%;box-sizing:border-box}
.sx-mrt{fill:var(--ink);font-family:inherit}
/* День СВ */
.sx-pick{cursor:pointer}
.sx-lr{cursor:pointer;border-radius:8px}
.sx-lr:active{background:var(--fill)}
.sx-lch{flex:0 0 auto;color:var(--mut);font-size:14px;margin-left:2px}
.sx-mini{position:relative;border:0;background:transparent;color:var(--mh-blue-tx,#0062CC);font:inherit;font-size:11.5px;font-weight:600;padding:0}
.sx-mini::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}
.sx-kkrow{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sx-kkrow::-webkit-scrollbar{display:none}
.sx-kkrow .mh-search{flex:0 0 auto;padding:0 18px}
.sx-days{margin-top:4px}
.sx-days button.sx-mt::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#FFD60A;margin-right:4px;vertical-align:2px}
.sx-list{padding:4px 12px 6px}
.sx-tk{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:.5px solid var(--sep)}
.sx-tk:first-child{border-top:0}
.sx-cb{position:relative;flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(118,118,128,.5);background:transparent;padding:0;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px}
.sx-cb::after{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.sx-tk.done .sx-cb{background:var(--tri-up);border-color:var(--tri-up)}
.sx-tk.done .sx-tx{color:var(--mut)}
.sx-tx{flex:1;min-width:0;font-size:15px;color:var(--ink);line-height:1.3;cursor:pointer}
.sx-tic{display:inline-flex;vertical-align:-3px;margin-right:6px;color:var(--mut)}
.sx-tic svg{width:16px;height:16px}
.sx-rop{display:inline-block;font-size:11px;font-weight:700;color:var(--rop);background:var(--rop-soft);border-radius:5px;padding:0 5px}
.sx-ed,.sx-del,.sx-ok{position:relative;flex:0 0 44px;width:44px;height:44px;margin:-11px 0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--mh-blue-tx,#0062CC);padding:0;font-size:15px;line-height:1}
.sx-tk > .sx-ed + .sx-del{margin-left:-6px}
.sx-tk > .sx-ed:last-child, .sx-tk > .sx-del:last-child, .sx-tk > .sx-ok:last-child{margin-right:-12px}
.sx-del{color:var(--mut)}   /* 01.02.00: ✎ і ✕ — окремі квадрати 44×44 без накладання (раніше центри за 28 px — тап правіше ✎ влучав у ✕) */
.sx-editing input{flex:1;min-width:0;height:40px;border:1px solid var(--sep2);border-radius:var(--r-in);padding:0 10px;font:inherit;font-size:15px;color:var(--ink);background:var(--card)}
.sx-cmt{display:block;width:100%;box-sizing:border-box;min-height:44px;margin:0 0 8px;border:1px solid var(--sep2);border-radius:var(--r-in);padding:8px 10px;font:inherit;font-size:13px;color:var(--ink);background:var(--card2)}
.sx-add{display:block;width:100%;min-height:44px;border:0;border-top:.5px solid var(--sep);background:transparent;color:var(--mh-blue-tx,#0062CC);font:inherit;font-size:15px;font-weight:600}
.sx-day .dy-save{margin-top:12px}
.sx-meet{margin-bottom:10px}
/* СВ дивиться День менеджера — лише перегляд */
#today-content .dy-ro .dy-cb{cursor:default}
#today-content .dy-ro .dy-btns .dy-plus{flex:1;font-size:15px}

/* 01.02.01 — СВ: вікно «Нова задача» без prompt() браузера */
.sx-addm .sx-ty .sx-tyi{flex:0 0 24px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.sx-addm .sx-ty .sx-tyi svg{width:20px;height:20px}
.sx-addm .sx-ty .sx-tyc{flex:0 0 auto;color:var(--mh-blue-tx,#0062CC);font-size:17px;font-weight:700;visibility:hidden}
.sx-addm .sx-ty.on .sx-tyc{visibility:visible}
.sx-addm .sx-ty.on b{color:var(--mh-blue-tx,#0062CC)}
.sx-addm .sx-addc{padding:0}
.sx-addm .sx-addt{display:block;width:100%;box-sizing:border-box;min-height:96px;border:0;border-radius:inherit;background:transparent;padding:12px 14px;font:inherit;font-size:16px;line-height:1.35;color:var(--ink);resize:none;outline:none}
.sx-addm .sx-addb{margin-top:14px}
.sx-addm .sx-addb:disabled{opacity:.45}

/* ═══ 01.03.00 — РОП у новому дизайні (rop.js, лише /next): Головна відділу, День відділу ═══ */
.rp-zp{display:block;width:100%;min-height:44px;margin-top:6px;border:0;border-top:.5px solid var(--sep);background:transparent;color:var(--mut);font:inherit;font-size:13px;text-align:center;cursor:pointer}
.rp-zp b{color:var(--ink);font-weight:700}
.rp-hint{font-style:normal;color:var(--mut);font-size:11px;font-weight:600;text-transform:none;letter-spacing:0}
.rp-ring{flex:0 0 auto}
.rp-over{margin-left:6px;color:var(--bad,#B42318);font-size:12px;font-weight:600;white-space:nowrap}
.rp-teams .rp-team{cursor:pointer}
.rp-teams .rp-team .mr-rt span{white-space:normal}
.rp-chev{min-width:16px;text-align:center}
.rp-sub{margin:0 0 10px 0;padding:2px 12px;border-radius:12px;background:var(--card2,rgba(118,118,128,.08))}
.rp-sub .mr-row{min-height:44px;border-top:.5px solid var(--sep)}
.rp-sub .mr-row:first-child{border-top:0}
.rp-mg{gap:10px}
.rp-mc{flex:0 0 32px;font-weight:700}
.rp-mv{flex:1;color:var(--mut);font-size:14px}
.rp-mv b{color:var(--ink)}
.rp-mt{color:var(--mut);font-size:14px;white-space:nowrap}
.rp-sv .rp-svt{flex:1;color:var(--ink);font-size:14px}
.rp-svtasks .rop-sv-tasks{padding:2px 0 8px;margin:0;background:transparent;border:0}
.rp-ex{flex:0 0 36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(180,35,24,.12);color:var(--bad,#B42318);font-weight:800;font-size:17px}
.rp-home .mh-sh > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-home .mh-sh .mh-link{flex:0 0 auto;white-space:nowrap}
.rp-pf .dy-lr.sx-lr{min-height:44px;cursor:pointer}

/* ── 01.03.02 (скрини ZIV): ── */
/* День РОПа: крапки легенди — по центру рядка (після min-height 44 сідали нижче тексту) */
.rp-pf .dy-lr.sx-lr{align-items:center}
.rp-pf .dy-lr .dy-dot{align-self:center}
/* «Потребують уваги» → «Recovery ›» — червоним і жирним (це перехід у Recovery) */
.mh-sh em.mr-reclink{color:var(--bad,#B42318) !important;font-weight:700 !important}
/* «Продажі по ТП · по місяцях» (.mm-tbl): прилипла колонка ТП була напівпрозорою (зебра 0.06) — при гортанні вбік цифри просвічували.
   Тепер непрозора, мʼякий жовтий поверх --card (як 01.00.37 для інших таблиць); рядок команди — жовтіший, «Разом» — акцент */
:is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl tbody tr:not(.mm-team):not(.mm-tot) td:first-child,
:is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl thead th:first-child{background:linear-gradient(rgba(255,214,10,.16),rgba(255,214,10,.16)),var(--card) !important}
:root[data-theme="dark"] :is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl tbody tr:not(.mm-team):not(.mm-tot) td:first-child,
:root[data-theme="dark"] :is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl thead th:first-child{background:linear-gradient(rgba(255,214,10,.14),rgba(255,214,10,.14)),var(--card) !important}
:is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl tbody tr.mm-team td:first-child{background:linear-gradient(var(--pm-team),var(--pm-team)),var(--card) !important}
:is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl thead th{background:var(--card) !important}
:is(#screen-analytics,#screen-reports,#screen-tasks) .dr-wrap > table.mm-tbl thead th:first-child{background:linear-gradient(rgba(255,214,10,.16),rgba(255,214,10,.16)),var(--card) !important}
/* 01.03.03: «Увійти з Face ID» на екрані входу (лише в iOS-застосунку) */
.btn-bio{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;margin-top:10px;border:1px solid var(--sep2);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-size:17px;font-weight:600;cursor:pointer}
.btn-bio[hidden]{display:none}
.btn-bio:active{opacity:.6}
.pfx-row[hidden]{display:none !important}

/* ═══ 01.03.05 — «Активність» менеджерів (act.js): плашка 4 колонки, рядки, хронологія, 7 днів, точки в Дні ═══ */
.act-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 4px !important}
.act-col{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;border-left:.5px solid var(--sep);text-align:center;min-width:0}
.act-col:first-child{border-left:0}
.act-col small{font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.02em;line-height:1.2}
.act-col b{font-size:17px;font-weight:700;color:var(--ink);white-space:nowrap}
.act-of{font-size:13px;font-weight:600;color:var(--mut)}
.act-row{gap:10px}
.act-row .mr-rt span{white-space:normal}
.act-st{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap}
.act-st.act-g{color:var(--tri-up,#1B7B33)}.act-st.act-y{color:#8C6414}.act-st.act-r{color:var(--bad,#B42318)}
:root[data-theme="dark"] .act-st.act-y{color:#FFD60A}
.act-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.act-dot.act-g{background:#30A64A}.act-dot.act-y{background:#FFD60A}.act-dot.act-r{background:#E5484D}
.sx-badge > .act-dot, .rp-mc > .act-dot{margin-right:4px;vertical-align:1px}
.act-chron{padding:6px 14px !important}
.act-ev{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-top:.5px solid var(--sep);font-size:14px;min-height:20px}
.act-ev:first-child{border-top:0}
.act-t{flex:0 0 42px;color:var(--mut);font-variant-numeric:tabular-nums;font-size:13px}
.act-ev b{font-weight:600;color:var(--ink);white-space:nowrap}
.act-d{flex:1;min-width:0;color:var(--mut);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.act-ev em{font-style:normal;color:var(--mut);font-size:12px;margin-left:auto}
.act-e-visit b,.act-e-done b,.act-e-task_ok b,.act-e-save_day b{color:var(--tri-up,#1B7B33)}
.act-e-task_no b{color:var(--bad,#B42318)}
.act-e-login b,.act-e-open b,.act-e-logout b{color:var(--mh-blue-tx,#0062CC)}
.act-gap{padding:4px 0;color:var(--mut);font-size:11px;text-align:center;border-top:.5px dashed var(--sep)}
.act-day{padding:10px 0 4px;font-size:11px;font-weight:700;color:var(--mut);letter-spacing:.04em}
.act-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:12px 14px !important;min-height:140px}
.act-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;justify-content:flex-end}
.act-bar i{display:block;width:100%;max-width:30px;border-radius:6px;background:#FFD60A}
.act-bar i.act-low{background:#E5484D}
.act-bar small{font-size:11px;font-weight:600;color:var(--ink)}
.act-bar span{font-size:11px;color:var(--mut);white-space:nowrap}
.sx-badge.act-sv{background:rgba(48,166,74,.14);color:var(--tri-up,#1B7B33)}

/* ═══ 01.03.11 (ZIV): нижня панель — «таблетка» лише в iOS-застосунку (html.is-app); скрізь інде (Android, Safari, значок, компʼютер) —
   плашка біля нижнього краю на всю ширину: на Android під нею одразу системна смуга, без «діри» з фоном сторінки.
   Висота плашки входить у --tab-h, --tab-gap = 0 — відступи екранів/підказок (calc(var(--tab-h) + var(--tab-gap) …)) підлаштовуються самі. ═══ */
html:not(.is-app){--tab-h:calc(58px + env(safe-area-inset-bottom,0px));--tab-gap:0px}
html:not(.is-app) .bottom-nav{left:0 !important;right:0 !important;bottom:0 !important;height:var(--tab-h) !important;
  padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px)) !important;gap:0 !important;border:0 !important;border-top:.5px solid var(--sep) !important;
  border-radius:0 !important;box-shadow:none !important;background:var(--card) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html:not(.is-app) .bottom-nav .nav-item{background:transparent !important;gap:3px !important;border-radius:12px !important}
html:not(.is-app) .bottom-nav .nav-item .nav-icon-wrap{width:58px !important;height:30px !important;align-items:center;justify-content:center;border-radius:15px !important}
html:not(.is-app) .bottom-nav .nav-item.active{background:transparent !important}
html:not(.is-app) .bottom-nav .nav-item.active .nav-icon-wrap{background:var(--accent) !important;color:var(--on-accent) !important}
html:not(.is-app) .bottom-nav .nav-item.active span{color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important}
@media (min-width:501px){ html:not(.is-app) .bottom-nav{border-radius:0 0 30px 30px !important} }   /* компʼютер: рамка-телефон — низ плашки по закругленню екрана */
/* 01.03.12 (скрин СВ D, Android, значок): плашка ховалась нижче краю — Chrome на Android у режимі значка рахує 100dvh = 847 при вікні 791
   (замір diag.html 23.10: 100vh/dvh/lvh = 847, innerHeight = fixed 0..0 = 791). Поза iOS-застосунком на телефоні екран Sales
   кріпиться до країв вікна (fixed, inset 0) — це завжди рівно видима висота; плашка внизу, як на компʼютері. Застосунок (is-app) — як був. */
@media (max-width:500px){
  html:not(.is-app) body > .phone{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;max-height:none !important}
}

/* ═════════ 01.03.15 (23.10.2026, ZIV «не дизайн Еппл»): аркуш задачі КК + вікно підтвердження ═════════
   Аркуш задачі (_kkTaskOpen) — як «Тема» / «Як працюєш з ТТ»: картка інфо + коментар · картка дій · «Закрити».
   Підтвердження (_iaConfirm) — алерт iOS: текст по центру, дві кнопки через тонку лінію, «Так» червоним для видалення. */
.ktk-info{padding:14px 16px 10px}
.ktk-h{text-align:center;font-size:0.7647rem;font-weight:600;color:var(--mut)}
.ktk-t{margin-top:6px;text-align:center;font-size:1rem;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.ktk-m{margin-top:6px;text-align:center;font-size:0.7647rem;color:var(--mut)}
.ktk-m b{font-weight:600}
.ktk-cmt{display:block;width:100%;box-sizing:border-box;margin-top:12px;min-height:64px;border:1px solid transparent;border-radius:10px;background:var(--pfx-press);
  padding:10px 12px;font:inherit;font-size:16px;line-height:1.35;color:var(--ink);resize:none;outline:none;-webkit-appearance:none}
.ktk-cmt::placeholder{color:var(--mut)}
.ktk-cmt.err{border-color:var(--bad)}
.ktk-msg{min-height:0;text-align:center;font-size:0.7647rem;color:var(--mut)}
.ktk-msg:not(:empty){margin-top:8px}
.ktk-msg.err{color:var(--bad)}
.ktk-ov .pfx-row svg{flex:0 0 auto;width:20px;height:20px}
.ktk-ok,.ktk-ov .pfx-row.ktk-ok{color:var(--ok)}
.ktk-bad,.ktk-ov .pfx-row.ktk-bad{color:var(--bad)}
.ia-al-ov{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:20px;animation:dimIn .25s ease-out}
.ia-al{width:270px;max-width:100%;border-radius:14px;background:var(--card);overflow:hidden;animation:sheetIn .25s cubic-bezier(.2,.8,.2,1)}
.ia-al-m{padding:20px 16px 18px;text-align:center;font-size:1rem;font-weight:600;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}
.ia-al-in{padding:0 16px 16px;margin-top:-4px}
.ia-al-in input{display:block;width:100%;box-sizing:border-box;height:36px;border:0.5px solid var(--sep2);border-radius:8px;background:var(--bg);padding:0 10px;font:inherit;font-size:16px;color:var(--ink);outline:none;-webkit-appearance:none}
.ia-al-b{display:flex;border-top:0.5px solid var(--pfx-sep)}
.ia-al-b button{flex:1 1 0;min-height:46px;border:0;margin:0;background:transparent;font:inherit;font-size:1rem;color:var(--accent-text);cursor:pointer;-webkit-tap-highlight-color:transparent}
.ia-al-b button + button{border-left:0.5px solid var(--pfx-sep)}
.ia-al-b button:active{background:var(--pfx-press)}
.ia-al-b .ia-yes{font-weight:600}
.ia-al-b .ia-yes.danger{color:var(--bad)}
/* 01.03.15: кнопки iOS — друга (сіра заливка) + футер картки візиту + «Прибрати ТТ з маршруту» */
.ia-btn2{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:14px;background:var(--fill);color:var(--ink);font:inherit;font-size:17px;font-weight:600;cursor:pointer;margin:0 0 8px}
.ia-btn2:active{opacity:.6}
.ia-btn2.bad{color:var(--bad)}
.ttm-foot{position:sticky;bottom:0;padding:12px 0 8px;background:var(--bg)}
.ttm-foot-n{text-align:center;font-size:0.6471rem;color:var(--mut);margin-top:6px}
.today-rmroute{display:block;width:100%;margin-top:8px;height:40px;border:0;border-radius:var(--r-in);background:var(--fill);color:var(--bad);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.today-rmroute:active{opacity:.6}
/* 01.03.15: аркуш «Задача менеджеру» з КК (openKkTaskAdd) */
.kta-card{padding:14px 16px 14px}
.kta-card .mr-seg{margin:0 0 10px}
.kta-line{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.kta-seg2{flex:0 0 110px;margin:0 !important}
.kta-in{flex:1 1 auto;min-width:0;box-sizing:border-box;height:44px;border:0;border-radius:var(--r-in);background:var(--fill);padding:0 12px;font:inherit;font-size:16px;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
.kta-in::placeholder{color:var(--mut)}
textarea.kta-in{height:auto;min-height:72px;padding:10px 12px;line-height:1.35;resize:none}
.kta-full{display:block;width:100%;margin:0 0 10px}
.kta-qty{flex:0 0 72px;text-align:center;font-weight:700}
.kta-lbl{display:block;margin:2px 0 6px;font-size:0.7647rem;color:var(--mut)}
select.kta-in{-webkit-appearance:menulist;appearance:auto}
.kta-card .mr-seg button{padding:0 2px}
.mh-kkrow-solo{margin:8px 12px 12px}   /* 01.03.16: КК на вихідному / в архівному дні менеджера */

/* ═════════ 01.03.17 Активність v2 (act.js openList2 / openMgr2 / openDays) — макети Sales_Активність_день / _хронологія ═════════ */
:root{--ab-y:#FFD60A;--ab-b:10,132,255;--ab-g:#1B7B33;--ab-e:#C7C7CC;--ab-trk:rgba(118,118,128,.18)}
:root[data-theme="dark"]{--ab-g:#30D158;--ab-e:#48484A;--ab-trk:rgba(118,118,128,.32)}
.ab-bl{font-size:15px;font-weight:400;margin-left:2px}
.ab-card{padding:4px 6px 10px !important}
.ab-t{width:100%;table-layout:fixed;border-collapse:collapse}
.ab-t col.c-who{width:42px}.ab-t col.c-when{width:auto}.ab-t col.c-min{width:30px}.ab-t col.c-p{width:23px}.ab-t col.c-tk{width:57px}.ab-t col.c-n{width:22px}
.ab-t.per col.c-who{width:40px}.ab-t.per col.c-tk{width:44px}.ab-t.per col.c-p{width:21px}
.ab-h th{font-size:8.5px;font-weight:700;letter-spacing:-.1px;color:var(--mut);text-align:center;padding:8px 0 6px;white-space:nowrap;overflow:hidden}
.ab-h th:first-child{text-align:left;padding-left:2px}
.ab-g td{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--mut);text-transform:uppercase;padding:10px 2px 6px;border-top:.5px solid var(--sep)}
.ab-r{cursor:pointer}
.ab-r td{padding:8px 0;border-top:.5px solid var(--sep);text-align:center;vertical-align:middle}
.ab-r:active td{background:var(--pfx-press)}
.ab-who{text-align:left !important;padding-left:2px !important;overflow:hidden}
.ab-who b{display:block;font-size:15px;font-weight:700;color:var(--ink);line-height:1.15}
.ab-who span{display:block;font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ab-off{font-size:12px !important;font-weight:600;color:var(--bad) !important;text-align:left !important;padding-left:8px !important}
.ab-min{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.ab-min small{font-size:9px;font-weight:600;color:var(--mut);margin:0 1px}
.ab-n{font-size:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
/* полоса годин (як голодування в PLA): трек, жовті години, білі розділювачі, шкала 10…18 під рисками */
.ab-w{padding:0 6px}
.ab-bar{display:flex;gap:1.5px;height:14px;border-radius:7px;overflow:hidden;background:var(--card)}
.ab-w.big .ab-bar{height:16px;border-radius:8px}
.ab-bar i{flex:1 1 0;background:var(--ab-trk)}
.ab-bar i.on{background:var(--ab-y)}
.ab-sc{position:relative;height:11px;margin-top:2px}
.ab-sc span{position:absolute;top:0;transform:translateX(-50%);font-size:8.5px;line-height:11px;color:var(--mut);font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.ab-w.big .ab-sc{height:13px;margin-top:4px}.ab-w.big .ab-sc span{font-size:10px;line-height:13px}
/* таблетки розділів — синя, насиченість за кількістю */
.ab-p{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 2px;box-sizing:border-box;border-radius:5px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
  background:rgba(var(--ab-b),var(--a));color:rgb(var(--ab-b))}
.ab-p.hi{color:#fff}
.ab-z{color:var(--mut);font-size:12px}
/* задачі квадратами */
.ab-tk{padding-left:2px !important}
.ab-sq{display:grid;grid-template-columns:repeat(5,9px);gap:2px;justify-content:center;position:relative}
.ab-sq i{width:9px;height:9px;box-sizing:border-box;border:1px solid var(--ab-e);border-radius:2px}
.ab-sq i.ok{background:var(--ab-g);border-color:var(--ab-g)}
.ab-sq em{position:absolute;left:0;bottom:-11px;font-style:normal;font-size:9px;color:var(--mut)}
.ab-sqn{display:block;margin-top:2px;font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.ab-sq:has(em) + .ab-sqn{margin-top:4px;padding-left:18px}
.ab-tkt{display:block;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}
.ab-leg{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 4px 0;font-size:11px;color:var(--mut)}
.ab-leg span{display:inline-flex;align-items:center;gap:5px}
.ab-leg i{display:inline-block;width:14px;height:8px;border-radius:4px}
.ab-leg i.y{background:var(--ab-y)}.ab-leg i.b{background:rgba(var(--ab-b),.6)}
.ab-leg i.g{width:9px;height:9px;border-radius:2px;background:var(--ab-g)}.ab-leg i.e{width:9px;height:9px;border-radius:2px;border:1px solid var(--ab-e);box-sizing:border-box}
/* хронологія менеджера */
.ab-top{padding:10px 8px 12px !important}
.ab-in{padding:0 !important}
.ab-cap{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--mut);margin:14px 4px 6px}
.ab-top .ab-w{padding:0 4px}
.ab-sep{margin-top:12px;padding-top:10px !important;border-top:.5px solid var(--sep)}
.ab-top .ab-tk{display:flex;flex-direction:column;align-items:center;padding:3px 0 0 !important}
.ab-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;margin:4px 0 2px;scrollbar-width:none}
.ab-chips::-webkit-scrollbar{display:none}
.ab-chips button{flex:0 0 auto;height:34px;padding:0 14px;border:0;border-radius:17px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;font-weight:600}
.ab-chips button.on{background:var(--ink);color:var(--card)}
.ab-chron{padding:6px 10px 8px !important}
.ab-s{padding:8px 0}
.ab-sh{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.ab-sd{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--ab-y);margin-top:6px}
.ab-st{flex:1 1 auto;min-width:0}
.ab-st b{font-size:17px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.ab-st small{font-size:13px;color:var(--mut)}
.ab-st span{display:block;font-size:12px;color:var(--mut);margin-top:1px;line-height:1.3}
.ab-tot{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:700;color:var(--ink);margin-top:3px;white-space:nowrap}
.ab-tot svg{width:13px;height:13px;color:var(--mut)}
.ab-dot{font-style:normal;color:var(--mut);margin:0 1px}
.ab-cv{flex:0 0 14px;text-align:center;color:var(--mut);font-size:16px;line-height:22px}
.ab-tts{margin:8px 0 0 17px;background:var(--bg);border-radius:12px;padding:0 10px}
.ab-tt{display:flex;align-items:center;gap:8px;min-height:38px;border-top:.5px solid var(--sep)}
.ab-tt:first-child{border-top:0}
.ab-tt-t{flex:0 0 auto;font-size:13px;color:var(--mut);font-variant-numeric:tabular-nums}
.ab-tt b{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:var(--ink);line-height:1.25;padding:6px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.ab-tt-m{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px}
.ab-mk{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;white-space:nowrap}
.ab-mk svg{width:14px;height:14px}
.ab-mk.kk{color:var(--mut)}.ab-mk.call{color:#0A84FF}.ab-mk.visit{color:var(--ink)}.ab-mk.done{color:var(--ab-g)}
.ab-gap{position:relative;text-align:center;font-size:12px;color:var(--mut);padding:6px 0;border-top:1px dashed var(--sep2);border-bottom:1px dashed var(--sep2);margin:2px 0}
/* 7 / 30 днів у менеджера */
.ab-days{padding:4px 10px 6px !important}
.ab-dh{display:grid;grid-template-columns:62px 1fr 48px 30px 36px;gap:4px;font-size:9px;font-weight:700;color:var(--mut);padding:6px 0;text-align:center}
.ab-dh span:first-child{text-align:left}
.ab-dr{display:grid;grid-template-columns:62px 1fr 48px 30px 36px 10px;gap:4px;align-items:center;padding:8px 0;border-top:.5px solid var(--sep);cursor:pointer}
.ab-dr.off{cursor:default;grid-template-columns:62px 1fr}
.ab-dr .ab-w{padding:0 2px}
.ab-dd{font-size:13px;color:var(--mut);white-space:nowrap}.ab-dd b{color:var(--ink);font-weight:700}
.ab-dm,.ab-dt{font-size:12px;font-weight:700;color:var(--ink);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.ab-dk{display:inline-flex;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--mut)}
.ab-dk svg{width:12px;height:12px}
.ab-dr .mh-ch{font-size:16px}
.ab-dr .ab-off{font-size:12px;padding-left:0 !important}
/* 01.03.19 (ZIV): кнопка «КК» у Дні — жовта, щоб виділялась (менеджер, СВ, РОП) */
.mh-search{background:var(--accent) !important;color:var(--on-accent) !important;font-weight:600}
.mh-search:active{background:var(--accent-press) !important;opacity:1}
/* 01.03.22 (ZIV): Головна СВ / РОПа — «Кеговий відділ» / «Команда» і «Команди» / «Менеджери» були на всю ширину, а нижні картки (з .mh-home) — з відступом 14 px.
   Тепер відступ 14 px дає .sx-home усім карткам, а вкладений .mh-home свого бокового відступу не додає. */
.sx-home{padding:0 14px}
.sx-home > .mh-home{padding-left:0;padding-right:0}
/* 01.03.23 (аудит A3): Комбі / Флеш / Ус.Флеш / Корб — види конекторів УСЕРЕДИНІ кега-кранів (у т.ч.), не окремі крани: з відступом і дрібніше */
.mh-rl.mh-sub i{padding-left:10px;color:var(--mut) !important;font-size:.92em}
.mh-rl.mh-sub u{font-weight:400 !important;font-size:.92em}
.mh-col .mh-cap2{display:block;font-size:11px;font-weight:400;color:var(--mut);margin:-2px 0 4px;white-space:nowrap}

/* ── 01.03.44: РОП — АКБ · Склад · Дефектура (mgr.js stockScreen) ── */
.mr-tbl td.mr-strong{font-weight:700}
.mr-tb{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;margin-right:6px;font-size:11px;font-weight:700;color:#fff;vertical-align:-1px}
.mr-tb-A{background:#D9483B}.mr-tb-B{background:#C97F2E}.mr-tb-D{background:#2E9B57}.mr-tb-H{background:#3B74C9}
.mr-r[data-mr]{cursor:pointer}
.mr-r span i{font-style:normal}
.mr-r span em.mr-ink{color:var(--ink)}
.mr-tbl th.mr-up{text-transform:none}

/* ── 01.03.45: Головна РОП (прогноз + команди в рядку, KPI смужками) · АКБ період · назви SKU ── */
.rp-fc{display:flex;align-items:baseline;gap:8px;margin:2px 0 10px}
.rp-fc b{font-size:40px;line-height:1.05;font-weight:800;letter-spacing:-1px;color:var(--ink)}
.rp-fc span{font-size:17px;font-weight:600;color:var(--mut)}
.rp-bar{position:relative;display:block;height:8px;border-radius:4px;background:var(--fill);overflow:hidden}
.rp-bar > i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--accent)}
.rp-bar > i.bad{background:var(--bad)}
.rp-bar2{height:12px;border-radius:6px}
.rp-bar2 > i{border-radius:6px}
.rp-bar2 > i.fc{background:rgba(255,214,10,.55)}
.rp-bar2 > i.ft{background:var(--inv)}
.rp-bl{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mut);margin:6px 0 10px}
.rp-bl em{font-style:normal;font-weight:700;color:var(--mh-ytext)}
.rp-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rp-tl button{min-width:0;border:0;border-radius:12px;background:var(--quiet);padding:8px 2px;font:inherit;text-align:center;cursor:pointer}
.rp-tl button:active{opacity:.6}
.rp-tl b{display:block;font-size:17px;font-weight:700;color:var(--mh-ytext);white-space:nowrap}
.rp-tl b i{font-style:normal;font-size:13px;font-weight:600;color:var(--mut)}
.rp-tl small{display:block;font-size:11px;color:var(--mut);margin-top:1px}
.rp-kr{display:grid;grid-template-columns:62px 1fr 38px 10px;align-items:center;gap:8px;width:100%;min-height:32px;padding:0;border:0;background:transparent;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.rp-kr:active{opacity:.6}
.rp-kr b{font-weight:600;color:var(--ink)}
.rp-kr em{font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.mr-per{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.mr-per .mr-seg{flex:0 0 136px;margin:0}
.mr-step{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;background:var(--fill);border-radius:10px;height:40px}
.mr-step b{min-width:0;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-step button{flex:0 0 40px;height:40px;border:0;background:transparent;font:inherit;font-size:20px;color:var(--ink);cursor:pointer}
.mr-step button:disabled{color:var(--mut);opacity:.4;cursor:default}
.mr-bign{flex:0 0 92px;text-align:center;font-size:30px;font-weight:800;letter-spacing:-.5px;color:var(--mh-ytext);font-variant-numeric:tabular-nums}
.mr-bign small{display:block;font-size:12px;font-weight:600;letter-spacing:0;color:var(--mut)}
.mr-tbl.mr-akbt{font-size:12px}
.mr-tbl.mr-akbt th,.mr-tbl.mr-akbt td{padding-left:2px;padding-right:2px}
.mr-tbl.mr-akbt th{font-size:10px}
.mr-tbl.mr-akbt .mr-tb{margin-right:0}
.mr-2l{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}

/* ── 01.03.46: фільтри Завод / Тара / Товар (Склад, Дефектура) ── */
.mr-fl{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.mr-fc{display:inline-flex;align-items:center;height:32px;border-radius:var(--r-pill);background:var(--card);border:.5px solid var(--sep2);box-sizing:border-box;max-width:100%}
.mr-fc button{border:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:var(--ink);height:32px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.mr-fc.on{background:var(--inv);border-color:var(--inv)}
.mr-fc.on button{color:var(--on-inv)}
.mr-fc.on button:first-child{padding-right:4px}
.mr-fc.on button:last-child{padding:0 10px 0 4px;flex:0 0 auto}
.mr-fs-ov{position:absolute;inset:0;z-index:9000;display:flex;align-items:flex-end;background:var(--scrim);border-radius:inherit;overflow:hidden}
.mr-fs{width:100%;max-height:82%;display:flex;flex-direction:column;box-sizing:border-box;background:var(--card);border-radius:18px 18px 0 0;padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px));animation:sheetIn .3s cubic-bezier(.2,.8,.2,1)}
.mr-fs-h{flex:0 0 auto;align-self:center;width:36px;height:4px;border-radius:2px;background:var(--fill2);margin-bottom:10px}
.mr-fs-t{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mr-fs-t button{height:36px;border:0;border-radius:10px;background:var(--fill);font:inherit;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer}
.mr-fs-t button.on{background:var(--inv);color:var(--on-inv)}
.mr-fs-hd{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px}
.mr-fs-hd b{font-size:17px;font-weight:700;color:var(--ink)}
.mr-fs-hd button{border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--mh-ytext);min-height:36px;padding:0 0 0 12px;cursor:pointer}
.mr-fs-l{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:.5px solid var(--sep)}
.mr-fs-r{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:0 2px;border:0;border-bottom:.5px solid var(--sep);background:transparent;font:inherit;font-size:15px;color:var(--ink);text-align:left;cursor:pointer}
.mr-fs-r i{font-style:normal;font-size:13px;color:var(--mut);margin-left:4px}
.mr-fs-r em{flex:0 0 22px;width:22px;height:22px;box-sizing:border-box;border-radius:6px;border:1.5px solid var(--sep2);font-style:normal;display:flex;align-items:center;justify-content:center}
.mr-fs-r em.on{background:var(--accent);border-color:var(--accent)}
.mr-fs-r em.on::after{content:'✓';font-size:14px;font-weight:800;color:var(--on-accent)}
.mr-fs-go{flex:0 0 auto;height:50px;margin-top:12px;border:0;border-radius:14px;background:var(--accent);color:var(--on-accent);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.mr-fs-go:active{opacity:.7}
.ab-off.ab-lost{color:var(--mut) !important;font-weight:500}   /* 01.03.47: журнал не дійшов — сірим, це не «не заходив» */