/* СТО CRM — тема на дизайн-системі Fintora (темна): чорне полотно, шари темряви, один фіолетовий акцент.
   Шрифт: Manrope (локально) — Sora/Lufga з системи не мають кирилиці. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/manrope-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* токени Fintora */
  --f-surface:#000;--f-on-surface:#0e0e0e;--f-raised:#161616;--f-overlay:#232323;--f-active:#3a3a3a;--f-hair:#262626;
  --f-text:#fff;--f-muted:#9a9a9a;--f-subtle:#777;--f-primary:#5b9be6;--f-deep:#245fd1;--f-soft:#8acbff;--f-lav:#d3eaff;
  --f-ok:#91c5b1;--f-bad:#e3938d;--f-notify:#e3938d;
  --f-warn:#c6b283; /* у системі немає жовтого; доданий для «чекає», «скоро» */
  --f-hover:#1b1b1b;--f-line2:#2a2a2a;--f-inv:#000;--f-ai-ring:#14243a;--f-dim:#555;--f-amber-t:#e2dfb4;--f-lav-t:#cfe6ff;--f-red-t:#e3938d;--f-ok-ring:#1d4a2e;--f-bad-ring:#3a1a1a;--f-tip:#232323;--f-tip-t:#fff;--f-scene:#050506;
  --g-hero:linear-gradient(165deg,#8acbff 0%,#5b9be6 50%,#245fd1 100%);
  --g-sheen:radial-gradient(90% 70% at 100% 0%,rgba(227,237,255,.5) 0%,rgba(227,237,255,0) 60%);
  --g-cta:linear-gradient(90deg,#245fd1 0%,#5b9be6 55%,#8acbff 100%);
  --g-orb:radial-gradient(circle at 30% 25%,#8acbff 0%,#5b9be6 60%);
  --g-brand:linear-gradient(90deg,#245fd1 0%,#8acbff 55%,#d3eaff 100%);
  --sh-glow:0 8px 32px rgba(91,155,230,.45);--sh-elev:0 24px 60px rgba(0,0,0,.6);--sh-hl:inset 0 1px 0 rgba(255,255,255,.08);
  --r-sm:10px;--r-md:18px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;
  --font:'Manrope',system-ui,-apple-system,sans-serif;
  /* псевдоніми, якими користується код */
  --bg:var(--f-surface);--surface:var(--f-raised);--ink:var(--f-text);--muted:var(--f-muted);--line:var(--f-hair);--pri:var(--f-primary);
  --ok:var(--f-ok);--okb:rgba(145,197,177,.14);--warn:var(--f-warn);--warnb:rgba(198,178,131,.14);--bad:var(--f-bad);--badb:rgba(227,147,141,.14);--side:var(--f-on-surface);
  color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{display:flex;font:400 14px/1.45 var(--font);color:var(--f-text);background:var(--f-surface);-webkit-font-smoothing:antialiased}
::selection{background:rgba(91,155,230,.5)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--f-line2);border-radius:99px;border:2px solid #000}::-webkit-scrollbar-track{background:transparent}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--f-lav);outline-offset:2px}
/* кнопки: пігулки */
button{background:var(--f-overlay);border:0;border-radius:var(--r-pill);padding:8px 16px;cursor:pointer;color:var(--f-text);font-weight:500;box-shadow:var(--sh-hl);transition:transform .15s ease,filter .15s ease,background .15s}
button:hover{filter:brightness(1.18)}
button:active{transform:scale(.97)}
button:disabled{opacity:.4;cursor:default;box-shadow:none;filter:none;transform:none}
button.pri{background:var(--g-cta);color:#fff;box-shadow:var(--sh-glow),var(--sh-hl)}
button.pri:hover{filter:brightness(1.08)}
button.danger{color:var(--f-bad)}
button.ghost{background:transparent;box-shadow:none;color:var(--f-muted)}
button.ghost:hover{color:var(--f-text);background:var(--f-overlay);filter:none}
button.small,.small{font-size:12px}
button.small{padding:6px 12px}
input,select,textarea{background:var(--f-overlay);border:1px solid transparent;border-radius:14px;padding:9px 12px;min-width:0;color:var(--f-text);transition:border-color .15s}
input::placeholder,textarea::placeholder{color:var(--f-subtle)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--f-soft)}
input[type=checkbox]{accent-color:var(--f-primary);width:16px;height:16px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9a9a9a 50%),linear-gradient(135deg,#9a9a9a 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
kbd{font:500 10px var(--font);color:var(--f-subtle)}
/* бокова навігація */
#side{width:232px;flex:none;background:var(--f-on-surface);color:var(--f-text);display:flex;flex-direction:column;padding:18px 12px;gap:4px}
.brand{font-weight:300;font-size:20px;padding:2px 10px 16px;letter-spacing:-.01em}.brand small{font-weight:400;color:var(--f-subtle);font-size:11px}
#nav{display:grid;gap:3px;overflow:auto}
.nav-i{display:flex;justify-content:space-between;align-items:center;background:transparent;box-shadow:none;color:var(--f-muted);text-align:left;padding:10px 14px;font-weight:500}
.nav-i:hover{background:var(--f-raised);color:var(--f-text);filter:none}
.nav-i.on{background:var(--f-active);color:var(--f-text)}
.side-foot{margin-top:auto;display:grid;gap:8px;font-size:12px;padding-top:10px}
.net{color:var(--f-ok);font-size:11.5px;padding:0 6px}
#side .ghost{color:var(--f-subtle)}
#main{flex:1;overflow:auto;padding:24px 28px 48px;min-width:0;background:var(--f-surface)}
/* заголовки: двотонні, легкі */
.vh{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.vh h1,.l-wrap h1,.g-h1{font-size:34px;line-height:38px;font-weight:300;letter-spacing:-.01em;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tt-rest{color:var(--f-subtle)}
.vh-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.muted{color:var(--f-muted)}
/* картки */
.card{background:var(--f-raised);border-radius:var(--r-lg);padding:18px 20px;margin-bottom:14px;box-shadow:var(--sh-hl)}
.card h3,.l-sec h3{margin:0 0 12px;font-size:16px;font-weight:500}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.kpi{background:var(--f-raised);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:3px;box-shadow:var(--sh-hl)}
.kpi span{color:var(--f-muted);font-size:12.5px;font-weight:300}.kpi b{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums}.kpi small{color:var(--f-subtle);font-size:11.5px}
.planrow{display:flex;justify-content:space-between;margin-bottom:6px}
.bar{position:relative;height:8px;background:var(--f-overlay);border-radius:99px;margin-bottom:8px}
.bar i{position:absolute;inset:0 auto 0 0;background:var(--g-brand);border-radius:99px}
.bar em{position:absolute;top:-4px;width:2px;height:16px;background:var(--f-text)}
.days{display:flex;align-items:flex-end;gap:2px;height:80px;margin-top:10px;border-bottom:1px solid var(--f-hair)}
.days i{flex:1;background:rgba(91,155,230,.45);min-height:1px;border-radius:2px 2px 0 0}.days i.now{background:var(--f-primary)}
.money{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.money li{padding:10px 14px;background:var(--f-overlay);border-radius:var(--r-md)}.money li[data-act]{cursor:pointer}
.money b{margin-right:6px}
.postrow{display:flex;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--f-hair)}
.postrow[data-act],.postrow[data-e]{cursor:pointer}.postrow b{width:60px;font-weight:500}
.postrow:hover{background:rgba(255,255,255,.02)}
.tgmsg{background:var(--f-overlay);border-radius:var(--r-md);padding:12px 14px;font-size:13px}
/* бейджі */
.pill{display:inline-block;font-size:11px;font-weight:500;padding:3px 9px;border-radius:99px;background:var(--f-overlay);color:var(--f-muted);border:0;white-space:nowrap;box-shadow:none}
.pill.ok{background:var(--okb);color:var(--f-ok)}.pill.warn{background:var(--warnb);color:var(--f-warn)}.pill.bad{background:var(--badb);color:var(--f-bad)}.pill.st{background:rgba(91,155,230,.2);color:var(--f-soft)}
button.pill{cursor:pointer;padding:4px 10px}
.plate{font:600 12px ui-monospace,'SF Mono',monospace;border:1.5px solid var(--f-text);border-radius:6px;padding:2px 7px;background:transparent;color:var(--f-text);letter-spacing:.04em;white-space:nowrap}
/* календар */
.cal{display:flex;background:var(--f-on-surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-hl)}
.cal-times{width:56px;flex:none;border-right:1px solid var(--f-hair)}
.cal-t{height:var(--row);font-size:11px;color:var(--f-subtle);text-align:right;padding-right:8px;transform:translateY(-7px)}
.cal-hd{height:40px;border-bottom:1px solid var(--f-hair);font-weight:500;display:flex;align-items:center;justify-content:center;background:var(--f-raised)}
.cal-col{flex:1;border-right:1px solid var(--f-hair);min-width:120px}.cal-col:last-child{border-right:0}
.cal-body{position:relative}
.cal-cell{height:var(--row);border-bottom:1px dashed var(--f-hover);cursor:pointer}.cal-cell:nth-child(2n){border-bottom:1px solid var(--f-hair)}
.cal-cell:hover,.cal-cell.over{background:rgba(91,155,230,.12)}
.appt{position:absolute;left:4px;right:4px;background:rgba(91,155,230,.24);border-left:3px solid var(--f-soft);border-radius:10px;padding:4px 8px;font-size:11.5px;overflow:hidden;cursor:grab;display:flex;flex-direction:column;line-height:1.3}
.appt .muted{color:var(--f-lav-t)}
.appt.noshow{background:var(--badb);border-color:var(--f-bad);opacity:.75}.appt.arrived{background:var(--okb);border-color:var(--f-ok)}
.nowline{position:absolute;left:0;right:0;height:2px;background:var(--f-notify);pointer-events:none;box-shadow:0 0 8px var(--f-notify)}
/* дошка */
.board{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.bcol{background:var(--f-on-surface);border-radius:var(--r-lg);padding:10px;min-height:300px;display:flex;flex-direction:column;gap:8px}
.bcol.over{background:rgba(91,155,230,.14)}
.bcol-h{font-weight:500;display:flex;justify-content:space-between;padding:4px 6px}.bcol-h span{color:var(--f-subtle)}
.bcard{background:var(--f-raised);border-radius:var(--r-md);padding:11px 13px;cursor:pointer;display:grid;gap:3px;box-shadow:var(--sh-hl);border:1px solid transparent}
.bcard:hover{border-color:rgba(138,203,255,.5)}
.bcard{min-width:0;overflow:hidden;overflow-wrap:anywhere}.bc-t{display:flex;justify-content:space-between;align-items:baseline;gap:6px;min-width:0}.bc-t b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-t .muted{flex-shrink:0}.bc-f{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}
.search{width:260px}
/* форми */
.form{display:grid;gap:12px}.form.wide{max-width:920px}
.form label{display:grid;gap:5px;font-size:12px;color:var(--f-muted);font-weight:300}
.form label input,.form label select,.form label textarea{color:var(--f-text);font-size:14px;font-weight:400}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inl input{flex:1}
.checks{display:flex;flex-wrap:wrap;gap:8px 18px}.checks label{display:flex;gap:7px;align-items:center;color:var(--f-text);font-size:13px}
.mf{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap}.sp{flex:1}
/* наряд */
.st-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}
.st-steps .st-s{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border-radius:var(--r-md);background:var(--f-overlay);color:var(--f-muted);box-shadow:none;font-size:13px;text-align:left;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.st-s i{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:12px;font-weight:600;background:rgba(255,255,255,.06)}
.st-s span{min-width:0;line-height:1.2;overflow-wrap:anywhere}
.st-s.past{color:var(--f-text)}.st-s.past i{background:rgba(91,155,230,.22);color:var(--f-soft)}
.st-s.on{background:var(--f-primary);color:#fff;font-weight:600}.st-s.on i{background:rgba(255,255,255,.22);color:#fff}
.st-s:not(.on):not(:disabled):hover{border-color:rgba(138,203,255,.5);color:var(--f-text)}
.st-steps.paid .st-s{cursor:default;opacity:.75}.st-steps.paid .st-s.on{opacity:1}
@media (max-width:1100px){.st-steps{grid-template-columns:repeat(4,1fr)}}
.ohead{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:var(--f-raised);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:12px;box-shadow:var(--sh-hl)}
.ohead div{display:grid;gap:2px}.ohead .muted{font-size:12px;font-weight:300}
.complaint{background:var(--warnb);color:var(--f-amber-t);border-radius:var(--r-md);padding:10px 14px;margin:0 0 12px}
.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.tabs button{background:var(--f-overlay);color:var(--f-muted);box-shadow:none;padding:8px 16px;font-size:13px}
.tabs button.on{background:var(--f-primary);color:#fff}
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--f-subtle);font-weight:500;padding:8px;border-bottom:1px solid var(--f-hair)}
.tbl td{padding:9px 8px;border-bottom:1px solid var(--f-hair);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl.hover tr[data-act]{cursor:pointer}.tbl.hover tr[data-act]:hover td{background:rgba(255,255,255,.025)}
.tbl.narrow{width:auto}
.tbl input.num{width:84px;text-align:right}
.tbl td input:not(.num):not([type=checkbox]){width:100%}
.r{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}
tr.dim td{opacity:.45}
.badt{color:var(--f-bad);font-weight:600}.warnt{color:var(--f-warn);font-weight:600}.okt{color:var(--f-ok);font-weight:600}
.add{margin-top:12px}
.sum{text-align:right;font-size:15px;padding:6px 4px 22px}.sum b{font-size:18px;font-weight:600}
.gr{width:22px;height:22px;border-radius:50%;padding:0;margin-right:5px;opacity:.22;border:2px solid transparent;box-shadow:none}
.gr.g{background:var(--f-ok)}.gr.y{background:var(--f-warn)}.gr.r{background:var(--f-bad)}.gr.on{opacity:1;border-color:var(--f-text)}
.dl{display:grid;grid-template-columns:200px 1fr;gap:10px 14px;margin:0}.dl dt{color:var(--f-muted);font-weight:300}.dl dd{margin:0}
.big{font-size:24px;font-weight:600}
.warnbox{background:var(--warnb);padding:10px 14px;border-radius:var(--r-md)}
.photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.photos img{height:110px;border-radius:12px}
/* Telegram: так бачить клієнт */
.tgwrap{display:grid;grid-template-columns:390px 1fr;gap:14px;align-items:start}
.phone{background:var(--f-surface);border-radius:36px;border:8px solid var(--f-line2);height:580px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sh-elev),0 0 0 1px var(--f-line2)}
.ph-h{background:var(--f-on-surface);padding:14px 16px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.ph-b{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:12px}
.msg{max-width:86%;background:var(--f-raised);border-radius:18px 18px 18px 4px;padding:10px 12px;font-size:13px;line-height:1.45;display:grid;gap:7px}
.msg.client{align-self:flex-end;background:var(--f-primary);color:#fff;border-radius:16px 16px 4px 16px}
.msg.client small{color:rgba(255,255,255,.7)}
.msg small{color:var(--f-subtle);font-size:10px;justify-self:end}
.ib{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid var(--f-hair);padding-top:8px}
.ib span{flex:1 1 100%;font-size:12px;color:var(--f-muted)}.ib button{flex:1;background:var(--f-overlay);color:var(--f-soft);font-size:12px;padding:8px}.ib em{color:var(--f-subtle);font-size:12px}
.ib .allb{flex:1 1 100%;background:var(--g-cta);color:#fff;box-shadow:var(--sh-glow)}.ib .allb.hot{background:linear-gradient(90deg,#c62a5b,#e3938d);box-shadow:0 8px 24px rgba(227,147,141,.35)}
.ph-in{display:flex;gap:8px;padding:10px;background:var(--f-on-surface)}.ph-in input{flex:1;border-radius:99px}
.ph-in button{width:40px;height:40px;padding:0;background:var(--g-orb);box-shadow:var(--sh-glow)}
.col-btns{display:grid;gap:8px;max-width:300px}
.mview{display:flex;gap:10px;flex-wrap:wrap}.mv{background:var(--f-overlay);border-radius:var(--r-md);padding:12px 14px;display:grid;min-width:180px}
.slots{display:flex;flex-wrap:wrap;gap:6px}
/* модалки, палітра, тости */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:7vh;z-index:20}
.modal[hidden]{display:none}
.modal-box{background:var(--f-on-surface);border-radius:var(--r-xl);padding:24px 26px;width:min(780px,92vw);max-height:86vh;overflow:auto;box-shadow:var(--sh-elev),0 0 0 1px var(--f-line2)}
.modal-box h2{margin:0 0 12px;font-size:22px;font-weight:300;display:flex;gap:10px;align-items:center}
.modal-box h3{font-size:14px;font-weight:500;margin:16px 0 8px}
.pal{padding:0;width:min(640px,92vw)}
.pal input{width:100%;border:0;border-bottom:1px solid var(--f-hair);border-radius:0;padding:18px 20px;font-size:16px;background:transparent}
.pal-i{padding:11px 20px;cursor:pointer;color:var(--f-muted)}.pal-i.on,.pal-i:hover{background:var(--f-raised);color:var(--f-text)}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--f-overlay);color:#fff;padding:12px 20px;border-radius:99px;z-index:30;max-width:70vw;box-shadow:var(--sh-elev),var(--sh-hl);font-weight:500}
.toast[hidden]{display:none}
@media (max-width:1300px){.kpis{grid-template-columns:repeat(3,1fr)}}
/* сегменти (PeriodTabs) */
.seg{display:flex;gap:4px;background:var(--f-raised);padding:4px;border-radius:var(--r-pill);box-shadow:var(--sh-hl)}
.seg button{background:transparent;box-shadow:none;color:var(--f-muted);padding:7px 14px;font-size:12.5px}
.seg button.on{background:var(--f-primary);color:#fff}
.seg.sm button{font-size:11.5px;padding:5px 10px}
/* 3D-цех */
#main.full{padding:0;overflow:hidden}
#v3root{height:100%}
.v3{display:flex;flex-direction:column;height:100%}
.v3-bar{display:flex;gap:12px;align-items:center;padding:12px 18px;background:var(--f-surface);flex-wrap:wrap}
.v3-stage{position:relative;flex:1;min-height:0}
.v3-canvas{position:absolute;inset:0 350px 0 0}
.v3-canvas canvas{display:block;cursor:grab}
.v3-labels{position:absolute;inset:0 350px 0 0;pointer-events:none;overflow:hidden}
.lbl3{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;background:rgba(14,14,14,.88);backdrop-filter:blur(8px);color:#fff;border-radius:14px;padding:6px 10px;font-size:11.5px;display:flex;flex-direction:column;gap:2px;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.45),var(--sh-hl)}
.lbl3.on{outline:2px solid var(--f-soft)}
.lbl3 .pl{font:600 11px ui-monospace,monospace;color:var(--f-muted)}
.lbl3 i{font-style:normal;border-radius:99px;padding:1px 8px;font-size:10.5px;align-self:flex-start;color:#fff}
.v3-panel{position:absolute;top:0;right:0;bottom:0;width:350px;background:var(--f-on-surface);padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.v3-panel h3{margin:0;font-size:18px;font-weight:400;display:flex;gap:8px;align-items:center;justify-content:space-between}
.big3{font-size:17px;font-weight:600}
.bar3{height:8px;background:var(--f-overlay);border-radius:99px;overflow:hidden}.bar3 i{display:block;height:100%;background:var(--g-brand)}
.jobs3{list-style:none;margin:0;padding:0;display:grid;gap:7px}.jobs3 li{display:flex;gap:8px;align-items:center}
.jm{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font:600 11px var(--font);flex:none}
.j-ok{background:var(--okb);color:var(--f-ok)}.j-work{background:rgba(91,155,230,.22);color:var(--f-soft)}.j-todo{color:var(--f-subtle);border:1px solid var(--f-active)}.j-appr{background:var(--warnb);color:var(--f-warn)}
.warn3{background:var(--badb);color:var(--f-red-t);border-radius:12px;padding:8px 12px;margin:0;font-size:12.5px}
.ed-g{display:grid;gap:7px}.ed-g .lbl,.lbl{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--f-subtle);font-weight:500}
.ed-g.sel{background:var(--f-raised);border-radius:var(--r-md);padding:12px;box-shadow:var(--sh-hl)}
.ed-btns{display:flex;flex-wrap:wrap;gap:6px}.ed-btns button{font-size:12px;padding:7px 12px}
.ed-g .inl input{width:72px;flex:none}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 3px 0 7px}
.wiz{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:30px;overflow:auto;z-index:5}
.wiz[hidden]{display:none}
.wiz-box{background:var(--f-on-surface);border-radius:var(--r-xl);padding:26px 28px;width:min(1080px,100%);display:grid;gap:16px;box-shadow:var(--sh-elev)}
.wiz-box h2{margin:0;font-size:30px;font-weight:300}
.wiz-step{display:grid;gap:8px}.wiz-step .inl input{width:110px;flex:none}
.chip{font-size:12.5px}.chip.on{background:var(--f-text);color:var(--f-inv)}
.shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.shape{display:grid;gap:5px;text-align:left;padding:12px;border-radius:var(--r-lg);align-content:start;background:var(--f-raised);border:2px solid transparent}
.shape.on{border-color:var(--f-primary);box-shadow:var(--sh-glow)}
.planpv{width:100%;height:120px;background:var(--f-on-surface);border-radius:12px}
.sp-floor{fill:var(--f-line2);stroke:var(--f-dim);stroke-width:.3}.sp-post{fill:rgba(91,155,230,.55);stroke:#8acbff;stroke-width:.2}.sp-door{fill:var(--f-warn)}
.lg{width:22px;height:22px;object-fit:contain}.lg.big{width:44px;height:44px}
.carhead{display:flex;gap:10px;align-items:center}
.swatches{display:flex;gap:7px;flex-wrap:wrap}.swc{width:28px;height:28px;border-radius:50%;padding:0;border:2px solid var(--f-line2)}
.models{display:grid;gap:6px}.mdl{display:flex;gap:10px;align-items:center;text-align:left;border-radius:14px;background:var(--f-raised)}.mdl img{width:34px;height:28px;object-fit:contain}.mdl.on{background:rgba(91,155,230,.22);box-shadow:inset 0 0 0 1px var(--f-soft)}
.v3-panel .inl input#pRot{width:64px;flex:none}
.lbl3.sm{padding:3px 9px;font-size:11px;flex-direction:row;gap:4px;border-radius:99px}
.lbl3.sm.st-work{background:var(--f-primary)}.lbl3.sm.st-lunch{background:#9a6a10}.lbl3.sm.st-free{background:#3a3a3a}.lbl3.sm.st-desk{background:#127a4a}
.lbl3.sm.park{background:rgba(35,35,35,.92)}.lbl3.sm.kap{background:#2b4a63;border-radius:12px}
.srow{display:flex;gap:10px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--f-hair);cursor:pointer}
.srow:hover{background:rgba(255,255,255,.02)}.srow>div{display:grid}
.dot3{width:10px;height:10px;border-radius:50%;flex:none;background:var(--f-subtle)}
.st-work .dot3{background:var(--f-primary);box-shadow:0 0 8px var(--f-primary)}.st-lunch .dot3{background:var(--f-warn)}.st-free .dot3{background:var(--f-muted)}.st-off .dot3{background:var(--f-line2)}.st-desk .dot3{background:var(--f-ok)}
.kcounts{display:flex;flex-wrap:wrap;gap:6px}.kcounts span{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--f-overlay)}
.kcounts .st-work{color:var(--f-soft)}.kcounts .st-lunch{color:var(--f-warn)}.kcounts .st-desk{color:var(--f-ok)}
.pill.st-work{background:rgba(91,155,230,.2);color:var(--f-soft)}.pill.st-lunch{background:var(--warnb);color:var(--f-warn)}.pill.st-free{background:var(--f-overlay)}.pill.st-off{background:var(--f-overlay);color:var(--f-subtle)}.pill.st-desk{background:var(--okb);color:var(--f-ok)}
.ph{margin:10px 0 0;font-size:13px;font-weight:500}
/* партнерка */
.lv{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font:700 11px var(--font);color:#fff;flex:none}
.lv.l1{background:var(--f-primary)}.lv.l2{background:var(--f-deep)}.lv.l3{background:#3a2a6a}
.rtree,.rtree ul{list-style:none;margin:0;padding:0}
.rtree ul{margin-left:22px;border-left:1px dashed var(--f-line2);padding-left:10px}
.rn{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--f-hair);flex-wrap:wrap}
.rn.off{opacity:.5}
.calc input{width:72px;flex:none}
.calcres{margin-top:12px;display:grid;gap:4px}.calcres b{font-size:26px;font-weight:600}
.spend{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:10px}
.sp-i{background:var(--f-overlay);border-radius:var(--r-md);padding:12px 14px;display:grid;gap:6px}
.qr{display:grid;grid-template-columns:repeat(21,10px);gap:0;width:max-content;margin:12px auto;padding:12px;background:#fff;border-radius:12px}
.qr i{width:10px;height:10px}.qr i.on{background:#000}
/* аналітика */
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kgrid.six{grid-template-columns:repeat(6,1fr)}
.kc{background:var(--f-raised);border-radius:var(--r-lg);padding:16px 18px;display:grid;gap:5px;min-width:0;box-shadow:var(--sh-hl)}
.kc-h{display:flex;justify-content:space-between;align-items:center;color:var(--f-muted);font-size:13px;font-weight:300}
.kc>span{color:var(--f-muted);font-size:12.5px;font-weight:300}
.kc-b{display:flex;align-items:center;gap:12px}.kc-b b{font-size:24px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.kc.sm b{font-size:19px;font-weight:500}
.kc small{color:var(--f-subtle);font-size:11.5px}
.spark{flex:1;height:34px;min-width:60px}
.kc small .spark{height:22px;width:100%}
.dlt{font-size:11px;font-weight:600;padding:2px 7px;border-radius:99px}.dlt.up{background:var(--okb);color:var(--f-ok)}.dlt.dn{background:var(--badb);color:var(--f-bad)}
.ai{background:var(--f-on-surface);box-shadow:inset 0 0 0 1px var(--f-ai-ring),var(--sh-hl);position:relative;overflow:hidden}
.ai::before{content:"";position:absolute;inset:-40% -10% auto auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(91,155,230,.18),transparent);pointer-events:none}
.ai-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px;position:relative}.ai-h h3{margin:0;color:var(--f-soft);font-weight:500}
.ai-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}
.ai-i{background:var(--f-raised);border-radius:var(--r-md);padding:14px 16px;display:grid;gap:6px;font-size:13px;box-shadow:var(--sh-hl)}
.ai-i b{font-weight:500;font-size:14px;display:flex;gap:8px;align-items:center}
.ai-i b::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:var(--f-soft)}
.ai-i.good b::before{background:var(--f-ok)}.ai-i.warn b::before{background:var(--f-warn)}.ai-i.bad b::before{background:var(--f-bad)}
.ai-i p{margin:0;color:var(--f-muted);line-height:1.5}.ai-i .ai-a{color:var(--f-soft);font-weight:500}
.ai-q{display:flex;gap:8px;margin-top:12px;position:relative}.ai-q input{flex:1;border-radius:99px;padding:11px 18px}
.ai-q button.pri{background:var(--g-orb)}
.ai-ans{background:var(--f-raised);border-radius:var(--r-md);padding:12px 16px;margin-top:10px;position:relative}.ai-ans p{margin:4px 0 0;line-height:1.55}
.grid2.an{grid-template-columns:1fr 1.3fr}
.ch-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ch-h h3{margin:0}
.dn-w{display:flex;gap:16px;align-items:center}.donut{width:170px;flex:none}.dn-t{flex:1}
.dc{font:600 20px var(--font);fill:var(--f-text)}.ds{font:300 11px var(--font);fill:var(--f-muted)}
.cdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}
.lc{position:relative}.lc svg{width:100%;height:auto;display:block}
.gl{stroke:var(--f-hover)}.ax{font:500 10px var(--font);fill:var(--f-subtle)}.hl{stroke:var(--f-dim);stroke-dasharray:3 3}
.tip{position:absolute;top:8px;background:var(--f-overlay);color:#fff;border-radius:var(--r-sm);padding:8px 12px;font-size:12px;pointer-events:none;min-width:160px;display:grid;gap:3px;box-shadow:var(--sh-elev)}
.tip[hidden]{display:none}
.tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.lg2{display:flex;gap:14px;font-size:12px;color:var(--f-muted);margin-bottom:4px}.lg2 i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.an-t th.sortable{cursor:pointer;text-align:right}.an-t th.sortable.on{color:var(--f-soft)}
.hb{display:inline-block;width:70px;height:6px;background:var(--f-overlay);border-radius:99px;vertical-align:middle;margin-left:8px;overflow:hidden}.hb i{display:block;height:100%;border-radius:99px}
.brow{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--f-hair)}
.brow .hb{width:100%;margin:0}.brow b{text-align:right;min-width:80px;font-weight:500}
.mk{display:flex;align-items:center;gap:8px}.mk img{width:22px;height:22px;object-fit:contain}.mk em{color:var(--f-subtle);font-style:normal;font-size:12px}
.wd{display:flex;gap:10px;align-items:flex-end;height:150px;padding-top:10px}
.wd-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}
.wd-c i{width:100%;background:linear-gradient(180deg,#5b9be6,#245fd1);border-radius:10px 10px 4px 4px;min-height:2px}.wd-c span{font-size:12px;font-weight:500}.wd-c small{font-size:11px;color:var(--f-subtle)}
@media (max-width:1300px){.ai-g{grid-template-columns:1fr 1fr}.kgrid.six{grid-template-columns:repeat(3,1fr)}}
.dn-t td,.dn-t th{white-space:nowrap;font-size:13px;padding:7px 6px}
.kc>span,.kc-h span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grid2.an .tbl td,.an-t td{white-space:nowrap}.grid2.an .tbl{font-size:13px}.grid2.an .tbl th{white-space:nowrap}
/* режим і Light */
.seg.mode{width:100%;background:var(--f-raised)}.seg.mode button{flex:1}
.seg.mode button.on{background:var(--f-text);color:var(--f-inv)}
.l-badge{background:var(--g-cta);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:99px;vertical-align:middle;margin-left:6px;letter-spacing:.04em;text-transform:uppercase}
body.light-mode #side .nav-i{padding:12px 14px;font-size:15px}
body.light-mode #side .nav-i[data-v="l-new"]{background:var(--g-cta);color:#fff;margin:4px 0;box-shadow:var(--sh-glow)}
.l-wrap{max-width:1100px;display:grid;gap:16px;font-size:15px}.l-wrap.narrow{max-width:840px}
.l-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
button.big{font-size:15px;padding:13px 24px}
input.big{font-size:17px;padding:13px 18px;border-radius:99px}
.l-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.l-stats div{background:var(--f-raised);border-radius:var(--r-lg);padding:16px 18px;display:grid;gap:2px;box-shadow:var(--sh-hl)}
.l-stats div:first-child{background:var(--g-sheen),var(--g-hero);box-shadow:var(--sh-elev),inset 0 1px 0 rgba(255,255,255,.2)}
.l-stats div:first-child span{color:rgba(255,255,255,.85)}
.l-stats b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.l-stats span{color:var(--f-muted);font-size:13px;font-weight:300}
.l-h{font-size:16px;font-weight:500;margin:8px 0 0}
.l-list{display:grid;gap:8px}
.l-card{background:var(--f-raised);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:12px;box-shadow:var(--sh-hl)}
.l-c-top{display:flex;gap:14px;align-items:center;cursor:pointer}
.l-logo{width:44px;height:44px;object-fit:contain;flex:none;background:var(--f-overlay);border-radius:50%;padding:7px}.l-logo.ph{display:inline-block}
.l-c-main{display:grid;gap:4px;flex:1;min-width:0}.l-c-main .plate{justify-self:start}.l-c-main b{font-weight:500}
.l-c-sum{display:grid;justify-items:end;gap:6px}.l-c-sum b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.l-c-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.l-c-act button{padding:9px 16px}
.l-st{font-size:12px;font-weight:500;padding:5px 11px;border-radius:99px;background:var(--f-overlay);color:var(--f-muted);white-space:nowrap}
.l-st.work{background:rgba(91,155,230,.2);color:var(--f-soft)}.l-st.ready{background:var(--okb);color:var(--f-ok)}.l-st.wait{background:var(--warnb);color:var(--f-warn)}
.l-empty{background:var(--f-on-surface);border:1px dashed var(--f-line2);border-radius:var(--r-lg);padding:18px;color:var(--f-muted);text-align:center}
.l-appt{background:var(--f-raised);border-radius:var(--r-md);padding:12px 16px;display:flex;gap:12px;align-items:center;box-shadow:var(--sh-hl)}
.l-appt.noshow{opacity:.5}
.l-remind{background:var(--warnb);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:6px;color:var(--f-amber-t)}
.l-r-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.l-sec{background:var(--f-raised);border-radius:var(--r-lg);padding:16px 18px;display:grid;gap:12px;box-shadow:var(--sh-hl)}
.l-sec p{margin:0}
.l-chips{display:flex;flex-wrap:wrap;gap:8px}
.l-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;border-radius:18px;font-size:13.5px;background:var(--f-overlay)}
.l-chip em{font-style:normal;color:var(--f-soft);font-weight:600;font-size:12.5px}.l-chip:hover{background:rgba(91,155,230,.22);filter:none}
.l-lines input:not(.num){width:100%}.l-lines td{padding:6px}
.l-kind{font-size:11px;padding:3px 8px;border-radius:99px;background:rgba(91,155,230,.2);color:var(--f-soft);white-space:nowrap}.l-kind.part{background:var(--warnb);color:var(--f-warn)}
.l-total{font-size:20px;font-weight:600}
.l-found{display:flex;gap:10px;align-items:center;background:var(--okb);border-radius:var(--r-md);padding:10px 14px;flex-wrap:wrap}
.l-ohead{display:flex;gap:14px;align-items:center}.l-ohead h1{font-size:26px}.l-ohead .l-st{margin-left:auto}
.l-big-act{display:flex;gap:10px;flex-wrap:wrap}
.l-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.l-days button{display:grid;justify-items:center;gap:2px;padding:12px 4px;border-radius:var(--r-lg);background:var(--f-raised)}
.l-days button.on{background:var(--f-primary);color:#fff;box-shadow:var(--sh-glow)}.l-days b{font-size:22px;font-weight:500}
.l-days em{font-style:normal;font-size:11px;color:var(--f-soft);min-height:14px}.l-days button.on em{color:#fff}
.l-cl{background:var(--f-raised);border-radius:var(--r-md);padding:12px 16px;display:flex;gap:12px;align-items:center;cursor:pointer;box-shadow:var(--sh-hl)}.l-cl>div{display:grid}.l-cl .l-logo{width:36px;height:36px;padding:6px}
.l-cl:hover{background:var(--f-hover)}
.l-ai{background:var(--f-on-surface);box-shadow:inset 0 0 0 1px var(--f-ai-ring);border-radius:var(--r-lg);padding:14px 18px;color:var(--f-lav-t);line-height:1.55}
.l-money{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.l-money div{background:var(--f-raised);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:3px;box-shadow:var(--sh-hl)}.l-money span{color:var(--f-muted);font-size:13px;font-weight:300}.l-money b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.l-money small{color:var(--f-subtle);font-size:12px}
.l-money .m-out b{color:var(--f-bad)}.l-money .m-net{background:var(--g-sheen),var(--g-hero);box-shadow:var(--sh-elev)}.l-money .m-net span{color:rgba(255,255,255,.85)}.l-money .m-net b{color:#fff}
.l-days-bars{display:flex;align-items:flex-end;gap:3px;height:96px;border-bottom:1px solid var(--f-hair)}.l-days-bars i{flex:1;background:linear-gradient(180deg,#5b9be6,#245fd1);min-height:1px;border-radius:4px 4px 0 0}
.l-exp select,.l-exp input{flex:1}
.l-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.l-tpl{display:grid;gap:8px;margin:12px 0}.l-tpl button{display:grid;text-align:left;gap:3px;border-radius:var(--r-md);padding:12px 16px}.l-tpl span{color:var(--f-muted);font-size:13px;font-weight:400}
.l-ul{padding-left:18px;display:grid;gap:7px}
#modalBox textarea{width:100%}
.l-stats.three{grid-template-columns:repeat(3,1fr)}
.l-qty{font-weight:600;white-space:nowrap}.l-qty.bad{color:var(--f-bad)}.l-qty.warn{color:var(--f-warn)}.l-qty small{font-weight:400;color:var(--f-subtle)}
.l-ava{width:44px;height:44px;border-radius:50%;background:var(--f-lav);color:var(--f-deep);display:grid;place-items:center;font-weight:600;font-size:17px;flex:none}
.l-c-act label input{width:96px}
details.l-sec summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center}details.l-sec summary::-webkit-details-marker{display:none}
details.l-sec summary::before{content:'▸';color:var(--f-subtle)}details.l-sec[open] summary::before{content:'▾'}
.l-dvi{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.l-dvi-i{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--f-hair)}
details .tgwrap{grid-template-columns:350px 1fr}details .phone{height:440px}
button.chipsel{background:var(--f-text);color:var(--f-inv)}
.l-wrap>button.ghost{justify-self:start}
/* документи: превʼю як білий аркуш */
.doc{font-size:13.5px;background:#fff;color:#111;border-radius:var(--r-md);padding:26px 28px}
.doc-h{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}.doc-h h2{margin:0;font-size:18px;font-weight:600;color:#111}
.doc table{width:100%;border-collapse:collapse;margin:10px 0}.doc th,.doc td{border:1px solid #c8c8c8;padding:5px 7px}.doc th{background:#f1f1f1;text-align:left}.doc .r{text-align:right}.doc-s{display:flex;justify-content:space-between;margin-top:30px}
.docs-g{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.doc-card{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;margin:0}.doc-card .inl{grid-column:1/-1}.doc-card h3{margin:0 0 4px}.doc-card p{margin:0 0 6px}
.doc-ic{width:48px;height:48px;border-radius:16px;background:var(--f-overlay);display:grid;place-items:center;font-size:22px}
.doc-ph{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.doc-ph img{height:90px;border-radius:6px}
/* тони */
.tone{display:grid;gap:8px;margin-bottom:14px}
.tone .seg{align-self:start;justify-self:start}
.tone .seg button.on.tn-neutral{background:var(--f-active);color:#fff}.tone .seg button.on.tn-normal{background:var(--f-primary);color:#fff}.tone .seg button.on.tn-hard{background:linear-gradient(90deg,#c62a5b,#e3938d);color:#fff}
.tone-st{display:grid;gap:3px;font-size:12.5px;color:var(--f-muted)}
/* підказки */
.hint-btn{width:100%;background:transparent;color:var(--f-soft);box-shadow:inset 0 0 0 1px var(--f-ai-ring);margin-bottom:4px}.hint-btn.on{background:rgba(91,155,230,.22);color:#fff;box-shadow:inset 0 0 0 1px var(--f-soft)}
#hintLayer{position:fixed;inset:0;pointer-events:none;z-index:40}
.hint-dot{position:fixed;width:20px;height:20px;border-radius:50%;background:var(--g-orb);color:#fff;font:700 11px/20px var(--font);text-align:center;pointer-events:auto;cursor:help;box-shadow:0 0 0 3px rgba(91,155,230,.35);animation:hintPulse 2s infinite}
.hint-tip{display:none;position:absolute;top:26px;left:0;width:280px;background:var(--f-overlay);color:#fff;border-radius:16px;padding:12px 14px;text-align:left;font:400 12.5px/1.5 var(--font);box-shadow:var(--sh-elev),var(--sh-hl);z-index:2}
.hint-tip b{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--f-soft)}
.hint-dot.left .hint-tip{left:auto;right:0}.hint-dot:hover .hint-tip,.hint-dot.show .hint-tip{display:block}.hint-dot:hover{animation:none;z-index:3}
@keyframes hintPulse{0%,100%{box-shadow:0 0 0 3px rgba(91,155,230,.35)}50%{box-shadow:0 0 0 8px rgba(91,155,230,.06)}}
/* гайд */
.guide{display:grid;gap:16px}
.g-intro p{margin:4px 0;max-width:900px;color:var(--f-muted)}
.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.g-card{padding:0;overflow:hidden;display:grid;margin:0}
.g-vid{position:relative;background:#000;aspect-ratio:16/10}.g-vid video{width:100%;height:100%;object-fit:cover;display:block}
.g-play{position:absolute;inset:auto auto 14px 14px;width:52px;height:52px;padding:0;border-radius:50%;background:var(--g-orb);color:#fff;font-size:18px;box-shadow:var(--sh-glow)}
.g-vid.playing .g-play{opacity:.35}.g-vid.playing:hover .g-play{opacity:1}
.g-body{padding:16px 18px;display:grid;gap:8px;position:relative}.g-body h3{margin:0;padding-left:36px;font-weight:500}.g-body ol{margin:0;padding-left:20px;display:grid;gap:4px;font-size:13.5px;color:var(--f-muted)}
.g-n{position:absolute;left:18px;top:15px;width:26px;height:26px;border-radius:50%;background:var(--f-overlay);color:var(--f-soft);display:grid;place-items:center;font:600 12px var(--font)}
.modal-box.wide{width:min(1100px,94vw)}.g-full{width:100%;border-radius:16px;background:#000}
@media (prefers-reduced-motion:reduce){button,.hint-dot{transition:none;animation:none}button:active{transform:none}}
.kpis .kpi:first-child{background:var(--g-sheen),var(--g-hero);box-shadow:var(--sh-elev),inset 0 1px 0 rgba(255,255,255,.2)}.kpis .kpi:first-child span,.kpis .kpi:first-child small{color:rgba(255,255,255,.85)}
/* іконки, IconButton, hero-картка, ActionTile */
.ic{display:block;flex:none}
.nav-i{justify-content:flex-start;gap:12px}.nav-i .nav-l{flex:1}
.nav-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--f-raised);color:var(--f-muted);flex:none;margin:-4px 0 -4px -6px}
.nav-i.on .nav-ic{background:var(--g-orb);color:#fff;box-shadow:0 6px 18px rgba(91,155,230,.45)}
.nav-i:hover .nav-ic{color:var(--f-text)}
body.light-mode #side .nav-i[data-v="l-new"] .nav-ic{background:rgba(255,255,255,.16);color:#fff}
button.wic{display:inline-flex;align-items:center;gap:8px}button.wic.small{gap:6px}
.ibtn{width:48px;height:48px;padding:0;border-radius:50%;display:inline-grid;place-items:center;flex:none;color:var(--f-text)}
.ibtn.surface{background:var(--f-overlay)}
.ibtn.glass{background:rgba(255,255,255,.16);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.ibtn.orb{background:var(--g-orb);box-shadow:var(--sh-glow),var(--sh-hl)}
.ibtn-wrap{position:relative;display:inline-block}.ndot{position:absolute;top:12px;right:13px;width:8px;height:8px;border-radius:50%;background:var(--f-notify);pointer-events:none}
.vh .ibtn{width:44px;height:44px}.vh h1{margin-right:auto}
.modal-box{position:relative}.mclose{position:absolute;top:16px;right:16px;width:40px;height:40px;z-index:2}
.modal-box h2{padding-right:52px}
.hero-card{border-radius:var(--r-2xl);padding:22px 20px 18px;background:var(--g-sheen),var(--g-hero);box-shadow:var(--sh-elev);color:#fff;margin-bottom:14px}
.hc-top{display:flex;align-items:center;gap:12px}
.hc-ava{width:52px;height:52px;border-radius:50%;background:var(--f-lav);color:var(--f-deep);display:grid;place-items:center;font-weight:600;font-size:18px;flex:none}
.hc-greet{font-size:20px;line-height:24px;font-weight:500}.hc-name{font-size:13px;font-weight:300;opacity:.85;margin-top:2px}
.hc-tools{margin-left:auto;display:flex;gap:8px}
.hc-label{text-align:center;margin-top:26px;font-size:14px;font-weight:300;opacity:.85}
.hc-amount{text-align:center;font-size:44px;line-height:48px;font-weight:600;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.hc-sub{text-align:center;font-size:13px;font-weight:300;opacity:.85;margin-top:4px}
.hc-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-top:26px}
.tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 6px 16px;border-radius:var(--r-lg);background:rgba(36,95,209,.55);color:#fff;font-size:13px;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.tile:hover{filter:brightness(1.12)}.tile:active{transform:scale(.96)}
.kc-t{display:inline-flex;align-items:center;gap:8px}.kc-ic{width:28px;height:28px;border-radius:50%;background:var(--f-overlay);display:grid;place-items:center;color:var(--f-soft);font-style:normal}
.notifs{display:grid;gap:8px}.nrow{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--f-raised);border-radius:var(--r-md);cursor:pointer}.nrow:hover{background:var(--f-hover)}
.nrow>div{flex:1;display:grid;gap:2px}.nrow b{font-weight:500}.nic{width:40px;height:40px;border-radius:50%;background:var(--f-overlay);display:grid;place-items:center;color:var(--f-soft);flex:none}
.l-ohead .ibtn{width:44px;height:44px}
.tabs button{display:inline-flex;align-items:center;gap:7px}
.doc-ic .ic{color:var(--f-soft)}
#side{width:252px}.nav-i{padding:9px 12px;font-size:13.5px}.nav-i .nav-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* адаптивність: меню не вилазить, сітки складаються під ширину вікна */
#nav{overflow-x:hidden;overflow-y:auto;scrollbar-width:none}#nav::-webkit-scrollbar{display:none}
.nav-i{width:100%;min-width:0}.nav-ic{margin:-4px 0}
#side{width:clamp(220px,18vw,260px);transition:width .2s ease}
@media (max-width:1280px){
  #side{width:84px;padding:16px 10px;align-items:center}
  .brand{font-size:0;padding:4px 0 14px}.brand::before{content:"СТО";font-size:17px;font-weight:500}.brand small,.l-badge{display:none}
  #nav{width:100%}.nav-i{justify-content:center;padding:6px 0}.nav-i .nav-l,.nav-i kbd{display:none}.nav-ic{width:40px;height:40px;margin:0}
  body.light-mode #side .nav-i{padding:6px 0}body.light-mode #side .nav-i[data-v="l-new"]{background:transparent;box-shadow:none}body.light-mode #side .nav-i[data-v="l-new"] .nav-ic{background:var(--g-orb);box-shadow:var(--sh-glow)}
  .nav-i.on{background:transparent}
  .side-foot{width:100%}.hint-btn{font-size:0;padding:10px 0}.hint-btn::before{content:"?";font-size:15px;font-weight:600}
  .seg.mode{flex-direction:column;border-radius:18px}.seg.mode button{padding:6px 0;font-size:11px}
  .net{font-size:0;text-align:center}.net::first-letter{font-size:14px}
  #side .ghost{font-size:10px;padding:6px 0;white-space:normal;line-height:1.2}
  .kgrid{grid-template-columns:repeat(2,1fr)}.kgrid.six{grid-template-columns:repeat(3,1fr)}
  .ai-g{grid-template-columns:1fr 1fr}
  .ohead{grid-template-columns:repeat(2,1fr)}
  .v3-canvas,.v3-labels{inset:0 300px 0 0}.v3-panel{width:300px}
  .vh h1,.l-wrap h1{font-size:28px;line-height:32px}
}
@media (max-width:1100px){
  #main{padding:18px 18px 40px}
  .grid2,.grid2.an,.docs-g,.tgwrap,details .tgwrap{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,1fr)}.l-stats,.l-money{grid-template-columns:repeat(2,1fr)}
  .row3{grid-template-columns:1fr 1fr}
  .ai-g{grid-template-columns:1fr}
  .hc-amount{font-size:36px;line-height:40px}
  .dn-w{flex-direction:column;align-items:stretch}.donut{align-self:center}
  .an-f{width:100%}.an-f .seg{overflow-x:auto;max-width:100%}
  .search{width:100%}
  .phone{max-width:420px}
  .l-dvi{grid-template-columns:1fr}
  .cal{overflow-x:auto}.cal-col{min-width:110px}
  .v3-canvas,.v3-labels{inset:0 0 260px 0}.v3-panel{top:auto;width:auto;left:0;height:260px}
}
@media (max-width:960px){
  .kgrid,.kgrid.six,.kpis{grid-template-columns:1fr 1fr}
  .row3{grid-template-columns:1fr}
  .hc-actions{grid-template-columns:repeat(3,1fr)}
  .vh{gap:10px}.vh-r{width:100%}
  .tbl{display:block;overflow-x:auto}
}
#side{width:clamp(232px,19vw,272px)}
@media (max-width:1280px){#side{width:84px}#nav{gap:2px}.nav-i{padding:3px 0}.nav-ic{width:38px;height:38px}.side-foot{gap:5px}#side .ghost{display:none}.seg.mode button{padding:5px 0}}
@media (max-height:760px){.nav-i{padding-top:5px;padding-bottom:5px}.nav-ic{width:30px;height:30px}}
@media (max-width:1100px){.card>.tbl{display:block;overflow-x:auto}}
/* швидка робота */
.quick-btn{width:100%;display:flex;align-items:center;gap:8px;background:var(--g-cta);color:#fff;box-shadow:var(--sh-glow);padding:10px 14px;margin-bottom:4px}.quick-btn span{flex:1;text-align:left}.quick-btn kbd{color:rgba(255,255,255,.7)}
.qk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:6px 0 4px}
.qk{display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:var(--r-lg);background:var(--f-raised)}.qk b{font-weight:500}.qk span{color:var(--f-soft);font-weight:600;font-size:13px}
.qk.on{background:rgba(91,155,230,.25);box-shadow:inset 0 0 0 1.5px var(--f-soft)}.qk-own span{color:var(--f-subtle);font-weight:400}
.qk-form{margin-top:12px;background:var(--f-raised);border-radius:var(--r-lg);padding:14px 16px}
.qk-today{display:flex;flex-wrap:wrap;gap:6px}.qk-today span{background:var(--f-overlay);border-radius:99px;padding:4px 10px;font-size:12px;color:var(--f-muted)}
@media (max-width:1280px){.quick-btn{font-size:0;justify-content:center;padding:10px 0}.quick-btn span,.quick-btn kbd{display:none}.quick-btn .ic{width:18px;height:18px}}
/* автозаповнення: реєстр і техпаспорт */
.reg-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tp-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 18px;border-radius:99px;background:var(--g-cta);color:#fff;font-weight:500;box-shadow:var(--sh-glow)}
.tp-btn:hover{filter:brightness(1.08)}
.reg-tools .ghost{margin-left:auto}
#regBox:empty{display:none}
.reg-card{background:var(--f-on-surface);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:12px;box-shadow:inset 0 0 0 1px var(--f-ai-ring)}
.reg-card.load,.reg-card.none,.reg-card.done{display:flex;align-items:center;gap:12px}.reg-card.none{box-shadow:inset 0 0 0 1px var(--f-bad-ring)}.reg-card.none>div{display:grid}
.reg-card.done{box-shadow:inset 0 0 0 1px var(--f-ok-ring);color:var(--f-ok)}.reg-card.done b{color:var(--f-text)}
.reg-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reg-h>div{display:grid;gap:4px}.reg-h .plate{justify-self:start}.reg-t{font-size:17px;font-weight:500}
.reg-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.reg-g div{background:var(--f-raised);border-radius:12px;padding:8px 12px;display:grid;gap:2px}.reg-g span{font-size:11px;color:var(--f-subtle)}.reg-g b{font-weight:500;font-size:13px;overflow-wrap:anywhere}
.tp-thumb{height:56px;border-radius:8px}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--f-overlay);border-top-color:var(--f-soft);animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.l-sec .reg-tools{margin-top:-2px}
.form label.tp-btn{display:inline-flex;grid-template-columns:none;color:#fff;font-size:14px;font-weight:500}
/* склад */
.sk-kpi{display:grid;grid-template-columns:1.4fr repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.hero-mini{background:var(--g-sheen),var(--g-hero);border-radius:var(--r-lg);padding:14px 18px;display:grid;gap:2px;box-shadow:var(--sh-elev)}.hero-mini span,.hero-mini small{color:rgba(255,255,255,.85);font-size:12.5px;font-weight:300}.hero-mini b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.sk-k{display:grid;gap:4px;text-align:left;border-radius:var(--r-lg);padding:14px 16px;background:var(--f-raised)}.sk-k span{display:flex;gap:7px;align-items:center;color:var(--f-muted);font-size:12.5px;font-weight:400}.sk-k b{font-size:22px;font-weight:600}.sk-k small{color:var(--f-subtle);font-size:11.5px;font-weight:400}
.sk-k.on{box-shadow:inset 0 0 0 1.5px var(--f-soft)}.sk-k.act{background:rgba(91,155,230,.18)}.sk-k.act span{color:var(--f-soft)}
.sk-wrap{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start}
.sk-cats{position:sticky;top:0;display:grid;gap:3px;background:var(--f-on-surface);border-radius:var(--r-lg);padding:8px}
.sk-cats button{display:flex;align-items:center;gap:10px;background:transparent;box-shadow:none;color:var(--f-muted);border-radius:14px;padding:9px 12px;text-align:left}
.sk-cats button span{flex:1}.sk-cats em{font-style:normal;font-size:12px;color:var(--f-subtle)}.sk-cats button.on{background:var(--f-active);color:var(--f-text)}.sk-cats button.on .ic{color:var(--f-soft)}
.sk-dot{width:7px;height:7px;border-radius:50%;background:var(--f-warn)}
.sk-main{display:grid;gap:10px;min-width:0}
.sk-bar1{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sk-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--f-overlay);border-radius:99px;padding:0 16px;color:var(--f-subtle)}.sk-search input{flex:1;background:transparent;border:0;padding:11px 0}.sk-search:focus-within{box-shadow:inset 0 0 0 1px var(--f-soft)}
.sk-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sk-filters .lbl{width:86px;flex:none}
.fchip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;background:var(--f-overlay);color:var(--f-text);box-shadow:none}.fchip img{width:16px;height:16px;object-fit:contain}
.fchip.on{background:var(--f-text);color:var(--f-inv)}
.sk-res{display:flex;gap:10px;align-items:center;font-size:13px}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.sk-card{background:var(--f-raised);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:10px;cursor:pointer;box-shadow:var(--sh-hl);border:1px solid transparent}.sk-card:hover{border-color:rgba(138,203,255,.45)}
.sk-top{display:flex;gap:10px;align-items:flex-start}.sk-t{flex:1;display:grid;gap:2px;min-width:0}.sk-t b{font-weight:500;line-height:1.3}
.sk-ic{width:40px;height:40px;border-radius:14px;background:var(--f-overlay);color:var(--f-soft);display:grid;place-items:center;flex:none}.sk-ic.sm{width:30px;height:30px;border-radius:10px}
.sk-bar{position:relative;height:7px;background:var(--f-overlay);border-radius:99px;display:flex;overflow:visible}.sk-bar i{display:block;height:100%}.sk-bar i.f{background:var(--g-brand);border-radius:99px 0 0 99px}.sk-bar i.r{background:var(--f-warn);opacity:.7}
.sk-bar em{position:absolute;top:-3px;width:2px;height:13px;background:var(--f-text);opacity:.55;border-radius:2px}
.sk-q{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px}.sk-q b{font-size:15px}.sk-q span{display:inline-flex;gap:4px;align-items:center}
.sk-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.mk-lg{width:20px;height:20px;object-fit:contain;background:var(--f-overlay);border-radius:50%;padding:3px}
.tg{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:99px;background:rgba(91,155,230,.16);color:var(--f-soft)}
.sk-f{display:flex;align-items:center;gap:14px;border-top:1px solid var(--f-hair);padding-top:10px;font-size:13px}
.ibtn.sm{width:32px;height:32px}
.sk-gh{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin:6px 0 0}.sk-gh .ic{color:var(--f-soft)}
.sk-list{padding:6px 12px;margin:0}
.tag-ed{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--f-overlay);border-radius:14px;padding:8px}.tag-ed input{flex:1;min-width:140px;background:transparent;border:0;padding:4px}
.tg.on button{background:transparent;box-shadow:none;padding:0;color:inherit;display:grid}
.mk-pick{display:flex;flex-wrap:wrap;gap:6px}.mkp{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 8px;font-size:12.5px;background:var(--f-overlay)}.mkp img{width:20px;height:20px;object-fit:contain}.mkp.on{background:rgba(91,155,230,.3);box-shadow:inset 0 0 0 1px var(--f-soft)}
@media (max-width:1100px){.sk-wrap{grid-template-columns:1fr}.sk-cats{position:static;display:flex;overflow-x:auto}.sk-cats button{flex:none}.sk-kpi{grid-template-columns:1fr 1fr}}
.sk-kpi{grid-template-columns:1.5fr repeat(4,1fr)}
.sk-kpi:not(:has(.act)){grid-template-columns:1.5fr repeat(3,1fr)}
.sk-fpanel{display:grid;gap:8px;background:var(--f-on-surface);border-radius:var(--r-lg);padding:12px 14px}
.sk-res{flex-wrap:wrap}
@media (max-width:1100px){.sk-kpi,.sk-kpi:not(:has(.act)){grid-template-columns:1fr 1fr}}

/* ===== світла тема ===== */
:root[data-theme="light"]{
  --f-surface:#f3f1f7;--f-on-surface:#ffffff;--f-raised:#ffffff;--f-overlay:#eeebf4;--f-active:#e3ddf2;--f-hair:#e7e4ee;
  --f-text:#14121a;--f-muted:#5d5867;--f-subtle:#75707f;--f-soft:#6a2ae0;--f-lav:#ece4ff;
  --f-ok:#178a47;--f-bad:#d1291f;--f-warn:#a86a00;--f-notify:#e5392e;
  --f-hover:#f6f4fa;--f-line2:#dcd8e4;--f-inv:#fff;--f-ai-ring:#e0d4ff;--f-dim:#a8a3b2;--f-amber-t:#7a4f00;--f-lav-t:#4b1fb0;--f-red-t:#b3261e;--f-ok-ring:#bfe6cf;--f-bad-ring:#f4c7c3;
  --sh-hl:0 1px 2px rgba(20,18,26,.06),0 0 0 1px rgba(20,18,26,.04);--sh-elev:0 18px 48px rgba(20,40,70,.18);
  --okb:rgba(23,138,71,.12);--warnb:rgba(198,178,131,.18);--badb:rgba(209,41,31,.1);
  color-scheme:light}
:root[data-theme="light"] ::-webkit-scrollbar-thumb{background:#d6d2de;border-color:var(--f-surface)}
:root[data-theme="light"] #side{box-shadow:1px 0 0 var(--f-hair)}
:root[data-theme="light"] .toast,:root[data-theme="light"] .tip,:root[data-theme="light"] .hint-tip{background:#1d1a24;color:#fff}
:root[data-theme="light"] .hint-tip b{color:#c6b1ff}
:root[data-theme="light"] .modal{background:rgba(12,20,30,.35)}
:root[data-theme="light"] .modal-box{box-shadow:var(--sh-elev),0 0 0 1px var(--f-hair)}
:root[data-theme="light"] .phone{border-color:#1d1a24}
:root[data-theme="light"] .lbl3 .pl{color:#cfcad8}
:root[data-theme="light"] .appt{background:rgba(91,155,230,.12)}
:root[data-theme="light"] .cal-cell{border-bottom-color:#f0eef4}
:root[data-theme="light"] .days i,.wd-c i{opacity:1}
:root[data-theme="light"] .kc-ic,:root[data-theme="light"] .nic,:root[data-theme="light"] .sk-ic{color:var(--f-primary)}
:root[data-theme="light"] .pill.st,:root[data-theme="light"] .tg,:root[data-theme="light"] .l-kind,:root[data-theme="light"] .pill.st-work,:root[data-theme="light"] .l-st.work,:root[data-theme="light"] .j-work{background:rgba(91,155,230,.12);color:#5b21c9}
:root[data-theme="light"] .msg{background:#f0edf6}
:root[data-theme="light"] .plate{background:#fff}
:root[data-theme="light"] .ai-i,:root[data-theme="light"] .reg-g div,:root[data-theme="light"] .ed-g.sel{background:var(--f-surface)}
:root[data-theme="light"] button.ghost:hover{background:var(--f-overlay)}
:root[data-theme="light"] .nav-i:not(.on) .nav-ic{background:var(--f-overlay)}
:root[data-theme="light"] .l-empty{border-color:var(--f-line2)}
:root[data-theme="light"] .lbl3.sm.st-free,:root[data-theme="light"] .lbl3.sm.park{background:rgba(40,36,50,.85)}
/* перемикач теми */
.theme-sw{display:flex;gap:4px;background:var(--f-raised);padding:4px;border-radius:99px;box-shadow:var(--sh-hl)}
.theme-sw button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;box-shadow:none;color:var(--f-muted);padding:6px 0;font-size:12px}
.theme-sw button.on{background:var(--f-primary);color:#fff}
@media (max-width:1280px){.theme-sw{flex-direction:column;border-radius:18px}.theme-sw span{display:none}}

:root[data-theme="light"] :is(.lg,.l-logo,.mk-lg,.mk img,.fchip img,.mkp img,.mdl img,.reg-h img,.postrow img){filter:brightness(.5) contrast(1.6) saturate(1.4)}
:root[data-theme="light"] .nav-i.on{background:var(--f-active)}
:root[data-theme="light"] .sk-cats button.on .ic{color:var(--f-primary)}
:root[data-theme="light"] :is(.l-logo,.mk-lg){filter:none;background:#26222e}
/* синхронізація цех ↔ календар ↔ наряд */
.occ{position:absolute;left:4px;right:4px;border-radius:10px;padding:5px 8px;font-size:11.5px;line-height:1.3;overflow:hidden;cursor:grab;display:flex;flex-direction:column;gap:1px;z-index:2;
  background:color-mix(in srgb,var(--c) 22%,var(--f-raised));border-left:3px solid var(--c);box-shadow:var(--sh-hl)}
.occ b{font-weight:600}.occ span{color:var(--f-muted)}
.shopbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--f-raised);border-radius:var(--r-lg);padding:10px 14px;margin-bottom:12px;box-shadow:var(--sh-hl)}
.shopbar>div{display:grid;flex:1;min-width:180px}.sb-ic{width:36px;height:36px;border-radius:12px;background:var(--f-overlay);color:var(--f-soft);display:grid;place-items:center}
.shopbar select{width:auto}
.lift-b{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--f-soft);background:rgba(91,155,230,.14);border-radius:99px;padding:2px 8px;justify-self:start}
.st-chips{display:flex;flex-wrap:wrap;gap:5px}.st-chips button{font-size:11.5px;padding:5px 10px}.st-chips button.on{background:var(--f-primary);color:#fff}
.jobs3 li{gap:6px}.j3n{flex:1;min-width:0}.ibtn.xs{width:28px;height:28px;font-size:11px}.ibtn.xs.run{background:var(--f-primary);color:#fff}.ibtn.xs.done{background:var(--okb);color:var(--f-ok)}
.now-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.now-i{display:flex;align-items:center;gap:10px;background:var(--f-overlay);border-radius:var(--r-md);padding:10px 12px}.now-i>div{display:grid;min-width:0}.now-i .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* перемикач теми: дві іконки в пігулці біля назви */
.brand{display:flex;align-items:center;gap:8px}.brand-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-tg{position:relative;display:flex;gap:0;padding:3px;width:60px;height:30px;border-radius:99px;background:var(--f-overlay);flex:none;box-shadow:var(--sh-hl)}
.theme-tg i{position:relative;z-index:1;flex:1;display:grid;place-items:center;color:var(--f-subtle);transition:color .2s}
.theme-tg::before{content:"";position:absolute;top:3px;left:3px;width:27px;height:24px;border-radius:99px;background:var(--g-orb);box-shadow:0 4px 12px rgba(91,155,230,.45);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.theme-tg.lt::before{transform:translateX(27px)}
.theme-tg.dk i:first-child,.theme-tg.lt i:last-child{color:#fff}
.theme-tg:hover{filter:none}
@media (max-width:1280px){.brand{flex-direction:column;gap:10px}.brand::before{order:-1}.theme-tg{width:30px;height:56px;flex-direction:column}.theme-tg::before{width:24px;height:25px}.theme-tg.lt::before{transform:translateY(25px)}}
/* перемикач теми: точна геометрія */
.theme-tg{width:64px;height:32px;padding:0;display:block;font-size:0;line-height:0;border:0}
.theme-tg::before{top:3px;left:3px;width:26px;height:26px;border-radius:50%}
.theme-tg.lt::before{transform:translateX(32px)}
.theme-tg i{position:absolute;top:0;width:32px;height:32px;display:grid;place-items:center}
.theme-tg i:first-child{left:0}.theme-tg i:last-child{left:32px}
.theme-tg i .ic{width:15px;height:15px}
.theme-tg:active{transform:none}
@media (max-width:1280px){.theme-tg{width:32px;height:64px}.theme-tg::before{width:26px;height:26px}.theme-tg.lt::before{transform:translateY(32px)}.theme-tg i:first-child{left:0;top:0}.theme-tg i:last-child{left:0;top:32px}}
/* креслення цеху */
.wiz-box.bp{width:min(1400px,100%);gap:12px}
.bp-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bp-h h2{margin:0}
.bp-tpl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bp-tpl input{width:90px}.bp-tpl .lbl{margin-right:4px}
.bp-body{display:grid;grid-template-columns:1fr 320px;gap:12px;min-height:0}
.bp-canvas{position:relative;background:#0a0a0c;border-radius:var(--r-lg);overflow:hidden;height:min(62vh,640px);box-shadow:inset 0 0 0 1px var(--f-hair)}
.bp-svg{width:100%;height:100%;display:block;touch-action:none;user-select:none}
.bp-svg.tool-room{cursor:crosshair}.bp-svg[class*="tool-place"]{cursor:copy}
.bp-svg .gm{stroke:#17171b;stroke-width:.03}.bp-svg .gM{stroke:#24242a;stroke-width:.06}
.bp-svg .room{fill:rgba(91,155,230,.08);stroke:none;cursor:move}.bp-svg .room.on{fill:rgba(91,155,230,.16)}.bp-svg .room.tmp{fill:rgba(138,203,255,.22);stroke:#8acbff;stroke-width:.08;stroke-dasharray:.3 .2}
.bp-svg .wall{stroke:#e8e6ee;stroke-width:.25;stroke-linecap:square}
.bp-svg .dim{font:600 .62px var(--font);fill:#a8a3b2;text-anchor:middle;dominant-baseline:middle}.bp-svg .dim.big{font-size:1px;fill:#fff}
.bp-svg .hdl{fill:#8acbff;stroke:#fff;stroke-width:.06;cursor:nwse-resize}
.bp-svg .it{cursor:grab}.bp-svg .it rect{fill:#1f1b2b;stroke:#6f5bb6;stroke-width:.07}
.bp-svg .it.post rect{fill:rgba(91,155,230,.32);stroke:#8acbff}.bp-svg .it.t-pit rect{fill:rgba(120,120,130,.3)}.bp-svg .it.t-tire rect{fill:rgba(145,197,177,.18);stroke:#91c5b1}.bp-svg .it.t-align rect{fill:rgba(76,201,240,.2);stroke:#9eb8cd}
.bp-svg .it.t-door rect{fill:#c6b283;stroke:#c6b283}.bp-svg .it.t-kaptorka rect{fill:rgba(198,178,131,.14);stroke:#c99a40}
.bp-svg .it.on rect{stroke:#fff;stroke-width:.14}.bp-svg .it.bad rect{stroke:#e3938d;stroke-width:.14;fill:rgba(227,147,141,.18)}
.bp-svg .il{font:600 .55px var(--font);fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.bp-svg .is{font:400 .4px var(--font);fill:#c6bce6;text-anchor:middle;pointer-events:none}
.bp-hint{position:absolute;left:12px;bottom:10px;right:12px;font-size:12px;color:#a8a3b2;pointer-events:none}
.bp-side{display:grid;gap:10px;align-content:start;overflow:auto;max-height:min(62vh,640px)}
.bp-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bp-stat div{background:var(--f-raised);border-radius:14px;padding:10px;display:grid;gap:2px}.bp-stat b{font-size:18px}.bp-stat span{font-size:11px;color:var(--f-subtle)}
.bp-sel{display:grid;gap:8px;background:var(--f-raised);border-radius:var(--r-md);padding:12px;box-shadow:inset 0 0 0 1px var(--f-soft)}
.bp-num{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bp-num label{display:grid;gap:4px;font-size:11px;color:var(--f-subtle)}
.bp-pal{display:grid;gap:4px}.bp-pal button{display:flex;align-items:center;gap:8px;text-align:left;background:var(--f-raised);border-radius:12px;padding:8px 10px;font-size:12.5px;box-shadow:none}
.bp-pal button em{margin-left:auto;font-style:normal;color:var(--f-subtle);font-size:11px}.bp-pal button.on{background:rgba(91,155,230,.25);box-shadow:inset 0 0 0 1px var(--f-soft)}
.bp-pal .sw{width:12px;height:12px;border-radius:3px;margin:0;background:rgba(91,155,230,.5)}.bp-pal .sw.t-door{background:#c6b283}.bp-pal .sw.t-kaptorka{background:#c99a40}.bp-pal .sw.t-tire{background:#91c5b1}.bp-pal .sw.t-align{background:#9eb8cd}.bp-pal .sw.t-pit{background:#787882}
.bp-pal .sw.t-rack,.bp-pal .sw.t-bench,.bp-pal .sw.t-cabinet,.bp-pal .sw.t-desk,.bp-pal .sw.t-compressor{background:#6f5bb6}
@media (max-width:1100px){.bp-body{grid-template-columns:1fr}.bp-side{max-height:none}}
/* Фото деталі */
.ps-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;border:1.5px dashed var(--f-line2);border-radius:20px;cursor:pointer;text-align:center;color:var(--f-text,inherit);transition:border-color .2s,background-color .2s}
.ps-drop:hover,.ps-drop.on{border-color:#5b9be6;background:rgba(91,155,230,.08)}
.ps-drop svg{color:#5b9be6}
.ps-wrap{display:grid;grid-template-columns:minmax(220px,38%) 1fr;gap:20px;align-items:start}
.ps-img img{width:100%;max-height:420px;object-fit:contain;border-radius:16px;background:rgba(127,127,127,.12)}
.ps-imgb{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ps-prog{display:flex;flex-direction:column;gap:10px;padding:24px 0}
.ps-prog .sk-bar i.f{transition:width .2s}
.ps-match{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(145,197,177,.12);color:inherit;margin-bottom:12px}
.ps-match svg{color:#91c5b1;flex:none;margin-top:2px}.ps-match div{display:flex;flex-direction:column;gap:2px}
.ps-cf{font-size:11px;font-weight:500;padding:1px 8px;border-radius:99px;background:rgba(91,155,230,.14);color:#a370ff;margin-left:4px}
:root[data-theme="light"] .ps-cf{color:#6a1fe0}
.ps-alt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-4px 0 4px}
.ps-raw{margin-top:14px}.ps-raw pre{white-space:pre-wrap;font-size:12px;max-height:180px;overflow:auto;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.1);margin-top:6px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:960px){.ps-wrap{grid-template-columns:1fr}}
.form label .ps-cf{justify-self:start;width:max-content;margin:0}
/* Склад: вкладки + замовлення під клієнта */
.st-tabs{width:max-content;margin:-6px 0 18px}.st-tabs button{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font-size:13px}
.st-tabs em{font-style:normal;font-size:11px;background:rgba(255,255,255,.18);border-radius:99px;padding:1px 7px}
.st-tabs button:not(.on) em{background:var(--f-primary);color:#fff}
.po-kpi .sk-k{cursor:default}.po-kpi .sk-k[data-act]{cursor:pointer}
.po-tf{margin:10px 0 4px}
.po-board{display:grid;grid-template-columns:repeat(var(--n),minmax(230px,1fr));gap:12px;overflow-x:auto;padding:6px 0 14px;align-items:start}
.po-col{background:var(--f-on-surface);border-radius:var(--r-lg);padding:10px;min-height:420px;display:flex;flex-direction:column;gap:8px;transition:background-color .15s}
.po-col.over{background:rgba(91,155,230,.16)}.po-col.bad{background:rgba(227,147,141,.07)}.po-col.bad.over{background:rgba(227,147,141,.16)}
.po-ch{display:flex;align-items:center;gap:8px;font-weight:500;padding:4px 4px 6px;font-size:13.5px}.po-ch i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.po-ch span{color:var(--f-subtle);margin-left:auto}.po-ch .ibtn{margin-left:2px}
.po-card{background:var(--f-raised);border-radius:var(--r-md);padding:12px 13px;cursor:grab;display:grid;gap:4px;box-shadow:var(--sh-hl);border:1px solid transparent;transition:border-color .15s,opacity .15s}
.po-card:hover{border-color:rgba(138,203,255,.5)}.po-card.drag{opacity:.4}.po-card.late{border-color:rgba(227,147,141,.45)}
.po-card>b{font-weight:500;line-height:1.3}
.po-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}.po-tags .tg{font-size:11px;padding:1px 7px}.po-tags .tg.hot{background:rgba(227,147,141,.16);color:#e3938d}
.po-cl{display:flex;gap:8px;align-items:center;margin-top:6px;padding-top:8px;border-top:1px solid var(--f-line2)}.po-cl>div{display:flex;flex-direction:column;min-width:0}.po-cl>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.po-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#5b9be6,#245fd1);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}
.po-f{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}.po-f .pill{display:inline-flex;align-items:center;gap:3px;font-size:11px}
.po-empty{border:1.5px dashed var(--f-line2);border-radius:var(--r-md);padding:18px;text-align:center;color:var(--f-subtle);font-size:12.5px}
.po-stbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.po-stbar button{font-size:12px;padding:6px 12px;background:var(--f-on-surface);box-shadow:none;color:var(--f-muted)}
.po-stbar button.on{background:var(--c);color:#fff}
.po-hist{display:grid;gap:6px;max-height:200px;overflow:auto}.po-hist>div{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px}.po-hist i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:7px}
.po-why{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 14px}.po-why button{text-align:left}
#poTagEd .fchip{margin:0}
:root[data-theme="light"] .st-tabs em{background:rgba(0,0,0,.08)}
.sk-kpi.po-kpi{grid-template-columns:1.5fr repeat(4,1fr)}
@media (max-width:1100px){.sk-kpi.po-kpi{grid-template-columns:1fr 1fr}}
.po-col,.po-card,.po-cl{min-width:0}.po-card>b,.po-card>span{overflow-wrap:anywhere}
.form [hidden]{display:none!important}
/* теги-плашки з емодзі */
.tgb{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:7px;font-size:12px;font-weight:500;line-height:1.35;white-space:nowrap;
  background:hsl(var(--h) 85% 62% / .15);border:1px solid hsl(var(--h) 85% 62% / .38);color:hsl(var(--h) 95% 80%)}
.tgb i{font-style:normal;font-size:12.5px;line-height:1}
.tgb.xs{font-size:11px;padding:1px 6px 1px 5px;gap:3px}.tgb.xs i{font-size:11px}
.tgb.chip{cursor:pointer;box-shadow:none;margin:0;opacity:.78;transition:opacity .15s,background-color .15s,border-color .15s}
.tgb.chip:hover{opacity:1}.tgb.chip.on{opacity:1;background:hsl(var(--h) 85% 62% / .3);border-color:hsl(var(--h) 85% 62% / .8)}
.tgb button{background:none;box-shadow:none;padding:0 0 0 2px;color:inherit;display:inline-flex}
:root[data-theme="light"] .tgb{background:hsl(var(--h) 80% 50% / .12);border-color:hsl(var(--h) 70% 45% / .35);color:hsl(var(--h) 75% 30%)}
:root[data-theme="light"] .tgb.chip.on{background:hsl(var(--h) 80% 50% / .24);border-color:hsl(var(--h) 70% 40% / .8)}
.po-sb{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;font-weight:500;font-size:13px;background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.po-stbar button{border-radius:8px}.po-stbar button.on{background:color-mix(in srgb,var(--c) 30%,transparent);color:var(--f-text);box-shadow:inset 0 0 0 1px var(--c)}
.po-why button{border-radius:10px}
.sk-tags{gap:5px}
/* кружечок «?» і поповер гарячих клавіш */
.help-btn{width:32px;height:32px;padding:0;border-radius:50%;flex:none;display:grid;place-items:center;font:600 15px var(--font);background:var(--f-overlay);color:var(--f-muted);box-shadow:var(--sh-hl);transition:color .15s,background-color .15s}
.help-btn:hover,.help-btn.on{color:var(--f-text);background:var(--f-hover);filter:none}
.help-pop{position:fixed;z-index:200;width:340px;max-height:calc(100vh - 24px);overflow:auto;padding:16px;border-radius:20px;background:var(--f-raised);box-shadow:0 24px 60px rgba(0,0,0,.45),var(--sh-hl);display:grid;gap:12px;font-size:13px}
.help-pop[hidden]{display:none}
.hp-h{display:grid;gap:2px}.hp-h b{font-weight:500;font-size:15px}
.hp-g{display:grid;gap:2px}.hp-g .lbl{margin-bottom:4px}
.hp-r{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px;color:var(--f-muted)}
.hp-k{display:inline-flex;gap:3px;flex:none}
.hp-k kbd{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:6px;background:var(--f-overlay);color:var(--f-text);font:500 11px var(--font);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
.hp-sep{height:1px;background:var(--f-line2);margin:2px 0}
.hp-row{display:flex;align-items:center;gap:10px;width:100%;padding:6px 2px;background:none;box-shadow:none;color:var(--f-text);font-size:13px;text-align:left}
.hp-row>span:first-child{display:inline-flex;align-items:center;gap:8px;flex:1}.hp-row .ic{color:var(--f-muted)}
button.hp-row:hover{filter:none;color:var(--f-text)}
.hp-sw{width:34px;height:20px;border-radius:99px;background:var(--f-overlay);position:relative;flex:none;transition:background-color .2s}
.hp-sw::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--f-muted);transition:transform .2s,background-color .2s}
.hp-sw.on{background:var(--f-text)}.hp-sw.on::after{transform:translateX(14px);background:var(--f-inv)}
.hp-theme{flex-wrap:wrap}.hp-theme .seg{flex:none}.hp-theme .seg button{padding:5px 10px}
:root[data-theme="light"] .help-pop{box-shadow:0 24px 60px rgba(0,0,0,.14),var(--sh-hl)}
:root[data-theme="light"] .hp-k kbd{box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
@media (max-width:1280px){.help-btn{width:32px;height:32px}}
.help-pop{width:400px}
.hp-g.two{grid-template-columns:1fr 1fr;column-gap:16px}.hp-g.two .lbl{grid-column:1/-1}
.hp-g.two .hp-r{padding:3px 2px}
.po-board,.board{cursor:grab;user-select:none}.po-board.panning,.board.panning{cursor:grabbing}
.po-board.panning *,.board.panning *{cursor:grabbing!important}
.po-card,.bcard{cursor:pointer}
/* аналітик: групи питань і кнопки */
.ask-cats{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px;position:relative}
.ask-cats button{padding:6px 14px;font-size:12.5px;background:transparent;box-shadow:none;color:var(--f-muted);border-radius:99px}
.ask-cats button.on{background:var(--f-overlay);color:var(--f-text)}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;position:relative}
.ask-chip{padding:8px 14px;font-size:13px;border-radius:12px;background:var(--f-raised);color:var(--f-text);box-shadow:var(--sh-hl);border:1px solid transparent;transition:border-color .15s}
.ask-chip:hover{border-color:rgba(138,203,255,.5);filter:none}
.ask-log{display:grid;gap:8px;margin-top:4px}.ask-log:empty{display:none}
.ask-log .ai-ans:not(:first-child){opacity:.6}
.ask-a{margin-top:4px;line-height:1.55}.ask-ul{margin:6px 0;padding-left:18px;display:grid;gap:3px}.ask-ul li{color:var(--f-text)}
/* каталог послуг */
.svc-pick{display:grid;gap:12px}
.svc-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.svc-top .sk-search{flex:1;min-width:240px}
.svc-leg{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--f-muted)}.svc-leg span{display:inline-flex;align-items:center;gap:5px}
.svc-leg i{width:10px;height:10px;border-radius:3px;background:hsl(var(--h) 80% 55%)}
.svc-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.svc-cats button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;font-size:12.5px;border-radius:10px;background:var(--f-raised);color:var(--f-muted);box-shadow:none;flex:none}
.svc-cats button.on{background:var(--f-text);color:var(--f-inv)}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:520px;overflow:auto;padding:2px}
.svc{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px 11px 11px;border-radius:14px;text-align:left;color:var(--f-text);
  background:linear-gradient(90deg,hsl(var(--h) 80% 55% / .16),hsl(var(--h) 80% 55% / .04) 70%),var(--f-raised);border:1px solid hsl(var(--h) 80% 55% / .28);box-shadow:none;transition:border-color .15s,transform .1s,background-color .15s}
.svc:hover{border-color:hsl(var(--h) 85% 60% / .7);filter:none}.svc:active{transform:scale(.98)}
.svc.added{border-color:var(--f-ok)}
.svc-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:hsl(var(--h) 80% 55% / .2);color:hsl(var(--h) 90% 70%)}
.svc-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.svc-t b{font-weight:500;font-size:13.5px;line-height:1.25}.svc-t span{font-size:12px;color:var(--f-muted)}
.svc-d{display:flex;flex-direction:column-reverse;gap:2px;flex:none}.svc-d i{width:4px;height:5px;border-radius:2px;background:var(--f-line2)}.svc-d i.on{background:hsl(var(--h) 85% 58%)}
:root[data-theme="light"] .svc{background:linear-gradient(90deg,hsl(var(--h) 80% 50% / .12),hsl(var(--h) 80% 50% / .03) 70%),var(--f-raised);border-color:hsl(var(--h) 60% 45% / .25)}
:root[data-theme="light"] .svc-ic{color:hsl(var(--h) 75% 35%);background:hsl(var(--h) 80% 50% / .14)}
.svc-open{margin-bottom:8px}
/* листування */
.nav-badge{font-style:normal;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--f-bad,#e3938d);color:#fff;display:inline-grid;place-items:center;margin-left:auto}
.nav-i .nav-badge+kbd{margin-left:6px}
@media (max-width:1280px){.nav-i{position:relative}.nav-badge{position:absolute;top:0;right:12px;min-width:16px;height:16px;font-size:10px;padding:0 4px}}
.mc-modal{width:min(1080px,calc(100vw - 48px))}
.mc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;min-height:0}
@media (max-width:1000px){.mc-wrap{grid-template-columns:1fr}}
.mt-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mt-h>div{display:flex;flex-direction:column;gap:2px}.mt-h b{font-weight:500;font-size:15px}
.po-av.lg{width:42px;height:42px;font-size:14px}
.mt-list{display:flex;flex-direction:column;gap:6px;max-height:440px;min-height:260px;overflow:auto;padding:12px;border-radius:16px;background:var(--f-on-surface)}
.mt-empty{color:var(--f-subtle);text-align:center;padding:40px 12px;font-size:13px}
.mt-day{align-self:center;font-size:11px;color:var(--f-subtle);padding:6px 0 2px}
.mt-ord{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:4px 10px;border-radius:99px;background:var(--f-overlay);color:var(--f-muted);box-shadow:none;margin:6px 0 2px}
.mt-b{max-width:78%;display:flex;flex-direction:column;gap:3px}.mt-b.in{align-self:flex-start}.mt-b.out{align-self:flex-end;align-items:flex-end}
.mt-x{padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.45;display:flex;flex-direction:column;gap:6px}
.mt-b.in .mt-x{background:var(--f-raised);border-bottom-left-radius:5px}.mt-b.out .mt-x{background:linear-gradient(135deg,#5b9be6,#6a24f0);color:#fff;border-bottom-right-radius:5px}
.mt-b.new .mt-x{box-shadow:0 0 0 1.5px var(--f-warn,#c6b283)}
.mt-btn{display:inline-block;align-self:flex-start;font-size:12px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.18)}
.mt-b.in .mt-btn{background:var(--f-overlay)}
.mt-m{display:flex;gap:6px;align-items:center;font-size:10.5px;color:var(--f-subtle)}
.mt-ch{font-size:10px;font-weight:500;padding:1px 6px;border-radius:5px;background:hsl(var(--h) 80% 60% / .16);color:hsl(var(--h) 90% 72%)}
:root[data-theme="light"] .mt-ch{color:hsl(var(--h) 70% 38%)}
.mt-st{display:inline-flex;color:var(--f-subtle)}.mt-st.read{color:#9eb8cd}
.mc{display:flex;flex-direction:column;gap:10px}
.mc-tpl{display:flex;flex-wrap:wrap;gap:6px}.mc-tpl button{font-size:12.5px;padding:6px 12px;border-radius:10px;background:var(--f-raised);color:var(--f-text);box-shadow:none;border:1px solid transparent}
.mc-tpl button.on{border-color:rgba(138,203,255,.7);background:rgba(91,155,230,.14)}
.mc textarea{width:100%;resize:vertical;min-height:96px;border-radius:14px;padding:12px 14px;font:inherit;font-size:14px;line-height:1.45}
.mc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mc-bar .pri{margin-left:auto}
.mc-ch{display:flex;gap:4px;background:var(--f-on-surface);padding:3px;border-radius:12px}
.mc-ch button{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:6px 10px;border-radius:9px;background:transparent;color:var(--f-muted);box-shadow:none}
.mc-ch button.on{background:hsl(var(--h) 80% 55% / .2);color:var(--f-text);box-shadow:inset 0 0 0 1px hsl(var(--h) 80% 60% / .6)}
.mc-ch button.off{opacity:.45}
.mc-ok{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(91,155,230,.12);box-shadow:inset 0 0 0 1px rgba(91,155,230,.45)}
.mc-ok>div{display:flex;flex-direction:column;gap:2px;flex:1}.mc-ok b{font-weight:500}
.mc-ctx{padding:0 4px}
.inbox{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}
@media (max-width:1100px){.inbox{grid-template-columns:1fr}}
.ib-side{display:flex;flex-direction:column;gap:10px;position:sticky;top:0}
.ib-f{margin-top:0}
.ib-list{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 230px);overflow:auto}
.ib-i{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:transparent;box-shadow:none;text-align:left;color:var(--f-text);width:100%}
.ib-i:hover{background:var(--f-hover);filter:none}.ib-i.on{background:var(--f-raised)}
.ib-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ib-r1,.ib-r2{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}
.ib-r1 b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-snip{font-size:12.5px;color:var(--f-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ib-r2 em{font-style:normal;font-size:11px;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#5b9be6;color:#fff;display:grid;place-items:center;flex:none}
.ib-main{display:flex;flex-direction:column;gap:12px;background:var(--f-surface-2,transparent);min-width:0}
.ib-main .mt-list{max-height:calc(100vh - 430px);min-height:300px}
.bulk-l{display:grid;gap:6px;margin:10px 0}.bulk-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--f-raised);cursor:pointer}
.bulk-i>span:nth-child(2){display:flex;flex-direction:column;flex:1}.bulk-i b{font-weight:500}
.bulk-prev{padding:10px 14px;border-radius:12px;background:var(--f-on-surface);margin-top:10px}.bulk-prev p{margin:4px 0 0}
/* Прийом авто */
.in-grid{display:grid;gap:14px}
.in-h{display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;margin:6px 0 2px}.in-h .ic{color:var(--f-soft)}
.in-more{border-radius:14px;background:var(--f-on-surface);padding:2px 14px;margin-top:4px}
.in-more summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 0;color:var(--f-muted);font-size:13px;list-style:none}
.in-more summary::-webkit-details-marker{display:none}.in-more summary::after{content:"＋";margin-left:auto;color:var(--f-subtle)}
.in-more[open] summary::after{content:"−"}.in-more[open]{padding-bottom:14px;display:grid;gap:12px}
.in-foot{position:sticky;bottom:12px;z-index:5;display:grid;gap:12px;box-shadow:0 18px 40px rgba(0,0,0,.35),var(--sh-hl)}
.in-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.in-post{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--f-muted)}.in-post select{min-width:160px}
.in-parts{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--f-muted)}
.in-chips{display:flex;flex-wrap:wrap;gap:6px}.in-chips .tgb i .ic{width:13px;height:13px}
#inSel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.in-sum{font-size:13.5px;margin-left:auto}
.svc.sel{border-color:hsl(var(--h) 90% 62%);box-shadow:inset 0 0 0 1px hsl(var(--h) 90% 62%)}
.svc.sel .svc-ic{background:hsl(var(--h) 85% 55%);color:#fff}
/* Послуги й ціни */
.cs-kpi{grid-template-columns:1.5fr repeat(3,1fr)}
.cs-rate{display:flex;align-items:baseline;gap:6px}.cs-rate input{width:120px;font-size:26px;font-weight:300;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:10px;padding:2px 10px}
.cs-top{font-size:15px!important;font-weight:500;line-height:1.3}
.cs-cats{margin:10px 0 4px}
.cs-tbl td{vertical-align:middle}.cs-tbl input.cs-n{width:100%;min-width:220px;background:transparent;border-color:transparent}.cs-tbl input.cs-n:hover,.cs-tbl input.cs-n:focus{background:var(--f-on-surface)}
.cs-tbl select{min-width:140px;font-size:12.5px;padding:6px 10px}
.cs-tbl .num{width:78px}.cs-p.own{box-shadow:inset 0 0 0 1px rgba(138,203,255,.7)}
.cs-rs{padding:2px 6px;margin-left:2px}
.cs-ic{width:34px;height:34px;padding:0;border-radius:10px;display:grid;place-items:center;background:hsl(var(--h) 80% 55% / .18);color:hsl(var(--h) 90% 70%);box-shadow:none}
:root[data-theme="light"] .cs-ic{color:hsl(var(--h) 75% 35%)}
.cs-d{display:inline-flex;gap:3px}.cs-d button{width:14px;height:14px;padding:0;border-radius:4px;background:var(--f-line2);box-shadow:none}.cs-d button.on{background:hsl(var(--h) 85% 55%)}
tr.cs-hid td{opacity:.45}tr.cs-hid td:last-child{opacity:1}
.cs-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}.cs-icons button{aspect-ratio:1;display:grid;place-items:center;border-radius:12px;background:var(--f-raised);box-shadow:none;color:var(--f-text)}
/* зміна кошторису */
.chg-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.chg-bar.pend{padding:12px 14px;border-radius:16px;background:rgba(198,178,131,.1);box-shadow:inset 0 0 0 1px rgba(198,178,131,.45)}
.chg-bar.pend>div{display:flex;flex-direction:column;gap:2px}.chg-bar.pend b{font-weight:500}.chg-ic{font-size:20px}
.chg-why-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}
.chg-why-row button{font-size:12.5px;padding:7px 12px;border-radius:10px;background:var(--f-raised);color:var(--f-muted);box-shadow:none;border:1px solid transparent}
.chg-why-row button.on{color:var(--f-text);border-color:rgba(138,203,255,.7);background:rgba(91,155,230,.14)}
.chg-tbl td{vertical-align:middle}.chg-tbl td:nth-child(2){width:100%}.chg-tbl td:nth-child(2) input:not(.chg-why){width:100%}
.chg-tbl .num{width:90px}.chg-tbl .num.sm,.chg-thr .num.sm{width:62px}
.chg-tbl tr.chg-on td{background:rgba(198,178,131,.07)}.chg-tbl tr.chg-new td{background:rgba(145,197,177,.07)}
.chg-why{display:block;width:100%;margin-top:6px;font-size:12.5px;padding:7px 10px}
.l-kind.job,.l-kind.part{white-space:nowrap}
.chg-add{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.chg-add select{max-width:280px}
.chg-pick{margin:6px 0 12px;padding:12px;border-radius:16px;background:var(--f-on-surface)}.chg-pick .svc-grid{max-height:300px}
.chg-sum{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:var(--f-on-surface);margin-top:6px}
.chg-sum>div{display:flex;flex-direction:column;gap:2px}.chg-sum b{font-size:22px;font-weight:400}.chg-arr{color:var(--f-subtle);font-size:20px}
.chg-d{margin-left:auto;font-size:15px;font-weight:500;padding:6px 12px;border-radius:10px;background:var(--f-overlay)}.chg-d.up{color:#c6b283}.chg-d.dn{color:#91c5b1}
.chg-pol{margin:8px 2px 4px;font-size:13px;color:var(--f-muted)}.chg-pol.warn{color:#c6b283}
.chg-note{margin-top:8px}
.chg-mf{flex-wrap:wrap}.chg-chk{display:flex;align-items:center;gap:8px;font-size:13px}.chg-thr{display:inline-flex;align-items:center;gap:4px}
.chg-hist{display:grid;gap:10px;margin-top:10px}.chg-h{padding:12px 14px;border-radius:14px;background:var(--f-raised)}.chg-h ul{margin:8px 0;padding-left:18px;display:grid;gap:3px;font-size:13px}
.chg-h1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chg-h1 b{font-weight:500}
.chg-adm{display:flex;gap:6px;margin-top:2px}.chg-adm button{font-size:11.5px;padding:4px 10px;background:rgba(255,255,255,.2);color:#fff;box-shadow:none}
.chg-res{font-style:normal;font-size:12px;opacity:.85}
/* новий запис */
.bk-modal{width:min(980px,calc(100vw - 48px))}
.bk{gap:16px}.bk-sec{display:grid;gap:10px}.bk-sec>.lbl{display:flex;align-items:center;gap:6px}
.bk-car{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--f-raised)}.bk-car img{width:34px;height:34px;object-fit:contain}
.bk-car>div{display:flex;flex-direction:column;gap:3px}.bk-car b{font-weight:500}
.bk-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bk-rl{width:100%;margin-top:2px}
.bk-res{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;background:var(--f-raised);color:var(--f-text);box-shadow:none;font-size:13px}
.bk-res .plate{font-size:11px}.bk-res.new{background:transparent;box-shadow:inset 0 0 0 1px var(--f-line2);color:var(--f-muted)}
.bk-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bk-chips .tgb i .ic{width:13px;height:13px}.bk-chips .wic{margin-left:auto}
.bk-pick{padding:12px;border-radius:16px;background:var(--f-on-surface)}.bk-pick .svc-grid{max-height:290px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.bk-other{font-size:13px}
.bk-days{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.bk-day{flex:none;width:68px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px 7px;border-radius:14px;background:var(--f-raised);color:var(--f-text);box-shadow:none;cursor:pointer;position:relative}
.bk-day span{font-size:11px;color:var(--f-muted);white-space:nowrap}.bk-day b{font-size:20px;font-weight:400;line-height:1.1}.bk-day em{font-style:normal;font-size:10.5px;color:var(--f-subtle)}
.bk-day.sun b{color:#e3938d}.bk-day.on{background:var(--f-text);color:var(--f-inv)}.bk-day.on span,.bk-day.on em{color:var(--f-inv);opacity:.7}
.bk-load{display:block;width:40px;height:3px;border-radius:2px;background:var(--f-line2);margin-top:4px;overflow:hidden}.bk-load i{display:block;height:100%}
.bk-day.other{justify-content:center;gap:4px}.bk-day.other input{position:absolute;inset:0;opacity:0;cursor:pointer}
.bk-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bk-posts{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.bk-posts button{padding:7px 14px;border-radius:10px;background:var(--f-raised);color:var(--f-text);box-shadow:none;font-size:13px}
.bk-posts button.on{background:var(--f-text);color:var(--f-inv)}.bk-posts button.busy{color:var(--f-subtle)}.bk-posts button.busy.on{background:#5a2a26;color:#fff}
.bk-mode{width:max-content}
.bk-slots{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}
.bk-slots button{height:38px;padding:0;border-radius:7px;background:var(--f-raised);color:var(--f-muted);box-shadow:none;font-size:10.5px;position:relative}
.bk-slots button:nth-child(2n+1){border-top-right-radius:2px;border-bottom-right-radius:2px}.bk-slots button:nth-child(2n){border-top-left-radius:2px;border-bottom-left-radius:2px}
.bk-slots button:hover:not(:disabled){box-shadow:inset 0 0 0 1px rgba(138,203,255,.8);filter:none}
.bk-slots button.taken{background:repeating-linear-gradient(135deg,rgba(227,147,141,.22) 0 5px,rgba(227,147,141,.08) 5px 10px);color:#e3938d}
.bk-slots button.past{opacity:.3}
.bk-slots button.sel{background:linear-gradient(135deg,#5b9be6,#6a24f0);color:#fff}.bk-slots button.bad{background:#e3938d;color:#fff}
.bk-legend{display:flex;gap:14px;font-size:11.5px;color:var(--f-muted)}.bk-legend span{display:inline-flex;align-items:center;gap:5px}.bk-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;background:var(--f-raised)}
.bk-legend i.sel{background:#5b9be6}.bk-legend i.taken{background:repeating-linear-gradient(135deg,rgba(227,147,141,.5) 0 3px,rgba(227,147,141,.15) 3px 6px)}.bk-legend i.past{opacity:.3}
.bk-dur{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--f-on-surface)}.bk-dur>span:first-child{font-size:13px;color:var(--f-muted);white-space:nowrap}
.bk-dur input[type=range]{flex:1;accent-color:#5b9be6;height:24px;padding:0;background:transparent;box-shadow:none}.bk-dur b{font-weight:500;min-width:64px;text-align:right}
.bk-presets{display:flex;gap:6px;flex-wrap:wrap}.bk-presets button{padding:5px 11px;font-size:12px;border-radius:9px;background:var(--f-raised);color:var(--f-muted);box-shadow:none}.bk-presets button.on{color:var(--f-text);box-shadow:inset 0 0 0 1px rgba(138,203,255,.7)}
@media (max-width:900px){.bk-slots{grid-template-columns:repeat(12,1fr)}}
.bk-modal{overflow-x:hidden}.form.bk{display:grid;grid-template-columns:minmax(0,1fr)}.bk-sec,.bk-pick,.bk-days,.bk-pick .svc-pick,.bk-pick .svc-cats{min-width:0}
.bk-car>div{min-width:0}.bk-car .plate{align-self:flex-start}
.bk-other{width:100%}
.bk-pick .svc-grid{max-height:236px}
#bkCar,#bkSvc,#bkWhen{min-width:0;display:grid;gap:10px}
.bk-slots{grid-template-columns:repeat(24,minmax(0,1fr))}.bk-slots button{font-size:10px;overflow:hidden}
@media (max-width:1100px){.bk-slots{grid-template-columns:repeat(12,minmax(0,1fr))}}
.bk-dur b{white-space:nowrap}.bk-dur .muted{white-space:nowrap}
/* дашборд: секції, що перетягуються */
.dash{display:grid;gap:16px}
.dsec{position:relative;border-radius:var(--r-lg);transition:box-shadow .15s,opacity .15s}
.dsec>:not(.dsec-h){margin-top:0!important;margin-bottom:0!important}
.dsec-h{position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:6px;padding:2px 10px;border-radius:99px;background:var(--f-raised);box-shadow:var(--sh-hl);opacity:0;transition:opacity .15s;font-size:11.5px;color:var(--f-muted);white-space:nowrap}
.dsec:hover>.dsec-h,.dash.editing .dsec-h{opacity:1}
.dsec-grip{cursor:grab;font-weight:700;letter-spacing:-2px;padding:2px 4px;color:var(--f-soft);user-select:none}.dsec-grip:active{cursor:grabbing}
.dsec-n{display:none}.dash.editing .dsec-n{display:inline}
.dash.editing .dsec{box-shadow:0 0 0 1.5px dashed rgba(138,203,255,.35);outline:1.5px dashed rgba(138,203,255,.35);outline-offset:4px}
.dsec.dragging{opacity:.35}
.dsec.drop-b{box-shadow:0 -4px 0 0 #5b9be6}.dsec.drop-a{box-shadow:0 4px 0 0 #5b9be6}
.dash-tip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(91,155,230,.1);font-size:13px;color:var(--f-muted)}
/* витрати й чистий заробіток */
.pnl-g{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
@media (max-width:1200px){.pnl-g{grid-template-columns:1fr}}
.pnl-l{display:grid;gap:8px;align-content:start}
.pl-r{display:grid;grid-template-columns:190px 1fr 110px;gap:12px;align-items:center;font-size:13.5px}
.pl-r>span{display:flex;flex-direction:column}.pl-r em{font-style:normal;font-size:11.5px;color:var(--f-subtle)}
.pl-r b{text-align:right;font-weight:500}.pl-r.top b{font-size:16px}
.pl-b{position:relative;height:16px;border-radius:5px;background:var(--f-on-surface);overflow:hidden}.pl-b i{position:absolute;top:0;bottom:0;border-radius:5px}
.pl-r.sub{color:var(--f-muted);border-top:1px dashed var(--f-line2);padding-top:8px}.pl-r.sub .pl-b{background:transparent}
.pnl-net{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px;padding:16px 18px;border-radius:18px}
.pnl-net.ok{background:linear-gradient(135deg,rgba(145,197,177,.18),rgba(145,197,177,.05));box-shadow:inset 0 0 0 1px rgba(145,197,177,.35)}
.pnl-net.bad{background:linear-gradient(135deg,rgba(227,147,141,.2),rgba(227,147,141,.05));box-shadow:inset 0 0 0 1px rgba(227,147,141,.4)}
.pnl-net>div:first-child{display:flex;flex-direction:column;gap:2px}.pnl-net>div:first-child span{font-size:13px;color:var(--f-muted)}.pnl-net>div:first-child b{font-size:30px;font-weight:300}
.pnl-net.ok>div:first-child b{color:#91c5b1}.pnl-net.bad>div:first-child b{color:#e3938d}
.pnl-m{display:flex;gap:16px;font-size:12.5px;color:var(--f-muted)}.pnl-m b{color:var(--f-text);font-weight:500;display:block;font-size:15px}
.pnl-be{margin:2px 0 0}
.pnl-r{display:grid;gap:6px;align-content:start}.pnl-h{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.pnl-h b{font-weight:500}
.fx-r{display:grid;grid-template-columns:24px 1fr 112px 74px 26px;gap:6px;align-items:center;font-size:13px}
.fx-r.one{grid-template-columns:52px 1fr auto 26px}.fx-r.one b{font-weight:500;text-align:right}
.fx-e{text-align:center}.fx-n{background:transparent;border-color:transparent;padding:5px 8px;font-size:13px}.fx-n:hover,.fx-n:focus{background:var(--f-on-surface)}
.fx-a{display:flex;align-items:center;gap:3px;justify-content:flex-end}.fx-a .num{width:86px;padding:5px 8px;font-size:13px}.fx-s{text-align:right}
.fx-add{display:flex;gap:6px}.one-add{display:grid;grid-template-columns:1.2fr .8fr 1.4fr auto;gap:6px}.one-add>*{font-size:13px;padding:7px 10px}
.dsec-h{left:14px;transform:none;top:-12px}
.dash.editing{gap:10px}.dash.editing .dsec-h{position:static;margin:0 0 8px;width:max-content;opacity:1}
.dsec-h button{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:2px 8px}
.dash.editing .dsec{padding:8px;outline-offset:0;box-shadow:none}
/* календар періоду */
.pp-pop{position:fixed;z-index:210;display:grid;grid-template-columns:170px 1fr;gap:14px;padding:14px;border-radius:20px;background:var(--f-raised);box-shadow:0 24px 60px rgba(0,0,0,.45),var(--sh-hl);width:min(760px,calc(100vw - 24px))}
.pp-pop[hidden]{display:none}
.pp-pre{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--f-line2);padding-right:10px}
.pp-pre button{text-align:left;padding:8px 10px;border-radius:10px;background:transparent;box-shadow:none;color:var(--f-muted);font-size:13px}
.pp-pre button:hover{background:var(--f-hover);color:var(--f-text);filter:none}.pp-pre button.on{background:var(--f-overlay);color:var(--f-text)}
.pp-main{display:grid;gap:10px;position:relative}.pp-nav{position:absolute;left:0;right:0;top:-2px;display:flex;pointer-events:none}.pp-nav button{pointer-events:auto}.pp-fwd .ic{transform:scaleX(-1)}
.pp-ms{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pp-mh{text-align:center;font-weight:500;font-size:14px;padding:6px 0 10px;text-transform:capitalize}
.pp-wd,.pp-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.pp-wd span{text-align:center;font-size:11px;color:var(--f-subtle);padding-bottom:4px}
.pp-g button{position:relative;height:34px;padding:0;border-radius:9px;background:transparent;box-shadow:none;color:var(--f-text);font-size:13px}
.pp-g button:hover:not(:disabled){background:var(--f-hover);filter:none}.pp-g button:disabled{color:var(--f-dim);cursor:default}
.pp-g button i{position:absolute;bottom:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#91c5b1}
.pp-g button.today{box-shadow:inset 0 0 0 1px var(--f-line2)}
.pp-g button.in,.pp-g button.hov{background:rgba(91,155,230,.22);border-radius:0}
.pp-g button.lo,.pp-g button.hi{background:#5b9be6;color:#fff;border-radius:9px}.pp-g button.lo i,.pp-g button.hi i{background:#fff}
.pp-f{display:flex;align-items:center;gap:8px;border-top:1px solid var(--f-line2);padding-top:10px}
:root[data-theme="light"] .pp-pop{box-shadow:0 24px 60px rgba(0,0,0,.14),var(--sh-hl)}
.an-f .seg button{white-space:nowrap}
/* дашборд-віджети */
.wgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}
.wgrid>.w{position:relative;min-width:0;border-radius:var(--r-lg);cursor:grab}
.wgrid>.w>:first-child{height:100%;margin:0!important;box-sizing:border-box}
.wgrid>.w input,.wgrid>.w button,.wgrid>.w select,.wgrid>.w .lc svg,.wgrid>.w table{cursor:auto}.wgrid>.w button{cursor:pointer}
.w-tools{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s;z-index:3}
.wgrid>.w:hover .w-tools{opacity:1}
.w-tools button{width:26px;height:26px;padding:0;border-radius:8px;background:var(--f-overlay);color:var(--f-muted);box-shadow:var(--sh-hl);font-size:14px;line-height:1;display:grid;place-items:center}
.w-tools button:hover{color:var(--f-text);filter:none}
.w.lift{cursor:grabbing;box-shadow:0 30px 70px rgba(0,0,0,.55);transform:rotate(-1deg) scale(1.02);transition:transform .12s;pointer-events:none;opacity:.95}
.w-ph{border-radius:var(--r-lg);border:2px dashed rgba(138,203,255,.55);background:rgba(91,155,230,.06)}
.w.dropped{animation:wdrop .35s ease}@keyframes wdrop{0%{transform:scale(1.02)}100%{transform:none}}
body.w-dragging,body.w-dragging *{cursor:grabbing!important;user-select:none}
.w-hidden{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px dashed var(--f-line2)}
@media (max-width:1100px){.wgrid>.w{grid-column:span 6!important}.wgrid>.w[data-w="hero"],.wgrid>.w[data-w="ai"],.wgrid>.w[data-w="pnl"],.wgrid>.w[data-w="jobs"]{grid-column:span 12!important}}
.wgrid>.w>.card{overflow-x:auto;min-width:0}
.wgrid>.w .dn-w{flex-wrap:wrap}.wgrid>.w .dn-w>table,.wgrid>.w .dn-w>div{min-width:0;flex:1 1 260px}
.w-tools{display:none!important}
.w-menu{position:fixed;z-index:320;width:240px;display:grid;gap:6px;padding:12px;border-radius:16px;background:var(--f-raised);box-shadow:0 20px 50px rgba(0,0,0,.45),var(--sh-hl);font-size:13px}
.w-menu[hidden]{display:none}.w-menu>b{font-weight:500}
.w-sp{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.w-sp button{padding:6px 4px;font-size:12px;border-radius:8px;background:var(--f-on-surface);box-shadow:none;color:var(--f-muted)}.w-sp button.on{background:var(--f-text);color:var(--f-inv)}
.w-mi{text-align:left;padding:8px 10px;border-radius:10px;background:transparent;box-shadow:none;color:var(--f-text);font-size:13px}.w-mi:hover{background:var(--f-hover);filter:none}
.ai-per{margin-left:auto}.ai-h{align-items:center}
.pnl-top{flex-wrap:wrap;gap:12px;align-items:center}.pnl-top h3{margin-right:auto}
.pm-nav{display:flex;align-items:center;gap:10px}.pm-nav b{font-weight:500;min-width:140px;text-align:center}
.pnl-hist{margin-top:18px;overflow-x:auto}.pnl-hist table{min-width:860px}.pnl-hist tr[data-act]{cursor:pointer}.pnl-hist tr.on td{background:rgba(91,155,230,.1)}
.pnl-hist .ph-bar{width:120px}.pnl-hist td.ph-bar i{display:block;height:6px;border-radius:3px}
.pnl-hist tfoot td{border-top:1px solid var(--f-line2);padding-top:10px}
.fx-s em{font-style:normal}
.wgrid>.w[data-w="ai"]>.card{overflow:hidden}
/* анімована іконка 3D-цеху */
.ic-shop .car{animation:shopLift 6s ease-in-out infinite;transform-box:view-box}
.nav-i:hover .ic-shop .car,.nav-i.on .ic-shop .car{animation-duration:2.4s}
.ic-shop .post{opacity:.55}
@keyframes shopLift{0%,18%{transform:translateY(0)}38%,70%{transform:translateY(-3.6px)}90%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.ic-shop .car{animation:none}}
/* 3D: підписи без каші */
.lbl3{transition:opacity .18s}.lbl3.hid{opacity:0;pointer-events:none}
.v3-labels.far .lbl3:not(.sm){flex-direction:row;align-items:center;gap:6px;padding:4px 9px 4px 10px;border-radius:99px}
.v3-labels.far .lbl3 .pl{display:none}.v3-labels.far .lbl3 i{align-self:center}
.v3-labels.far .lbl3.on .pl{display:inline}
/* LIVE */
.nav-i[data-v="live"] .nav-ic{position:relative}.nav-i[data-v="live"] .nav-ic::after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#e3938d;box-shadow:0 0 0 0 rgba(227,147,141,.6);animation:lvPulse 1.8s infinite}
@keyframes lvPulse{0%{box-shadow:0 0 0 0 rgba(227,147,141,.55)}70%{box-shadow:0 0 0 8px rgba(227,147,141,0)}100%{box-shadow:0 0 0 0 rgba(227,147,141,0)}}
.lv-head h1{display:flex;align-items:center;gap:14px}.lv-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:.08em;padding:5px 11px;border-radius:99px;background:rgba(227,147,141,.15);color:#e3938d}
.lv-live i{width:8px;height:8px;border-radius:50%;background:#e3938d;animation:lvPulse 1.8s infinite}
.lv-clock{font:500 22px var(--font);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.lv-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr) 1.3fr;gap:12px;margin-bottom:14px}
@media (max-width:1300px){.lv-top{grid-template-columns:1fr 1fr 1fr}.lv-hero{grid-column:span 3}}
.lv-hero,.lv-k,.lv-ring{border-radius:var(--r-lg);padding:16px 18px;display:grid;gap:4px;align-content:start;background:var(--f-raised);box-shadow:var(--sh-hl)}
.lv-hero{background:var(--g-cta);color:#fff}.lv-hero span,.lv-hero small{color:rgba(255,255,255,.8)}
.lv-hero .lv-num{font-size:40px;font-weight:300;line-height:1.1}.lv-k span,.lv-ring span{font-size:12.5px;color:var(--f-muted)}.lv-k .lv-num{font-size:26px;font-weight:400}.lv-k small,.lv-ring small,.lv-hero small{font-size:11.5px}.lv-k small{color:var(--f-subtle)}
.lv-hero em{font-style:normal;font-weight:600}.lv-hero .okt{color:#b6ffcf}.lv-hero .badt{color:#ffd0cc}
.lv-num{font-variant-numeric:tabular-nums;transition:text-shadow .4s}.lv-num.bump{text-shadow:0 0 18px rgba(145,197,177,.8)}
.lv-ring{grid-template-columns:96px 1fr;align-items:center;gap:12px}.lv-ring svg{width:96px;height:96px}.lv-ring>div{display:grid;gap:2px}.lv-ring b{font-size:18px;font-weight:500}
.lv-rt{font:500 20px var(--font);fill:var(--f-text)}.lv-ringp{transition:stroke-dasharray 1s ease}
.lv-tips{display:grid;gap:6px;margin-bottom:16px}
.lv-tip{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--f-raised);font-size:13.5px;box-shadow:var(--sh-hl)}.lvw.enter .lv-tip{animation:lvIn .4s ease}
.lv-tip.warn{box-shadow:inset 3px 0 0 #c6b283,var(--sh-hl)}.lv-tip.bad{box-shadow:inset 3px 0 0 #e3938d,var(--sh-hl)}.lv-tip.info{box-shadow:inset 3px 0 0 #9eb8cd,var(--sh-hl)}.lv-tip.good{box-shadow:inset 3px 0 0 #91c5b1,var(--sh-hl)}
.lv-te{font-size:18px}.lv-tt{flex:1}
@keyframes lvIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lv-h{display:flex;align-items:baseline;gap:10px;font-weight:500;margin:6px 0 10px}
.lv-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin-bottom:16px}
.lv-post{position:relative;display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-lg);background:var(--f-raised);box-shadow:inset 0 3px 0 var(--c,#444),var(--sh-hl);cursor:pointer;overflow:hidden}
.lv-post::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 14%,transparent),transparent 45%);pointer-events:none}
.lv-post.free{cursor:default;box-shadow:inset 0 3px 0 #3a3a3a,var(--sh-hl)}
.lv-ph{display:flex;align-items:center;gap:8px;position:relative}.lv-ph b{font-weight:500}.lv-st{font-size:11.5px;padding:2px 9px;border-radius:99px;background:var(--c);color:#fff}
.lv-car{display:flex;align-items:center;gap:10px;position:relative}.lv-car img{width:30px;height:30px;object-fit:contain}.lv-car>div{display:flex;flex-direction:column;gap:3px}.lv-car .plate{font-size:11px;align-self:flex-start}.lv-sum{font-weight:500}
.lv-job{display:flex;align-items:center;gap:10px;position:relative;font-size:13px}.lv-job>div{display:flex;flex-direction:column;gap:2px;min-width:0}.lv-job>div span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-av.sm2{width:30px;height:30px;font-size:11px}
.lv-t{font:500 17px var(--font);font-variant-numeric:tabular-nums}.lv-t.over{color:#e3938d}
.lv-rec{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e3938d;animation:lvPulse 1.4s infinite;vertical-align:middle}
.lv-bar{height:5px;border-radius:3px;background:var(--f-on-surface);overflow:hidden;position:relative}.lv-bar i{display:block;height:100%;background:var(--c);transition:width 1s}
.lv-steps{display:flex;align-items:center;gap:4px;position:relative}.lv-steps i{width:18px;height:6px;border-radius:3px;background:var(--f-line2)}.lv-steps i.d{background:#91c5b1}.lv-steps i.c{background:var(--c);animation:lvBlink 1.6s infinite}.lv-steps .muted{margin-left:6px}
@keyframes lvBlink{50%{opacity:.4}}
.lv-empty{display:flex;align-items:center;gap:10px;color:var(--f-subtle);font-size:13px;padding:14px 0}.lv-empty b{color:var(--f-muted);font-weight:500}
.lv-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width:1100px){.lv-g2{grid-template-columns:1fr}}
.lv-team{display:grid;gap:6px}.lv-m{display:grid;grid-template-columns:32px 1fr auto 70px 90px;gap:10px;align-items:center;padding:6px 0}
.lv-mi{display:flex;flex-direction:column;gap:2px;min-width:0}.lv-mi>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-mi b{font-weight:500}
.lv-chip{font-size:11px;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--f-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.lv-mr{display:flex;flex-direction:column;align-items:flex-end}.lv-mr b{font-weight:500}
.lv-hours{width:100%;height:auto}.lv-hours .ax{font-size:10px;fill:var(--f-subtle)}
.lv-feed,.lv-queue{display:grid;gap:4px;max-height:360px;overflow:auto}
.lv-ev,.lv-q{display:flex;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--f-line2);font-size:13px}.lv-ev>div,.lv-q>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lv-ev.new{animation:lvNew 1.6s ease}@keyframes lvNew{0%{background:rgba(91,155,230,.3)}100%{background:transparent}}
.lv-q[data-act]{cursor:pointer}.lv-ei{font-size:16px;width:22px;text-align:center;flex:none}
/* LIVE: входи, карта, діаграма завантаження */
.lvw.enter>*{animation:lvRise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 90ms)}
@keyframes lvRise{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.lvw.enter .lv-top>*{animation:lvRise .7s cubic-bezier(.2,.8,.2,1) both}.lvw.enter .lv-top>*:nth-child(2){animation-delay:.25s}.lvw.enter .lv-top>*:nth-child(3){animation-delay:.32s}.lvw.enter .lv-top>*:nth-child(4){animation-delay:.39s}.lvw.enter .lv-top>*:nth-child(5){animation-delay:.46s}
.lvw.enter .lv-post{animation:lvRise .6s cubic-bezier(.2,.8,.2,1) both}.lvw.enter .lv-post:nth-child(2){animation-delay:.5s}.lvw.enter .lv-post:nth-child(3){animation-delay:.58s}.lvw.enter .lv-post:nth-child(4){animation-delay:.66s}.lvw.enter .lv-post:nth-child(5){animation-delay:.74s}.lvw.enter .lv-post:nth-child(n+6){animation-delay:.8s}
.lvw.enter .lv-ringp{animation:lvRing 1.4s .5s cubic-bezier(.2,.8,.2,1) both}@keyframes lvRing{from{stroke-dasharray:0 400}}
.lvw.enter .lv-bar i,.lvw.enter .lv-rec2 i{animation:lvGrow 1.2s .6s cubic-bezier(.2,.8,.2,1) both}@keyframes lvGrow{from{width:0}}
.lvw.enter .lv-hours rect{animation:lvBar .8s cubic-bezier(.2,.8,.2,1) both;transform-box:fill-box;transform-origin:bottom}.lvw.enter .lv-hours rect:nth-of-type(n){animation-delay:calc(.4s + var(--d,0s))}@keyframes lvBar{from{transform:scaleY(0)}}
.lvw.enter .lv-hours polyline{stroke-dasharray:2000;animation:lvDraw 1.8s .7s ease both}@keyframes lvDraw{from{stroke-dashoffset:2000}to{stroke-dashoffset:0}}
.lvw.enter .lv-gt i{animation:lvGrow2 .9s .5s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}@keyframes lvGrow2{from{transform:scaleX(0)}}
.lv-sum-l{margin:-6px 0 14px;font-size:15px;color:var(--f-muted);min-height:22px}
.lv-sum-t::after{content:"▍";color:var(--f-soft);animation:lvCaret .9s steps(1) infinite;margin-left:1px}.lv-sum-t.done::after{animation:lvCaret .9s steps(1) 3 forwards;opacity:0}
@keyframes lvCaret{50%{opacity:0}}
.lv-rec2{height:4px;border-radius:2px;background:rgba(255,255,255,.22);margin-top:6px;overflow:hidden}.lv-rec2 i{display:block;height:100%;background:#fff;border-radius:2px}
.lv-rec3{color:rgba(255,255,255,.85)!important}
.lv-map{width:100%;height:auto;max-height:330px;display:block}
.lv-mf{fill:var(--f-on-surface);stroke:var(--f-line2);stroke-width:.12}
.lv-mo{fill:var(--f-line2);opacity:.8}.lv-mo.kaptorka{fill:#2b4a63;opacity:.35}.lv-mo.desk{fill:#127a4a;opacity:.6}
.lv-mp[data-act]{cursor:pointer}.lv-mp[data-act]:hover rect:first-child{fill-opacity:.45}
.lv-ml{font:600 .75px var(--font);fill:var(--f-muted)}
.lv-pulse{fill:none;stroke-width:.18;animation:lvRingP 2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes lvRingP{0%{r:.8;opacity:.9}100%{r:3.2;opacity:0}}
.lv-gantt{display:grid;gap:8px}.lv-gr,.lv-gx{display:grid;grid-template-columns:64px 1fr 40px;gap:10px;align-items:center;font-size:12.5px}.lv-gr em{font-style:normal;text-align:right;color:var(--f-muted)}
.lv-gt{position:relative;height:28px;border-radius:8px;background:var(--f-on-surface);overflow:hidden}
.lv-gt i{position:absolute;top:3px;bottom:3px;border-radius:6px;background:var(--c);color:#fff;font:600 10px ui-monospace,monospace;font-style:normal;display:flex;align-items:center;padding:0 6px;overflow:hidden;white-space:nowrap;cursor:pointer}
.lv-gt i.paid{opacity:.55}.lv-gt i.plan{background:transparent;border:1.5px dashed var(--f-soft);color:var(--f-soft);cursor:default}
.lv-gx>div{position:relative;height:16px}.lv-gx b{position:absolute;transform:translateX(-50%);font-size:10px;font-weight:400;color:var(--f-subtle)}
.lv-now{position:absolute;top:-232px;bottom:14px;width:2px;background:#e3938d;box-shadow:0 0 8px #e3938d}
.lv-gantt{position:relative}
/* Live: рейтинг, оплата, ТВ */
.lv-board{display:grid;gap:10px}
.lv-lb{display:grid;grid-template-columns:32px 90px 1fr 100px 130px;gap:12px;align-items:center;font-size:13.5px}
.lv-md{font-size:20px;text-align:center}.lv-ln{font-weight:500}.lv-lb b{text-align:right;font-weight:500}
.lv-lbb{height:12px;border-radius:6px;background:var(--f-on-surface);overflow:hidden}.lv-lbb i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#245fd1,#8acbff)}.lvw.enter .lv-lbb i{animation:lvGrow 1.1s cubic-bezier(.2,.8,.2,1) both}
.lv-pay{position:fixed;z-index:400;transform:translate(-50%,-50%);font:600 44px var(--font);color:#91c5b1;text-shadow:0 0 24px rgba(145,197,177,.7);pointer-events:none;animation:lvPayUp 1.8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes lvPayUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-170%) scale(1)}}
.lv-cf{position:fixed;z-index:399;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:lvCf 1.3s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes lvCf{to{transform:translate(var(--x),calc(var(--y) + 140px)) rotate(var(--r));opacity:0}}
body.tv #side{display:none}body.tv #main{padding:24px 36px}body.tv .lv-hero .lv-num{font-size:56px}body.tv .lv-clock{font-size:34px}
/* AI-помічник */
.nav-i[data-v="advisor"] .nav-ic{background:linear-gradient(135deg,rgba(91,155,230,.35),rgba(76,201,240,.25))}
.adv-top{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;padding:22px 26px;border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%,rgba(91,155,230,.22),transparent 60%),var(--f-raised);box-shadow:var(--sh-hl);margin-bottom:16px}
.adv-score{position:relative;width:180px;height:180px}.adv-score svg{width:100%;height:100%}.adv-score>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.adv-score b{font-size:48px;font-weight:300;line-height:1}.adv-score span{color:var(--f-muted);font-size:13px}
.adv-sum h2{margin:0 0 6px;font-weight:400;font-size:24px}.adv-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.adv-parts>div{display:grid;gap:5px;font-size:13px}
.adv-pb{height:8px;border-radius:4px;background:var(--f-on-surface);overflow:hidden}.adv-pb i{display:block;height:100%;border-radius:4px;background:var(--c,#5b9be6);animation:lvGrow 1.2s .4s cubic-bezier(.2,.8,.2,1) both}
.adv-tabs{width:max-content;margin-bottom:14px}.adv-tabs button{padding:9px 16px;font-size:13.5px}
.adv-tips{display:grid;gap:10px}
.adv-tip{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:16px 18px;border-radius:var(--r-lg);background:var(--f-raised);box-shadow:var(--sh-hl);animation:lvRise .6s cubic-bezier(.2,.8,.2,1) both}
.adv-tip.warn{box-shadow:inset 4px 0 0 #c6b283,var(--sh-hl)}.adv-tip.bad{box-shadow:inset 4px 0 0 #e3938d,var(--sh-hl)}.adv-tip.info{box-shadow:inset 4px 0 0 #9eb8cd,var(--sh-hl)}.adv-tip.good{box-shadow:inset 4px 0 0 #91c5b1,var(--sh-hl)}
.adv-e{font-size:26px;text-align:center}.adv-b b{font-weight:500;font-size:15px}.adv-b p{margin:4px 0 10px;line-height:1.5;font-size:13.5px}.adv-a{display:flex;gap:8px;flex-wrap:wrap}
.adv-g{display:grid;text-align:right;gap:2px}.adv-g b{font-size:20px;font-weight:500}
.adv-mn{margin:0 0 12px}
.adv-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.adv-m{display:grid;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:var(--f-raised);box-shadow:inset 0 3px 0 var(--c),var(--sh-hl);animation:lvRise .6s cubic-bezier(.2,.8,.2,1) both}
.adv-mh{display:flex;align-items:center;gap:10px}.adv-mh>div:not(.adv-sc){display:flex;flex-direction:column;gap:2px}.adv-mh b{font-weight:500}.adv-md{font-size:22px;width:28px;text-align:center}
.adv-sc{text-align:right;display:grid}.adv-sc b{font-size:28px;font-weight:400;color:var(--c);line-height:1}
.adv-fill{position:relative;height:34px;border-radius:10px;background:var(--f-on-surface);overflow:hidden}
.adv-fill i{position:absolute;inset:0 auto 0 0;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 55%,transparent),var(--c));animation:lvGrow 1.4s .5s cubic-bezier(.2,.8,.2,1) both}
.adv-fill span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.adv-kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.adv-kp>div{display:grid;gap:3px;padding:8px 10px;border-radius:10px;background:var(--f-on-surface)}.adv-kp b{font-weight:500}.adv-kp .adv-pb{height:5px}.adv-kp .adv-pb i{background:var(--c)}
.adv-kp .weak{box-shadow:inset 0 0 0 1px rgba(227,147,141,.6)}.adv-kp .weak .adv-pb i{background:#e3938d}
.adv-bn{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.adv-hint{margin:0;font-size:13px;padding:8px 12px;border-radius:10px;background:rgba(198,178,131,.1);color:var(--f-text)}
.adv-bs{margin-bottom:14px}.adv-rules{display:grid;gap:8px;margin:12px 0}
.adv-r{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--f-on-surface)}.adv-r.off{opacity:.5}
.adv-r select{font-size:12.5px;padding:6px 10px;min-width:0}.adv-r .num{width:86px;padding:6px 8px}.adv-op{width:56px}
.adv-e2{width:42px;text-align:center;padding:6px 4px;font-size:16px}.adv-rn{width:200px;padding:6px 10px}
.adv-sw{display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.adv-mini{position:relative;width:90px;height:20px;border-radius:6px;background:var(--f-on-surface);overflow:hidden}.adv-mini i{position:absolute;inset:0 auto 0 0;background:var(--c);opacity:.75}.adv-mini b{position:relative;display:block;text-align:center;font-size:11.5px;line-height:20px;font-weight:600}
@media (max-width:1100px){.adv-top{grid-template-columns:1fr}.adv-parts{grid-template-columns:1fr 1fr}.adv-team{grid-template-columns:1fr}}
/* перетягування меню */
.nav-lift{box-shadow:0 18px 40px rgba(0,0,0,.5);background:var(--f-raised)!important;transform:scale(1.03);cursor:grabbing;pointer-events:none}
.nav-ph{border-radius:var(--r-pill,99px);border:1.5px dashed rgba(138,203,255,.55);background:rgba(91,155,230,.06);margin:1px 0}
body.nav-dragging,body.nav-dragging *{cursor:grabbing!important;user-select:none}
/* числові поля без стрілочок + панель з повзунком */
input[type=number]{-moz-appearance:textfield;cursor:pointer;font-variant-numeric:tabular-nums}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]:focus{cursor:text}
.np-pop{position:fixed;z-index:600;width:280px;display:grid;gap:12px;padding:14px;border-radius:18px;background:var(--f-raised);box-shadow:0 22px 50px rgba(0,0,0,.5),var(--sh-hl);opacity:0;transform:translateY(-4px) scale(.98);transition:opacity .15s,transform .15s}
.np-pop.in{opacity:1;transform:none}
.np-top{display:flex;align-items:center;gap:10px}.np-v{flex:1;text-align:center;font-size:24px;font-weight:400;font-variant-numeric:tabular-nums}
.np-b{width:40px;height:40px;padding:0;border-radius:12px;font-size:22px;line-height:1;background:var(--f-on-surface);color:var(--f-text);box-shadow:none}.np-b:active{transform:scale(.94)}
.np-r{-webkit-appearance:none;appearance:none;width:100%;height:8px;padding:0;border:0;border-radius:4px;background:linear-gradient(90deg,#5b9be6 var(--p,0%),var(--f-on-surface) var(--p,0%));box-shadow:none;cursor:pointer}
.np-r::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.4),0 0 0 4px rgba(91,155,230,.35);cursor:grab}
.np-r:active::-webkit-slider-thumb{cursor:grabbing;box-shadow:0 2px 10px rgba(0,0,0,.4),0 0 0 7px rgba(91,155,230,.3)}
.np-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--f-subtle);margin-top:-6px}
.np-pre{display:flex;flex-wrap:wrap;gap:6px}.np-pre button{padding:6px 10px;font-size:12px;border-radius:9px;background:var(--f-on-surface);color:var(--f-muted);box-shadow:none}.np-pre button.on{color:var(--f-text);box-shadow:inset 0 0 0 1px rgba(138,203,255,.8)}
.np-f{display:flex;align-items:center;gap:8px}.np-f .muted{flex:1}.np-ok{padding:7px 16px;font-size:13px;border-radius:10px;background:var(--g-cta);color:#fff;box-shadow:none}
:root[data-theme="light"] .np-pop{box-shadow:0 22px 50px rgba(0,0,0,.15),var(--sh-hl)}
.qa-clock{position:fixed;left:50%;top:6px;transform:translateX(-50%);z-index:700;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#c6b283;color:#111;font-size:12.5px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.qa-clock button{padding:3px 8px;font-size:12px;border-radius:7px;background:rgba(0,0,0,.15);color:#111;box-shadow:none}
.pay-pre{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:var(--f-on-surface);margin:6px 0}
.ext-banner{position:fixed;right:16px;bottom:16px;z-index:650;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px;background:#c6b283;color:#111;font-size:13px}.ext-banner button{background:#111;color:#fff;box-shadow:none}
.l-money2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.l-money2 .m-net.bad b{color:#e3938d}
/* таблиці: чіткі колонки з роздільниками, заголовок — окрема смуга, числа по центру */
.tbl{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.tbl thead th{background:var(--f-on-surface);text-align:center;vertical-align:middle;padding:10px 12px;line-height:1.35;white-space:normal;border-bottom:1px solid var(--f-line2)}
.tbl thead th:first-child{text-align:left;border-top-left-radius:10px}.tbl thead th:last-child{border-top-right-radius:10px}
.tbl th+th,.tbl td+td{border-left:1px solid var(--f-hair)}
.tbl td{padding:11px 12px;text-align:center}
.tbl td:first-child{text-align:left}
.tbl td.r,.tbl th.r{text-align:center}
.tbl td.r input.num,.tbl td input.num{text-align:center}
.tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)}
:root[data-theme="light"] .tbl tbody tr:nth-child(even) td{background:rgba(0,0,0,.018)}
.tbl th.sortable{cursor:pointer;user-select:none}.tbl th.sortable:hover{color:var(--f-text)}.tbl th.sortable.on{color:var(--f-soft);background:rgba(91,155,230,.1)}
.tbl tfoot td{text-align:center;background:var(--f-on-surface)}.tbl tfoot td:first-child{text-align:left}
.tbl td,.tbl th{white-space:nowrap}.tbl thead th{white-space:normal;min-width:64px}
.card:has(> .tbl),.card:has(> table){overflow-x:auto}
.cs-tbl th:nth-child(2),.cs-tbl td:nth-child(2){text-align:left}
.cs-tbl td:first-child{width:54px}
.tbl td button.ghost.small{white-space:normal;max-width:170px;line-height:1.3}
.tbl td,.tbl thead th{padding-left:10px;padding-right:10px}
.tbl .adv-mini{width:62px}.tbl input.num{width:72px}.tbl thead th{min-width:48px;padding-left:8px;padding-right:8px}.tbl td{padding-left:8px;padding-right:8px}
/* «Витрати й чистий заробіток»: разові витрати під підсумком (колонки рівні), рівні поля сум, дельта під сумою */
.pnl-one{display:grid;gap:8px;margin-top:10px;padding-top:16px;border-top:1px dashed var(--f-line2)}
.pnl-one .pnl-h{margin-top:0}.pnl-note{margin:2px 0 0}.pnl-one .fx-r.one{padding:2px 0}
.pnl-r .fx-add{margin-top:4px}
.fx-r{grid-template-columns:24px minmax(0,1fr) 118px 78px 26px}
.fx-a{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:6px;align-items:center}.fx-a .num{width:100%;text-align:right;font-variant-numeric:tabular-nums}
.fx-s{font-variant-numeric:tabular-nums}
.pnl-hist .ph-d{display:block;margin-top:2px;line-height:1.2}
.pnl-hist th.ph-bar{text-align:left}
.pnl-one>p{margin:0}.pnl-one>p.pnl-note{margin-top:4px;color:var(--f-subtle)}

/* ===== дашборд: більше повітря ===== */
.wgrid{gap:22px}
.wgrid>.w>.card,.wgrid>.w>.kc{padding:24px 26px}
.wgrid .card h3{margin-bottom:0}
.wgrid .ch-h{margin-bottom:18px;gap:16px;flex-wrap:wrap}
.wgrid .tbl td{padding-top:13px;padding-bottom:13px}
.kgrid{gap:18px}
.pnl-g{gap:40px}.pnl-l{gap:12px}.pnl-r{gap:10px}

/* виручка за типами: коло + висновки поруч, таблиця з часткою */
.dn-top{display:grid;grid-template-columns:168px minmax(0,1fr);gap:28px;align-items:center;margin-bottom:22px}
.dn-top .donut{width:168px}
.dn-facts{display:grid;gap:12px}
.dn-f{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:var(--f-on-surface)}
.dn-f>span{font-size:11.5px;color:var(--f-subtle);text-transform:uppercase;letter-spacing:.05em}
.dn-f b{font-weight:500;font-size:15px;display:flex;align-items:center;gap:8px}.dn-f b .cdot{margin:0}
.dn-f small{color:var(--f-muted);font-size:12.5px}
.dn-card .dn-t{width:100%}
.dn-sh{min-width:120px}.dn-sh{display:flex;align-items:center;gap:10px;justify-content:flex-start}.tbl td.dn-sh{text-align:left}
.dn-sh .hb{flex:1;min-width:50px}.dn-sh span:last-child{width:34px;text-align:right}
.dn-card tr[data-ci]{cursor:default}.dn-card tr.on td{background:rgba(91,155,230,.1)!important}
.donut .dn-seg{transition:opacity .15s}.donut.hl .dn-seg:not(.on){opacity:.18}
@media (max-width:640px){.dn-top{grid-template-columns:1fr;justify-items:center}}

/* виручка і прибуток: підсумки над графіком */
.ch-tools{display:flex;gap:8px;flex-wrap:wrap}
.rv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px}
.rv-stats>div{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--f-on-surface)}
.rv-stats span{font-size:11.5px;color:var(--f-subtle)}.rv-stats b{font-weight:500;font-size:17px}.rv-stats small{font-size:11.5px;color:var(--f-muted)}
.lg2{margin-bottom:10px}.lg2 i.lg-dash{background:repeating-linear-gradient(90deg,#5b9be6 0 4px,transparent 4px 7px)}
.lc .avg{stroke-width:1.2;stroke-dasharray:5 5;opacity:.7}.lc .avg-t{fill:var(--f-muted)}

/* історія по місяцях — розгортається */
.pnl-hist{margin-top:32px;overflow:visible;border-top:1px solid var(--f-hair);padding-top:18px}
.ph-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:6px 0}
.ph-sum::-webkit-details-marker{display:none}
.ph-t{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.ph-t b{font-weight:500;font-size:15px}
.ph-open{display:flex;align-items:center;gap:6px}.ph-chev{display:inline-flex;transform:rotate(-90deg);transition:transform .2s}
.pnl-hist[open] .ph-chev{transform:rotate(90deg)}
.ph-sum:hover .ph-open{color:var(--f-text)}
.ph-hint{margin:14px 0 12px}
.ph-scroll{overflow-x:auto}.pnl-hist table{min-width:860px}
.rv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.wgrid>.w[style*="span 12"] .rv-stats,.wgrid>.w[style*="span 8"] .rv-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.dn-t th,.dn-t td{padding-left:8px!important;padding-right:8px!important}
.dn-sh{min-width:0}.dn-sh .hb{flex:0 0 56px;min-width:0}
.dn-card{overflow-x:visible!important}.dn-card .dn-t{table-layout:auto}
.dn-t td:first-child{white-space:normal;line-height:1.3}.dn-t td,.dn-t th{font-size:13px}.dn-sh .hb{flex-basis:44px}
.dn-t td:first-child{white-space:nowrap}.dn-sh{display:table-cell!important}
.dn-shw{display:flex;align-items:center;gap:8px}.dn-shw .hb{flex:0 0 38px;min-width:0}.dn-shw span:last-child{width:32px;text-align:right}
.dn-t th,.dn-t td{padding-left:7px!important;padding-right:7px!important;font-size:12.5px}
.dn-card .dn-t{table-layout:fixed;width:100%}
.dn-t th:nth-child(1){width:32%}.dn-t th:nth-child(2){width:21%}.dn-t th:nth-child(3),.dn-t th:nth-child(4){width:17%}.dn-t th:nth-child(5){width:13%}
.dn-t td:first-child{overflow:hidden;text-overflow:ellipsis}.dn-t th{letter-spacing:.02em}
.wgrid .card>h3{margin-bottom:18px}

/* ===================== Frosted Glass (темна тема) =====================
   Під склом — м'яке кольорове світло; поверхні напівпрозорі з розмиттям, тонким світлим краєм і зерном.
   Яскраві градієнти замінено приглушеним «фіолетовим склом». */
:root:not([data-theme="light"]){
  --f-raised:rgba(255,255,255,.045);--f-on-surface:rgba(255,255,255,.035);--f-overlay:rgba(255,255,255,.075);
  --f-hover:rgba(255,255,255,.06);--f-active:rgba(255,255,255,.11);--f-hair:rgba(255,255,255,.07);--f-line2:rgba(255,255,255,.1);
  --glass-blur:blur(26px) saturate(150%);--glass-edge:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 0 1px rgba(255,255,255,.055);
  --sh-hl:var(--glass-edge);--sh-glow:0 6px 22px rgba(91,155,230,.22);--sh-elev:0 24px 60px rgba(0,0,0,.45);
  --g-hero:linear-gradient(160deg,rgba(138,203,255,.30) 0%,rgba(91,155,230,.22) 45%,rgba(36,95,209,.16) 100%);
  --g-sheen:radial-gradient(80% 70% at 100% 0%,rgba(227,237,255,.14) 0%,rgba(227,237,255,0) 60%);
  --g-cta:linear-gradient(90deg,rgba(36,95,209,.85) 0%,rgba(91,155,230,.85) 60%,rgba(138,203,255,.85) 100%);
}
/* фонове світло, яке розмивається під склом */
:root:not([data-theme="light"]) body{background:#060509}
:root:not([data-theme="light"]) body::before{content:'';position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 42% at 18% 12%,rgba(91,155,230,.30),transparent 70%),radial-gradient(34% 40% at 88% 22%,rgba(76,201,240,.12),transparent 70%),
  radial-gradient(40% 46% at 70% 92%,rgba(36,95,209,.26),transparent 70%),radial-gradient(30% 30% at 30% 80%,rgba(255,105,180,.08),transparent 70%);filter:blur(40px)}
/* зерно — матова фактура */
:root:not([data-theme="light"]) body::after{content:'';position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
:root:not([data-theme="light"]) #main{background:transparent}
:root:not([data-theme="light"]) #side{background:rgba(255,255,255,.025);backdrop-filter:var(--glass-blur);box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}
/* скляні поверхні */
: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-hero,.lv-k,.lv-ring,.lv-post,.adv-tip,.adv-m,.shape,.bcol,.po-col,.cal,.seg,.hero-card,.hero-mini,.reg-card,.modal-box,.w-menu,.help-pop,.pp-pop,.np-pop){
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
:root:not([data-theme="light"]) :is(.card,.kc,.kpi,.ohead,.l-sec,.l-card,.shopbar,.sk-card,.lv-hero,.lv-k,.lv-ring,.adv-tip,.adv-m,.bcol,.po-col){box-shadow:var(--glass-edge),0 10px 30px rgba(0,0,0,.18)}
:root:not([data-theme="light"]) :is(.modal-box,.w-menu,.help-pop,.pp-pop,.np-pop){background:rgba(22,20,30,.72);box-shadow:var(--glass-edge),0 30px 70px rgba(0,0,0,.5)}
:root:not([data-theme="light"]) .modal{background:rgba(4,3,8,.5);backdrop-filter:blur(10px)}
/* головна картка — приглушене фіолетове скло */
:root:not([data-theme="light"]) .hero-card{background:radial-gradient(70% 90% at 0% 0%,rgba(138,203,255,.28),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(36,95,209,.22),transparent 60%),rgba(91,155,230,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(138,203,255,.22),0 20px 50px rgba(8,22,40,.35)}
:root:not([data-theme="light"]) .tile{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(12px)}
:root:not([data-theme="light"]) .tile:hover{background:rgba(255,255,255,.1);filter:none}
:root:not([data-theme="light"]) :is(.kpis .kpi:first-child,.l-stats div:first-child,.l-money .m-net,.hero-mini){background:var(--g-sheen),var(--g-hero);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(138,203,255,.22)}
/* акценти тихіші */
:root:not([data-theme="light"]) .seg button.on{background:rgba(91,155,230,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(138,203,255,.35)}
:root:not([data-theme="light"]) button.pri{box-shadow:var(--sh-glow),inset 0 1px 0 rgba(255,255,255,.2)}
:root:not([data-theme="light"]) .nav-i.on{background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:root:not([data-theme="light"]) input,:root:not([data-theme="light"]) select,:root:not([data-theme="light"]) textarea{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.06)}
:root:not([data-theme="light"]) .tbl thead th{background:rgba(255,255,255,.04)}
:root:not([data-theme="light"]) ::-webkit-scrollbar-thumb{border-color:transparent;background:rgba(255,255,255,.12);background-clip:padding-box}
:root:not([data-theme="light"]) .seg.mode button.on{color:#fff}
/* правка: фонове світло тихіше, головна картка — залита фіолетовим склом */
:root:not([data-theme="light"]) body::before{background:radial-gradient(36% 40% at 22% 8%,rgba(91,155,230,.13),transparent 70%),radial-gradient(34% 40% at 88% 20%,rgba(76,201,240,.05),transparent 70%),
  radial-gradient(38% 44% at 72% 95%,rgba(36,95,209,.11),transparent 70%)}
:root:not([data-theme="light"]) #side{background:rgba(255,255,255,.02)}
:root:not([data-theme="light"]) .hero-card{background:radial-gradient(70% 90% at 100% 0%,rgba(227,237,255,.16),transparent 60%),linear-gradient(160deg,rgba(138,203,255,.62) 0%,rgba(70,130,220,.50) 50%,rgba(36,95,209,.46) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(197,228,255,.28),0 22px 60px rgba(20,60,140,.35)}
:root:not([data-theme="light"]) .hero-card .tile{background:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(255,255,255,.1)}
:root:not([data-theme="light"]) .hero-card .tile:hover{background:rgba(255,255,255,.17)}
.help-btn svg{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.help-btn:hover svg{transform:rotate(60deg)}
/* KPI: вміст не вилазить за картку, міні-графік з відступом */
.kc{grid-template-columns:minmax(0,1fr);overflow:hidden}
.kc-h{gap:10px;min-width:0}.kc-h .dlt{flex:none}
.kc-b{min-width:0}.kc-b .spark{min-width:0;flex:1 1 auto;max-width:180px;margin-left:auto;overflow:visible}

/* Live: лише зелена пульсуюча крапка по центру */
.nav-i[data-v="live"] .nav-ic svg{display:none}
.nav-i[data-v="live"] .nav-ic::after{top:50%;left:50%;right:auto;width:10px;height:10px;margin:-5px 0 0 -5px;background:#91c5b1;animation:lvPulseG 1.8s infinite}
@keyframes lvPulseG{0%{box-shadow:0 0 0 0 rgba(145,197,177,.6)}70%{box-shadow:0 0 0 9px rgba(145,197,177,0)}100%{box-shadow:0 0 0 0 rgba(145,197,177,0)}}
/* Прийом авто у повній версії — головна дія, як «Новий наряд» у Light */
#side .nav-i[data-v="intake"]{background:var(--g-cta);color:#fff;margin:4px 0;box-shadow:var(--sh-glow)}
#side .nav-i[data-v="intake"] .nav-ic{background:rgba(255,255,255,.16);color:#fff}
#side .nav-i[data-v="intake"] kbd{color:rgba(255,255,255,.7)}
@media (max-width:1280px){#side .nav-i[data-v="intake"]{background:transparent;box-shadow:none}#side .nav-i[data-v="intake"] .nav-ic{background:var(--g-orb);box-shadow:var(--sh-glow)}}

/* відсутності (відпустки, лікарняні, відгули) */
.lv-t{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:7px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);white-space:nowrap}
.lv-st{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.lv-req{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.lv-card .ch-h+.lv-req{border-top:0;padding-top:4px}
.lv-req .po-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;background:radial-gradient(circle at 30% 25%,#8acbff 0%,#5b9be6 60%)}
.lv-rm{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.lv-rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lv-rd{font-size:13.5px;color:var(--muted)}.lv-rd b{color:var(--ink);font-weight:600}
.lv-note{font-size:13.5px;font-style:italic;color:var(--muted)}
.lv-warn{font-size:12.5px;color:var(--warn);padding:7px 10px;border-radius:10px;background:var(--warnb)}
.lv-act{display:flex;gap:8px;align-items:center;margin-top:4px}.lv-act input{flex:1;min-width:0;max-width:360px}
.lv-pol{font-size:12.5px;color:var(--muted)}.lv-pol input{width:52px;padding:4px 6px;margin:0 2px;text-align:center}
.lv-tbl td{vertical-align:middle}
.lv-bal{display:flex;flex-direction:column;gap:6px;min-width:110px}.lv-bal i{display:flex;height:5px;border-radius:99px;background:var(--line);overflow:hidden}.lv-bal em{display:block;height:100%;background:var(--pri)}.lv-bal em.p{background:var(--warn);opacity:.7}
.lv-p{font-size:11.5px;color:var(--warn)}
.lv-h4{margin:20px 0 10px;font-size:13px;font-weight:600;color:var(--muted)}
.lv-soon{display:flex;flex-direction:column;gap:8px}.lv-soon>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px}

/* ---------- вхід, реєстрація, блокування ---------- */
body.auth-on>#side,body.auth-on>#main{visibility:hidden}
#auth:empty{display:none}
#auth{position:fixed;inset:0;z-index:200;overflow:auto;background:var(--bg)}
#auth::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(50% 45% at 20% 10%,rgba(91,155,230,.22),transparent 70%),radial-gradient(45% 40% at 90% 90%,rgba(36,95,209,.16),transparent 70%)}
.au-wrap{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px}
.au-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;padding:32px 30px;border-radius:28px;background:var(--f-raised);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.au-card.wide{max-width:540px}
.au-brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.au-brand b{display:block;font-size:15px;font-weight:600}.au-brand small{color:var(--muted);font-size:12.5px}
.au-logo{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:700;color:#fff;background:var(--g-cta);box-shadow:var(--sh-glow)}.au-logo img{width:100%;height:100%;object-fit:cover}.au-logo.lg{width:72px;height:72px;border-radius:20px;font-size:16px}
.au-card h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.01em}
.au-sub{margin:-6px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.au-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}
.au-f input,.au-f select{height:46px;padding:0 14px;border-radius:14px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);outline:none}
.au-f input:focus,.au-f select:focus,.au-code:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(91,155,230,.2)}
.au-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.au-btn{height:50px;border-radius:16px;font-size:15.5px;font-weight:600;justify-content:center}.au-btn.sm{height:46px;padding:0 22px}
.au-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.au-tabs button{height:38px;border-radius:10px;font-size:13.5px;color:var(--muted);background:none;border:0}.au-tabs button.on{background:rgba(91,155,230,.35);color:#fff}
.au-card form{display:flex;flex-direction:column;gap:14px;margin:0}
.au-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px}.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}
.au-google{height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;background:#fff;color:#1f1f1f;border:0}
.au-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.au-link{background:none;border:0;padding:4px 0;color:var(--f-soft);font-size:13.5px;cursor:pointer}.au-back{align-self:center;color:var(--muted)}
.au-msg{padding:11px 14px;border-radius:12px;font-size:13.5px}.au-msg.bad{background:var(--badb);color:var(--f-red-t)}.au-msg.ok{background:var(--okb);color:var(--ok)}
.au-demo{padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5;background:var(--warnb);color:var(--f-amber-t)}.au-demo code{font-size:18px;font-weight:700;letter-spacing:.18em;color:#fff;margin-left:4px}
.au-code{height:62px;border-radius:16px;text-align:center;font:600 28px/1 var(--font);letter-spacing:.3em;color:var(--ink);background:var(--bg);border:1px solid var(--line);outline:none}
.au-foot{max-width:420px;margin:18px 0 0;text-align:center;font-size:12px;color:var(--f-subtle)}
.au-lockav{width:72px;height:72px;margin:6px auto 0;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:600;color:#fff;background:radial-gradient(circle at 30% 25%,#8acbff 0%,#5b9be6 60%)}
.au-card:has(.au-lockav) h1,.au-card:has(.au-lockav) .au-sub{text-align:center}
.au-steps{display:flex;gap:6px}.au-steps i{flex:1;height:4px;border-radius:2px;background:var(--line)}.au-steps i.on{background:var(--pri)}
.ob-team{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}
.ob-m{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.ob-m>span{flex:1}.ob-m b{display:block;font-size:14px;font-weight:500}.ob-m small{color:var(--muted)}
.ob-m select{height:36px;border-radius:10px;padding:0 8px;background:var(--f-raised);color:var(--ink);border:1px solid var(--line)}.ob-m input{accent-color:var(--pri);width:18px;height:18px}
.ob-codes{display:flex;flex-direction:column;gap:8px}.ob-codes>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}.ob-codes b{display:block;font-size:14px}.ob-codes small{color:var(--muted)}
.ob-codes code,.co-inv code,.inv-big code{font:600 15px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:6px 10px;border-radius:8px;background:rgba(91,155,230,.18);color:var(--f-lav-t);user-select:all}
.inv-big{text-align:center;margin:18px 0}.inv-big code{font-size:30px;padding:14px 22px}
/* я в меню */
#meChip{display:flex;align-items:center;gap:6px;width:100%;margin-bottom:10px}
.me-b{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:transparent;border:1px solid var(--line);text-align:left;cursor:pointer}
.me-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:radial-gradient(circle at 30% 25%,#8acbff 0%,#5b9be6 60%)}
.me-t{min-width:0}.me-t b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-t small{font-size:11.5px;color:var(--muted)}
.me-x{flex:none;width:48px;align-self:stretch;border-radius:14px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}.me-x:hover{color:var(--f-red-t);background:color-mix(in srgb,var(--f-red-t) 10%,transparent);border-color:color-mix(in srgb,var(--f-red-t) 35%,transparent)}
#meChip{position:relative}#meChip.out>.me-b,#meChip.out>.me-x{visibility:hidden}
#meOut{position:absolute;inset:0;z-index:2;border-radius:14px;overflow:hidden;display:flex;align-items:center;background:var(--f-hover);border:1px solid color-mix(in srgb,var(--f-red-t) 40%,transparent);opacity:0;transform:scale(.97);transition:opacity .16s,transform .16s;touch-action:none;user-select:none}
#meOut.on{opacity:1;transform:none}
.mo-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(220,20,40,.55) 0%,#e5133a 55%,#ff2d55 100%);box-shadow:0 0 22px rgba(255,30,70,.45);border-radius:14px;transition:width .25s cubic-bezier(.2,.8,.2,1)}
.mo-t{position:absolute;left:0;right:0;text-align:center;font-size:12.5px;color:var(--muted);pointer-events:none;padding-left:40px;transition:opacity .25s;background:linear-gradient(90deg,var(--muted) 40%,var(--f-red-t) 50%,var(--muted) 60%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:moShine 2.2s linear infinite}
@keyframes moShine{from{background-position:100% 0}to{background-position:-150% 0}}
.mo-k{position:relative;z-index:1;margin-left:4px;padding:0;min-width:0;min-height:0;box-shadow:none;width:40px;height:calc(100% - 8px);border-radius:11px;display:grid;place-items:center;border:0;background:#ff1f4b;color:#fff;cursor:grab;filter:none!important;box-shadow:0 4px 14px rgba(255,31,75,.45),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.mo-x{position:absolute;right:6px;z-index:1;padding:0;min-width:0;min-height:0;box-shadow:none;width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.mo-x:hover{color:var(--text,#fff)}
#meOut.drag .mo-k{cursor:grabbing;transition:none}#meOut.drag .mo-fill,#meOut.drag .mo-t{transition:none}
.mo-x{transition:opacity .15s}#meOut.drag .mo-x,#meOut.done .mo-x{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.mo-t{animation:none;-webkit-text-fill-color:var(--muted)}}
@media (max-width:1280px){.me-t,.me-x{display:none}.me-b{justify-content:center;border:0;padding:4px}}
.ac-g{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.ac-g h3{margin:0 0 10px}.ac-s{font-size:13px;padding:4px 0}
/* компанія */
.co-tabs{margin-bottom:18px;display:inline-flex}
.co-logo{display:flex;align-items:center;gap:16px;margin-bottom:16px}.co-logo b{font-size:17px}.btnlike{display:inline-flex;cursor:pointer;padding:6px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px}
.co-days{display:flex;gap:6px;margin-top:12px}.co-days button{width:46px;height:40px;padding:0;display:grid;place-items:center;text-align:center;border-radius:12px;background:transparent;border:1px solid var(--line);color:var(--muted)}.co-days button.on{background:rgba(91,155,230,.35);border-color:transparent;color:#fff}
.co-n{display:flex;align-items:center;gap:10px}.co-n b{display:block;font-weight:500}.co-n small{display:block}
.co-u tr.dim td{opacity:.5}.co-inv{margin-top:6px}
.co-r td.c,.co-r th.c{text-align:center}.co-r tr.grp td{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:18px}
.perm-t{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:transparent;color:#fff;font-weight:700;cursor:pointer}.perm-t.on{background:var(--pri);border-color:transparent}.perm-on{color:var(--muted)}
.perm-g{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:8px}.perm-r{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}.perm-r select{max-width:170px}
.ro-desc{font-size:13px;color:var(--muted);padding:10px 12px;border-radius:12px;background:var(--bg)}
.sw-r{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.sw-r b{display:block;font-weight:500;font-size:14px}.sw-r small{display:block}
.sw-r input{appearance:none;flex:none;width:44px;height:26px;border-radius:13px;background:var(--line);position:relative;cursor:pointer;transition:background .2s}.sw-r input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.sw-r input:checked{background:var(--pri)}.sw-r input:checked::after{transform:translateX(18px)}
.co-int{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px;margin-bottom:12px}.co-int .card{margin:0}.co-int .dim{opacity:.7}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.co-k{grid-template-columns:repeat(4,1fr);margin:6px 0 14px}.co-ideas{margin:0;padding-left:18px;line-height:1.8;font-size:14px}.co-ideas li::marker{color:var(--pri)}
.form label.sw-r{display:flex;flex-direction:row;align-items:center;font-size:14px;font-weight:400;color:var(--ink)}
.perm-t{display:inline-grid;place-items:center;padding:0;line-height:1;font-size:15px}

/* ——— Імпорт даних ——— */
.modal-box.imp{width:min(1180px,95vw)}
.imp-steps{display:flex;gap:6px;margin:4px 0 16px;flex-wrap:wrap}
.imp-steps span{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--f-overlay);color:var(--f-muted);font-size:13px}
.imp-steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;font-size:12px;font-weight:600;background:rgba(255,255,255,.06)}
.imp-steps .past{color:var(--f-text)}.imp-steps .past i{background:rgba(91,155,230,.22);color:var(--f-soft)}
.imp-steps .on{background:var(--f-primary);color:#fff}.imp-steps .on i{background:rgba(255,255,255,.22)}
.imp-types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.imp-t{display:grid;gap:6px;text-align:left;align-content:start;padding:14px;border-radius:var(--r-md);background:var(--f-overlay);box-shadow:none;border:1px solid transparent;color:var(--f-text)}
.imp-t b{font-size:15px}.imp-t small{color:var(--f-muted);font-size:12px;line-height:1.4;font-weight:400}
.imp-t.on{border-color:var(--f-primary);background:rgba(91,155,230,.14)}.imp-t:not(.on):not(:disabled):hover{border-color:rgba(138,203,255,.5)}.imp-t:disabled{opacity:.45}
.imp-drop{display:grid;place-items:center;gap:6px;padding:34px 16px;border:1.5px dashed rgba(138,203,255,.45);border-radius:var(--r-lg);cursor:pointer;text-align:center;transition:background .15s,border-color .15s}
.imp-drop b{font-size:16px}.imp-drop:hover,.imp-drop.over{background:rgba(91,155,230,.1);border-color:var(--f-primary)}
.imp-paste{margin:12px 0}.imp-paste summary{cursor:pointer;color:var(--f-muted);font-size:13px}.imp-paste textarea{width:100%;margin:8px 0;font-family:ui-monospace,monospace;font-size:12px}
.imp-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.imp-bar label{display:flex;gap:8px;align-items:center}
.imp-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}
.imp-col{display:grid;gap:6px;align-content:start;padding:10px;border-radius:var(--r-md);background:var(--f-overlay);border:1px solid transparent;min-width:0}
.imp-col.set{border-color:rgba(91,155,230,.45)}
.imp-ch{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imp-sm{display:grid;gap:2px;font-size:12px;color:var(--f-muted);min-height:46px}.imp-sm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imp-col select{width:100%}.imp-how{color:var(--f-ok);font-size:11px}
.imp-warn{padding:8px 12px;border-radius:var(--r-md);background:var(--warnb);color:var(--f-warn);font-size:13px}
.imp-tiles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.imp-tile{display:grid;gap:2px;min-width:96px;padding:10px 14px;text-align:left;border-radius:var(--r-md);background:var(--f-overlay);box-shadow:none;border:1px solid transparent;color:var(--f-text)}
.imp-tile b{font-size:22px;font-weight:600}.imp-tile small{color:var(--f-muted);font-size:12px;font-weight:400}
.imp-tile.on{border-color:var(--f-primary)}.imp-tile.new b{color:var(--f-ok)}.imp-tile.upd b{color:var(--f-soft)}.imp-tile.dup b,.imp-tile.warn b{color:var(--f-warn)}.imp-tile.err b{color:var(--f-bad)}
.imp-opts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0;font-size:13px}.imp-opts>span{color:var(--f-muted)}.imp-opts label{display:flex;gap:6px;align-items:center}
.imp-prev{max-height:42vh;overflow:auto;margin-top:8px;border-radius:var(--r-md)}
.imp-prev .tbl td{white-space:normal;text-align:left;vertical-align:top}.imp-prev .tbl th{position:sticky;top:0;z-index:1}
.pill.info{background:rgba(91,155,230,.2);color:var(--f-soft)}
.imp-done{padding:18px;border-radius:var(--r-lg);background:rgba(91,155,230,.1);margin-bottom:10px}.imp-done b{font-size:18px}
.imp-empty{display:grid;gap:8px;justify-items:start;padding:26px}.imp-empty b{font-size:18px}
.imp-hist{margin-top:12px}.imp-ch-t td{text-align:left;white-space:normal}
@media (max-width:900px){.imp-types{grid-template-columns:repeat(2,1fr)}}

/* ---------- нотатки команди ---------- */
.nt-card{margin-top:14px}.nt-h{display:flex;align-items:baseline;gap:10px}.nt-h h3{margin:0}
.nt-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.nt{padding:10px 12px;border-radius:12px;background:var(--f-overlay);border:1px solid transparent}
.nt.pin{background:color-mix(in srgb,var(--f-amber-t) 12%,transparent);border-color:color-mix(in srgb,var(--f-amber-t) 30%,transparent)}
.nt-x{font-size:13.5px;line-height:1.45;white-space:normal;word-break:break-word}
.nt-m{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11.5px;color:var(--f-muted)}
.nt-on{padding:1px 8px;border-radius:99px;background:var(--f-active);color:var(--f-text);font-size:11px}
.nt-b{padding:0;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:transparent;box-shadow:none;color:var(--f-muted);opacity:.6}
.nt:hover .nt-b{opacity:1}.nt-b:hover{background:var(--f-active);color:var(--f-text);filter:none}.nt-b.on{opacity:1;color:var(--f-amber-t)}
.nt-empty{margin:8px 0 12px}
.nt-add textarea{width:100%;resize:vertical;min-height:44px;border-radius:12px}
.nt-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.nt-seg{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--f-overlay);flex-wrap:wrap}
.nt-seg button{padding:5px 12px;font-size:12px;background:transparent;box-shadow:none;color:var(--f-muted)}
.nt-seg button.on{background:var(--f-primary);color:#fff}
.nt-q{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.nt-q button{padding:4px 10px;font-size:11.5px;background:transparent;border:1px dashed var(--f-active);box-shadow:none;color:var(--f-muted)}.nt-q button:hover{color:var(--f-text);border-style:solid;filter:none}
.nt-banner{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 14px;border-radius:var(--r-md,14px);background:color-mix(in srgb,var(--f-amber-t) 13%,transparent);border:1px solid color-mix(in srgb,var(--f-amber-t) 35%,transparent);color:var(--f-amber-t)}
.nt-banner svg{flex:none;margin-top:3px}.nt-banner p{margin:0 0 2px;color:var(--f-text);font-size:13.5px}.nt-banner p b{color:var(--f-amber-t);font-weight:600}
.bc-ext{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:11.5px;color:var(--f-muted);min-width:0}
.bc-pin{display:inline-flex;align-items:center;gap:4px;min-width:0;flex:1;padding:2px 7px;border-radius:7px;color:var(--f-amber-t);background:color-mix(in srgb,var(--f-amber-t) 13%,transparent)}
.bc-pin svg{flex:none}.bc-pin em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-md{display:inline-flex;align-items:center;gap:4px;flex:none;margin-left:auto}
#modalBox[data-car] .tbl td{white-space:normal}

/* ---------- фото / відео до і після ---------- */
.md-top{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.md-top p{margin:0}
.md-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.md-cols{grid-template-columns:1fr}}
.md-col{padding:12px;border-radius:16px;background:var(--f-raised);border:1px solid var(--line);transition:border-color .15s,background-color .15s;min-height:170px}
.md-col.over{border-color:var(--f-primary);background:color-mix(in srgb,var(--f-primary) 10%,var(--f-raised))}
.md-col-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.md-add{font-size:12px;padding:5px 12px;border-radius:99px;background:var(--f-overlay);cursor:pointer;color:var(--f-text)}.md-add:hover{background:var(--f-active)}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.md-drop{grid-column:1/-1;display:grid;place-items:center;min-height:110px;border:1px dashed var(--f-active);border-radius:12px;color:var(--f-muted);font-size:12px;text-align:center;padding:10px}
.md-th{position:relative;padding:0;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--f-overlay);box-shadow:none;border:2px solid transparent}
.md-th img{width:100%;height:100%;object-fit:cover;display:block}
.md-th:hover{filter:none;border-color:var(--f-active)}.md-th.sel{border-color:var(--f-primary)}
.md-play{position:absolute;inset:0;margin:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding-left:2px}
.md-dur{position:absolute;right:4px;bottom:4px;font-size:10px;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.6);color:#fff}
.md-priv{position:absolute;left:4px;top:4px;font-size:10px;padding:1px 4px;border-radius:5px;background:rgba(0,0,0,.55)}
.md-tag{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:5px;color:#fff;background:rgba(0,0,0,.6)}
.md-tag.before{background:rgba(229,72,77,.85)}.md-tag.after{background:rgba(48,164,108,.9)}.md-tag.process{background:rgba(91,155,230,.85)}
.md-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:18px;font-weight:600}
.md-cmp-card{margin-bottom:12px}
.md-cmp{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;width:min(100%,640px);margin:0 auto;background:#000;user-select:none}
.md-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.md-cmp-a{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p))}
.md-cmp-h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.5);pointer-events:none}
.md-cmp-h span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:-1px}
.md-cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.md-cl{position:absolute;top:10px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff;pointer-events:none}.md-cl.l{left:10px}.md-cl.r{right:10px}
.md-cmp.sm{max-height:240px;margin-bottom:8px}.md-cmp.msg{aspect-ratio:4/3;margin-top:8px;border-radius:12px}
.md-visit{padding:12px;border-radius:14px;background:var(--f-overlay);margin-bottom:10px}.md-vh{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}
.md-carx>h3{margin-top:18px}
.md-lbar{margin-top:12px}
.md-msg{margin-top:6px}.md-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.md-mgrid .md-th{border-radius:8px;border:0}
.mt-b .md-msg{max-width:320px}
#mdLb{position:fixed;inset:0;z-index:300;display:grid;grid-template-columns:1fr 320px;background:rgba(5,5,8,.92);backdrop-filter:blur(8px)}
#mdLb[hidden]{display:none}
.lb-stage{position:relative;display:grid;place-items:center;padding:24px;min-width:0}
.lb-stage img,.lb-stage video{max-width:100%;max-height:calc(100vh - 48px);border-radius:12px;object-fit:contain}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;padding:0;font-size:24px;line-height:1;background:rgba(255,255,255,.12);color:#fff}
.lb-nav.l{left:16px}.lb-nav.r{right:16px}
.lb-side{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--f-on-surface,#0e0e0e);border-left:1px solid var(--line);overflow:auto}
.lb-h{display:flex;align-items:center;gap:8px}.lb-x{padding:0;width:32px;height:32px;display:grid;place-items:center;border-radius:9px}
.lb-l{font-size:12px;color:var(--f-muted);margin-top:8px}
.lb-tg{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--f-overlay);cursor:pointer}
.lb-tg span{display:flex;flex-direction:column}.lb-tg small{color:var(--f-muted);font-size:11.5px}
.lb-foot{display:flex;gap:8px}
@media (max-width:900px){#mdLb{grid-template-columns:1fr;grid-template-rows:1fr auto}.lb-side{border-left:0;border-top:1px solid var(--line)}}
/* WhatsApp: посилання + QR */
.wa-box{display:flex;gap:18px;align-items:center;padding:14px;border-radius:16px;background:var(--f-card2,rgba(255,255,255,.04));border:1px solid var(--f-line,rgba(255,255,255,.08));margin:10px 0;text-align:left}
.wa-box.empty{display:block}
.wa-qr{flex:none;border-radius:10px;background:#fff}
.wa-box-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.wa-url{width:100%;font:12px/1.4 ui-monospace,Menlo,monospace}
.ob-wa-h{margin:22px 0 4px}
@media (max-width:560px){.wa-box{flex-direction:column;align-items:flex-start}}
/* ---------- Єдиний чат (inbox.js) ---------- */
.inbox.v3{grid-template-columns:320px minmax(0,1fr) 270px}
@media (max-width:1400px){.inbox.v3{grid-template-columns:300px minmax(0,1fr)}.inbox.v3 .ib-card{display:none}}
@media (max-width:1100px){.inbox.v3{grid-template-columns:1fr}}
.ch-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:hsl(var(--h,200) 75% 62%);flex:none}
.ib-chs button{display:inline-flex;align-items:center;gap:6px}
.ib-av{position:relative}.ib-av .ch-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid var(--f-surface)}
.mc-ch button{display:inline-flex;align-items:center;gap:6px;background:transparent;box-shadow:none;padding:5px 11px;font-size:12px;color:var(--f-muted)}
.mc-ch button.on{background:var(--f-overlay);color:var(--f-text)}
.mc-win{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 12px;border-radius:12px}
.mc-win.on{background:var(--okb);color:var(--f-ok)}.mc-win.off{background:var(--warnb);color:var(--f-warn)}
.mc-win b{font-variant-numeric:tabular-nums}
.mc-tpl.wa button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border-radius:14px;padding:7px 13px}
.mc-tpl.wa small{font-size:10.5px;color:var(--f-muted)}
.mc-btns{display:flex;gap:6px;flex-wrap:wrap}.mc-btns span{font-size:12px;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--f-line2);color:var(--f-soft)}
textarea[readonly]{opacity:.85;cursor:default}
.ib-card{position:sticky;top:0;display:flex;flex-direction:column;gap:8px;margin:0}
.ib-card h4{margin:10px 0 0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--f-subtle)}
.ib-card h4:first-of-type{margin-top:0}
.ib-kv{display:flex;flex-direction:column;gap:1px;text-align:left;background:none;box-shadow:none;padding:0;border-radius:0}
.ib-rq{padding:8px 10px;border-radius:12px;background:var(--f-overlay)}
.ib-ids{display:flex;flex-direction:column;gap:5px}.ib-ids div{display:flex;gap:8px;align-items:center;min-width:0}.ib-ids .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ib-merge{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:rgba(91,155,230,.1);border:1px solid rgba(91,155,230,.3)}
/* ---------- Онлайн-запис (requests.js) ---------- */
.ib-r2 .mt-ch{white-space:nowrap}
.rq-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.rq-top .kpi{position:relative}.rq-top .kpi.hot b{color:var(--f-warn)}
.rq-bar{display:block;height:4px;border-radius:9px;background:var(--f-overlay);margin-top:8px;overflow:hidden}.rq-bar i{display:block;height:100%;background:var(--g-cta)}
.rq-sec{margin-bottom:22px}.rq-sec.dim{opacity:.75}
.rq-sh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.rq-sh h3{margin:0}
.rq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.rq-c{margin:0;display:flex;flex-direction:column;gap:10px}
.rq-c.hot{border:1px solid rgba(198,178,131,.45);background:linear-gradient(180deg,rgba(198,178,131,.08),transparent 60%),var(--f-raised)}
.rq-h{display:flex;align-items:center;gap:8px}.rq-h .muted{margin-left:auto}
.rq-who,.rq-when{display:flex;flex-direction:column;gap:1px}.rq-when{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}
.rq-what{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--f-on-surface)}
.rq-fit{font-size:12px;color:var(--f-muted)}.rq-fit.ok{color:var(--f-ok)}.rq-fit.bad{color:var(--f-warn)}
.rq-a{flex-wrap:wrap}
.rq-days,.rq-posts,.rq-why{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.rq-days button.on{background:var(--f-text);color:#000}
.rq-why{flex-direction:column;align-items:stretch}.rq-why button{text-align:left;border-radius:14px}
@media (max-width:900px){.rq-top{grid-template-columns:repeat(2,1fr)}}
/* ---------- Канали (wa.js) ---------- */
.wa-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 14px}
.wa-mode{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border-radius:var(--r-md);padding:16px;background:var(--f-on-surface);border:1px solid var(--f-hair);white-space:normal;line-height:1.4}
.wa-mode.on{border-color:var(--f-primary);background:linear-gradient(180deg,rgba(91,155,230,.12),transparent 70%),var(--f-on-surface)}
.wa-mode .pill{margin-top:auto}
.wa-mode-k{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--f-overlay);font-weight:700;font-size:12px}
.wa-mode.on .wa-mode-k{background:var(--g-cta);color:#fff}
.wa-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.wa-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--f-on-surface)}
.wa-steps li div{display:flex;flex-direction:column;flex:1;min-width:0}
.wa-steps li.ok{color:var(--f-ok)}.wa-steps li.cur{outline:1px solid var(--f-primary)}
.wa-step-n{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--f-overlay);font-size:12px;font-weight:600}
.wa-warn{padding:12px 14px;border-radius:14px;background:var(--warnb);margin-bottom:12px}.wa-warn ul{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:var(--f-muted)}
.wa-done{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--okb);color:var(--f-ok);margin-bottom:12px}.wa-done div{display:flex;flex-direction:column;flex:1;color:var(--f-text)}
.wa-man{margin-top:12px}.wa-man summary{cursor:pointer;margin-bottom:8px}
.ch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}
.ch-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-md);background:var(--f-on-surface);border:1px solid var(--f-hair)}
.ch-card.on{border-color:hsl(var(--h) 60% 45% / .6)}
.ch-card-h{display:flex;align-items:center;gap:8px}.ch-card-h .muted{margin-left:auto}
.ch-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12.5px}.ch-card dt{color:var(--f-subtle)}.ch-card dd{margin:0;color:var(--f-muted)}
.ch-card>button{align-self:flex-start;margin-top:auto}
.ch-link{display:flex;align-items:center;gap:8px;min-width:0}.ch-link code{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1000px){.wa-modes{grid-template-columns:1fr}}
/* ---------- Бот (bot.js) ---------- */
.bot-wrap{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}
.bot-set{display:flex;flex-direction:column;gap:0}.bot-set .card{margin-top:0}
.bot-sim{position:sticky;top:0;margin:0;display:flex;flex-direction:column;gap:10px}
.bot-opts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--f-muted)}.bot-opts label{display:flex;align-items:center;gap:6px}.bot-opts input:not([type]){width:150px;padding:4px 10px}
.bot-mute{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bot-mute input{flex:1;min-width:160px}
button.xs{padding:0 6px;font-size:13px;line-height:1.4}
.bot-kw td:first-child{white-space:nowrap}
.bot-try{display:flex;flex-wrap:wrap;gap:6px}
.wa-phone{border-radius:24px;overflow:hidden;background:#0b141a;border:1px solid var(--f-hair)}
.wa-ph-h{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1f2c34}.wa-ph-h div{display:flex;flex-direction:column}.wa-ph-h small{color:#8696a0;font-size:11px}
.wa-chat{height:420px;overflow:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;background:radial-gradient(120% 80% at 0 0,rgba(37,211,102,.05),transparent 60%),#0b141a}
.wa-empty,.wa-note{align-self:center;text-align:center;font-size:11.5px;color:#8696a0;background:#182229;border-radius:10px;padding:6px 10px;max-width:90%}
.wa-b{max-width:82%;padding:7px 10px;border-radius:10px;font-size:13px;line-height:1.4;display:flex;flex-direction:column;gap:6px}
.wa-b.in{align-self:flex-end;background:#005c4b;border-top-right-radius:3px}
.wa-b.out{align-self:flex-start;background:#202c33;border-top-left-radius:3px}
.wa-btns,.wa-list{display:flex;flex-direction:column;gap:4px;margin:0 -4px -2px}
.wa-btns button,.wa-list button{background:#182229;color:#53bdeb;border-radius:8px;box-shadow:none;padding:7px 10px;font-size:12.5px;text-align:center}
.wa-list button{text-align:left;display:flex;flex-direction:column;color:#e9edef}.wa-list small{color:#8696a0;font-size:11px}
.wa-btns button:disabled,.wa-list button:disabled{opacity:.45;cursor:default;filter:none}
.wa-link{font-size:12px;color:#53bdeb}.wa-hand{font-size:11px;color:var(--f-warn)}
.wa-in{display:flex;gap:6px;padding:8px;background:#1f2c34}.wa-in input{flex:1;border-radius:99px;background:#2a3942;border:0;padding:9px 14px}
@media (max-width:1200px){.bot-wrap{grid-template-columns:1fr}.bot-sim{position:static}}
/* ---------- Сторінка запису (bookpage-crm.js) ---------- */
.bp-wrap{display:grid;grid-template-columns:minmax(0,1fr) 414px;gap:18px;align-items:start}
.bp-set .card:first-child{margin-top:0}
.bp-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:10px}
.bp-phone{width:414px;height:820px;border-radius:44px;padding:12px;background:#0a0a0a;border:1px solid var(--f-line2);box-shadow:var(--sh-elev);display:flex;flex-direction:column;overflow:hidden}
.bp-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 18px 8px;font-size:12px;color:var(--f-muted)}
.bp-url{font-size:11px;padding:3px 10px;border-radius:99px;background:var(--f-overlay)}
#bpHost{flex:1;overflow:auto;border-radius:30px;background:#fff}
.bp-acc{display:flex;align-items:center;gap:8px}.bp-acc input[type=color]{width:44px;height:34px;padding:2px;border-radius:10px;border:1px solid var(--f-line2);background:none}
.bp-pct{display:flex;align-items:center;gap:6px}.bp-pct input{width:70px}
.bp-svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.bp-svc label{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--f-on-surface);cursor:pointer;font-size:13px}
.bp-svc label.on{outline:1px solid rgba(91,155,230,.45)}.bp-svc small{grid-column:2}
.bp-usp{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media (max-width:1300px){.bp-wrap{grid-template-columns:1fr}.bp-prev{position:static;align-items:center}}
/* ---------- Онбординг і вхід EU (eu-auth.js) ---------- */
.au-card.wide.xl{max-width:760px}
.au-wa{display:flex;gap:18px;align-items:center;margin-top:14px;text-align:left}.au-wa .wa-qr{border-radius:14px;flex:none}.au-wa>div{display:flex;flex-direction:column;gap:10px}
.au-demo{margin-top:14px;font-size:12px;color:var(--f-muted);text-align:left}.au-demo summary{cursor:pointer}.au-demo .au-2{align-items:end;margin-top:8px}
.eu-calc{margin:16px 0 4px;padding:18px;border-radius:var(--r-md);background:linear-gradient(160deg,rgba(91,155,230,.14),rgba(91,155,230,0) 60%),var(--f-on-surface);border:1px solid rgba(91,155,230,.25);text-align:left}
.eu-calc-h{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--f-muted);font-size:13px}
.eu-calc-big{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:10px 0}.eu-calc-big b{font-size:40px;font-weight:600;letter-spacing:-.02em}.eu-calc-big span{color:var(--f-muted)}.eu-calc-big small{flex-basis:100%;color:var(--f-muted)}
.eu-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.eu-tl li{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:var(--f-raised);font-size:13px}.eu-tl li:first-child b{color:var(--f-ok)}
.eu-tpl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:46vh;overflow:auto;margin:12px 0;padding-right:4px;text-align:left}
.eu-g{display:flex;flex-direction:column;gap:3px}.eu-g>b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--f-subtle);margin:4px 0}
.eu-w{display:grid;grid-template-columns:auto 1fr 58px auto 64px;gap:8px;align-items:center;padding:5px 8px;border-radius:10px;background:var(--f-on-surface);font-size:12.5px}
.eu-w.off{opacity:.45}.eu-w .eu-min{padding:3px 6px;font-size:12px;text-align:right}.eu-w small{color:var(--f-subtle)}.eu-w em{font-style:normal;text-align:right;color:var(--f-soft);font-variant-numeric:tabular-nums}
.au-chk{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--f-muted);text-align:left}
.ob-check{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;border-radius:14px;background:var(--f-on-surface);margin:10px 0;font-size:13px}.ob-check span{color:var(--f-muted)}
.eu-setup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px}
.eu-ck{display:inline-flex;align-items:center;gap:8px;font-size:13px}.eu-ck i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--f-subtle);display:grid;place-items:center;font-style:normal;font-size:11px}.eu-ck.ok{opacity:.55}.eu-ck.ok i{background:var(--f-ok);border-color:var(--f-ok);color:#000}
.eu-setup .ghost{margin-left:auto}
@media (max-width:760px){.eu-tpl{grid-template-columns:1fr}.au-wa{flex-direction:column}}
.au-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;grid-auto-flow:column}
.au-tabs button{white-space:nowrap;padding-left:8px;padding-right:8px}
.ch-card dl{grid-template-columns:1fr;gap:2px}.ch-card dd{margin-bottom:6px}
/* розміщення сторінки запису */
.bp-lays{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bp-lay{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 10px;border-radius:var(--r-md);background:var(--f-on-surface);border:1px solid var(--f-hair);white-space:normal;line-height:1.35}
.bp-lay.on{border-color:var(--f-primary);background:linear-gradient(180deg,rgba(91,155,230,.14),transparent 70%),var(--f-on-surface)}
.bp-thumb{display:block;width:72px;color:var(--f-muted)}.bp-lay.on .bp-thumb{color:var(--f-soft)}.bp-thumb svg{width:100%;height:auto;display:block}
.bp-lay small{font-size:11px}
.rq-note{font-size:12.5px;color:var(--f-muted);font-style:italic;padding:0 2px}
#bpHost{transform:translateZ(0);position:relative}
/* обране розміщення — як «Ставка нормогодини» (hero-mini), інтенсивність −30% */
.bp-lay{position:relative;overflow:hidden;isolation:isolate}
.bp-lay>*{position:relative;z-index:1}
.bp-lay.on{background:rgb(9,22,40);border:1px solid rgba(197,228,255,.13);
  box-shadow:inset 0 0 2px rgba(228,242,255,.28),inset 0 9px 30px -10px rgba(138,203,255,.7),inset 0 -14px 32px -12px rgba(36,95,209,.7),inset 18px 0 38px -20px rgba(36,95,209,.7),inset -18px 0 38px -20px rgba(36,95,209,.7)}
.bp-lay.on::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background:radial-gradient(at 50% -35%,#8acbff,transparent 62%),radial-gradient(at 110% 100%,#245fd1,transparent 55%),radial-gradient(at -30% 90%,#245fd1,transparent 60%)}
.bp-lay.on::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.025;background: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")}
.bp-lay.on small{color:rgba(255,255,255,.72)}
.bp-lay.on .bp-thumb{color:rgba(220,236,255,.85)}
.ib-bot{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:14px;font-size:12.5px;margin-bottom:6px}
.ib-bot.on{background:var(--okb);color:var(--f-ok)}.ib-bot.pause{background:var(--warnb);color:var(--f-warn)}.ib-bot.off{background:var(--f-overlay);color:var(--f-muted)}
.mt-phone{color:var(--f-soft)}
.rq-rem{margin:0;display:flex;flex-direction:column;gap:10px}
/* підписка */
.bill-big{display:flex;align-items:baseline;gap:6px}.bill-big b{font-size:40px;font-weight:600;letter-spacing:-.02em}.bill-big span{color:var(--f-muted)}
.bill-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:var(--f-on-surface)}
.bill-ban{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 16px;border-radius:16px;margin-bottom:14px;font-size:13px}
.bill-ban.ask{background:var(--warnb);color:var(--f-warn)}.bill-ban.readonly{background:var(--badb);color:var(--f-bad)}.bill-ban span{color:var(--f-text)}
.ob-days{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
/* демо-імітація WhatsApp: поля не вилазять за картку, кнопка на всю ширину */
.au-demo .au-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.au-demo .au-2>*{min-width:0}.au-demo .au-f input{width:100%;min-width:0;box-sizing:border-box}.au-demo .au-2 .au-btn{grid-column:1/-1;width:100%}
/* партнерка: дерево мережі і рух коштів — рядки замість таблиці */
.rn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;flex-wrap:nowrap}
.rn-m{display:grid;gap:2px;min-width:0}.rn-m b{font-size:14.5px;font-weight:600}.rn-m span{font-size:12px;color:var(--f-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rn-r{display:grid;justify-items:end;gap:2px}.rn-r b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.rn-st{font-size:11.5px;color:var(--f-subtle);white-space:nowrap}.rn-st.on{color:var(--f-ok)}
.rtree ul{margin-left:9px;padding-left:22px}
.rl{display:grid;max-height:640px;overflow-y:auto;margin:0 -6px;padding:0 6px}
.rl-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--f-hair)}.rl-i:last-child{border-bottom:0}
.rl-m{display:grid;gap:2px;min-width:0}.rl-m b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-m b span{font-weight:400;color:var(--f-muted)}.rl-m small{font-size:12px;color:var(--f-subtle)}
.rl-r{display:flex;align-items:center;gap:10px}.rl-r b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.rl-r b.pos{color:var(--f-ok)}.rl-r b.neg{color:var(--f-text)}
.lv.sp-ic{background:var(--f-overlay);color:var(--f-muted)}
/* налаштування компанії: випадаючий список розділів замість довгої смуги вкладок */
.co-dd{position:relative;display:inline-block;margin-bottom:20px;z-index:20}
.co-dd>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 18px;border-radius:var(--r-pill);background:var(--f-raised);border:1px solid var(--f-line2);box-shadow:var(--sh-hl);cursor:pointer;font-size:14px;user-select:none;transition:border-color .15s,background .15s}
.co-dd>summary::-webkit-details-marker{display:none}
.co-dd>summary:hover{background:var(--f-hover)}.co-dd[open]>summary{border-color:var(--f-primary)}
.co-dd>summary em{font-style:normal;color:var(--f-muted)}.co-dd>summary i{font-style:normal;color:var(--f-dim)}.co-dd>summary b{font-weight:600}
.co-dd>summary .ic{color:var(--f-muted);transition:transform .2s}.co-dd[open]>summary .ic{transform:rotate(180deg)}
.co-dd-p{position:absolute;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px;padding:10px;border-radius:20px;background:#15191d;border:1px solid var(--f-line2);box-shadow:0 24px 60px rgba(0,0,0,.55);animation:coDd .16s ease-out}
:root[data-theme="light"] .co-dd-p{background:#fff;box-shadow:0 24px 60px rgba(20,18,26,.16)}
@keyframes coDd{from{opacity:0;transform:translateY(-4px)}}
.co-dd-g{display:grid;align-content:start;gap:2px;padding:4px}
.co-dd-g>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--f-subtle);padding:6px 10px 6px}
.co-dd-g button{justify-content:flex-start;text-align:left;min-height:36px;padding:0 10px;border-radius:10px;background:transparent;border:0;box-shadow:none;color:var(--f-text);font-size:13.5px;font-weight:500}
.co-dd-g button:hover{background:var(--f-hover)}.co-dd-g button.on{background:color-mix(in srgb,var(--f-primary) 18%,transparent);color:var(--f-soft)}
@media (max-width:760px){.co-dd-p{grid-template-columns:1fr;min-width:240px}}
.rl-r .pill{min-width:76px;justify-content:center;text-align:center}
/* Онлайн-запис: акценти */
.rq-k{overflow:hidden;padding-top:16px!important}
.rq-k::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 100% 0,color-mix(in srgb,var(--k) 16%,transparent),transparent 60%);pointer-events:none}
.rq-ki{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent);border:1px solid color-mix(in srgb,var(--k) 26%,transparent)}
.rq-k>b{font-size:34px!important;color:var(--f-text)}.rq-k.hot>b{color:var(--k)!important;text-shadow:0 0 24px color-mix(in srgb,var(--k) 55%,transparent)}
.rq-k.hot{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 40%,transparent)!important}.rq-k.hot .rq-ki{animation:rqPulse 1.8s ease-in-out infinite}
@keyframes rqPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--k) 0%,transparent),0 0 18px color-mix(in srgb,var(--k) 45%,transparent)}}
.rq-k .rq-bar{background:color-mix(in srgb,var(--k) 12%,transparent)}.rq-k .rq-bar i{background:var(--k);box-shadow:0 0 10px var(--k)}
.rq-sh h3{font-size:19px}.rq-sec.hot .rq-sh h3{color:#f3c46b}
.rq-c{position:relative;overflow:hidden;padding-top:20px!important}
.rq-c::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5b9be6,#8acbff)}
.rq-c.hot::before{background:linear-gradient(90deg,#f3c46b,#f28b62)}.rq-c.st-proposed::before{background:linear-gradient(90deg,#8b6cf0,#b79cff)}.rq-c.st-draft::before{background:var(--f-line2)}
.rq-c.hot{border:1px solid rgba(243,196,107,.4)!important;background:radial-gradient(120% 70% at 0 0,rgba(243,196,107,.13),transparent 60%),var(--f-raised)!important;box-shadow:0 18px 50px -20px rgba(243,160,80,.35)!important}
.rq-code{display:inline-flex;align-items:center;gap:5px;font-size:15px;letter-spacing:.02em}.rq-c.hot .rq-code{color:#f3c46b}
.rq-src{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600}
.rq-src.pg{color:#8acbff;background:rgba(138,203,255,.12)}.rq-src.bot{color:#7fdca4;background:rgba(127,220,164,.12)}
.rq-whorow{display:flex;align-items:center;gap:12px}
.rq-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:700;color:#0c1115;background:linear-gradient(135deg,#d3eaff,#8acbff)}
.rq-c.hot .rq-av{background:linear-gradient(135deg,#fde3a7,#f3c46b)}
.rq-who b{font-size:15.5px}
.rq-what{align-items:center;border:1px solid var(--f-hair)}.rq-what>b{font-size:17px;color:var(--f-text)}.rq-c.hot .rq-what>b{color:#f3c46b}
.rq-when{gap:12px!important}.rq-when>b{font-size:15px}
.rq-cal{flex:none;display:grid;place-items:center;width:46px;height:50px;border-radius:12px;overflow:hidden;background:var(--f-on-surface);border:1px solid var(--f-line2);line-height:1}
.rq-cal small{display:block;width:100%;padding:3px 0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:center;color:#fff;background:#5b9be6}
.rq-cal b{font-size:20px;font-weight:700;padding-bottom:4px}.rq-c.hot .rq-cal small{background:#e9a24f}.rq-cal.none{color:var(--f-muted)}
.rq-fit{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 11px;border-radius:99px;font-weight:600;background:var(--f-on-surface)}
.rq-fit i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.rq-fit.ok{background:rgba(145,197,177,.12)}.rq-fit.bad{background:rgba(198,178,131,.12)}
.rq-a{margin-top:auto;padding-top:4px}
.rq-done{display:grid;border-radius:var(--r-lg);background:var(--f-raised);box-shadow:var(--sh-hl);overflow:hidden}
.rq-dr{display:grid;grid-template-columns:10px 90px minmax(120px,1fr) minmax(140px,1.3fr) 150px minmax(150px,1.2fr);align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--f-hair);font-size:13.5px}.rq-dr:last-child{border-bottom:0}
.rq-dr:hover{background:var(--f-hover)}
.rq-dot{width:8px;height:8px;border-radius:50%;background:var(--f-ok)}.rq-dr.declined .rq-dot{background:var(--f-bad)}
.rq-dn{font-weight:600}.rq-ds{display:flex;align-items:center;gap:8px;min-width:0}.rq-ds small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.rq-dr{grid-template-columns:10px 80px 1fr 1fr}.rq-dr>:nth-child(5),.rq-dr>:nth-child(6){grid-column:3/-1}}
.rq-what>span{min-width:0}.rq-what>b{display:grid;justify-items:end;white-space:nowrap;text-align:right}.rq-what>b small{font-size:11.5px;font-weight:500}
/* ===== AI-помічник: «магія» аналізу (раз на 30 хв) ===== */
.adv-top{position:relative;overflow:hidden}
.am-scan{display:none}
.am-on .am-scan{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;position:absolute;inset:0;padding:22px 26px;z-index:3;background:inherit;transition:opacity .6s,filter .6s,transform .6s}
.am-on.am-reveal .am-scan{opacity:0;filter:blur(8px);transform:scale(1.02);pointer-events:none}
.am-on:not(.am-reveal) .adv-score,.am-on:not(.am-reveal) .adv-sum{opacity:0}
.am-on .adv-score,.am-on .adv-sum{transition:opacity .7s .15s}
/* сфера, що «думає» */
.am-orb{position:relative;width:170px;height:170px;margin:auto}
.am-orb i{position:absolute;inset:0;border-radius:50%;border:2px solid transparent}
.am-orb i:nth-child(1){border-top-color:#8acbff;border-right-color:#8acbff55;animation:amSpin 1.1s linear infinite}
.am-orb i:nth-child(2){inset:18px;border-bottom-color:#b79cff;border-left-color:#b79cff55;animation:amSpin 1.7s linear infinite reverse}
.am-orb i:nth-child(3){inset:46px;border:0;background:radial-gradient(circle at 35% 30%,#d3eaff,#5b9be6 45%,#245fd1 70%,transparent 72%);filter:drop-shadow(0 0 22px #5b9be6aa);animation:amBreath 1.4s ease-in-out infinite}
@keyframes amSpin{to{transform:rotate(360deg)}}
@keyframes amBreath{50%{transform:scale(1.12);filter:drop-shadow(0 0 34px #8acbffcc)}}
.am-title{margin:0 0 12px;font-weight:400;font-size:24px;background:linear-gradient(90deg,var(--f-text) 0%,#8acbff 30%,#b79cff 50%,var(--f-text) 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:amShine 2.2s linear infinite}
@keyframes amShine{from{background-position:100% 0}to{background-position:-150% 0}}
.am-dots i{font-style:normal;animation:amDot 1.2s infinite}.am-dots i:nth-child(2){animation-delay:.2s}.am-dots i:nth-child(3){animation-delay:.4s}
@keyframes amDot{0%,60%,100%{opacity:.2}30%{opacity:1}}
.am-log ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 26px}
.am-log li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--f-muted);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s,color .3s}
.am-log li.go{opacity:1;transform:none;color:var(--f-text)}
.am-st{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid #8acbff44;border-top-color:#8acbff;animation:amSpin .7s linear infinite}
.am-log li.ok .am-st{animation:none;border:0;background:#91c5b1;box-shadow:0 0 10px #91c5b199;mask:none;position:relative}
.am-log li.ok .am-st::after{content:"";position:absolute;left:5px;top:2.5px;width:4px;height:8px;border:solid #0c1115;border-width:0 2px 2px 0;transform:rotate(45deg)}
.am-log li.ok{color:var(--f-muted)}
.am-t{flex:1}.am-c{font-variant-numeric:tabular-nums;font-weight:600;color:#8acbff;white-space:nowrap}
/* промінь-сканер по всьому екрану */
.am-on:not(.am-reveal)::after{content:"";position:fixed;left:var(--side-w,380px);right:0;top:0;height:140px;pointer-events:none;z-index:5;background:linear-gradient(180deg,transparent,rgba(138,203,255,.06) 70%,rgba(138,203,255,.35) 98%,transparent);border-bottom:1px solid rgba(138,203,255,.5);animation:amBeam 1.6s cubic-bezier(.5,0,.5,1) infinite}
@keyframes amBeam{from{transform:translateY(-160px)}to{transform:translateY(100vh)}}
/* кільце й смуги — після сканування */
.am-on:not(.am-reveal) .lv-ringp{stroke-dasharray:0 400}
.am-on.am-reveal .lv-ringp{animation:amRing 1.4s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes amRing{from{stroke-dasharray:0 400}}
.am-on:not(.am-reveal) .adv-pb i{width:0!important;animation:none}
.am-on.am-reveal .adv-pb i{animation:lvGrow 1.2s cubic-bezier(.2,.8,.2,1) both}
.am-on.am-reveal .adv-parts>div:nth-child(2) .adv-pb i{animation-delay:.12s}.am-on.am-reveal .adv-parts>div:nth-child(3) .adv-pb i{animation-delay:.24s}.am-on.am-reveal .adv-parts>div:nth-child(4) .adv-pb i{animation-delay:.36s}
/* поради: скелетон з блиском, потім проявляються */
.am-on .adv-tip{animation:none;position:relative;overflow:hidden}
.am-on .adv-tip:not(.am-in)>*{opacity:0}
.am-on .adv-tip:not(.am-in){background:linear-gradient(100deg,var(--f-raised) 30%,rgba(138,203,255,.09) 50%,var(--f-raised) 70%) 0 0/300% 100%;animation:amSkel 1.4s linear infinite}
@keyframes amSkel{from{background-position:100% 0}to{background-position:-100% 0}}
.am-on .adv-tip.am-in>*{animation:lvRise .55s cubic-bezier(.2,.8,.2,1) both}
.am-on .adv-tip.am-in>.adv-g{animation-delay:.1s}
.am-on .adv-tip.am-in::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(211,234,255,.16) 50%,transparent 65%) 0 0/250% 100%;animation:amSweep .9s ease-out forwards}
@keyframes amSweep{from{background-position:120% 0}to{background-position:-60% 0;opacity:0}}
.am-on .adv-tip.am-in .adv-e{animation:amPop .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes amPop{from{transform:scale(.3) rotate(-20deg);opacity:0}}
.am-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-2px;background:#8acbff;animation:amDot .6s infinite}
.am-spark{position:fixed;z-index:9999;width:8px;height:8px;pointer-events:none;background:radial-gradient(circle,#fff,#8acbff 40%,transparent 70%);border-radius:50%;animation:amSpark 1s ease-out forwards}
@keyframes amSpark{from{transform:translate(0,0) scale(var(--s));opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
@media (max-width:1100px){.am-on .am-scan{grid-template-columns:1fr}.am-orb{width:110px;height:110px}.am-log ol{grid-template-columns:1fr}}
/* ===== Чат з цехом (CRM) ===== */
.sc{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:14px;height:calc(100vh - 150px);min-height:520px}
.sc-list,.sc-main{display:flex;flex-direction:column;min-height:0;border-radius:var(--r-lg);background:var(--f-raised);box-shadow:var(--sh-hl);overflow:hidden}
.sc-f{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--f-hair)}
.sc-f button{flex:1;height:34px;padding:0 10px;border-radius:12px;background:transparent;box-shadow:none;color:var(--f-muted);font-size:13px}
.sc-f button.on{background:var(--f-overlay);color:var(--f-text)}.sc-f em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:99px;background:var(--f-primary);color:#fff;margin-left:2px}
.sc-items{flex:1;overflow-y:auto}
.sc-it{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;padding:13px 14px;text-align:left;background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--f-hair);min-height:0;position:relative}
.sc-it:hover{background:var(--f-hover)}.sc-it.on{background:color-mix(in srgb,var(--f-primary) 12%,transparent)}
.sc-it.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--f-primary)}
.sc-lg{width:42px;height:42px;border-radius:50%;background:#fff;object-fit:contain;padding:4px;display:grid;place-items:center;color:#000;font-weight:700;flex:none}
.sc-m{display:grid;gap:3px;min-width:0}.sc-m b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.sc-m b span{font-weight:400;color:var(--f-muted);letter-spacing:0}
.sc-m small{font-size:12.5px;color:var(--f-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-m small.new{color:var(--f-text);font-weight:600}
.sc-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}.sc-tags i{font-style:normal;font-size:11px;padding:2px 8px;border-radius:99px;background:var(--f-overlay);color:var(--f-muted)}.sc-tags i.pt{background:rgba(240,196,106,.14);color:#f0c46a}
.sc-r{display:grid;justify-items:end;gap:6px}.sc-r small{font-size:11.5px;color:var(--f-subtle)}.sc-r em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;line-height:20px;text-align:center;background:var(--f-primary);color:#fff}
.sc-none{padding:20px}
.sc-h{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--f-hair)}
.sc-h>div{flex:1;min-width:0}.sc-h b{display:block;font-size:17px;letter-spacing:.03em}.sc-h small{font-size:12.5px;color:var(--f-muted)}
.sc-who{display:flex;align-items:center;gap:8px}.sc-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:11.5px;font-weight:700;color:#0c1115;background:linear-gradient(135deg,#d3eaff,#8acbff);margin-left:-6px;box-shadow:0 0 0 2px var(--f-raised)}
.sc-feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px 20px}
.sc-comp{border-top:1px solid var(--f-hair);padding:10px 14px 14px}
.sc-q{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.sc-q button{flex:none;height:30px;padding:0 12px!important;border-radius:99px;font-size:12.5px;background:var(--f-overlay);box-shadow:none;white-space:nowrap}
.sc-in{display:flex;gap:8px}.sc-in input{flex:1;height:44px;border-radius:14px}
.sc-empty{margin:auto;text-align:center;max-width:360px;padding:30px}
/* повідомлення (спільна розмітка з телефоном) */
.sc .wc-day{align-self:center;margin:6px 0;padding:3px 12px;border-radius:99px;font-size:11.5px;font-weight:600;color:var(--f-muted);background:var(--f-overlay)}
.sc .wc-row{display:flex;align-items:flex-end;gap:8px;max-width:72%}.sc .wc-row.me{align-self:flex-end;flex-direction:row-reverse}
.sc .wc-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--f-overlay);color:var(--f-soft)}
.sc .wc-b{padding:9px 13px 6px;border-radius:18px 18px 18px 6px;background:var(--f-overlay);font-size:14px;line-height:1.45;animation:lvIn .25s ease}
.sc .wc-row.me .wc-b{border-radius:18px 18px 6px 18px;background:var(--f-primary);color:#fff}
.sc .wc-b small{display:block;margin-top:2px;font-size:10.5px;text-align:right;opacity:.6}
.sc .wc-b img{display:block;max-width:260px;border-radius:12px;margin-bottom:6px}
.sc .wc-sys{align-self:center;display:flex;gap:8px;align-items:center;padding:5px 12px;border-radius:10px;font-size:12px;color:var(--f-muted);border:1px dashed var(--f-line2)}.sc .wc-sys small{font-size:10.5px;opacity:.7}
.sc .wc-part{width:340px;max-width:100%;padding:13px 14px;border-radius:18px;background:var(--f-on-surface);border:1px solid rgba(240,196,106,.35)}
.sc .wc-part.stop{border-color:rgba(227,147,141,.5)}
.sc .wc-ph{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--f-muted)}.sc .wc-ph i{font-style:normal}.sc .wc-ph span{flex:1}.sc .wc-ph b{color:var(--f-bad)}.sc .wc-ph small{font-size:10.5px}
.sc .wc-part p{margin:8px 0 10px;font-size:15px;font-weight:600}
.sc .wc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sc .wc-steps div{display:grid;gap:5px;font-size:10.5px;color:var(--f-subtle);text-align:center}
.sc .wc-steps i{height:4px;border-radius:4px;background:var(--f-line2)}.sc .wc-steps .done i{background:color-mix(in srgb,#f0c46a 55%,transparent)}.sc .wc-steps .cur i{background:#f0c46a;box-shadow:0 0 8px #f0c46a}.sc .wc-steps .cur{color:#f0c46a;font-weight:700}
.sc .wc-eta{display:inline-flex;margin-top:10px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;color:#f0c46a;background:rgba(240,196,106,.12)}
.sc .wc-pa{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sc .wc-pa button{height:30px;padding:0 11px!important;border-radius:10px;font-size:12px;min-height:0}.sc .wc-pa button.ok{background:var(--f-ok);color:#0c1115}
@media (max-width:1000px){.sc{grid-template-columns:1fr;height:auto}.sc-list{max-height:320px}}
.sc-f button{white-space:nowrap}

/* партнерка: згортані картки «Мережа» / «Рух коштів» */
.grid2:has(> .rcol){align-items:start}
.rc-sum{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none}
.rc-sum::-webkit-details-marker{display:none}
.rc-t{display:grid;gap:4px;min-width:0}.rc-t h3{margin:0}
.rc-sum:hover .ph-open{color:var(--f-text)}
.rcol[open] .ph-chev{transform:rotate(90deg)}
.rcol[open] > .rc-sum{margin-bottom:12px}
.rc-sum .ph-open em{font-style:normal}