/* ===================== NOCK × AURA 2.0 (темна тема) =====================
   Графітова основа #0C1115, холодне світло зверху, яскраві градієнтні прямокутники
   (Glacier blue / Arctic teal / Ice silver) лише на ключових картках. Системний шрифт Aura.
   Підключається після style.css і перекриває Fintora / Frosted Glass. */
:root{
  --light:.46;--speed:20s;--play:running;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --n-page:#080b0e;--n-screen:#0c1115;--n-base:#182025;--n-card:#192126;--n-metric:#161e23;--n-event:#1b2429;--n-date:#192227;
  --n-text:#f4f7fa;--n-text2:#a6b7c7;--n-on-blue:#bfd0dc;--n-on-teal:#bdd9d7;--n-inv:#101a25;
  --n-act:#fafcfd;--n-act-h:#dfe8ee;--n-act-p:#cbd7df;--n-sel:#f4f6f7;--n-focus:#acd9f8;
  --n-border:#c9d9e018;--n-border-m:#c5e4ff30;
  --n-info:#9eb8cd;--n-wait:#c6b283;--n-ok:#91c5b1;--n-bad:#e3938d;
  --r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:22px;--r-2xl:26px;
}
:root:not([data-theme="light"]){
  --f-surface:var(--n-screen);--f-on-surface:#0e1418;--f-raised:var(--n-card);--f-overlay:#222c32;--f-active:#26323a;--f-hair:#c9d9e014;--f-line2:#c9d9e01f;
  --f-hover:#1e282e;--f-text:var(--n-text);--f-muted:var(--n-text2);--f-subtle:#7d8e9d;--f-dim:#5a6873;--f-inv:var(--n-inv);
  --f-primary:#5b9be6;--f-deep:#245fd1;--f-soft:#8acbff;--f-lav:#d3eaff;
  --f-ok:var(--n-ok);--f-bad:var(--n-bad);--f-warn:var(--n-wait);--f-notify:var(--n-bad);
  --f-tip:#222c32;--f-scene:#080b0e;
  --g-hero:linear-gradient(160deg,#10284a 0%,#091628 100%);--g-sheen:none;
  --g-cta:var(--n-act);--g-orb:radial-gradient(circle at 30% 25%,#8acbff 0%,#245fd1 75%);
  --g-brand:linear-gradient(90deg,#245fd1 0%,#8acbff 60%,#d3eaff 100%);
  --sh-glow:none;--sh-hl:none;--sh-elev:0 20px 50px rgba(0,0,0,.45);
  --glass-blur:none;--glass-edge:inset 0 0 0 1px var(--n-border);
  --ok:var(--n-ok);--okb:rgba(145,197,177,.13);--warn:var(--n-wait);--warnb:rgba(198,178,131,.13);--bad:var(--n-bad);--badb:rgba(227,147,141,.13);
}

/* ---------- шрифт і типографіка ---------- */
body{font-family:var(--font);font-weight:400;line-height:1.45}
.vh h1,.l-wrap h1,.g-h1{font-size:35px;line-height:1.12;font-weight:400;letter-spacing:-1.3px}
.card h3,.l-sec h3{font-size:20px;font-weight:500;letter-spacing:-.5px}
.kpi b,.kc b,.l-stats b,.l-money b{font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.tt-rest{color:var(--f-subtle)}
:focus-visible{outline:2px solid var(--n-focus);outline-offset:2px}
::selection{background:rgba(91,155,230,.4)}

/* ---------- фон: графіт + холодне світло зверху ---------- */
:root:not([data-theme="light"]) body{background:var(--n-screen)}
:root:not([data-theme="light"]) body::before{content:'';position:fixed;inset:-7% -20% 39%;z-index:-2;pointer-events:none;filter:none;
  background:radial-gradient(ellipse 78% 42% at 85% 5%,#b9d1de 0%,#7894ae 35%,transparent 78%),radial-gradient(ellipse 85% 44% at 15% 0%,#455973 0%,transparent 80%);
  opacity:calc(var(--light) * .55);animation:n-ambient var(--speed) ease-in-out infinite alternate;animation-play-state:var(--play)}
:root:not([data-theme="light"]) body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:1;mix-blend-mode:normal;
  background:linear-gradient(180deg,transparent 0%,#0c111566 23%,#0c1115ee 47%,transparent 77%),linear-gradient(129deg,transparent 63%,#303b572a 72%,#4c5b792b 77%,transparent 84%)}
@keyframes n-ambient{0%{transform:translate(-1%,0) scale(1.01)}50%{transform:translate(2%,1%) scale(1.04)}100%{transform:translate(0,2%) scale(1.02)}}
:root:not([data-theme="light"]) #main{background:transparent}
:root:not([data-theme="light"]) #side{background:rgba(8,11,14,.55);backdrop-filter:none;box-shadow:inset -1px 0 0 var(--n-border)}

/* ---------- звичайні поверхні: майже непрозорий графіт, тонка межа, без скла ---------- */
:root:not([data-theme="light"]) :is(.card,.kc,.kpi,.ohead,.l-sec,.l-card,.l-stats div,.l-money div,.shopbar,.sk-card,.sk-k,.qk,.qk-form,.lv-k,.lv-ring,.lv-post,.adv-tip,.adv-m,.shape,.bcol,.po-col,.cal,.reg-card){
  background:var(--n-card);border:1px solid var(--n-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
:root:not([data-theme="light"]) :is(.kpi,.kc,.l-stats div,.l-money div,.sk-k,.lv-k){background:var(--n-metric)}
:root:not([data-theme="light"]) :is(.bcol,.po-col){background:var(--n-base);border-radius:var(--r-xl)}
:root:not([data-theme="light"]) .card,:root:not([data-theme="light"]) .kc{border-radius:var(--r-lg)}
:root:not([data-theme="light"]) :is(.modal-box,.w-menu,.help-pop,.pp-pop,.np-pop){background:#141b20;border:1px solid var(--n-border-m);backdrop-filter:none;box-shadow:0 30px 70px rgba(0,0,0,.55)}
:root:not([data-theme="light"]) .modal{background:rgba(8,11,14,.66);backdrop-filter:blur(6px)}

/* ---------- кнопки: біла основна, прямокутні з радіусом 16 ---------- */
button{border-radius:14px;box-shadow:none}
button:hover{filter:none}
button:hover{filter:brightness(1.12)}
:root:not([data-theme="light"]) button.ghost:hover{background:#1e282e;filter:none}
:root:not([data-theme="light"]) button.pri{background:var(--n-act);color:var(--n-inv);box-shadow:none;border-radius:16px;font-weight:500}
:root:not([data-theme="light"]) button.pri:hover{background:var(--n-act-h);filter:none}
:root:not([data-theme="light"]) button.pri:active{background:var(--n-act-p)}
:root:not([data-theme="light"]) button.danger{color:var(--n-bad)}
:where(:root:not([data-theme="light"])) :is(input,select,textarea){background-color:var(--n-metric);border:1px solid #c9d9e022;border-radius:14px}
:where(:root:not([data-theme="light"])) :is(input,select,textarea):focus{border-color:var(--n-focus)}
:root:not([data-theme="light"]) input[type=checkbox]{accent-color:#8acbff}

/* сегменти й фільтри — стримані: світлий текст і слабка підкладка */
:root:not([data-theme="light"]) .seg{background:var(--n-metric);border:1px solid var(--n-border);box-shadow:none;backdrop-filter:none;border-radius:16px}
:root:not([data-theme="light"]) .seg button{background:transparent;border-radius:12px}
:root:not([data-theme="light"]) .seg button.on,:root:not([data-theme="light"]) .seg.mode button.on{background:#2a363e;color:var(--n-text);box-shadow:inset 0 0 0 1px #c9d9e026}

/* ---------- навігація ---------- */
:root:not([data-theme="light"]) .nav-i{border-radius:14px}
:root:not([data-theme="light"]) .nav-i:hover{background:#151d22}
:root:not([data-theme="light"]) .nav-i.on{background:#1e282e;color:var(--n-text);box-shadow:inset 0 0 0 1px var(--n-border)}
:root:not([data-theme="light"]) #side .nav-i[data-v="intake"]{background:var(--n-act);color:var(--n-inv);box-shadow:none}
:root:not([data-theme="light"]) #side .nav-i[data-v="intake"]:hover{background:var(--n-act-h)}
:root:not([data-theme="light"]) #side .nav-i[data-v="intake"] .nav-ic{background:#101a2512;color:var(--n-inv)}
:root:not([data-theme="light"]) #side .nav-i[data-v="intake"] kbd{color:#101a2599}
@media (max-width:1280px){:root:not([data-theme="light"]) #side .nav-i[data-v="intake"]{background:transparent}:root:not([data-theme="light"]) #side .nav-i[data-v="intake"] .nav-ic{background:var(--n-act);box-shadow:none}}

/* ---------- градієнтні прямокутники Aura ---------- */
:root:not([data-theme="light"]) :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.adv-hero){
  --core:#091628;--edge:#8acbff;--glow:#245fd1;--sub:var(--n-on-blue);
  position:relative;isolation:isolate;overflow:hidden;color:var(--n-text);background:var(--core);border:1px solid var(--n-border-m);
  box-shadow:inset 0 0 2px #e4f2ff66,inset 0 9px 30px -10px var(--edge),inset 0 -14px 32px -12px var(--glow),inset 18px 0 38px -20px var(--glow),inset -18px 0 38px -20px var(--glow)}
:root:not([data-theme="light"]) :is(.lv-hero,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.l-money .m-net){--core:#081d21;--edge:#85e7da;--glow:#128b87;--sub:var(--n-on-teal)}
:root:not([data-theme="light"]) :is(.hero-mini,.l-stats div:first-child){--core:#111c2b;--edge:#d3eaff;--glow:#537bc5;--sub:var(--n-on-blue)}
:root:not([data-theme="light"]) :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.adv-hero)::before{
  content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% -35%,var(--edge),transparent 62%),radial-gradient(ellipse at 110% 100%,var(--glow),transparent 55%),radial-gradient(ellipse at -30% 90%,var(--glow),transparent 60%);
  opacity:clamp(.35,calc(var(--light) + .32),.95);animation:n-liquid var(--speed) ease-in-out infinite alternate;animation-play-state:var(--play)}
:root:not([data-theme="light"]) :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.adv-hero)::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
@keyframes n-liquid{0%{transform:translate(-3%,1%) scale(1.02)}50%{transform:translate(3%,-2%) scale(1.08)}100%{transform:translate(1%,3%) scale(1.03)}} /* без rotate: на широких картках поворот виносив край шару в кадр (діагональна смуга) */
:root:not([data-theme="light"]) :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc) :is(span,small,p,.muted){color:var(--sub)}
:root:not([data-theme="light"]) .hero-card{border-radius:var(--r-2xl);padding:23px}
:root:not([data-theme="light"]) :is(.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc){border-radius:var(--r-xl)}
/* плитки й круглі кнопки всередині головної картки — темне скло, без ореолу */
:root:not([data-theme="light"]) .hero-card .tile{background:#ffffff10;border:1px solid #d3eaff22;box-shadow:none;backdrop-filter:none;color:var(--n-text);border-radius:18px}
:root:not([data-theme="light"]) .hero-card .tile:hover{background:#ffffff1c}
:root:not([data-theme="light"]) .hero-card button:not(.tile){background:#ffffff14;box-shadow:none}
:root:not([data-theme="light"]) .tile{background:var(--n-card);border:1px solid var(--n-border);box-shadow:none;backdrop-filter:none;border-radius:18px}
:root:not([data-theme="light"]) .tile:hover{background:#1e282e}

/* ---------- графіки, смуги, дрібні акценти ---------- */
:root:not([data-theme="light"]) .bar{background:#222c32}
:root:not([data-theme="light"]) .days i{background:rgba(91,155,230,.35)}
:root:not([data-theme="light"]) .days i.now{background:#8acbff}
:root:not([data-theme="light"]) .tbl thead th{background:#141b20}
:root:not([data-theme="light"]) ::-webkit-scrollbar-thumb{border-color:transparent;background:#c9d9e024;background-clip:padding-box}
:root:not([data-theme="light"]) .help-btn,:root:not([data-theme="light"]) #meChip :is(.me-b,.me-x){box-shadow:none}

@media (prefers-reduced-motion:reduce){body::before,:is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.adv-hero)::before{animation:none!important}}

/* ---------- календар: графітові події зі штрихуванням, тонка смужка зліва, без glow ---------- */
:root:not([data-theme="light"]) .appt{background:repeating-linear-gradient(110deg,#ffffff03 0 2px,transparent 2px 7px),var(--n-event);border:1px solid #c4d4dc20;border-left:3px solid #c3dfda;border-radius:14px;box-shadow:none}
:root:not([data-theme="light"]) .appt .muted{color:var(--n-text2)}
:root:not([data-theme="light"]) .appt.arrived{border-left-color:var(--n-ok)}
:root:not([data-theme="light"]) .appt.noshow{border-left-color:var(--n-bad);opacity:.7}
/* активна іконка меню — біла, без сфери й ореолу */
:root:not([data-theme="light"]) .nav-ic{background:#151d22}
:root:not([data-theme="light"]) .nav-i.on .nav-ic{background:var(--n-act);color:var(--n-inv);box-shadow:none}
:root:not([data-theme="light"]) .nav-i[data-v="advisor"]:not(.on) .nav-ic{background:#1a2a36}
:root:not([data-theme="light"]) :is(.me-av,.po-av,.lv-req .po-av){background:#d3eaff;color:var(--n-inv)}
/* усе, що було на фіолетовому градієнті CTA, тепер на білому — темний текст */
:root:not([data-theme="light"]) :is(.ib .allb,.l-badge,body.light-mode #side .nav-i[data-v="l-new"],.quick-btn,.tp-btn,.np-ok,.au-logo){color:var(--n-inv);box-shadow:none}
:root:not([data-theme="light"]) :is(.quick-btn,.tp-btn) svg{stroke:currentColor}
:root:not([data-theme="light"]) body.light-mode #side .nav-i[data-v="l-new"] .nav-ic{background:#101a2512;color:var(--n-inv)}

/* ===================== правки 31.10 ===================== */
/* номерні знаки — як справжні українські: білий знак, чорні символи, синя смуга з прапором і UA */
.plate{display:inline-flex;align-items:stretch;gap:0;padding:0;overflow:hidden;background:#f7f8f6!important;color:#0d0f12!important;border:1.5px solid #0d0f12;border-radius:5px;
  font:700 12.5px/1 "DIN Alternate","Arial Narrow",-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;white-space:nowrap;vertical-align:middle;box-shadow:0 0 0 1px #ffffff33}
.plate::before{content:"UA";flex:none;display:flex;align-items:flex-end;justify-content:center;width:15px;padding:0 0 2px;margin-right:6px;
  font:700 6.5px/1 -apple-system,"Segoe UI",sans-serif;letter-spacing:0;color:#fff;
  background:linear-gradient(#0057b7 0 0) 50% 3px/9px 3px no-repeat,linear-gradient(#ffd700 0 0) 50% 6px/9px 3px no-repeat,#0b3d91}
.plate{padding-right:7px;min-height:21px;align-items:center}
.plate::before{align-self:stretch}
.plate.sm{font-size:11px;min-height:18px}
.bk-res .plate,.lv-car .plate{font-size:11px}

/* пошук-«пігулка»: одна поверхня, інпут усередині прозорий */
.sk-search{border-radius:16px!important;background:var(--n-metric,#161e23);border:1px solid var(--n-border,#c9d9e018)}
.sk-search input,.sk-search input:focus{background:transparent!important;border:0!important;box-shadow:none;outline:0}
.sk-search:focus-within{border-color:var(--n-focus)}
:root[data-theme="light"] .sk-search{background:#fff;border-color:#10202a1a}

/* KPI: мітка, велика легка цифра, підпис — цифри в одному рядку незалежно від довжини мітки */
.kpis .kpi{display:flex;flex-direction:column;gap:6px;padding:18px 20px}
.kpis .kpi>span{min-height:2.9em;font-size:13px;line-height:1.45;color:var(--f-muted)}
.kpis .kpi>b{font-size:32px;line-height:1.1;font-weight:300;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpis .kpi>small{font-size:12.5px;line-height:1.45;color:var(--f-subtle);margin-top:auto}
/* статус партнера */
.kpi-tier .tier{display:inline-flex;align-items:center;gap:10px;font-size:26px!important}
.kpi-tier .tier i{width:12px;height:12px;border-radius:50%;flex:none;background:#9eb8cd;box-shadow:0 0 0 4px #9eb8cd26}
.kpi-tier .tier[data-t="1"] i{background:#d3eaff;box-shadow:0 0 0 4px #d3eaff26}
.kpi-tier .tier[data-t="2"] i{background:#e2dfb4;box-shadow:0 0 0 4px #e2dfb426}
.tier-bar{display:block;height:4px;border-radius:99px;background:#c9d9e01f;overflow:hidden;min-height:0!important}
.tier-bar em{display:block;height:100%;border-radius:99px;background:#d3eaff}

/* ставка нормогодини на градієнтній картці */
.hero-mini .cs-rate{display:flex;align-items:baseline;gap:8px;font-weight:300;font-size:20px;color:var(--sub,#bfd0dc)}
.hero-mini .cs-rate input{width:5.2ch;font:300 40px/1.1 var(--font);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:#f4f7fa;
  background:#ffffff0f!important;border:1px solid #d3eaff2e!important;border-radius:14px;padding:4px 12px}
.hero-mini .cs-rate input:focus{border-color:#acd9f8!important;background:#ffffff18!important}

/* швидка робота: рівні картки, ціна-пігулка внизу, вибрана — біла */
.qk-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.qk{min-height:108px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 14px;border-radius:18px!important;
  background:var(--n-metric,#161e23)!important;border:1px solid var(--n-border,#c9d9e018)!important;box-shadow:none!important;transition:border-color .15s,background .15s}
.qk b{font-size:14.5px;font-weight:500;line-height:1.3}
.qk span{font:500 13px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--f-text)!important;background:#c9d9e014;border:1px solid #c9d9e01f;border-radius:99px;padding:6px 10px}
.qk:hover{border-color:#c9d9e040!important;filter:none}
.qk.on{background:#f4f6f7!important;color:#101a25}.qk.on span{background:#101a2510;border-color:#101a2520;color:#101a25!important}
.qk-own{border-style:dashed!important;background:transparent!important}.qk-own span{background:transparent;border:0;padding:0;color:var(--f-subtle)!important;font-weight:400}
.qk-own b::before{content:"+ ";color:var(--f-subtle)}
:root[data-theme="light"] .qk{background:#fff!important;border-color:#10202a14!important}
:root[data-theme="light"] .qk.on{background:#101a25!important;color:#fff}:root[data-theme="light"] .qk.on span{color:#fff!important;background:#ffffff1a}

/* ===================== календар Nock ===================== */
.nk-cal{--lw:118px;display:grid;gap:14px}
.nk-week{display:flex;gap:10px;padding:14px 16px;border-radius:22px;background:var(--n-base,#182025);border:1px solid var(--n-border,#c9d9e018);width:max-content;max-width:100%;overflow-x:auto}
.nk-d{display:flex;flex-direction:column;align-items:center;gap:8px}
.nk-wd{font-size:12px;color:var(--f-subtle);letter-spacing:.04em}
.nk-cap{width:56px;min-height:86px;padding:6px 0 10px;border-radius:999px!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;
  background:var(--n-date,#192227)!important;border:1px solid #c9d9e014!important;box-shadow:none!important;color:var(--f-muted)}
.nk-cap b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:400;font-variant-numeric:tabular-nums;background:#ffffff08;color:var(--f-text)}
.nk-cap em{width:18px;height:18px;border-radius:50%;border:1px dashed #c9d9e04d;font:500 10px/16px var(--font);font-style:normal;text-align:center;color:var(--f-muted)}
.nk-cap em.has{border-style:solid;border-color:#c9d9e066;color:var(--f-text)}
.nk-cap:hover{background:#1f2a30!important;filter:none}
.nk-cap.today b{box-shadow:inset 0 0 0 1.5px #acd9f8}
.nk-cap.on{background:var(--n-sel,#f4f6f7)!important;border-color:transparent!important}
.nk-cap.on b{background:#0c1115;color:#fff;box-shadow:none}
.nk-cap.on em{border-color:#101a2540;color:#101a25;background:#e3e8eb}
.nk-sum{margin:0;font-size:14px}.nk-sum b{font-weight:500;text-transform:capitalize}
.nk-tl{position:relative;border-radius:22px;background:var(--n-base,#182025);border:1px solid var(--n-border,#c9d9e018);padding:18px 18px 10px;overflow-x:auto}
.nk-head,.nk-lane{display:grid;grid-template-columns:var(--lw) minmax(calc(var(--n) * 96px),1fr)}
.nk-scale{position:relative;height:64px}
.nk-bands{position:absolute;inset:0 0 26px 0;display:grid;grid-template-rows:repeat(3,1fr);align-items:center}
.nk-bands>div{position:relative;height:3px}.nk-bands i{position:absolute;top:0;height:3px;border-radius:99px;opacity:.85}
.nk-axis{position:absolute;left:0;right:0;bottom:0;height:20px}
.nk-axis span{position:absolute;transform:translateX(-50%);font-size:12.5px;color:var(--f-muted);font-variant-numeric:tabular-nums}
.nk-axis span:first-child{transform:none}.nk-axis span:last-child{transform:translateX(-100%)}
.nk-body{position:relative}
.nk-lane{min-height:128px;border-top:1px solid #c9d9e010}
.nk-ln{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:12px}
.nk-ln b{font-weight:500;font-size:14px}.nk-ln small{font-size:12px;color:var(--f-subtle)}
.nk-track{position:relative;display:flex}
.nk-track .cal-cell{flex:1;height:auto;border:0!important;cursor:pointer;border-radius:10px}
.nk-track .cal-cell:nth-child(2n+1){background-image:linear-gradient(#c9d9e026 50%,transparent 50%);background-size:1px 8px;background-repeat:repeat-y;background-position:0 0}
.nk-track .cal-cell:hover,.nk-track .cal-cell.over{background-color:#acd9f80f}
.nk-ev{position:absolute;top:8px;bottom:8px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:18px;overflow:hidden;cursor:grab;z-index:2;
  background:repeating-linear-gradient(110deg,#ffffff05 0 2px,transparent 2px 7px),var(--n-event,#1b2429)!important;border:1px solid #c4d4dc24!important;box-shadow:0 8px 22px #00000033!important;color:var(--f-text);font-size:12.5px}
.nk-ev:hover{border-color:#c4d4dc4d!important}
.nk-et{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nk-es{color:var(--f-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-4px}
.nk-av{display:flex}.nk-av i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 9px/1 var(--font);font-style:normal;color:#101a25;background:var(--a);border:2px solid var(--n-event,#1b2429);margin-left:-6px}
.nk-av i:first-child{margin-left:0}.nk-av i.more{background:#f4f7fa}
.nk-tm{margin-top:auto;display:grid;gap:1px;padding-left:10px;border-left:2px solid var(--c);white-space:nowrap}
.nk-tm b{font-weight:500;font-size:13px;font-variant-numeric:tabular-nums}.nk-tm small{font-size:11.5px;color:var(--f-muted)}
.nk-ev.narrow{padding:10px 8px}.nk-ev.narrow :is(.nk-es,.nk-av,.nk-tm small){display:none}.nk-ev.narrow .nk-et{font-size:12px}.nk-ev.narrow .nk-tm b{font-size:11px}
.nk-ev.noshow{opacity:.55}
.nk-now{position:absolute;top:0;bottom:0;left:calc(var(--lw) + (100% - var(--lw)) * var(--x) / 100);width:0;border-left:1.5px solid #e3938d;z-index:3;pointer-events:none}
.nk-now span{position:absolute;top:-2px;left:0;transform:translate(-50%,-100%);font:500 11px/1 var(--font);color:#101a25;background:#e3938d;border-radius:99px;padding:3px 6px;font-variant-numeric:tabular-nums}
.nk-empty{margin:8px 0 4px var(--lw);font-size:13px;color:var(--f-subtle)}
/* світла тема календаря */
:root[data-theme="light"] .nk-week,:root[data-theme="light"] .nk-tl{background:#fff;border-color:#10202a14}
:root[data-theme="light"] .nk-cap{background:#eef2f5!important;border-color:#10202a0f!important}
:root[data-theme="light"] .nk-cap b{background:#ffffffaa}
:root[data-theme="light"] .nk-cap.on{background:#101a25!important}:root[data-theme="light"] .nk-cap.on b{background:#fff;color:#101a25}:root[data-theme="light"] .nk-cap.on em{background:#1d2a35;color:#fff;border-color:#ffffff40}
:root[data-theme="light"] .nk-ev{background:repeating-linear-gradient(110deg,#10202a06 0 2px,transparent 2px 7px),#f4f7f9!important;border-color:#10202a1a!important;box-shadow:0 6px 16px #10202a12!important}
:root[data-theme="light"] .nk-av i{border-color:#f4f7f9}
:root[data-theme="light"] .nk-tm[style*="#f4f7fa"]{border-left-color:#101a25}
:root[data-theme="light"] .nk-lane{border-top-color:#10202a0f}
:root[data-theme="light"] .nk-track .cal-cell:nth-child(2n+1){background-image:linear-gradient(#10202a22 50%,transparent 50%)}

/* ===================== світла тема Nock ===================== */
:root[data-theme="light"]{
  --f-surface:#eef2f5;--f-on-surface:#ffffff;--f-raised:#ffffff;--f-overlay:#e9eef2;--f-active:#dfe6ec;--f-hair:#10202a14;--f-line2:#10202a1f;
  --f-text:#101a25;--f-muted:#4f6070;--f-subtle:#6e7f8e;--f-primary:#245fd1;--f-soft:#245fd1;--f-lav:#dbe9fb;--f-hover:#f4f7f9;--f-dim:#a3b0bb;
  --f-ok:#2f7d62;--f-bad:#b8473f;--f-warn:#8a6d22;--f-notify:#d0574e;--f-lav-t:#1d4fb0;--f-amber-t:#6e5310;--f-red-t:#a03a33;
  --g-cta:#101a25;--g-orb:#101a25;--g-brand:linear-gradient(90deg,#245fd1,#8acbff);--sh-glow:none;--sh-hl:0 0 0 1px #10202a12;--sh-elev:0 18px 44px #10202a1f;
  --okb:#2f7d6214;--warnb:#8a6d221a;--badb:#b8473f14;
  --n-base:#ffffff;--n-metric:#ffffff;--n-date:#eef2f5;--n-event:#f4f7f9;--n-border:#10202a14;--n-focus:#245fd1}
:root[data-theme="light"] body{background:#eef2f5}
:root[data-theme="light"] body::before{content:'';position:fixed;inset:-10% -20% 55%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 85% 0%,#cfdeea 0%,transparent 75%),radial-gradient(ellipse 70% 50% at 10% 0%,#dde5ee 0%,transparent 80%)}
:root[data-theme="light"] #main{background:transparent}
:root[data-theme="light"] #side{background:#f7f9fb;box-shadow:inset -1px 0 0 #10202a12}
:root[data-theme="light"] :is(.card,.kc,.kpi,.ohead,.l-sec,.l-card,.l-stats div,.l-money div,.shopbar,.sk-card,.sk-k,.lv-k,.lv-ring,.lv-post,.adv-tip,.adv-m,.cal,.reg-card){background:#fff;border:1px solid #10202a14;box-shadow:none}
:root[data-theme="light"] :is(.bcol,.po-col){background:#f7f9fb;border:1px solid #10202a12;box-shadow:none}
:root[data-theme="light"] button{background:#e9eef2;color:#101a25;box-shadow:none;border-radius:14px}
:root[data-theme="light"] button:hover{background:#dfe6ec;filter:none}
:root[data-theme="light"] button.ghost{background:transparent;color:var(--f-muted)}
:root[data-theme="light"] button.pri,:root[data-theme="light"] #side .nav-i[data-v="intake"],:root[data-theme="light"] body.light-mode #side .nav-i[data-v="l-new"]{background:#101a25;color:#fff;box-shadow:none}
:root[data-theme="light"] button.pri:hover{background:#1d2a35}
:root[data-theme="light"] #side .nav-i[data-v="intake"] .nav-ic,:root[data-theme="light"] body.light-mode #side .nav-i[data-v="l-new"] .nav-ic{background:#ffffff1f;color:#fff}
:root[data-theme="light"] #side .nav-i[data-v="intake"] kbd{color:#ffffffa0}
:root[data-theme="light"] .nav-i{background:transparent}
:root[data-theme="light"] .nav-i:hover{background:#eef2f5}
:root[data-theme="light"] .nav-i.on{background:#fff;color:#101a25;box-shadow:0 0 0 1px #10202a14}
:root[data-theme="light"] .nav-ic{background:#eef2f5}
:root[data-theme="light"] .nav-i.on .nav-ic{background:#101a25;color:#fff;box-shadow:none}
:root[data-theme="light"] .seg,.theme-sw{box-shadow:none}
:root[data-theme="light"] .seg{background:#fff;border:1px solid #10202a14;border-radius:16px}
:root[data-theme="light"] .seg button{background:transparent;border-radius:12px}
:root[data-theme="light"] .seg button.on,:root[data-theme="light"] .theme-sw button.on{background:#101a25;color:#fff}
:root[data-theme="light"] .theme-sw{background:#fff;border:1px solid #10202a14;border-radius:16px}.theme-sw button{border-radius:12px}
:where(:root[data-theme="light"]) :is(input,select,textarea){background-color:#fff;border:1px solid #10202a1f;border-radius:14px}
:where(:root[data-theme="light"]) :is(input,select,textarea):focus{border-color:#245fd1}
:root[data-theme="light"] .tbl thead th{background:#f4f7f9}
:root[data-theme="light"] :is(.pill.st,.tg,.l-kind,.pill.st-work,.l-st.work,.j-work){background:#245fd114;color:#1d4fb0}
:root[data-theme="light"] .tile{background:#fff;border:1px solid #10202a14;color:#101a25;box-shadow:none}
:root[data-theme="light"] .plate{box-shadow:none}
:root[data-theme="light"] .appt:not(.nk-ev){background:#245fd112;border-left-color:#245fd1}
/* градієнтні картки Aura у світлій темі — ті самі темні матеріали, вони й тримають акцент */
:root[data-theme="light"] :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc){
  --core:#091628;--edge:#8acbff;--glow:#245fd1;--sub:#bfd0dc;position:relative;isolation:isolate;overflow:hidden;color:#f4f7fa;background:var(--core);border:1px solid #c5e4ff30;
  box-shadow:inset 0 0 2px #e4f2ff66,inset 0 9px 30px -10px var(--edge),inset 0 -14px 32px -12px var(--glow),inset 18px 0 38px -20px var(--glow),inset -18px 0 38px -20px var(--glow),0 14px 34px #10202a26}
:root[data-theme="light"] :is(.lv-hero,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,.l-money .m-net){--core:#081d21;--edge:#85e7da;--glow:#128b87;--sub:#bdd9d7}
:root[data-theme="light"] :is(.hero-mini,.l-stats div:first-child){--core:#111c2b;--edge:#d3eaff;--glow:#537bc5}
:root[data-theme="light"] :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc)::before{
  content:'';position:absolute;inset:-8%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% -35%,var(--edge),transparent 62%),radial-gradient(ellipse at 110% 100%,var(--glow),transparent 55%),radial-gradient(ellipse at -30% 90%,var(--glow),transparent 60%);
  opacity:.78;animation:n-liquid var(--speed) ease-in-out infinite alternate;animation-play-state:var(--play)}
:root[data-theme="light"] :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc) :is(span:not(.plate),small,p,.muted){color:var(--sub)}
:root[data-theme="light"] :is(.hero-card,.hero-mini,.lv-hero,.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc) :is(b,h1,h2,h3){color:#f4f7fa}
:root[data-theme="light"] .hero-card .tile{background:#ffffff10;border:1px solid #d3eaff22;color:#f4f7fa}
:root[data-theme="light"] .hero-card .tile:hover{background:#ffffff1c}
:root[data-theme="light"] .hero-card button:not(.tile){background:#ffffff14;color:#f4f7fa}
:root[data-theme="light"] .hero-card{border-radius:26px}
.nk-cal{grid-template-columns:minmax(0,1fr)}
.nk-ev>*{flex:none;min-width:0}.nk-ev{line-height:1.3}
.nk-ev .nk-et{font-weight:500!important}
.nk-lane{min-height:118px}
.nk-sum b{text-transform:none}
.nk-head,.nk-lane{grid-template-columns:var(--lw) minmax(calc(var(--n) * 70px),1fr)}
.nk-lane{min-height:150px}
.nk-ev{gap:5px;padding:11px 13px}
.nk-ev.narrow{padding:10px 9px}.nk-ev.narrow .nk-et{font-size:12.5px;text-overflow:clip}.nk-ev.narrow .nk-tm{padding-left:7px}
.nk-ev.narrow .nk-et{text-overflow:ellipsis}.nk-tm b{font-size:12.5px}

/* ===================== правки 31.10 (2) ===================== */
/* жирніші цифри там, де це метрики */
:is(.kpis .kpi>b,.kc-b>b,.l-stats b,.l-money b,.lv-k b,.sk-k b,.hero-mini b,.rv-stats b,.lv-num,.adv-score b,.adv-kp b,.pnl b,.wd-c b,.sk-kpi b){font-weight:600!important;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.hero-card .hc-sum,.hero-card .big,.hero-card h2+b{font-weight:600}
.donut .dc{font-weight:700;letter-spacing:-.5px}
.nk-tm b,.qk em{font-weight:600}

/* KPI-віджети дашборду: назва з іконкою (переноситься), велика цифра, графік на всю ширину */
.kc{gap:12px!important;align-content:start}
.kc-h{align-items:flex-start!important}
.kc-h .kc-t,.kc-h span.kc-t{white-space:normal!important;overflow:visible!important;line-height:1.3;font-size:13.5px;font-weight:400;color:var(--f-muted);align-items:center}
.kc-ic{width:30px!important;height:30px!important;border-radius:10px!important;flex:none;background:#c9d9e00f!important;border:1px solid #c9d9e01f;color:#acd9f8!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important}
.kc-ic svg{width:16px;height:16px}
.kc-b{flex-direction:column;align-items:stretch!important;gap:8px!important}
.kc-b>b{font-size:30px!important;line-height:1.1}
.kc-b .spark{width:100%!important;max-width:none!important;height:38px;margin:0!important}
.kc small{line-height:1.45}
.dlt{font-size:11.5px;padding:3px 8px;flex:none}
:is(.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc) .kc-ic{background:#ffffff14!important;border-color:#ffffff24;color:#f4f7fa!important}
:root[data-theme="light"] .kc-ic{background:#eef2f5!important;border-color:#10202a14;color:#245fd1!important}

/* швидка робота: рядки з іконкою, назвою, часом і ціною */
.qk-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:8px!important}
.qk{min-height:0!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;padding:12px 16px 12px 12px!important;text-align:left}
.qk-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;color:#acd9f8;
  background:radial-gradient(circle at 30% 0%,#8acbff33,transparent 70%),#1d2830;border:1px solid #c5e4ff22}
.qk-n{flex:1;min-width:0;display:grid;gap:2px;background:none!important;border:0!important;padding:0!important}
.qk-n b{font-size:14.5px;font-weight:500;line-height:1.3;color:inherit}
.qk-n small{font-size:12px;color:var(--f-subtle);font-weight:400}
.qk em{font-style:normal;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--f-text)}
.qk span.qk-n{color:inherit!important}
.qk.on{background:#f4f6f7!important;color:#101a25}.qk.on .qk-n small{color:#4f6070}.qk.on em{color:#101a25}
.qk.on .qk-ic{background:#101a25;color:#fff;border-color:transparent}
.qk-own{background:transparent!important}.qk-own .qk-ic{background:transparent;border-style:dashed;color:var(--f-muted)}
.qk-own b::before{content:none!important}
:root[data-theme="light"] .qk-ic{background:#eef2f5;border-color:#10202a14;color:#245fd1}
:root[data-theme="light"] .qk.on .qk-ic{background:#fff;color:#101a25}

/* повзунок у панелі чисел: товста доріжка з градієнтом, рисками й «скляним» бігунком */
.np-pop{width:300px;padding:16px;border-radius:22px}
.np-v{font-weight:600!important;font-size:26px!important;letter-spacing:-.5px}
.np-b{border-radius:14px!important;background:#222c32!important;border:1px solid #c9d9e01a!important}
.np-r{height:14px!important;border-radius:99px!important;margin:6px 0 2px;
  background:
    repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#ffffff1f calc(10% - 1px) 10%) 0 50%/100% 6px no-repeat,
    linear-gradient(90deg,#245fd1,#8acbff var(--p,0%),transparent var(--p,0%)),
    #10161a!important;
  box-shadow:inset 0 1px 2px #00000080,0 0 0 1px #c9d9e014!important}
.np-r::-webkit-slider-thumb{width:28px!important;height:28px!important;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#fff 0 40%,#dfe8ee 43% 100%)!important;border:0;
  box-shadow:0 4px 14px #00000080,0 0 0 5px #8acbff33!important;transition:box-shadow .15s,transform .15s}
.np-r:hover::-webkit-slider-thumb{box-shadow:0 4px 14px #00000080,0 0 0 7px #8acbff40!important}
.np-r:active::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 6px 18px #00000099,0 0 0 9px #8acbff40!important}
.np-scale{font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:-2px}
.np-pre button{border-radius:10px!important;background:#ffffff08!important;border:1px solid #c9d9e01a!important;font-variant-numeric:tabular-nums}
.np-pre button.on{background:#f4f6f7!important;color:#101a25!important;box-shadow:none!important}
:root[data-theme="light"] .np-r{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#10202a1f calc(10% - 1px) 10%) 0 50%/100% 6px no-repeat,linear-gradient(90deg,#245fd1,#8acbff var(--p,0%),transparent var(--p,0%)),#e3e9ee!important;box-shadow:inset 0 1px 2px #10202a26!important}
:root[data-theme="light"] .np-b{background:#eef2f5!important;border-color:#10202a14!important}
:root[data-theme="light"] .np-pre button{background:#f4f7f9!important;border-color:#10202a14!important}
:root[data-theme="light"] .np-pre button.on{background:#101a25!important;color:#fff!important}

/* KPI партнерки: мітка в один рядок, жирна цифра одразу під нею */
.kpis .kpi>span{min-height:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpis .kpi>b{font-size:30px!important;margin-top:4px}
.kpis .kpi>small{margin-top:0!important}
.kpi-tier .tier{font-weight:600!important}

/* градієнтні шкали: від приглушеного до насиченого, з легким світлом */
.adv-pb{height:8px!important;border-radius:99px!important;background:#10161a!important;box-shadow:inset 0 1px 2px #00000066}
.adv-pb i{background:linear-gradient(90deg,color-mix(in srgb,var(--c,#5b9be6) 35%,#245fd1),var(--c,#5b9be6))!important;border-radius:99px!important;box-shadow:0 0 12px color-mix(in srgb,var(--c,#5b9be6) 45%,transparent)}
:root[data-theme="light"] .adv-pb{background:#e3e9ee!important;box-shadow:none}
.bar i{background:linear-gradient(90deg,#245fd1,#8acbff)!important}
.lv-bal em{background:linear-gradient(90deg,#245fd1,#8acbff)!important}
.hero-mini .cs-rate input{font-weight:600!important;letter-spacing:-1px}
.adv-g b,.okt{font-weight:600}

/* Live: єдиний список постів (замість плану цеху + ганта + карток) */
.lv-pl{padding-bottom:10px}
.pl-list{display:grid;gap:6px}
.pl-head,.pl-main{display:grid;grid-template-columns:150px minmax(150px,1.1fr) minmax(170px,1.3fr) minmax(220px,2fr) 84px 18px;gap:14px;align-items:center}
.pl-head{font-size:11px;color:var(--f-subtle);padding:0 14px 2px;text-transform:uppercase;letter-spacing:.04em}
.pl-ax{position:relative;height:14px}.pl-ax b{position:absolute;transform:translateX(-50%);font-weight:400;font-size:10.5px;text-transform:none}
.pl-ax b:first-child{transform:none}.pl-ax b:last-child{transform:translateX(-100%)}
.pl-row{border-radius:14px;background:color-mix(in srgb,var(--f-on-surface) 60%,transparent);box-shadow:inset 3px 0 0 var(--c);transition:background .15s}
.pl-row:hover,.pl-row.open{background:var(--f-on-surface)}
.pl-main{padding:10px 14px;cursor:pointer;min-height:56px}
.pl-post{display:flex;align-items:center;gap:10px}.pl-post>div{display:grid;line-height:1.25}.pl-post span{color:var(--c)}.pl-row.free .pl-post span{color:var(--f-subtle)}
.pl-dot{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.pl-dot.pulse{box-shadow:0 0 0 0 var(--c);animation:plPulse 1.8s infinite}@keyframes plPulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
.pl-car{display:flex;align-items:center;gap:10px;min-width:0}.pl-car img{width:28px;height:28px;border-radius:7px;flex:none}.pl-car>div{display:grid;gap:3px;min-width:0}.pl-car b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.pl-car .plate{justify-self:start}
.pl-job{display:grid;gap:3px;min-width:0;font-size:13px}.pl-jt{display:flex;gap:8px;align-items:baseline}.pl-jt span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-jt .lv-t{font-size:13px}
.pl-tl .lv-gt{height:22px;border-radius:7px;background:color-mix(in srgb,var(--f-bg,#0c1115) 55%,transparent)}
.pl-tl .lv-gt i{top:3px;bottom:3px;border-radius:5px;padding:0;cursor:inherit}
.pl-now{position:absolute;top:0;bottom:0;width:2px!important;background:#e3938d!important;box-shadow:0 0 6px #e3938d;border:0!important;padding:0!important;border-radius:0!important}
.pl-sum{font-style:normal;text-align:right;font-weight:600;font-size:13px}.pl-row.free .pl-sum{color:var(--f-subtle);font-weight:400}
.pl-chev{color:var(--f-subtle);transition:transform .2s;display:flex}.pl-row.open .pl-chev{transform:rotate(180deg)}
.pl-det{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;padding:4px 16px 16px 38px;border-top:1px solid var(--f-line2);margin-top:2px;padding-top:14px;animation:plIn .2s ease both}@keyframes plIn{from{opacity:0;transform:translateY(-4px)}}
.pl-det h4{margin:0 0 8px;font-size:11px;font-weight:500;color:var(--f-subtle);text-transform:uppercase;letter-spacing:.05em}
.pl-ul{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px;font-size:13px}.pl-ul li{display:flex;align-items:center;gap:8px}.pl-ul .sp{flex:1}
.pl-ji{width:14px;text-align:center;color:var(--f-subtle)}.pl-ul li.ok .pl-ji{color:#91c5b1}.pl-ul li.run .pl-ji{color:#5b9be6}.pl-ul li.wait{opacity:.6}
.pl-jh{min-width:64px;text-align:right;font-variant-numeric:tabular-nums;color:var(--f-muted);font-size:12px}
.pl-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px;font-size:13px}.pl-dl dt{color:var(--f-subtle)}.pl-dl dd{margin:0}
.pl-btns{display:flex;flex-wrap:wrap;gap:8px}
.pl-leg{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;margin:8px 2px 0}.pl-leg i{display:inline-block;width:14px;height:8px;border-radius:3px;background:var(--c);margin-right:-8px}.pl-leg i.plan{background:none;border:1.5px dashed var(--f-soft)}.pl-leg i.nw{width:2px;height:12px;background:#e3938d}
@media (max-width:1250px){.pl-head{display:none}.pl-main{grid-template-columns:130px 1fr 1fr 70px 18px}.pl-tl{grid-column:1/-1;order:9}.pl-det{grid-template-columns:1fr;padding-left:16px}}
:root[data-theme="light"] .pl-tl .lv-gt{background:#e3e9ee}

/* Дашборд: малі показники m1–m6 */
.kc.km{gap:10px!important;align-content:start}
.km-h{display:flex;align-items:center;gap:8px;min-width:0}.km-h>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--f-muted);font-size:13px}
.km-h .dlt{font-size:10.5px;padding:2px 7px}
.kc.km>b{font-size:26px!important;font-weight:500;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.km-u{font-style:normal;font-size:13px;font-weight:400;color:var(--f-subtle);margin-left:5px;letter-spacing:0}
.km-bar{position:relative;height:5px;border-radius:99px;background:var(--f-line2)}.km-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit}.km-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:1px;background:var(--f-subtle)}
.kc.km>.spark{height:26px;width:100%;margin:-10px 0 -11px}
.kc.km small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.km-f{display:flex;align-items:center;gap:7px;min-width:0}.km-f .dlt{font-size:10.5px;padding:2px 7px;flex:none}.km-f small{min-width:0}
.kc.km .km-f .dlt{background:none!important;padding:0!important;font-size:11.5px;font-weight:600;letter-spacing:-.01em}
.kc.km .km-f{gap:6px}.kc.km .km-f small{flex:1}
.kc.km .km-f small{font-size:11.5px}
.kc.km .km-f{gap:5px}

/* Дашборд: 4 головні KPI — кожен своїм матеріалом Aura */
:root:not(#_) .w[data-w="k1"]>.kc{--core:#081d21;--edge:#85e7da;--glow:#128b87;--sub:#bfe3df}
:root:not(#_) .w[data-w="k2"]>.kc{--core:#0a1a12;--edge:#a6f0b8;--glow:#2f9a5c;--sub:#c4e6cf}
:root:not(#_) .w[data-w="k3"]>.kc{--core:#091628;--edge:#8acbff;--glow:#245fd1;--sub:#c3d6ea}
:root:not(#_) .w[data-w="k4"]>.kc{--core:#1e1608;--edge:#f3d38f;--glow:#b5802a;--sub:#e8d7b4}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark path[stroke],.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark circle{stroke:#ffffffd9;fill:#fff}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark path[stroke]{fill:none}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark stop:first-child{stop-color:#fff;stop-opacity:.22}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt{background:#ffffff1c!important;color:#f4f7fa!important}

/* Аналітик за NOCK × AURA: одна групова панель з тонкими роздільниками; статус — лише крапка й текст;
   метрика легкою вагою; фільтри стримані; без капсул, капсу й тонованих плашок */
.ai.card{display:grid;gap:0}
.ai-h{flex-wrap:nowrap!important;gap:12px!important;margin-bottom:20px!important;align-items:baseline!important}
.ai-h h3{color:var(--n-text,#f4f7fa)!important;font-size:20px;font-weight:500;letter-spacing:-.5px;white-space:nowrap}
.ai-h>.muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:13px;color:#a6b7c7}
.ai-per{flex:none;align-self:center}
.ai-fl{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.ai-fl button{display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:0 12px;font-size:13px;font-weight:400;border-radius:12px;background:transparent;border:0;color:#a6b7c7;box-shadow:none}
.ai-fl button em{font-style:normal;font-size:12px;color:#a6b7c780;font-variant-numeric:tabular-nums}
.ai-fl button:hover{color:#f4f7fa}
.ai-fl button.on{background:#ffffff0d;color:#f4f7fa}.ai-fl button.on em{color:#a6b7c7}
.ai-list{border:1px solid #c9d9e018;border-radius:22px;background:#182025;overflow:hidden}
.ai-r{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(220px,.75fr);gap:28px;padding:20px 24px;align-items:start}
.ai-r+.ai-r{border-top:1px solid #c9d9e014}
.ai-st{display:flex;align-items:center;gap:8px;font-size:13px;color:#a6b7c7}
.ai-st i{width:6px;height:6px;border-radius:50%;background:var(--t);flex:none}
.ai-r.bad{--t:#e3938d}.ai-r.warn{--t:#c6b283}.ai-r.good{--t:#91c5b1}.ai-r.idea{--t:#9eb8cd}.ai-r.info{--t:#9eb8cd}
.ai-m{margin-top:10px;display:grid;gap:2px}
.ai-m b{font-size:32px;font-weight:300;letter-spacing:-1.2px;line-height:1.1;color:#f4f7fa;font-variant-numeric:tabular-nums;white-space:nowrap}
.ai-m small{font-size:12px;color:#a6b7c7;line-height:1.35}
.ai-c h4{margin:0 0 6px;font-size:15px;font-weight:500;line-height:1.35;color:#f4f7fa}
.ai-c p{margin:0;font-size:13px;line-height:1.5;color:#a6b7c7}
.ai-do{font-size:13px;line-height:1.5;color:#f4f7fa;padding-left:14px;border-left:1px solid #c9d9e030}
.ai-do span{display:block;color:#a6b7c7;margin-bottom:2px}
.ai-askh{margin:32px 0 12px;font-size:20px;font-weight:500;letter-spacing:-.5px;color:#f4f7fa}
.ai-q{margin-top:0!important;gap:8px!important}
.ai-q input{border-radius:16px!important;min-height:48px;padding:0 18px!important}
.ai-q button.pri{border-radius:16px!important;min-height:48px}
.ai .ask-cats{margin-top:16px;gap:4px}
.ai .ask-cats button{border-radius:12px!important;min-height:36px;padding:0 12px!important;font-size:13px;color:#a6b7c7}
.ai .ask-cats button.on{background:#ffffff0d!important;color:#f4f7fa}
.ai .ask-chips{gap:8px;margin-top:10px}
.ai .ask-chip{background:transparent!important;border:1px solid #c9d9e026!important;border-radius:12px!important;min-height:40px;padding:0 14px!important;color:#f4f7fa;box-shadow:none!important;font-size:13px}
.ai .ask-chip:hover{border-color:#c9d9e055!important}
.ai .ask-log{margin-top:16px}.ai .ai-ans{border-radius:20px;border:1px solid #c9d9e018;background:#182025;padding:16px 20px}
@media (max-width:1100px){.ai-r{grid-template-columns:130px 1fr}.ai-do{grid-column:2}}
:root[data-theme="light"] .ai-list,:root[data-theme="light"] .ai .ai-ans{background:#fff;border-color:#10202a14}
:root[data-theme="light"] .ai-r+.ai-r{border-color:#10202a12}
:root[data-theme="light"] :is(.ai-h h3,.ai-m b,.ai-c h4,.ai-do,.ai-askh,.ai .ask-chip,.ai-fl button.on,.ai .ask-cats button.on){color:#0c1115!important}
:root[data-theme="light"] :is(.ai-fl button.on,.ai .ask-cats button.on){background:#10202a0d!important}
.ai-r{grid-template-columns:minmax(170px,190px) minmax(0,1fr) minmax(220px,.75fr)}
.ai-m b{font-size:30px}
.ai-q .ic{display:none}
.ai-fl button{align-items:center}
/* Аналітик: картки за NOCK × AURA — звичайна картка, статус крапкою, метрика легкою вагою, дія за тонкою лінією */
.ai .ai-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:12px!important}
.ai .ai-i{display:flex!important;flex-direction:column;gap:0!important;padding:20px!important;border-radius:20px!important;background:#192126!important;border:1px solid #c9d9e018!important;box-shadow:none!important}
.ai .ai-i.bad{--t:#e3938d}.ai .ai-i.warn{--t:#c6b283}.ai .ai-i.good{--t:#91c5b1}.ai .ai-i.idea,.ai .ai-i.info{--t:#9eb8cd}
.ai .ai-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.ai .ai-st{display:flex;align-items:center;gap:8px;font-size:13px;color:#a6b7c7;padding-top:4px}
.ai .ai-st i{width:6px;height:6px;border-radius:50%;background:var(--t);flex:none}
.ai .ai-k{display:grid;justify-items:end;gap:2px;text-align:right}
.ai .ai-k b{font-size:30px;font-weight:300;letter-spacing:-1.2px;line-height:1.1;color:#f4f7fa;font-variant-numeric:tabular-nums;white-space:nowrap}
.ai .ai-k small{font-size:12px;color:#a6b7c7}
.ai .ai-i h4{margin:0 0 6px;font-size:15px;font-weight:500;line-height:1.35;color:#f4f7fa}
.ai .ai-i>p{margin:0 0 16px;font-size:13px;line-height:1.5;color:#a6b7c7;flex:1}
.ai .ai-i .ai-do{border-left:0;padding:14px 0 0;border-top:1px solid #c9d9e018;font-size:13px;line-height:1.5;color:#f4f7fa}
.ai .ai-i .ai-do span{display:block;color:#a6b7c7;margin-bottom:2px}
:root[data-theme="light"] .ai .ai-i{background:#fff!important;border-color:#10202a14!important}
:root[data-theme="light"] .ai .ai-i :is(h4,.ai-k b,.ai-do){color:#0c1115}
:root[data-theme="light"] .ai .ai-i .ai-do{border-color:#10202a14}
.ai .ai-i b::before{display:none!important}
/* Аналітик: семантика кольором — крапка, текст статусу, цифра, смуги порівняння */
.ai .ai-st{color:var(--t)}
.ai .ai-k b{color:var(--t)}
.ai .ai-i.idea .ai-k b,.ai .ai-i.info .ai-k b{color:#f4f7fa}
.ai .ai-i.info{--t:#9eb8cd}.ai .ai-i.idea{--t:#8acbff}
.ai-v{display:grid;gap:8px;margin:0 0 16px}
.ai-vr{display:grid;grid-template-columns:minmax(70px,auto) 1fr auto;gap:10px;align-items:center;font-size:12px;color:#a6b7c7}
.ai-vr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.ai-vr>div{height:6px;border-radius:3px;background:#ffffff0a;overflow:hidden}
.ai-vr i{display:block;height:100%;border-radius:3px;background:#4a5a64}
.ai-vr.hl i{background:var(--t)}.ai-vr.hl{color:#f4f7fa}
.ai-vr b{font-weight:400;font-variant-numeric:tabular-nums;color:inherit;min-width:64px;text-align:right}
.ai-sp{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden}.ai-sp i{display:block;min-width:2px}
.ai-spl{display:flex;gap:16px;font-size:12px;color:#a6b7c7}.ai-spl span{display:flex;align-items:center;gap:6px}.ai-spl em{width:6px;height:6px;border-radius:50%}
.ai-db{position:relative;display:flex;align-items:flex-end;gap:6px;height:48px}
.ai-db i{flex:1;border-radius:3px 3px 0 0;background:#4a5a64}.ai-db i.hl{background:var(--t)}
.ai-db em{position:absolute;left:0;right:0;border-top:1px dashed #a6b7c766}
.ai-dl{display:flex;gap:6px;font-size:11px;color:#a6b7c7}.ai-dl span{flex:1;text-align:center}.ai-dl span.hl{color:var(--t)}
.ai-fd{width:6px;height:6px;border-radius:50%;align-self:center}.ai-fd.fix{background:#e3938d}.ai-fd.ok{background:#91c5b1}.ai-fd.idea{background:#8acbff}
:root[data-theme="light"] :is(.ai-vr i,.ai-db i){background:#c9d3da}:root[data-theme="light"] .ai-vr>div{background:#10202a0d}:root[data-theme="light"] .ai-vr.hl{color:#0c1115}
.ai-vr{grid-template-columns:112px 1fr 76px}.ai-vr>span{max-width:none}

/* Аналітик: картки — матеріал Aura (рідке скло) за тоном, статус у скляному прямокутнику, жирні цифри, градієнтні смуги */
.ai .ai-i{--core:#091628;--edge:#8acbff;--glow:#245fd1;--sub:#c3d6ea;--g1:#8acbff;--g2:#245fd1;
  position:relative;isolation:isolate;overflow:hidden;background:var(--core)!important;border:1px solid #c5e4ff30!important;
  box-shadow:inset 0 0 2px #e4f2ff66,inset 0 9px 30px -10px var(--edge),inset 0 -14px 32px -12px var(--glow),inset 18px 0 38px -20px var(--glow),inset -18px 0 38px -20px var(--glow)!important;border-radius:22px!important}
.ai .ai-i::before{content:'';position:absolute;inset:-8%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% -35%,var(--edge),transparent 62%),radial-gradient(ellipse at 110% 100%,var(--glow),transparent 55%),radial-gradient(ellipse at -30% 90%,var(--glow),transparent 60%);
  opacity:clamp(.35,calc(var(--light,.46) + .2),.8);animation:n-liquid var(--speed,20s) ease-in-out infinite alternate;animation-play-state:var(--play,running)}
.ai .ai-i::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.ai .ai-i.bad{--core:#1f0c0e;--edge:#f2a59e;--glow:#a8433d;--sub:#e6c6c3;--g1:#f2a59e;--g2:#c8574f}
.ai .ai-i.warn{--core:#1e1608;--edge:#f3d38f;--glow:#b5802a;--sub:#e8d7b4;--g1:#f3d38f;--g2:#c08a2e}
.ai .ai-i.good{--core:#0a1a12;--edge:#a6f0b8;--glow:#2f9a5c;--sub:#c4e6cf;--g1:#a6f0b8;--g2:#35a865}
.ai .ai-i.idea{--core:#091628;--edge:#8acbff;--glow:#245fd1;--sub:#c3d6ea;--g1:#8acbff;--g2:#3b74e0}
.ai .ai-i.info{--core:#111c2b;--edge:#d3eaff;--glow:#537bc5;--sub:#c6d6e6;--g1:#e2f0ff;--g2:#7d9fd8}
@media (prefers-reduced-motion:reduce){.ai .ai-i::before{animation:none}}
.ai .ai-st{color:#f4f7fa!important;font-size:12.5px;font-weight:500;padding:5px 11px!important;border-radius:12px;background:#ffffff17;border:1px solid #ffffff26;box-shadow:inset 0 1px 0 #ffffff1f;backdrop-filter:blur(6px)}
.ai .ai-k b{color:#f4f7fa!important;font-weight:600!important;letter-spacing:-1px}
.ai .ai-k small,.ai .ai-i>p,.ai .ai-i .ai-do span,.ai-vr,.ai-spl,.ai-dl{color:var(--sub)!important}
.ai .ai-i h4{font-weight:600;color:#f4f7fa}
.ai .ai-i .ai-do{border-top-color:#ffffff1f;color:#f4f7fa}
.ai-vr.hl{color:#f4f7fa!important}.ai-vr b{font-weight:600!important}
.ai-vr>div{background:#ffffff14}.ai-vr i,.ai-db i{background:#ffffff38}
.ai-vr.hl i,.ai-db i.hl{background:linear-gradient(90deg,var(--g2),var(--g1))}
.ai-db i.hl{background:linear-gradient(0deg,var(--g2),var(--g1))}
.ai-db em{border-top-color:#ffffff55}.ai-dl span.hl{color:#f4f7fa!important;font-weight:600}
.ai-sp i:first-child{background:linear-gradient(90deg,#537bc5,#d3eaff)!important}.ai-sp i:last-child{background:linear-gradient(90deg,#c08a2e,#f3d38f)!important}
.ai-spl em:first-of-type{background:#d3eaff!important}
:root[data-theme="light"] .ai .ai-i{background:var(--core)!important;border-color:#c5e4ff30!important}
:root[data-theme="light"] .ai .ai-i :is(h4,.ai-k b,.ai-do){color:#f4f7fa}
.ai-vr{grid-template-columns:112px 1fr auto}.ai-vr b{white-space:nowrap;min-width:76px}
.ai-spl em{width:14px!important;height:4px!important;border-radius:2px!important}
.ai-spl em:first-of-type{background:linear-gradient(90deg,#537bc5,#d3eaff)!important}.ai-spl span:last-child em{background:linear-gradient(90deg,#c08a2e,#f3d38f)!important}

/* Заголовки груп (Послуги й ціни, Склад): назва секції за системою — 22/500, повітря зверху, щільно до таблиці */
.sk-gh{font-size:22px!important;font-weight:500!important;letter-spacing:-.5px;gap:10px!important;margin:28px 0 -2px!important;align-items:center}
.sk-gh:first-of-type{margin-top:8px!important}
.sk-gh .ic{width:20px;height:20px;color:#a6b7c7!important}
.sk-gh .muted{font-size:15px;font-weight:400;letter-spacing:0;color:#a6b7c7;font-variant-numeric:tabular-nums;margin-left:2px}

/* Таблиці в картках: шапка й рядки до самих країв картки */
.card:has(> .tbl){--px:20px;--pt:18px;--pb:18px;padding-left:var(--px)!important;padding-right:var(--px)!important;padding-top:var(--pt)!important;padding-bottom:var(--pb)!important;overflow:hidden;overflow-x:auto}
.wgrid .card:has(> .tbl){--px:26px;--pt:24px;--pb:24px}
.card > .tbl{width:calc(100% + 2 * var(--px));max-width:none;margin-left:calc(-1 * var(--px));margin-right:calc(-1 * var(--px))}
.card > .tbl:first-child{margin-top:calc(-1 * var(--pt))}
.card > .tbl:last-child{margin-bottom:calc(-1 * var(--pb))}
.card > .tbl thead th{border-radius:0!important}
.card > .tbl :is(th,td):first-child{padding-left:var(--px)!important}
.card > .tbl :is(th,td):last-child{padding-right:var(--px)!important}
/* Послуги й ціни: ритм заголовків і поля в таблиці як текст, поле — лише при наведенні/фокусі */
.sk-gh{margin:44px 0 14px!important}
.sk-gh:first-of-type{margin-top:12px!important}
.cs-tbl :is(input:not([type=checkbox]),select){background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;transition:background .15s,border-color .15s}
.cs-tbl tr:hover :is(input:not([type=checkbox]),select){background:#ffffff08!important;border-color:#c9d9e01f!important}
.cs-tbl :is(input:not([type=checkbox]),select):focus{background:#0c1115!important;border-color:#acd9f8!important;outline:none}
.cs-tbl td:nth-child(2) input{font-size:14.5px;font-weight:500;padding-left:10px!important}
.cs-tbl select{color:#a6b7c7}
.cs-tbl td{padding-top:8px!important;padding-bottom:8px!important}
:root[data-theme="light"] .cs-tbl :is(input:not([type=checkbox]),select):focus{background:#fff!important}
:root[data-theme="light"] .cs-tbl tr:hover :is(input:not([type=checkbox]),select){background:#10202a08!important;border-color:#10202a1a!important}
.cs-tbl thead th:nth-child(2){padding-left:19px!important}
.cs-tbl select{text-align:center;text-align-last:center}

/* ---------- Записник ---------- */
.pd-quick{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;margin-bottom:12px;border-radius:16px;background:#192126;border:1px solid #c9d9e018;color:#a6b7c7}
.pd-quick:focus-within{border-color:#acd9f8}
.pd-quick input{flex:1;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:15px;color:#f4f7fa;outline:none}
.pd-alert{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;border-radius:16px;background:#1f1a10;border:1px solid #e2c27a33;color:#e8d7b4;font-size:13px}.pd-alert b{color:#f3d38f;font-weight:600}
.pd-lnk{margin-left:auto;background:none!important;border:0!important;box-shadow:none!important;color:#acd9f8;font-size:13px;padding:4px 6px!important;min-height:0}
.pd-wrap{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}
.pd-side{display:grid;gap:12px;position:sticky;top:0}
.pd-search{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:14px;background:#192126;border:1px solid #c9d9e018;color:#a6b7c7}
.pd-search input{flex:1;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;outline:none;color:#f4f7fa}
.pd-fl{display:flex;flex-wrap:wrap;gap:4px}
.pd-fl button,.pd-tags button{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:0 11px;border-radius:12px;background:transparent;border:0;box-shadow:none;color:#a6b7c7;font-size:13px}
.pd-fl button em{font-style:normal;font-size:12px;color:#a6b7c780;font-variant-numeric:tabular-nums}
.pd-fl button:hover,.pd-tags button:hover{color:#f4f7fa}
.pd-fl button.on,.pd-tags button.on{background:#ffffff0d;color:#f4f7fa}
.pd-tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:-6px}.pd-tags button{min-height:28px;font-size:12.5px;padding:0 9px}
.pd-items{display:grid;gap:0;border:1px solid #c9d9e018;border-radius:22px;background:#182025;overflow:hidden;max-height:calc(100vh - 330px);overflow-y:auto}
.pd-it{display:grid;gap:5px;width:100%;text-align:left;padding:14px 16px 14px 19px;background:transparent;border:0;border-radius:0;box-shadow:inset 3px 0 0 var(--c);color:#f4f7fa;min-height:0}
.pd-it+.pd-it{border-top:1px solid #c9d9e012}
.pd-it:hover{background:#ffffff06}.pd-it.on{background:#ffffff0d}
.pd-it-t{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-it-t .ic{color:#a6b7c7;flex:none}
.pd-it-p{font-size:12.5px;line-height:1.45;color:#a6b7c7;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pd-it-m{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#a6b7c780;min-width:0}.pd-it-m .sp{flex:1}
.pd-it-m em{font-style:normal;color:#a6b7c7;white-space:nowrap}
.pd-it-m .plate.sm{font-size:10.5px;padding:1px 6px 1px 16px}
.pd-due.over{color:#f2a59e!important;font-weight:600}.pd-due.today{color:#f3d38f!important;font-weight:600}.pd-due.soon{color:#acd9f8!important}
.pd-none{padding:28px 16px;text-align:center;color:#a6b7c7;font-size:13px;margin:0}
.pd-main{min-width:0}
.pd-ed,.pd-empty{border-radius:22px;background:#192126;border:1px solid #c9d9e018;padding:22px 26px 18px}
.pd-bar{display:flex;align-items:center;gap:6px;margin-bottom:18px}.pd-bar .sp{flex:1}
.pd-clr{display:flex;gap:6px}
.pd-clr button{width:22px;height:22px;min-height:0;padding:0;border-radius:7px;background:var(--c);border:2px solid transparent;box-shadow:none;opacity:.55}
.pd-clr button:first-child{background:transparent;border:1px dashed #a6b7c766}
.pd-clr button.on{opacity:1;outline:2px solid #f4f7fa;outline-offset:2px}
.pd-b{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:12px;background:transparent;border:1px solid #c9d9e01f;box-shadow:none;color:#a6b7c7;font-size:13px}
.pd-b:hover{color:#f4f7fa;border-color:#c9d9e040}.pd-b.on{color:#f4f7fa;background:#ffffff0d;border-color:transparent}.pd-b.ic-only{padding:0 10px}
.pd-title{width:100%;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:30px;font-weight:500;letter-spacing:-.9px;line-height:1.2;color:#f4f7fa;outline:none}
.pd-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.pd-f{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:12px;background:#ffffff08;border:1px solid #c9d9e014;color:#a6b7c7;font-size:13px;cursor:pointer}
.pd-f:hover{border-color:#c9d9e030}
.pd-f input[type=date]{position:absolute;inset:0;opacity:0;cursor:pointer}
.pd-f select,.pd-f.tags input{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#f4f7fa;font-size:13px;outline:none;min-height:0}
.pd-f.tags input{width:150px}
.pd-f i{font-style:normal;margin-left:2px;color:#a6b7c7;position:relative;z-index:1;padding:0 2px}
.pd-f.over{color:#f2a59e;border-color:#f2a59e40}.pd-f.today{color:#f3d38f;border-color:#f3d38f40}.pd-f.soon{color:#acd9f8}
.pd-f.link{background:transparent;color:#acd9f8;border-color:transparent}
.pd-body{width:100%;min-height:260px;resize:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:15px;line-height:1.6;color:#f4f7fa;outline:none;overflow:hidden}
.pd-prog{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;color:#a6b7c7}
.pd-prog>div{flex:0 0 160px;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.pd-prog i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#35a865,#a6f0b8);transition:width .3s}
.pd-prog .pd-lnk{margin-left:auto}
.pd-list{list-style:none;margin:0;padding:0;display:grid}
.pd-list li{display:flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #c9d9e010}
.pd-list li input{flex:1;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:15px;color:#f4f7fa;outline:none;min-height:0}
.pd-list li.done input{color:#a6b7c7;text-decoration:line-through;text-decoration-color:#a6b7c766}
.pd-ck{flex:none;display:grid;place-items:center;width:22px;height:22px;min-height:0;padding:0;border-radius:7px;background:transparent;border:1.5px solid #a6b7c780;box-shadow:none;color:#0c1115}
.pd-list li.done .pd-ck{background:#a6f0b8;border-color:#a6f0b8}
.pd-add .pd-ck{border-style:dashed;border-color:#a6b7c74d}.pd-add input::placeholder{color:#a6b7c780}
.pd-x{opacity:0;background:none!important;border:0!important;box-shadow:none!important;color:#a6b7c7;font-size:18px;min-height:0;padding:0 6px!important}.pd-list li:hover .pd-x{opacity:1}
.pd-foot{margin-top:18px;padding-top:12px;border-top:1px solid #c9d9e012;font-size:12px;color:#a6b7c780}
.pd-empty h3{margin:0 0 8px;font-size:22px;font-weight:500;letter-spacing:-.5px}.pd-empty p{margin:0 0 18px;color:#a6b7c7;font-size:14px;line-height:1.55;max-width:620px}
.pd-tpls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pd-tpls button,.pd-tplpop button{min-height:40px;padding:0 14px;border-radius:12px;background:transparent;border:1px solid #c9d9e026;box-shadow:none;color:#f4f7fa;font-size:13px}
.pd-tpls button:hover{border-color:#c9d9e055}
.pd-hint{font-size:13px!important}.pd-hint b{color:#f4f7fa;font-weight:500}
.pd-tplm{position:relative}.pd-tplpop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:2px;min-width:220px;padding:6px;border-radius:16px;background:#182025;border:1px solid #c9d9e026;box-shadow:0 18px 40px #0008}
.pd-tplpop button{border:0;text-align:left;justify-content:flex-start}.pd-tplpop button:hover{background:#ffffff0d}
.pd-nb{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#f3d38f;color:#1e1608;font-size:11px;font-weight:600;display:inline-grid;place-items:center}
.nav-i .pd-nb+kbd{margin-left:6px}
@media (max-width:1000px){.pd-wrap{grid-template-columns:1fr}.pd-side{position:static}.pd-items{max-height:none}}
:root[data-theme="light"] :is(.pd-quick,.pd-search,.pd-ed,.pd-empty,.pd-items){background:#fff;border-color:#10202a14}
:root[data-theme="light"] :is(.pd-quick input,.pd-search input,.pd-title,.pd-body,.pd-list li input,.pd-it,.pd-f select,.pd-f.tags input){color:#0c1115}
:root[data-theme="light"] .pd-it.on{background:#10202a0a}:root[data-theme="light"] .pd-it+.pd-it,:root[data-theme="light"] .pd-list li{border-color:#10202a0f}
:root[data-theme="light"] .pd-f{background:#10202a06;border-color:#10202a14}
.pd-tplpop[hidden]{display:none!important}
.pd-clr button{opacity:.85}
.pd-fl button{align-items:center}
.pd-items{display:flex!important;flex-direction:column}
.pd-it{flex:none!important;height:auto!important;align-content:start}
.pd-it>*{min-width:0}

/* Працівники: вкладки «Команда і зарплата / Журнал змін» */
.tm-tabs{display:flex;gap:4px;margin:-4px 0 18px;padding:4px;border-radius:16px;background:#182025;border:1px solid #c9d9e018;width:max-content}
.tm-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:12px;background:transparent;border:0;box-shadow:none;color:#a6b7c7;font-size:14px}
.tm-tabs button:hover{color:#f4f7fa}.tm-tabs button.on{background:#ffffff12;color:#f4f7fa}
.tm-tabs em{font-style:normal;font-size:12px;color:#a6b7c7}
.tm-lf{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:12px;align-items:center;margin-bottom:20px}
.tm-day{margin-bottom:22px}
.tm-day h3{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:20px;font-weight:500;letter-spacing:-.5px}.tm-day h3::first-letter{text-transform:uppercase}.tm-day h3 span{font-size:13px;font-weight:400;color:#a6b7c7;letter-spacing:0}
.tm-log{border:1px solid #c9d9e018;border-radius:22px;background:#182025;overflow:hidden}
.tm-r{display:grid;grid-template-columns:64px 110px minmax(0,1fr);gap:16px;align-items:baseline;padding:12px 20px;font-size:14px}
.tm-r+.tm-r{border-top:1px solid #c9d9e010}
.tm-r time{color:#a6b7c7;font-variant-numeric:tabular-nums;font-size:13px}.tm-u{color:#acd9f8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-m{color:#f4f7fa;line-height:1.45}
@media (max-width:900px){.tm-lf{grid-template-columns:1fr}.tm-r{grid-template-columns:52px 1fr}.tm-m{grid-column:1/-1}}
:root[data-theme="light"] :is(.tm-tabs,.tm-log){background:#fff;border-color:#10202a14}:root[data-theme="light"] .tm-tabs button.on{background:#10202a0d;color:#0c1115}:root[data-theme="light"] .tm-m{color:#0c1115}
.pd-it-m>span:last-child{white-space:nowrap}
/* баланс відпусток: яскраве — вільні дні, жовта штриховка — на погодженні, порожнє — використано */
.lv-bal{gap:7px!important}
.lv-bal i{height:6px!important;background:#ffffff12!important;gap:2px}
.lv-bal em{background:linear-gradient(90deg,#245fd1,#8acbff)!important;border-radius:3px}
.lv-bal em.p{background:repeating-linear-gradient(135deg,#e2c27a 0 3px,#e2c27a55 3px 6px)!important;opacity:1!important}
.lv-bal small.lv-p{font-size:11.5px;color:#e2c27a}
:root[data-theme="light"] .lv-bal i{background:#10202a12!important}

/* Дашборд k1–k4: сірий матеріал Aura, легка кольорова обводка, бейдж зміни за змістом */
:root:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc{--core:#111619;--edge:#d5dde2;--glow:#56626b;--sub:#b9c5cd}
:root:not(#_) .w[data-w="k1"]>.kc{border:1px solid #85e7da8c!important}
:root:not(#_) .w[data-w="k2"]>.kc{border:1px solid #a6f0b88c!important}
:root:not(#_) .w[data-w="k3"]>.kc{border:1px solid #8acbff8c!important}
:root:not(#_) .w[data-w="k4"]>.kc{border:1px solid #f3d38f8c!important}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc::before{opacity:.55!important}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-good{background:#91c5b124!important;color:#a6f0b8!important}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-mid{background:#e2c27a24!important;color:#f3d38f!important}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-bad{background:#e3938d26!important;color:#f2a59e!important}
/* k1–k4 v2: градієнт −40%, тонка обводка, кольоровий ободок зверху за тоном бейджа, переливається */
:root:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc{--edge:#aab5bc;border:1px solid #ffffff12!important;
  box-shadow:inset 0 0 1px #e4f2ff38,inset 0 8px 24px -16px var(--edge),inset 0 -12px 28px -18px var(--glow)!important}
.w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc::before{opacity:.33!important}
.kc-rim{--rc:#aab5bc;position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,var(--rc) 0%,color-mix(in srgb,var(--rc) 45%,transparent) 22%,transparent 58%),
    linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--rc) 85%,#fff) 46%,transparent 62%) 0 0/250% 100% no-repeat;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:rimFlow 6s ease-in-out infinite;opacity:.9}
.kc-rim.t-good{--rc:#a6f0b8}.kc-rim.t-mid{--rc:#f3d38f}.kc-rim.t-bad{--rc:#f2a59e}
@keyframes rimFlow{0%{background-position:0 0,160% 0}50%{background-position:0 0,-60% 0}100%{background-position:0 0,160% 0}}
@media (prefers-reduced-motion:reduce){.kc-rim{animation:none}}

/* ТЗ: перевірка «Готово», строк видачі, інтеграції, погодження */
.rdy{display:grid;gap:10px}
.rdy h4{display:flex;align-items:baseline;gap:8px;margin:8px 0 0;font-size:15px;font-weight:500}.rdy h4 span{font-size:12.5px;font-weight:400;color:#a6b7c7}
.rdy-l{border:1px solid #c9d9e018;border-radius:16px;overflow:hidden}
.rdy-r{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.rdy-r+.rdy-r{border-top:1px solid #c9d9e012}
.rdy-r input{width:18px;height:18px}.rdy-r span{flex:1;display:grid;gap:2px}.rdy-r small{font-size:12px;color:#a6b7c7}.rdy-r b{font-weight:500;font-variant-numeric:tabular-nums}
.rdy-r.done{opacity:.6}
.rdy-n{margin:0;font-size:13px;color:#e8d7b4}
.rdy-u{margin:0;padding-left:18px;color:#a6b7c7;font-size:13px;display:grid;gap:3px}
.rdy-sum{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid #c9d9e018}.rdy-sum b{font-size:22px;font-weight:600}
.rdy-qc{display:flex;gap:10px;align-items:center;font-size:13px;color:#a6b7c7}
.due-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:#192126;border:1px solid #c9d9e018;font-size:13px;color:#a6b7c7}
.due-bar input{width:auto;min-height:34px;padding:0 10px!important}.due-bar b{font-weight:500;color:#f4f7fa}
.due-bar.over{border-color:#f2a59e55;background:#24161a}.due-bar.over b{color:#f2a59e}
.due-chip{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;color:#a6b7c7;white-space:nowrap}
.due-chip.over{color:#f2a59e;font-weight:600}.due-chip.none{color:#a6b7c780}
.bcard.due-over{box-shadow:inset 3px 0 0 #f2a59e}
.re-appr{display:block;margin-top:4px;font-size:11px;color:#f3d38f;white-space:normal}
select.unset{color:#a6b7c7}
.ig{display:grid;gap:0}.ig>p{margin:0 0 14px}
.ig-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px 0}.ig-r+.ig-r{border-top:1px solid #c9d9e014}
.ig-r b{font-weight:500}.ig-r p{margin:4px 0 0;font-size:13px;color:#a6b7c7;line-height:1.45}
.ig-st{font-size:13px;color:#a6b7c7;white-space:nowrap}.ig-st.ok{color:#a6f0b8}.ig-st.bad{color:#f2a59e}
.ig-r select{width:auto}
.in-due{align-items:end}.in-due p{margin:0 0 10px}
.in-sign{align-self:end;flex-direction:row!important;gap:8px;align-items:center}
/* ободок v3: світло тільки зверху, ширше, переливається вздовж верхнього краю й згасає до середини */
@property --rx{syntax:'<percentage>';inherits:false;initial-value:30%}
.kc-rim{background:radial-gradient(70% 55% at var(--rx) 0%,color-mix(in srgb,var(--rc) 95%,#fff) 0%,color-mix(in srgb,var(--rc) 55%,transparent) 35%,transparent 75%),
  linear-gradient(180deg,color-mix(in srgb,var(--rc) 55%,transparent) 0%,transparent 42%)!important;animation:rimDrift 7s ease-in-out infinite alternate!important}
.kc-glow{--rc:#aab5bc;--rx:30%;position:absolute;left:0;right:0;top:0;height:55%;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(60% 70% at var(--rx) 0%,color-mix(in srgb,var(--rc) 22%,transparent) 0%,transparent 70%);animation:rimDrift 7s ease-in-out infinite alternate}
.kc-glow.t-good{--rc:#a6f0b8}.kc-glow.t-mid{--rc:#f3d38f}.kc-glow.t-bad{--rc:#f2a59e}
@keyframes rimDrift{0%{--rx:18%}100%{--rx:82%}}
@media (prefers-reduced-motion:reduce){.kc-rim,.kc-glow{animation:none!important}}
.kc-glow{background:radial-gradient(65% 75% at var(--rx) 0%,color-mix(in srgb,var(--rc) 34%,transparent) 0%,transparent 72%)!important}

/* ---------- Наряди: дошка ---------- */
.bd-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-4px 0 16px}
.bd-sum{display:flex;gap:20px;font-size:14px;color:#a6b7c7}.bd-sum b{color:#f4f7fa;font-weight:600;font-variant-numeric:tabular-nums}.bd-sum .over,.bd-sum .over b{color:#f2a59e}
.bd-fl{display:flex;flex-wrap:wrap;gap:4px}
.bd-fl button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:12px;background:transparent;border:0;box-shadow:none;color:#a6b7c7;font-size:13px}
.bd-fl button em{font-style:normal;font-size:12px;color:#a6b7c780;font-variant-numeric:tabular-nums}
.bd-fl button:hover{color:#f4f7fa}.bd-fl button.on{background:#ffffff0f;color:#f4f7fa}
.board.bd{display:grid!important;gap:10px;overflow:visible!important;align-items:start}
.bd .bcol{min-width:0!important;width:auto!important;display:flex;flex-direction:column;padding:0!important;border-radius:20px!important;background:#151c21!important;border:1px solid #c9d9e014!important;box-shadow:inset 0 2px 0 color-mix(in srgb,var(--c) 70%,transparent)!important;max-height:calc(100vh - 250px)}
.bd .bcol.over{border-color:#acd9f8!important;background:#18232a!important}
.bd .bcol-h{display:flex;align-items:baseline;gap:8px;padding:14px 14px 10px!important;margin:0!important;font-size:14px;border:0!important}
.bd .bcol-h b{font-weight:500;color:#f4f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd .bcol-h span{font-size:13px;color:#a6b7c7;font-variant-numeric:tabular-nums}
.bd .bcol-h small{margin-left:auto;font-size:12px;color:#a6b7c7;font-variant-numeric:tabular-nums;white-space:nowrap}
.bd .bcol.empty .bcol-h small{display:none}
.bcol-b{display:grid;gap:8px;padding:0 8px 8px;overflow-y:auto;align-content:start}
.bcol-e{display:grid;place-items:center;min-height:90px;border:1px dashed #c9d9e01f;border-radius:14px;font-size:12px;color:#a6b7c780;text-align:center;padding:8px}
.bd .bcard{display:grid;gap:7px;margin:0!important;padding:12px 13px!important;border-radius:16px!important;background:#1d262c!important;border:1px solid #c9d9e014!important;box-shadow:none!important;cursor:grab;transition:border-color .15s,transform .15s}
.bd .bcard:hover{border-color:#c9d9e033!important}
.bd .bcard:active{cursor:grabbing}
.bd .bc-t{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bd .bc-t .plate{font-size:12px;white-space:nowrap}
.bd .bc-t .muted{font-size:12px;font-variant-numeric:tabular-nums}
.bc-car{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:500;color:#f4f7fa}
.bc-car img{width:22px;height:22px;border-radius:6px;flex:none}.bc-car span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-cl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#a6b7c7;min-width:0}
.bc-cl em{font-style:normal;margin-left:auto;padding:1px 7px;border-radius:7px;background:#ffffff0d;color:#c9d6de;font-size:11.5px;white-space:nowrap}
.bc-cmp{font-size:12.5px;color:#a6b7c7;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-pr{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#a6b7c7;font-variant-numeric:tabular-nums}
.bc-pr>div{flex:1;height:4px;border-radius:2px;background:#ffffff12;overflow:hidden}.bc-pr i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#245fd1,#8acbff)}
.bc-av{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#2a3a46;color:#d7e3ea;font-size:10px;font-weight:600}.bc-av.none{background:transparent;border:1px dashed #a6b7c766;color:#a6b7c7}
.bd .bc-f{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0!important;padding-top:8px;border-top:1px solid #c9d9e010}
.bd .bc-f>b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;margin-right:auto}
.bc-fl{font-size:11px;padding:2px 7px;border-radius:7px;white-space:nowrap}.bc-fl.warn{background:#e2c27a1f;color:#f3d38f}.bc-fl.bad{background:#e3938d1f;color:#f2a59e}
.bd .lift-b{justify-self:start;font-size:11px}
.bd .due-chip{margin-top:0}
.bd .bcard.due-over{box-shadow:inset 3px 0 0 #f2a59e!important}
:root[data-theme="light"] .bd .bcol{background:#eef2f5!important;border-color:#10202a14!important}
:root[data-theme="light"] .bd .bcard{background:#fff!important;border-color:#10202a14!important}
:root[data-theme="light"] :is(.bc-car,.bd .bcol-h b){color:#0c1115}
.bcol-b{display:flex!important;flex-direction:column}
.bd .bcard{flex:none;overflow:visible!important}
.bc-ms{font-size:11.5px;padding:1px 7px;border-radius:7px;background:#ffffff0d;color:#d7e3ea;white-space:nowrap}.bc-ms.none{background:transparent;border:1px dashed #a6b7c755;color:#a6b7c7}
.bc-ns{font-size:12.5px;color:#a6b7c780;margin-right:auto}
.bd .bcol{max-height:calc(100vh - 190px)}
.bd .bc-t .plate{max-width:calc(100% - 60px);overflow:hidden;text-overflow:ellipsis}
/* дошка: іконки фільтрів і колонок, двоярусний заголовок колонки */
.bd-fl{align-items:center}
.bd-fl button .ic{color:#a6b7c7;flex:none}.bd-fl button.on .ic{color:#f4f7fa}
.bd-fl button.on{background:#ffffff14;box-shadow:inset 0 0 0 1px #c9d9e026!important}
.bd-fl button.f-over.on{background:#e3938d1f;box-shadow:inset 0 0 0 1px #f2a59e40!important}.bd-fl button.f-over .ic{color:#f2a59e}
.bd-sep{width:1px;height:20px;background:#c9d9e01f;margin:0 6px}
.bd .bcol-h{align-items:center!important;gap:10px!important}
.bcol-ic{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--c) 16%,transparent);color:color-mix(in srgb,var(--c) 85%,#fff)}
.bcol-t{display:grid;gap:1px;min-width:0}
.bcol-t b{font-size:14px;font-weight:500;color:#f4f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcol-t span{font-size:12px;color:#a6b7c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.bd .bcol.empty .bcol-ic{opacity:.6}
:root[data-theme="light"] .bcol-t b{color:#0c1115}
.bcol-t b{white-space:normal!important;line-height:1.2;overflow:visible!important}
.bd .bcol{overflow:hidden}
.bcol-b{min-width:0}.bcol-b>*{min-width:0;max-width:100%}
.bd .bcard{width:100%;box-sizing:border-box;overflow:hidden!important}
.bd .bc-t{min-width:0}.bd .bc-t .muted{flex:none}
.bc-cl{flex-wrap:wrap}.bc-cl em{margin-left:0}
.bd .bc-f>b,.bc-ns{white-space:nowrap}
.bc-fl{white-space:normal}
.bd .bc-t .plate{flex:none!important;max-width:none!important;overflow:visible!important}
.bd .bcard{grid-template-columns:minmax(0,1fr)!important}.bd .bc-t{flex-wrap:wrap;row-gap:4px}
.bc-ns{white-space:normal!important}
.bd .bcol.empty .bcol-h{flex-direction:column;align-items:flex-start!important;gap:8px!important}
/* дошка v3: порожні колонки — вертикальна смужка; заповнені не стискаються, за потреби — горизонтальна прокрутка */
.board.bd{overflow-x:auto!important;padding-bottom:8px}
.bd .bcol.empty{max-height:none;align-self:stretch;min-height:320px}
.bd .bcol.empty .bcol-h{flex-direction:column!important;align-items:center!important;padding:14px 0!important;gap:12px!important}
.bd .bcol.empty .bcol-t{writing-mode:vertical-rl;transform:rotate(180deg);gap:6px;justify-items:center}
.bd .bcol.empty .bcol-t b{white-space:nowrap!important;font-size:13px;color:#a6b7c7}
.bd .bcol.empty .bcol-t span{display:none}
.bd .bcol.empty .bcol-b{display:none!important}
.bd .bcol.empty.over{background:#18232a!important}
.bd-fl button[data-v="done"].on{background:#91c5b11f;box-shadow:inset 0 0 0 1px #91c5b140!important}
.bd .bcol-h{justify-content:flex-start!important}.bcol-t{text-align:left;justify-items:start}
/* Live: пости без бічної смуги, іконка стану; при роботі ключ закручує гайку */
.pl-row{box-shadow:none!important}
.pl-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:color-mix(in srgb,var(--c) 15%,transparent);color:color-mix(in srgb,var(--c) 85%,#fff)}
.pl-ic svg{width:22px;height:22px;overflow:visible}
.pl-ic .pl-nut{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.pl-ic .pl-hole{fill:currentColor;opacity:.5}
.pl-ic .pl-wr{transform-origin:12px 12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pl-ic .pl-wr-h{stroke-width:2.4}
.pl-ic.work .pl-wr{animation:plTurn 1.6s cubic-bezier(.5,0,.3,1) infinite}
.pl-ic.work .pl-nut{animation:plNut 1.6s cubic-bezier(.5,0,.3,1) infinite;transform-origin:12px 12px}
@keyframes plTurn{0%{transform:rotate(-35deg)}55%{transform:rotate(55deg)}62%{transform:rotate(55deg)}100%{transform:rotate(-35deg)}}
@keyframes plNut{0%{transform:rotate(0)}55%{transform:rotate(60deg)}100%{transform:rotate(60deg)}}
.pl-ic.free{background:#ffffff08;color:#a6b7c780}
@media (prefers-reduced-motion:reduce){.pl-ic.work .pl-wr,.pl-ic.work .pl-nut{animation:none}}
.pl-ic svg{width:24px;height:24px}
.pl-ic .pl-nut{stroke-width:1.8;transform-origin:15.5px 8.2px}
.pl-ic .pl-wr{stroke-width:2.2;transform-origin:15.5px 8.2px;fill:none}
@keyframes plTurn{0%{transform:rotate(-40deg)}50%{transform:rotate(30deg)}58%{transform:rotate(30deg)}100%{transform:rotate(-40deg)}}
@keyframes plNut{0%{transform:rotate(0)}50%{transform:rotate(60deg)}100%{transform:rotate(60deg)}}
/* іконка поста v3: кругла кнопка, шестерня крутиться під час роботи */
.pl-ic{border-radius:50%!important;width:36px!important;height:36px!important}
.pl-ic svg{width:18px!important;height:18px!important}
.pl-ic.work svg{animation:plSpin 3.2s linear infinite}
@keyframes plSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pl-ic.work svg{animation:none}}
/* іконка поста v4: своя анімація під кожен стан */
.pl-ic.work svg{animation:plSpin 3.2s linear infinite}
.pl-ic .pl-spin{animation:plSpin 1.1s linear infinite}
.pl-ic .pl-scan{animation:plScan 1.8s ease-in-out infinite}
@keyframes plScan{0%,100%{transform:translateY(-4.5px);opacity:.5}50%{transform:translateY(4.5px);opacity:1}}
.pl-ic .pl-bob{animation:plBob 1.6s ease-in-out infinite}
@keyframes plBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.pl-ic .pl-tick{stroke-dasharray:14;stroke-dashoffset:14;animation:plTick 2.4s ease-out infinite}
@keyframes plTick{0%{stroke-dashoffset:14}25%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.pl-ic.free{background:#ffffff08;color:#a6b7c780}
@media (prefers-reduced-motion:reduce){.pl-ic svg,.pl-ic svg *{animation:none!important;stroke-dashoffset:0!important}}
/* кроки статусу наряду: іконка статусу замість цифри/галочки */
.st-s i{display:grid!important;place-items:center;font-style:normal}
.st-s i .ic{width:15px;height:15px}
.st-s.past i{background:#91c5b126!important;color:#a6f0b8!important}

/* ---------- власний вибір дати й часу ---------- */
.dtp-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;background:#ffffff08;border:1px solid #c9d9e01f;box-shadow:none;color:#f4f7fa;font-size:14px;white-space:nowrap}
.dtp-btn .ic{color:#a6b7c7}.dtp-btn.empty{color:#a6b7c7}.dtp-btn:hover{border-color:#c9d9e040}
.dtp{position:fixed;z-index:500;width:min(560px,calc(100vw - 24px));padding:14px;border-radius:20px;background:#182025;border:1px solid #c9d9e026;box-shadow:0 24px 60px #000a;color:#f4f7fa;animation:dtpIn .14s ease-out}
@keyframes dtpIn{from{opacity:0;transform:translateY(-4px)}}
.dtp button{box-shadow:none;min-height:0}
.dtp-q{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.dtp-q button{padding:7px 12px;border-radius:10px;background:#ffffff0a;border:1px solid #c9d9e01a;color:#f4f7fa;font-size:13px}.dtp-q button:hover{border-color:#acd9f8}
.dtp-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}
.dtp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dtp-h b{font-weight:500;font-size:15px;text-transform:capitalize}
.dtp-nav{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:10px;background:transparent;border:0;color:#a6b7c7}.dtp-nav:hover{background:#ffffff0d;color:#f4f7fa}
.dtp-wd,.dtp-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dtp-wd span{text-align:center;font-size:11.5px;color:#a6b7c7;padding:4px 0}
.dtp-g button{height:34px;padding:0;border-radius:10px;background:transparent;border:0;color:#f4f7fa;font-size:13.5px;font-variant-numeric:tabular-nums}
.dtp-g button:hover{background:#ffffff0f}.dtp-g button.past{color:#a6b7c766}
.dtp-g button.td{box-shadow:inset 0 0 0 1px #acd9f866!important}
.dtp-g button.on{background:#f4f7fa;color:#0c1115;font-weight:600}
.dtp-t{display:grid;align-content:start;gap:6px;width:176px}
.dtp-l{font-size:11.5px;color:#a6b7c7;margin-top:4px}
.dtp-hh{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dtp-mm{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.dtp-hh button,.dtp-mm button{height:32px;padding:0;border-radius:9px;background:#ffffff08;border:0;color:#f4f7fa;font-size:13px;font-variant-numeric:tabular-nums}
.dtp-hh button:hover,.dtp-mm button:hover{background:#ffffff14}
.dtp-hh button.on,.dtp-mm button.on{background:#f4f7fa;color:#0c1115;font-weight:600}
.dtp-f{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #c9d9e014}
.dtp-f .dtp-v{flex:1;text-align:center;font-size:13px;color:#a6b7c7}
.dtp-f button{min-height:38px;padding:0 16px;border-radius:12px}
@media (max-width:620px){.dtp-b{grid-template-columns:1fr}.dtp-t{width:auto}.dtp-hh{grid-template-columns:repeat(7,1fr)}}
:root[data-theme="light"] .dtp{background:#fff;border-color:#10202a1f;color:#0c1115}
:root[data-theme="light"] .dtp-g button{color:#0c1115}:root[data-theme="light"] .dtp-g button.on,:root[data-theme="light"] :is(.dtp-hh,.dtp-mm) button.on{background:#0c1115;color:#fff}
:root[data-theme="light"] :is(.dtp-hh,.dtp-mm,.dtp-q) button{background:#10202a08;color:#0c1115}
:root[data-theme="light"] .dtp-btn{background:#10202a06;color:#0c1115;border-color:#10202a1a}

/* реквізити ФОП у чатах і налаштуваннях */
.fop-b{display:grid;gap:4px;margin-top:8px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid #c9d9e01f;font-size:12.5px;text-align:left}
.fop-b b{font-weight:600;font-size:12.5px;margin-bottom:2px}
.fop-b div{display:grid;grid-template-columns:96px 1fr;gap:8px}.fop-b span{color:#a6b7c7}.fop-b em{font-style:normal;word-break:break-word;font-variant-numeric:tabular-nums}
.fop-b button{margin-top:6px;justify-self:start;min-height:32px;padding:0 12px;border-radius:10px;font-size:12px}
.fop-b.none{color:#f3d38f}
.fop-prev{display:grid;gap:6px;max-width:460px;margin-top:6px}
.msg.bot .fop-b{background:#00000026}
:root[data-theme="light"] .fop-b{background:#10202a08;border-color:#10202a1a}
.mt-st.loc{color:#a6b7c7!important;opacity:.8}.mt-st.err{color:#f2a59e!important}
.mc-fop{display:grid;gap:4px;margin-top:8px}

/* ---------- Прийом: «Коли ставимо на пост» ---------- */
.isl{display:grid;gap:12px}
.isl-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.isl-h .in-h{margin:0}
.isl-d,.isl-dur{display:flex;flex-wrap:wrap;gap:4px}
.isl-d button,.isl-dur button{min-height:34px;padding:0 12px;border-radius:11px;background:transparent;border:1px solid #c9d9e01a;box-shadow:none;color:#a6b7c7;font-size:13px}
.isl-d button:hover,.isl-dur button:hover{color:#f4f7fa;border-color:#c9d9e040}
.isl-d button.on,.isl-dur button.on{background:#f4f7fa;color:#0c1115;border-color:transparent;font-weight:500}
.isl-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.isl-bar .sp{flex:1}
.isl-g{display:grid;gap:6px}
.isl-r{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center}
.isl-p{display:grid;gap:2px}.isl-p b{font-weight:500;font-size:14px}.isl-p span{font-size:12px;color:#a6b7c7}.isl-p span.okt{color:#a6f0b8}
.isl-t{position:relative;display:grid;grid-template-columns:repeat(24,1fr);height:52px;border-radius:12px;background:#ffffff06;border:1px solid #c9d9e012;overflow:hidden}
.isl-c{height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;border-right:1px solid #c9d9e00d}
.isl-c:nth-child(2n){border-right-color:#c9d9e01a}
.isl-c.ok{cursor:pointer}.isl-c.ok:hover{background:#91c5b126}
.isl-c.past{background:repeating-linear-gradient(135deg,#ffffff05 0 4px,transparent 4px 8px);cursor:not-allowed}
.isl-c.no,.isl-c.occ{cursor:not-allowed}
.isl-b,.isl-sel{position:absolute;top:5px;bottom:5px;display:grid;align-content:center;gap:1px;padding:0 9px;border-radius:9px;pointer-events:none;overflow:hidden;min-width:0}
.isl-b b,.isl-sel b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.isl-b span,.isl-sel span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}
.isl-b.now{background:#5b9be633;border:1px solid #8acbff59;color:#d6ebff}
.isl-b.appt{background:repeating-linear-gradient(110deg,#ffffff06 0 2px,transparent 2px 7px),#2a3239;border:1px solid #c9d9e026;color:#e3eaef}
.isl-sel{background:#f4f7fa;color:#0c1115;box-shadow:0 6px 18px #0006}
.isl-now{position:absolute;top:0;bottom:0;width:2px;background:#e3938d;box-shadow:0 0 6px #e3938d;pointer-events:none}
.isl-ax{margin-bottom:-2px}.isl-axl{position:relative;height:16px}.isl-axl b{position:absolute;transform:translateX(-50%);font-size:11px;font-weight:400;color:#a6b7c7}
.isl-axl b:first-child{transform:none}.isl-axl b:last-child{transform:translateX(-100%)}
.isl-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#a6b7c7}.isl-leg span{display:flex;align-items:center;gap:6px}
.isl-leg i{width:16px;height:10px;border-radius:3px}.lg-now{background:#5b9be655;border:1px solid #8acbff80}.lg-appt{background:#2a3239;border:1px solid #c9d9e040}.lg-ok{background:#91c5b133;border:1px dashed #91c5b180}.lg-sel{background:#f4f7fa}
.isl-sum{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#ffffff06;border:1px solid #c9d9e014;font-size:14px;color:#a6b7c7}
.isl-sum.on{background:#91c5b114;border-color:#91c5b140;color:#f4f7fa}.isl-sum.on .ic{color:#a6f0b8}.isl-sum button{margin-left:auto}
@media (max-width:900px){.isl-r{grid-template-columns:1fr}.isl-ax>div:first-child{display:none}}
:root[data-theme="light"] .isl-t{background:#10202a06;border-color:#10202a14}:root[data-theme="light"] .isl-b.appt{background:#e9eef2;color:#0c1115}:root[data-theme="light"] .isl-sel{background:#0c1115;color:#fff}
:root[data-theme="light"] :is(.isl-d,.isl-dur) button.on{background:#0c1115;color:#fff}
.ch-tg{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;background:#2aabee14;border:1px solid #2aabee33;color:#8fd3f7;font-size:13px;white-space:nowrap}
.mc-ch .ch-tg{min-height:32px}
/* прийом: роботи вище календаря, повзунок тривалості, підсумок у нижній панелі */
.in-picked{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #c9d9e014}
.in-opts{display:flex;flex-wrap:wrap;gap:8px 20px}
.isl-dl{font-size:13px;color:#a6b7c7}
#islDurR{-webkit-appearance:none;appearance:none;width:min(320px,40vw);height:6px;border-radius:3px;background:linear-gradient(90deg,#8acbff var(--p),#ffffff1a var(--p));padding:0!important;border:0!important;box-shadow:none!important;min-height:0}
#islDurR::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#f4f7fa;box-shadow:0 2px 8px #0008;cursor:grab}
.isl-dv{min-width:64px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.in-fsum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#a6b7c7}.in-fsum b{color:#f4f7fa;font-weight:600}.in-fsum .ic{color:#a6b7c7}
.in-fsum i{width:1px;height:18px;background:#c9d9e026;margin:0 6px}
.isl-sum{display:none!important}
/* нижня панель прийому: непрозора + затемнення-градієнт над нею, щоб не перекривала контент «впритул» */
.in-foot{background:#192126!important;box-shadow:0 -36px 32px -6px #0c1115f2,0 18px 30px #0c1115!important;border:1px solid #c9d9e01f!important}
.in-grid{padding-bottom:20px}
.in-foot{bottom:0!important;box-shadow:0 -36px 32px -6px #0c1115f2,0 64px 0 0 #0c1115!important}
.in-foot{box-shadow:0 -90px 70px -10px #0c1115f5,0 -40px 40px -10px #0c1115,0 64px 0 0 #0c1115!important}

/* ---------- Додатково від майстра ---------- */
.xr{display:grid;gap:12px}.xr.has{border-color:#e2c27a40!important}
.xr-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.xr-h h3{margin:0 0 2px}
.xr-new{display:flex;gap:8px;flex-wrap:wrap}
.xr-r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px;border-radius:16px;background:#1f1a10;border:1px solid #e2c27a33}
.xr-m{display:grid;gap:3px;min-width:0}.xr-m b{font-weight:600}.xr-m span{color:#e8d7b4;font-size:13.5px}.xr-m small{color:#a6b7c7;font-size:12px}
.xr-ph{display:flex;gap:6px;grid-column:1/-1}.xr-ph img{width:72px;height:72px;object-fit:cover;border-radius:10px;cursor:zoom-in}
.xr-act{display:flex;gap:6px;flex-wrap:wrap;grid-column:2;grid-row:1}
.xr-hist{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#a6b7c7}
.xr-k{display:flex;gap:6px;margin-bottom:12px}.xr-k button{min-height:38px;padding:0 14px;border-radius:12px;background:transparent;border:1px solid #c9d9e01f;box-shadow:none;color:#a6b7c7}.xr-k button.on{background:#f4f7fa;color:#0c1115;border-color:transparent}
.xr-up{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xr-file{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;border:1px dashed #c9d9e040;color:#f4f7fa;cursor:pointer}
.xr-th{position:relative}.xr-th img{width:64px;height:64px;object-fit:cover;border-radius:10px}.xr-th button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;min-height:0;padding:0;border-radius:50%;font-size:14px;line-height:1}
.xr-est{margin:4px 0 0;font-size:13.5px;color:#a6b7c7}.xr-est b{color:#f3d38f}
.xr-mph{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.xr-mph img{width:120px;max-width:45%;border-radius:10px}
.rdy-fin{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#ffffff06;border:1px solid #c9d9e014}
.rdy-fin h4{margin:0!important}
.rdy-hrs{display:grid;gap:4px;font-size:13px}.rdy-hrs div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.rdy-hrs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdy-hrs em{font-style:normal;color:#a6b7c7;font-variant-numeric:tabular-nums}.rdy-hrs em.over{color:#f2a59e;font-weight:600}
.rdy-e0{margin:0;font-size:13px;color:#a6b7c7}.rdy-e0 b{color:#f4f7fa}
.rdy-btns{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:800px){.xr-r{grid-template-columns:1fr}.xr-act{grid-column:1;grid-row:auto}}
.chg-ask{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:#ffffff08;border:1px solid #c9d9e01a}
.chg-ask button{min-height:34px;padding:0 14px;border-radius:10px;background:transparent;border:0;box-shadow:none;color:#a6b7c7;font-size:13px}
.chg-ask button.on{background:#f4f7fa;color:#0c1115;font-weight:500}
.chg-ask button[data-v="1"].on{background:#f3d38f;color:#1e1608}
.chg-bar.pend .chg-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e2c27a1f;color:#f3d38f}
.xr .xr-act [data-act="xrToClient"]{white-space:nowrap}

/* ---------- Наряд: верх ---------- */
.oh{display:grid;gap:12px;margin-bottom:16px}
.oh-prog{padding:14px 16px 12px;border-radius:20px;background:#192126;border:1px solid #c9d9e018}
.oh-ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;color:#a6b7c7}.oh-ph b{color:#f4f7fa;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.oh-seg{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.oh-s{display:grid;gap:5px;text-align:left;padding:0;background:none;border:0;box-shadow:none;min-height:0;color:#a6b7c7;cursor:pointer}
.oh-s i{display:block;height:5px;border-radius:3px;background:#ffffff12}
.oh-s.ok i{background:linear-gradient(90deg,#35a865,#a6f0b8)}.oh-s.part i{background:linear-gradient(90deg,#c08a2e 0 50%,#ffffff12 50%)}
.oh-s span{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:#f4f7fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oh-s.no span{color:#a6b7c7}.oh-s span .ic{flex:none;color:#a6b7c7}.oh-s.ok span .ic{color:#a6f0b8}.oh-s.part span .ic{color:#f3d38f}
.oh-s small{font-size:11.5px;color:#a6b7c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh-s.part small{color:#f3d38f}
.oh-s:hover span{text-decoration:underline;text-underline-offset:3px}
.oh-tiles{display:grid;grid-template-columns:1.25fr 1fr 1.15fr .9fr;gap:10px}
.oh-t{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border-radius:18px;background:#192126;border:1px solid #c9d9e018}
.oh-ic{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#ffffff0a;color:#a6b7c7;overflow:hidden}.oh-ic img{width:32px;height:32px;border-radius:8px}
.oh-tx{display:grid;gap:2px;min-width:0;flex:1}.oh-tx b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh-tx span{font-size:12.5px;color:#a6b7c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oh-t.sum .oh-tx b{font-size:20px}.oh-t.sum .oh-ic{color:#a6f0b8;background:#91c5b11a}
.oh-post{display:flex;align-items:center;gap:4px;flex:none}.oh-post select{min-height:34px;padding:0 28px 0 10px!important;font-size:13px;width:auto;max-width:130px}
.oh-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oh-row .sp{flex:1}
.oh-cmp,.oh-due{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:12px;background:#ffffff08;border:1px solid #c9d9e014;font-size:13.5px;color:#f4f7fa;max-width:100%}
.oh-cmp{background:#2a2414;border-color:#e2c27a2e;color:#efe2c4}.oh-cmp .ic{color:#f3d38f;flex:none}
.oh-cmp em,.oh-due em{font-style:normal;color:#a6b7c7;margin-right:6px}
.oh-cmp span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oh-due .ic{color:#a6b7c7}.oh-due .dtp-btn{min-height:30px;padding:0 10px;font-size:13px}.oh-due b{font-weight:500}.oh-due.over{border-color:#f2a59e55;background:#24161a}.oh-due.over b{color:#f2a59e}
.oh-row>.wic{min-height:40px}
@media (max-width:1200px){.oh-tiles{grid-template-columns:1fr 1fr}.oh-seg{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px}}
:root[data-theme="light"] :is(.oh-prog,.oh-t){background:#fff;border-color:#10202a14}:root[data-theme="light"] .oh-s span{color:#0c1115}
.oh-t.post .oh-post{margin-top:2px}.oh-t.post .oh-post select{flex:1;max-width:none;min-height:30px}
.oh-tiles{grid-template-columns:1.3fr 1fr 1fr 1fr}

/* «Розміщення» сторінки запису: живі мініатюри замість схем (bookpage-crm.js bpMinis) */
.bp-lays{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.bp-lays{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bp-lay{align-items:stretch;text-align:left;padding:0 0 14px;gap:4px}
.bp-lay b,.bp-lay small{padding:0 16px}
.bp-lay b{margin-top:6px}
.bp-mini{position:relative;display:block;height:330px;overflow:hidden;pointer-events:none;background:none;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
.bp-mini-in{position:absolute;left:0;top:0;transform-origin:0 0}
.bp-lay.on .bp-mini{opacity:.96}

/* ===== Світла тема: без чорних плям ===== */
/* KPI дашборду k1–k4 і картки «Аналітик» — світлі картки з тонким кольоровим відтінком замість темного скла */
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc,
:root[data-theme="light"]:not(#_) .ai .ai-i{
  --tint:color-mix(in srgb,var(--glow) 70%,#10202a);
  color:#0c1115!important;
  background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--edge) 30%,transparent),transparent 62%),#fff!important;
  border:1px solid color-mix(in srgb,var(--glow) 22%,#10202a10)!important;
  box-shadow:0 1px 2px #10202a0a,0 14px 34px -22px color-mix(in srgb,var(--glow) 55%,transparent)!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc::before,
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc::after,
:root[data-theme="light"]:not(#_) .ai .ai-i::before,:root[data-theme="light"]:not(#_) .ai .ai-i::after{display:none!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .kc-rim{opacity:.55}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc :is(b,h3,h4,span,strong){color:#0c1115}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc :is(small,p,.muted){color:#53646f!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .ic{color:var(--tint)}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark path[stroke],
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark circle{stroke:var(--tint);fill:var(--tint)}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark path[stroke]{fill:none}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .spark stop:first-child{stop-color:var(--glow);stop-opacity:.18}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt{background:#10202a0d!important;color:#53646f!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-good{background:#178a4718!important;color:#178a47!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-mid{background:#a86a0018!important;color:#a86a00!important}
:root[data-theme="light"]:not(#_) .w:is([data-w="k1"],[data-w="k2"],[data-w="k3"],[data-w="k4"])>.kc .dlt.t-bad{background:#d1291f14!important;color:#c0392b!important}
:root[data-theme="light"]:not(#_) .ai .ai-i :is(h4,b,strong,.ai-do,.ai-k b){color:#0c1115!important}
:root[data-theme="light"]:not(#_) .ai .ai-i :is(p,small,span,.ai-do span,.muted){color:#53646f!important}
:root[data-theme="light"]:not(#_) .ai .ai-i .ai-do{border-color:#10202a14!important}
:root[data-theme="light"]:not(#_) .ai .ai-i.bad{--tint:#c0392b}:root[data-theme="light"]:not(#_) .ai .ai-i.warn{--tint:#a86a00}:root[data-theme="light"]:not(#_) .ai .ai-i.good{--tint:#178a47}
:root[data-theme="light"]:not(#_) .ai .ai-i :is(.ai-tag,.ai-pill,em){color:var(--tint)!important;background:color-mix(in srgb,var(--tint) 10%,transparent)!important;border-color:color-mix(in srgb,var(--tint) 22%,transparent)!important}
/* Записник: смуга нагадувань */
:root[data-theme="light"] .pd-alert{background:#fbf3df;border-color:#e2c27a66;color:#6b4c0a}:root[data-theme="light"] .pd-alert b{color:#a86a00}:root[data-theme="light"] .pd-alert .pd-lnk{color:#6b4c0a}
/* Прийом авто: нижня панель без чорної тіні під собою */
:root[data-theme="light"] .in-foot{background:#ffffffeb!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #10202a14!important;box-shadow:0 -24px 40px -10px #eef2f5f2,0 18px 40px -16px #10202a33!important;color:#0c1115}
:root[data-theme="light"] .in-foot :is(b,strong){color:#0c1115}:root[data-theme="light"] .in-foot :is(span,small,.muted){color:#53646f}
/* Календар: вибраний день */
:root[data-theme="light"] .nk-cap.on{background:#0c1115!important}:root[data-theme="light"] .nk-cap.on b{background:#fff;color:#0c1115}
/* Записник у світлій темі: модуль мав «темні» кольори вшиті прямо в правила */
:root[data-theme="light"] :is(.pd-items,.pd-ed,.pd-empty,.pd-quick,.pd-search){background:#fff!important;border-color:#10202a14!important;color:#0c1115}
:root[data-theme="light"] :is(.pd-it,.pd-title,.pd-body,.pd-list li input,.pd-quick input,.pd-search input){color:#0c1115!important}
:root[data-theme="light"] .pd-it+.pd-it,:root[data-theme="light"] :is(.pd-list li,.pd-foot){border-color:#10202a10!important}
:root[data-theme="light"] .pd-it:hover{background:#10202a05}:root[data-theme="light"] .pd-it.on{background:#10202a0b}
:root[data-theme="light"] :is(.pd-it-p,.pd-none,.pd-f i,.pd-it-t .ic,.pd-list li.done input,.pd-prog){color:#53646f!important}
:root[data-theme="light"] :is(.pd-it-m,.pd-fl button em){color:#53646fa6!important}
:root[data-theme="light"] :is(.pd-fl button,.pd-tags button){color:#53646f}
:root[data-theme="light"] :is(.pd-fl button:hover,.pd-tags button:hover){color:#0c1115}
:root[data-theme="light"] :is(.pd-fl button.on,.pd-tags button.on){background:#0c1115;color:#fff}:root[data-theme="light"] .pd-fl button.on em{color:#ffffffa6!important}
:root[data-theme="light"] :is(.pd-b,.pd-f,.pd-tpls button,.pd-tplpop button){color:#0c1115;border-color:#10202a1f}
:root[data-theme="light"] .pd-b.on{color:#0c1115;background:#10202a0d}:root[data-theme="light"] .pd-tplpop{background:#fff;border-color:#10202a14}
:root[data-theme="light"] .pd-hint{color:#53646f!important}:root[data-theme="light"] .pd-hint b{color:#0c1115}
:root[data-theme="light"] .pd-prog>div{background:#10202a12}:root[data-theme="light"] .pd-ck{border-color:#10202a33}
:root[data-theme="light"] .pd-clr button.on{outline-color:#0c1115}