:root{--bg:#f7f7f8;--panel:#fff;--panel2:#fafafa;--text:#1f2328;--muted:#6b7280;--border:#e6e6e9;--accent:#5b5bd6;--accent2:#4747c2;--accentbg:#eeeefc;
--green:#16a34a;--red:#dc2626;--amber:#d97706;--shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);--r:10px;--side:232px}
[data-theme=dark]{--bg:#0f1115;--panel:#16191f;--panel2:#1b1f26;--text:#e6e8eb;--muted:#9aa1ab;--border:#262a33;--accent:#7c7cf0;--accent2:#9494f5;--accentbg:#23243a;--shadow:none}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}h2{font-size:20px}h3{font-size:15px}
small{color:var(--muted)}code{background:var(--panel2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}
/* layout */
.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;z-index:30;transition:transform .2s}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:4px 10px 16px}
.brand i{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#a855f7);display:grid;place-items:center;color:#fff;font-style:normal;font-size:14px}
.nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;color:var(--text);font-weight:500;margin:1px 0}
.nav a:hover{background:var(--panel2);text-decoration:none}.nav a.on{background:var(--accentbg);color:var(--accent)}
.nav svg{width:17px;height:17px;flex:none;opacity:.85}.nav .sep{height:1px;background:var(--border);margin:10px 6px}
.nav .badge{margin-left:auto;background:var(--red);color:#fff;border-radius:10px;font-size:11px;padding:0 7px;line-height:18px}
.nav .badge.n{background:var(--panel2);color:var(--muted);border:1px solid var(--border)}
.side .foot{margin-top:auto;padding:8px 10px;display:flex;gap:6px;flex-wrap:wrap}
.wrap{margin-left:var(--side);min-height:100%}
.top{position:sticky;top:0;z-index:20;height:56px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px}
.top .title{font-weight:600;font-size:15px}.top .sp{flex:1}
.ring{display:flex;align-items:center;gap:8px;color:var(--text)}.ring svg{width:34px;height:34px;transform:rotate(-90deg)}
.ring b{font-size:13px}.ring small{display:block;font-size:11px;line-height:1.1}
.pill-timer{font-size:12px;padding:4px 10px;border-radius:20px;background:var(--panel);border:1px solid var(--border);font-variant-numeric:tabular-nums}
.pill-timer.wait{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--border))}.pill-timer.go{color:var(--green)}
main{padding:24px;max-width:1400px}
.burger{display:none;background:none!important;color:var(--text)!important;padding:4px!important}
/* components */
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}
.card h2:first-child,.card h3:first-child{margin-top:0}
table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel)}
th,td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:13.5px}
th{font-weight:500;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em;background:var(--panel2)}
tr:hover td{background:color-mix(in srgb,var(--panel2) 60%,transparent)}
.tbl{border:1px solid var(--border);border-radius:var(--r);overflow:auto;max-height:calc(100vh - 230px);box-shadow:var(--shadow)}
.tbl th{position:sticky;top:0;z-index:2}.tbl tr:last-child td{border-bottom:0}
input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:7px 10px;outline:none;transition:border .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentbg)}
textarea{width:100%;resize:vertical}label{display:block;color:var(--muted);font-size:13px}label input,label select,label textarea{color:var(--text)}
button,.btn{font:inherit;font-weight:500;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;border:1px solid transparent;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none!important;transition:filter .15s,background .15s;white-space:nowrap;font-size:13.5px}
button:hover,.btn:hover{filter:brightness(1.08)}button:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.s,button.s{background:var(--panel);color:var(--text);border-color:var(--border)}.btn.s:hover{background:var(--panel2)}
.btn.g{background:var(--green)}.btn.o{background:var(--red)}.btn.sm{padding:4px 9px;font-size:12.5px}
.loading{position:relative;color:transparent!important;pointer-events:none}.loading:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}
.btn.s.loading:after{border-color:var(--muted);border-right-color:transparent}@keyframes sp{to{transform:rotate(360deg)}}
.spin{display:inline-block;width:12px;height:12px;border:2px solid var(--muted);border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}
.st{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--panel2);color:var(--muted);border:1px solid var(--border)}
.st:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-Не{color:#6b7280}.st-Написали{color:#2563eb;background:#2563eb14;border-color:#2563eb33}.st-Ответили{color:#d97706;background:#d9770614;border-color:#d9770633}
.st-Созвон{color:#9333ea;background:#9333ea14;border-color:#9333ea33}.st-Отказ{color:#dc2626;background:#dc262614;border-color:#dc262633}
.st-Клиент{color:#16a34a;background:#16a34a14;border-color:#16a34a33}.st-Нет{color:#64748b;background:#64748b14;border-color:#64748b33}
select.stsel{padding:3px 8px;border-radius:20px;font-size:12px}
.flash{background:var(--accentbg);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:10px 14px;border-radius:8px;margin-bottom:12px}
.flash.warn,.warn{background:#dc262612;border-color:#dc262633}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12.5px;cursor:pointer}
.chip:hover{text-decoration:none;background:var(--panel2)}.chip.on{background:var(--accentbg);border-color:var(--accent);color:var(--accent)}.chip em{font-style:normal;color:var(--muted);font-size:11.5px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg a{padding:6px 12px;color:var(--text);font-size:13px}.seg a.on{background:var(--accentbg);color:var(--accent)}.seg a:hover{text-decoration:none}
.grid2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:16px}
.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.kpi small{display:block;font-size:12px}.kpi b{font-size:28px;font-weight:600;letter-spacing:-.02em}.kpi .bar{height:6px;background:var(--panel2);border-radius:3px;margin-top:8px;overflow:hidden}.kpi .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;border-radius:14px;padding:22px 26px;margin-bottom:16px}
.hero h2{margin:0 0 4px}.hero .btn{background:#fff;color:var(--accent2);font-weight:600;padding:10px 18px}
.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty .ico{font-size:34px;margin-bottom:6px}.empty b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px}.meta span:nth-child(odd){color:var(--muted)}
.actions{display:flex;gap:6px;flex-wrap:wrap}
/* kanban */
.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}
.col{flex:0 0 260px;background:var(--panel2);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;max-height:calc(100vh - 170px)}
.col h4{margin:0;padding:10px 12px;display:flex;align-items:center;gap:8px;font-size:13px;border-bottom:1px solid var(--border)}.col h4 em{margin-left:auto;font-style:normal;color:var(--muted);font-weight:400}
.col .items{padding:8px;overflow:auto;flex:1;min-height:60px}.col.over{outline:2px dashed var(--accent);outline-offset:-2px}
.kc{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 10px;margin-bottom:7px;cursor:grab;box-shadow:var(--shadow)}.kc:active{cursor:grabbing}.kc.drag{opacity:.4}
.kc b{display:block;font-size:13px;font-weight:500}.kc small{font-size:11.5px}
/* messenger */
.msgr{display:grid;grid-template-columns:320px 1fr;height:calc(100vh - 104px);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.msgr .list{border-right:1px solid var(--border);overflow:auto}.msgr .list .tabs{padding:10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}
.ci{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text)}.ci:hover{background:var(--panel2);text-decoration:none}.ci.on{background:var(--accentbg)}
.av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:600;font-size:14px}
.ci .t{flex:1;min-width:0}.ci .t b{font-weight:500;display:flex;gap:6px}.ci .t b span{margin-left:auto;font-weight:400;font-size:11px;color:var(--muted)}
.ci .t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci .u{background:var(--accent);color:#fff;border-radius:10px;font-size:11px;padding:0 7px;align-self:center}
.msgr .pane{display:flex;flex-direction:column;min-width:0}
.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat .hd{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bubbles{flex:1;overflow:auto;padding:16px;background:var(--bg);min-height:200px}
.bw{display:flex;margin:5px 0}.bw.out{justify-content:flex-end}
.bub{max-width:72%;padding:7px 11px;border-radius:14px;background:var(--panel);border:1px solid var(--border);white-space:pre-wrap;word-wrap:break-word}
.out .bub{background:var(--accent);color:#fff;border-color:transparent;border-bottom-right-radius:4px}.in .bub{border-bottom-left-radius:4px}
.bub .tm{font-size:10.5px;opacity:.7;text-align:right;margin-top:2px}.bub.del{opacity:.5;text-decoration:line-through}
.composer{border-top:1px solid var(--border);padding:10px 12px;background:var(--panel)}.composer textarea{border-radius:10px}
.composer .row{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.hint{font-size:12px}.hint.ok{color:var(--green)}.hint.no{color:var(--amber)}
.card .chat{height:560px}.pane>.chat{flex:1;min-height:0;height:auto}
/* toasts & modal */
#toasts{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:100}
.toast{background:var(--text);color:var(--bg);padding:10px 14px;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-width:380px;font-size:13.5px;animation:tin .2s}
.toast.err{background:var(--red);color:#fff}.toast.ok{background:var(--green);color:#fff}@keyframes tin{from{transform:translateY(8px);opacity:0}}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);display:grid;place-items:center;z-index:110}
.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;max-width:460px;width:92%;box-shadow:0 20px 50px rgba(0,0,0,.25);white-space:pre-wrap}
.modal .actions{justify-content:flex-end;margin-top:16px}
kbd{font:11px ui-monospace,monospace;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--panel2)}
details summary{cursor:pointer;color:var(--muted)}
/* responsive */
@media (max-width:1000px){.grid2{grid-template-columns:1fr}.msgr{grid-template-columns:1fr;height:auto}.msgr .list{max-height:300px}.msgr .pane{height:70vh}}
@media (max-width:760px){.side{transform:translateX(-100%)}.side.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.3)}.wrap{margin-left:0}.burger{display:inline-flex}main{padding:14px}.top{padding:0 12px;gap:8px}.top .title,.ring small{display:none}.hero{flex-direction:column;align-items:flex-start}.tbl{max-height:none}}
.btn svg,button svg{width:15px;height:15px}
.hero kbd{background:#ffffff26;color:#fff;border-color:#ffffff66}
.toolbar select{max-width:230px}td.nw,td small.nw{white-space:nowrap}
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:12px}.kpi b{font-size:22px}}
/* ===== v6: иконки Lucide ===== */
.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;display:inline-block}
button .i,.btn .i{width:15px;height:15px}.empty .ico{display:none}.empty>.i:first-child{width:30px;height:30px;stroke-width:1.5;opacity:.6;display:block;margin:0 auto 8px}
.empty .i{color:var(--muted)}h2 .i,h3 .i{width:18px;height:18px;vertical-align:-3px;color:var(--muted)}.hero h2 .i{color:#fff}
.st:before{width:12px;height:12px;border-radius:0;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.st-Не{--ic:url(/static/i/circle-dashed.svg)}.st-Написали{--ic:url(/static/i/send.svg)}.st-Ответили{--ic:url(/static/i/message-circle-reply.svg)}.st-Созвон{--ic:url(/static/i/phone-call.svg)}
.st-Отказ{--ic:url(/static/i/circle-x.svg)}.st-Клиент{--ic:url(/static/i/badge-check.svg)}.st-Нет{--ic:url(/static/i/clock.svg)}
select.stsel:before{display:none}
[data-theme=dark] .t-dark,[data-theme=light] .t-light,:root:not([data-theme]) .t-light{display:none}
/* ===== v6: сайдбар-рейка ===== */
:root{--rail:56px}
.side{width:var(--rail);padding:12px 8px;overflow:hidden;transition:width .18s ease,box-shadow .18s}
.side .lbl{opacity:0;white-space:nowrap;transition:opacity .12s}
.side:hover,.sb-pinned .side{width:var(--side)}.side:hover .lbl,.sb-pinned .side .lbl{opacity:1}
.side:hover{box-shadow:4px 0 24px rgba(0,0,0,.08)}.sb-pinned .side:hover{box-shadow:none}
.wrap{margin-left:var(--rail);transition:margin .18s}.sb-pinned .wrap{margin-left:var(--side)}
.brand{padding:4px 4px 14px;gap:12px;position:relative}.brand i{flex:none;width:30px;height:30px}
.pin{margin-left:auto;background:none!important;border:0!important;color:var(--muted)!important;padding:4px!important;opacity:0}.side:hover .pin,.sb-pinned .pin{opacity:1}
.pin .pin-off{display:none}.sb-pinned .pin .pin-on{display:none}.sb-pinned .pin .pin-off{display:inline-block}
.nav a{position:relative;padding:8px 11px;gap:12px;color:var(--muted)}.nav a .i{width:18px;height:18px}.nav a.on{color:var(--accent);background:var(--accentbg)}.nav a:hover{color:var(--text)}
.nav .badge{position:absolute;left:24px;top:3px;margin:0;font-size:10px;line-height:15px;padding:0 5px;min-width:15px;text-align:center}
.side:hover .nav .badge,.sb-pinned .nav .badge{position:static;margin-left:auto}
.nav .dot{position:absolute;left:28px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}
.side:hover .nav .dot,.sb-pinned .nav .dot{position:static;margin-left:auto}
.nav2{margin-top:auto}.side{display:flex;flex-direction:column}.side .foot{display:none}
/* спокойный верх */
.top{height:52px;border-bottom-color:transparent;background:var(--bg);gap:10px}
.top .title{font-weight:500;color:var(--muted);font-size:14px}
.accsel{border-color:transparent;background:transparent;color:var(--muted);padding:5px 8px}.accsel:hover{border-color:var(--border)}
.ring{gap:6px;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ring svg{width:22px;height:22px}.ring:hover{text-decoration:none;color:var(--text)}
.pill-timer{border:0;background:transparent;color:var(--muted);font-size:12px;padding:4px 6px}.pill-timer.go{color:var(--muted)}.pill-timer.go:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;vertical-align:1px}
.scrim{display:none}
@media (max-width:760px){.side,.sb-pinned .side{width:var(--side);transform:translateX(-100%)}.side .lbl,.pin{opacity:1}.side.open{transform:none}.side .nav .badge,.side .nav .dot{position:static;margin-left:auto}
 .wrap,.sb-pinned .wrap{margin-left:0}.side.open~.scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:25}.pin{display:none}}
/* ===== v6: вложения ===== */
.att{display:block;max-width:260px;max-height:260px;border-radius:10px;margin:2px 0 4px;cursor:zoom-in}
.album{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;max-width:300px}.album .att{max-width:100%;height:120px;object-fit:cover;margin:0}
.fchip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;margin:2px 0;max-width:260px}
.fchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fchip small{color:inherit;opacity:.7}.out .fchip{color:#fff}
.composer.drop{outline:2px dashed var(--accent);outline-offset:-4px}
.previews{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.previews:empty{display:none}
.pv{position:relative;width:64px;height:64px;border-radius:8px;border:1px solid var(--border);background:var(--panel2);display:grid;place-items:center;overflow:hidden;font-size:10px;text-align:center;color:var(--muted)}
.pv img{width:100%;height:100%;object-fit:cover}.pv button{position:absolute;top:2px;right:2px;padding:0!important;width:18px;height:18px;border-radius:50%;background:#000a!important;justify-content:center}.pv button .i{width:11px;height:11px}
.prog{height:3px;background:var(--panel2);border-radius:2px;overflow:hidden;margin-top:6px;display:none}.prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:grid;place-items:center;z-index:120;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:94vh;border-radius:6px}
.bub{white-space:normal}.bub .tx{white-space:pre-wrap}.bub br:last-of-type{display:none}
.msgr{overflow:clip}.msgr .pane{min-height:0;overflow:hidden}.pane>.chat .bubbles{min-height:0}
/* v3 */
.toast{display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}
.toast .tbtn{background:transparent;border:1px solid currentColor;color:inherit;padding:3px 10px;border-radius:6px;font-weight:600;cursor:pointer;white-space:nowrap}
.toast .tbar{position:absolute;left:0;bottom:0;height:3px;background:currentColor;opacity:.35;width:100%;animation:tbar linear forwards}
@keyframes tbar{from{width:100%}to{width:0}}
.banner{display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:10px;margin-bottom:14px;font-size:14px}
.banner.err{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}
.banner a{margin-left:auto;color:inherit;font-weight:600}
.pager{display:flex;gap:6px;align-items:center;justify-content:center;margin:14px 0}
.task{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}
.task .due{font-variant-numeric:tabular-nums;min-width:96px}
.task.over .due{color:var(--red);font-weight:600}
.task .sp{flex:1}
.wiz-steps{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.wiz-steps span{padding:6px 12px;border-radius:999px;border:1px solid var(--border);font-size:13px}
.wiz-steps span.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.wiz-steps span.done{opacity:.6}
.money{font-variant-numeric:tabular-nums;white-space:nowrap}
.qr{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.qr button{font-size:12px;padding:3px 9px}
.callrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.tagchip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);margin:1px}
.hist{font-size:13px}.hist .undone{text-decoration:line-through;opacity:.6}
/* ===== Аккаунты v4 ===== */
.banner:not(.err):not(.warn){background:var(--accentbg);color:var(--accent2);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.banner.warn{background:color-mix(in srgb,var(--amber) 12%,transparent);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent)}
.acc .banner{margin:10px 0 0;font-size:13px;padding:8px 11px}.acc .banner a{margin-left:0}
.sp{flex:1}.muted{color:var(--muted)}.okc{color:var(--green)}.badc{color:var(--red)}
.acc-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.acc-top h2{display:flex;gap:8px;align-items:center}
.switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--text);font-size:13.5px}.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch>span{width:34px;height:20px;border-radius:20px;background:var(--border);position:relative;transition:.2s;flex:none}
.switch>span:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{left:16px}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.accgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:16px;margin-bottom:12px}
.acc{margin:0;display:flex;flex-direction:column;gap:10px}.acc.cur{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}
.acc.st-paused,.acc.st-spamblock{background:linear-gradient(var(--panel),var(--panel2))}
.acc-h{display:flex;gap:12px;align-items:center}.acc-t{min-width:0;line-height:1.45}.acc-t small{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ava{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:15px;color:hsl(var(--h) 55% 38%);background:hsl(var(--h) 70% 92%)}
[data-theme=dark] .ava{color:hsl(var(--h) 70% 80%);background:hsl(var(--h) 35% 22%)}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;padding:1px 8px;border-radius:20px;border:1px solid var(--border);color:var(--muted);vertical-align:1px}
.tag .i{width:12px;height:12px}.tag.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.tag.warn{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 35%,transparent)}.tag.bad{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent)}
.nring{position:relative;width:56px;height:56px;flex:none}.nring svg{width:56px;height:56px}.nring span{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;font-size:14px}.nring small{font-size:10px;font-weight:400}
.nring span{display:flex;align-items:center;justify-content:center}
.acc-warm .bar,.acc .bar{height:6px;border-radius:6px;background:var(--border);overflow:hidden;margin-top:5px}.acc .bar i{display:block;height:100%;background:var(--accent);border-radius:6px}
.acc-m{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.acc-m>div{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;min-width:0}
.acc-m small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-m b{font-size:18px;line-height:1.3}
.risk{display:inline-flex;align-items:center;gap:6px}.risk i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)}
.risk.amber i{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 25%,transparent)}.risk.red i{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 25%,transparent)}
.risk.amber{color:var(--amber)}.risk.red{color:var(--red)}
.acc-why{display:flex;gap:6px;align-items:flex-start}.acc-why .i,.acc-info .i{width:14px;height:14px;flex:none;margin-top:2px}
.acc-info{display:flex;flex-direction:column;gap:3px;font-size:13px}.acc-info>span{display:flex;gap:6px;align-items:flex-start}
.chart14{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;height:64px;align-items:end;border-bottom:1px solid var(--border);padding-top:4px}
.chart14 .c{position:relative;height:100%;display:flex;align-items:flex-end}.chart14 b{display:block;width:100%;background:color-mix(in srgb,var(--accent) 70%,transparent);border-radius:3px 3px 0 0;min-height:1px}
.chart14 .c.over b{background:var(--red)}.chart14 .nm{position:absolute;left:-1px;right:-1px;border-top:2px dashed var(--amber);opacity:.85}
.chart14 .c:last-child b{background:var(--accent)}
.chart-l{display:flex;justify-content:space-between;margin-top:-6px}.chart-l small{font-size:11px}
.chk summary{cursor:pointer;display:flex;gap:6px;align-items:center;font-size:13.5px;list-style:none}.chk summary::-webkit-details-marker{display:none}.chk summary .i{width:15px;height:15px}
.tick{display:flex;gap:8px;align-items:center;padding:4px 0;color:var(--text);font-size:13.5px;cursor:pointer}.tick input{width:16px;height:16px;accent-color:var(--accent)}.tick .i{width:14px;height:14px}
.acc-a{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s;z-index:95}.drawer-bg.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--panel);border-left:1px solid var(--border);box-shadow:-10px 0 40px rgba(0,0,0,.18);transform:translateX(105%);transition:transform .22s ease;z-index:96;display:flex;flex-direction:column}
.drawer.open{transform:none}.dr-h{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:15px}
.dr-b{padding:16px 18px;overflow:auto;display:flex;flex-direction:column;gap:10px;flex:1}.dr-b[hidden]{display:none}.dr-b label input,.dr-b label select,.dr-b label textarea{width:100%;margin-top:3px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dr-f{display:flex;gap:8px;align-items:center;margin-top:6px}.dr-f [hidden]{display:none}
.hrow{border-bottom:1px solid var(--border);padding:8px 0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
@media (max-width:760px){.accgrid{grid-template-columns:1fr}.acc-m{grid-template-columns:1fr 1fr}.acc-top .btn{margin-left:auto}.row2{grid-template-columns:1fr}}
.dr-b>*,.row2>*{min-width:0}.dr-b select{max-width:100%;text-overflow:ellipsis}.drawer{overflow:hidden}
.acc{min-width:0}.acc-t{flex:1 1 auto}.acc-m>div b{white-space:nowrap}
/* ===== Логотипы каналов (Simple Icons, локальный спрайт) ===== */
.bi{width:16px;height:16px;flex:none;display:inline-block;vertical-align:-3px}
.bb{--b:#64748b;display:inline-flex;align-items:center;justify-content:center;gap:7px;width:32px;height:32px;border-radius:50%;background:var(--b);color:#fff!important;text-decoration:none!important;flex:none;
  transition:filter .15s,transform .1s;box-shadow:0 1px 2px rgba(0,0,0,.12);font-size:13.5px;font-weight:500;vertical-align:middle}
a.bb:hover{filter:brightness(1.08)}a.bb:active{transform:scale(.96)}a.bb:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.bb .i{width:16px;height:16px}.bb.wide{width:auto;border-radius:9px;padding:0 12px 0 9px}
.bb-tg{--b:#26A5E4}.bb-wa{--b:#25D366}.bb-vk{--b:#0077FF}.bb-2gis{--b:#19AA1E}.bb-phone{--b:var(--panel);color:var(--text)!important;border:1px solid var(--border);box-shadow:none}.bb-mail{--b:var(--panel);color:var(--text)!important;border:1px solid var(--border);box-shadow:none}
.bb-2gis .bi{width:22px;height:22px;border-radius:6px}.bb-2gis{background:#fff;border:1px solid var(--border)}.bb-2gis.wide{color:var(--text)!important;background:var(--panel)}
.bb-wa.wide{--b:#1fb855}
.bb.xs{width:20px;height:20px}.bb.xs .bi,.bb.xs .i{width:12px;height:12px}.bb.xs.wide{height:22px;font-size:12px;padding:0 8px 0 6px;border-radius:7px;gap:5px}
.bb-2gis.xs .bi{width:16px;height:16px}
[data-theme=dark] .bb{box-shadow:none}[data-theme=dark] .bb-2gis:not(.wide){background:#fff;border-color:transparent}
.actions .bb{margin:0}.actions .bb.wide{height:34px}
.av{position:relative}.av-b{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;background:#26A5E4;display:grid;place-items:center;border:2px solid var(--panel)}.av-b .bi{width:9px;height:9px}
.btn .bi{width:15px;height:15px}
.impbox{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel2);margin-bottom:12px}
/* ===== Выпадающие списки ===== */
.dd-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden}
.dd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:5px 10px 5px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-weight:400;font-size:14px;cursor:pointer;text-align:left;max-width:100%;filter:none!important;white-space:nowrap}
.dd-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--panel)}.dd-btn:focus-visible,.dd-btn[aria-expanded=true]{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accentbg)}
.dd-btn>.i{width:15px;height:15px;color:var(--muted);flex:none;transition:transform .15s}.dd-btn[aria-expanded=true]>.i{transform:rotate(180deg)}
.dd-v{overflow:hidden;text-overflow:ellipsis;min-width:0}.dd-v .st{padding:1px 8px}
label .dd-btn{display:flex;width:100%;margin-top:3px}
.accsel+.dd-btn{border-color:transparent;background:transparent}.accsel+.dd-btn:hover{background:var(--panel2)}
.dd-menu{position:fixed;z-index:200;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.08);padding:5px;overflow:auto;animation:ddin .12s ease-out}
.dd-menu.up{animation-name:ddup}@keyframes ddin{from{opacity:0;transform:translateY(-4px)}}@keyframes ddup{from{opacity:0;transform:translateY(4px)}}
[data-theme=dark] .dd-menu{box-shadow:0 12px 32px rgba(0,0,0,.55);background:var(--panel2)}
.dd-o{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:14px;color:var(--text)}
.dd-o.act{background:var(--accentbg)}.dd-o.sel{font-weight:500}.dd-o>.i{width:15px;height:15px;color:var(--accent);flex:none}.dd-o.dis{opacity:.45;cursor:default}
.dd-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-l .st .i{width:12px;height:12px}
.dd-g{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 9px 3px}
.dd-s{display:flex;align-items:center;gap:6px;padding:4px 6px 6px;border-bottom:1px solid var(--border);margin-bottom:4px;position:sticky;top:-5px;background:inherit}
.dd-s .i{width:14px;height:14px;color:var(--muted)}.dd-s input{border:0;background:transparent;outline:none;flex:1;padding:4px 2px;color:var(--text);font:inherit;box-shadow:none}
@media (max-width:760px){.dd-o{padding:11px 10px;font-size:15px}.dd-btn{min-height:40px}}
/* ===== Очередь v4 ===== */
.qstrip{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(220px,1.4fr) repeat(3,minmax(120px,1fr));gap:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}
.qstrip>div{padding:12px 16px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--border);min-width:0}.qstrip>div:last-child{border-right:0}
.qstrip small{display:block;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qstrip b{display:block;font-size:16px;white-space:nowrap}
.qs-cell{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:1px!important}
.qs-acc .ava{width:38px;height:38px;font-size:13px}.qs-norm .nring{width:48px;height:48px}.qs-norm .nring svg{width:48px;height:48px}.qs-norm .nring span{font-size:11.5px}
#qwait.wait{color:var(--amber);font-variant-numeric:tabular-nums}#qwait.go{color:var(--green)}
.qs-hours b{display:flex;align-items:center;gap:5px}.qs-hours b .i{width:15px;height:15px}.qs-hours.ok b{color:var(--green)}.qs-hours.bad b{color:var(--red)}
.qgrid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr) minmax(220px,260px);gap:14px;align-items:start}
.qgrid .card{margin:0}.qside{display:flex;flex-direction:column;gap:14px}.qside h4{margin:0 0 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}
.qco{display:flex;flex-direction:column;gap:12px}.qco-h{display:flex;gap:12px;align-items:flex-start}.qco-h h3{margin:2px 0 6px;font-size:17px;line-height:1.25}.qco-h h3 a{color:var(--text)}
.ava.lg{width:52px;height:52px;font-size:17px}.qco .st .i,.qco .tag .i{width:12px;height:12px}
.qrate{display:flex;align-items:center;gap:6px}.qrate .sx .i{width:15px;height:15px;color:var(--border);fill:var(--border)}.qrate .sx.on .i{color:#f5a524;fill:#f5a524}.qrate .sx.half .i{color:#f5a524;fill:color-mix(in srgb,#f5a524 45%,transparent)}
.qrate b{margin-left:4px}.qaddr{display:flex;gap:7px;font-size:13.5px;color:var(--muted)}.qaddr .i{width:15px;height:15px;flex:none;margin-top:2px}.qaddr b{color:var(--text);font-weight:500}
.qcontacts{display:flex;flex-wrap:wrap;gap:7px}.qlast{background:var(--panel2);border:1px solid var(--border);border-radius:9px;padding:9px 11px}.qlast small{display:flex;gap:5px;align-items:center}.qlast .i{width:13px;height:13px}.qlast p{margin:5px 0 0;font-size:13px;color:var(--text)}
.qcmt{margin:0}
.qcomp{display:flex;flex-direction:column;gap:12px}.qcomp[hidden]{display:none}.qc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--border);border-radius:9px;padding:3px;gap:2px}
.seg button{background:transparent;color:var(--muted);border:0;padding:5px 11px;border-radius:7px;font-size:13px;gap:5px}.seg button .i{width:14px;height:14px}
.seg button[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}[data-theme=dark] .seg button[aria-selected=true]{background:var(--accentbg)}
.ib{padding:6px 9px!important;gap:5px}.ib .i{width:16px;height:16px}.ib kbd{font-size:10.5px}.ib.danger{color:var(--red)}
.tgchat{border-radius:12px;overflow:hidden;border:1px solid var(--border)}
.tg-h{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.tg-h .ava{width:32px;height:32px;font-size:12px}.tg-h small{display:block;color:var(--muted);font-size:11.5px}
.tg-body{min-height:120px;padding:16px 14px;display:flex;justify-content:flex-end;align-items:flex-end;background:#c9dcb8 radial-gradient(circle at 20% 30%,#d9e7c3 0,transparent 40%),radial-gradient(circle at 80% 70%,#b9d3a8 0,transparent 45%)}
[data-theme=dark] .tg-body{background:#0e1621 radial-gradient(circle at 20% 30%,#17212b 0,transparent 45%)}
.bubble{max-width:82%;background:#effdde;color:#000;border-radius:14px 14px 4px 14px;padding:8px 11px 5px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 1px 1px rgba(0,0,0,.12);position:relative}
[data-theme=dark] .bubble{background:#2b5278;color:#fff}.bubble.empty #btext{opacity:.5;font-style:italic}
.bubble .bt{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:11px;color:#5aa05a;margin-top:2px}[data-theme=dark] .bubble .bt{color:#7eb6e6}.bubble .bt .i{width:13px;height:13px}
#msg{min-height:110px}.qc-meta{display:flex;align-items:center;gap:8px;margin-top:-4px}#cnt.warn{color:var(--amber)}#cnt.bad{color:var(--red)}
.riskpill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:3px 10px;border-radius:20px;border:1px solid var(--border);color:var(--muted)}.riskpill .i{width:14px;height:14px}
.riskpill.ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.riskpill.bad{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent);cursor:help}
.qbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.btn.big{padding:10px 18px;font-size:14.5px}.btn.big kbd{background:transparent;color:#fff;border-color:#fff8}
.qkeys{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}.qkeys kbd{margin-left:6px}
.qn{display:flex;width:100%;gap:9px;align-items:center;background:transparent;color:var(--text);border:0;border-radius:8px;padding:6px;text-align:left;font-weight:400}.qn:hover{background:var(--panel2);filter:none}
.qn .ava{width:30px;height:30px;font-size:11px}.qn>span:nth-child(2){flex:1;min-width:0}.qn b{display:block;font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qn small{display:block;color:var(--muted);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ql{display:flex;gap:8px;align-items:center;padding:5px 2px;border-bottom:1px solid var(--border);color:var(--text);font-size:13px}.ql:last-child{border-bottom:0}.ql span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ql small{font-variant-numeric:tabular-nums}
@media (max-width:1200px){.qgrid{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.qside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.qstrip{grid-template-columns:1fr 1fr}.qstrip>div{border-bottom:1px solid var(--border)}}
@media (max-width:760px){.qgrid{grid-template-columns:1fr}.qside{grid-template-columns:1fr}.qbar .btn.big{flex:1;justify-content:center}.qkeys{display:none}.qstrip{grid-template-columns:1fr 1fr}.qs-acc{grid-column:1/-1}}
.qbar{flex-wrap:nowrap}.qbar .ib{flex:none}@media (max-width:760px){.qbar{flex-wrap:wrap}}
/* ===== Аватарки Telegram ===== */
.face{border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;background:var(--panel2)}
.face.ini{color:hsl(var(--h) 55% 38%);background:hsl(var(--h) 70% 92%);font-weight:600}[data-theme=dark] .face.ini{color:hsl(var(--h) 70% 80%);background:hsl(var(--h) 35% 22%)}
.face.xs{width:20px;height:20px;font-size:9px}.face.sm{width:32px;height:32px;font-size:12px}.face.md{width:40px;height:40px;font-size:14px}
.nmcell{display:flex;gap:10px;align-items:center}.kcn{display:flex;gap:6px;align-items:center}
.av img.face{width:100%;height:100%;border-radius:50%}.ava.face,.ava img.face{width:44px;height:44px;padding:0}.ava.lg.face{width:52px;height:52px}.tg-h .ava img.face{width:32px;height:32px}
img.av.face{width:38px;height:38px}
.av .face{width:100%;height:100%;font-size:inherit;background:transparent;color:inherit}.av img.dice-img{width:100%;height:100%}
img.dice-img{border-radius:50%;object-fit:cover}.ava.dice-img{border-radius:50%}
.qn img.dice-img{width:30px;height:30px}.tg-h .face{width:32px;height:32px}.qco-h img.dice-img{width:52px;height:52px}.acc-h img.dice-img{width:44px;height:44px}
.nmcell .face.sm{width:32px;height:32px}.kcn .face.xs{width:20px;height:20px}
/* v6: логотип, пользователь, вход */
.brand img.logo{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:none}
.navform{margin:0}.navbtn{all:unset;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;color:inherit;width:calc(100% - 20px)}
.navbtn:hover{background:var(--hover,rgba(127,127,127,.12))}
.mechip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit;margin-left:8px;font-size:13px}
.mechip .face{width:26px;height:26px;font-size:11px}
@media (max-width:700px){.mechip span{display:none}}
.owner{color:var(--muted)}.owner .i{width:12px;height:12px;vertical-align:-1px}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px}
.auth .card{width:min(380px,100%)}.auth h1{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:24px}
.auth h1 img,.auth h1 i{width:40px;height:40px;border-radius:10px}
.auth h1 i{display:grid;place-items:center;background:var(--accent);color:#fff;font-style:normal}
.auth label{display:block;margin:12px 0}.auth input{width:100%;box-sizing:border-box}.auth button{width:100%;margin-top:8px}
.ownpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--hover,rgba(127,127,127,.12))}
.ownpill.lock{background:color-mix(in srgb,var(--amber) 18%,transparent)}
.ownpill .face{width:18px;height:18px;font-size:9px}
.feed{list-style:none;margin:0;padding:0}.feed li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}
.feed li:last-child{border:0}.feed .face{width:28px;height:28px;font-size:11px;flex:none}.feed small{color:var(--muted)}
.scope{display:inline-flex}
.qown{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.qs-scope select{min-width:150px}
.cnote{display:flex;gap:12px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--panel2)}.cnote label{flex:1;display:flex;gap:8px;align-items:center}.cnote textarea{flex:1;min-height:30px;resize:vertical}
.errpage{max-width:560px;margin:40px auto;text-align:center}.errpage .ico .i{width:44px;height:44px;color:var(--muted)}.errpage .actions{justify-content:center}
/* v7: прокрутка меню, ширина, таблицы, тёмные полосы прокрутки */
main{max-width:1680px}
.side{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.side .nav,.side .nav2{flex:none}
@media (max-width:760px){.side{height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}
 body.nav-open{overflow:hidden}}
.tbl{overflow:auto;max-width:100%}
.tbl table{min-width:760px}
:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}
[data-theme=dark] *{scrollbar-color:#3a3f4b transparent}
[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:transparent}
[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3f4b;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
[data-theme=dark] ::-webkit-scrollbar-corner{background:transparent}
.kpis{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}@media (min-width:761px) and (max-width:1100px){.kpis{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.kpis>.kpi:last-child:nth-child(odd){grid-column:1/-1}}
.wiz form label{display:grid;gap:4px;align-items:start}.wiz form label input,.wiz form label select,.wiz form label .dd{width:100%;box-sizing:border-box}
.toast.warn{background:var(--amber);color:#1b1b1b}
/* v8: выбор сервиса ИИ */
.provs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.prov{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;color:var(--text);background:var(--panel)}
.prov input{position:absolute;opacity:0;pointer-events:none}.prov small{color:var(--muted)}.prov .tag{justify-self:start}
.prov.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.prov:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.provbox{display:grid;gap:8px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px}
/* v8: категории */
.catbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.catbar .cl{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-right:4px}
.catbar .chip em{font-style:normal;color:var(--muted);margin-left:4px}.catbar .chip.on em{color:inherit;opacity:.8}
.cats{display:grid;gap:10px}
.catrow{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(160px,1fr) auto auto;gap:10px 14px;align-items:end;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel2)}
.catrow.off{opacity:.7}.catrow details,.catrow .actions{grid-column:1/-1}.catrow details label{display:block;margin-top:8px}.catrow textarea{width:100%}
.catrow summary{cursor:pointer;color:var(--accent);font-size:13px}
.tabs-list{display:grid;gap:6px;margin-top:10px}.tabrow{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 12px;border:1px solid var(--border);border-radius:10px}
.tabrow form{margin:0}.catsel{max-width:220px}
@media (max-width:760px){.catrow{grid-template-columns:1fr}}
.provbox[hidden]{display:none}
.autosync{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
.autosync.ok{border-color:color-mix(in srgb,var(--green,#16a34a) 40%,var(--border))}.autosync.bad{border-color:color-mix(in srgb,var(--red,#dc2626) 45%,var(--border))}
.autosync .warnt{color:var(--amber,#b45309)}.tabrow.bad{opacity:.75}
/* v9: статусы прочтения */
.bub .tm .rd{margin-left:6px;font-weight:600}.bub .tm .rd.no{opacity:.75}.bub .tm .rd.yes{opacity:1}
.bub .tm .newm{display:inline-block;padding:0 6px;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;margin-right:4px}
/* v10: спокойная очередь */
.qz{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.qtop{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:8px 4px}
.qt-acc{display:flex;align-items:center;gap:8px}.qt-acc .ava{width:30px;height:30px;font-size:12px}.qt-acc small{display:block;color:var(--muted);font-size:11px}
.qt-prog{display:flex;flex-direction:column;gap:4px;min-width:150px}.qt-prog small{color:var(--muted)}.qt-prog b{color:var(--text)}
.qt-bar{height:5px;border-radius:5px;background:var(--border);overflow:hidden}.qt-bar i{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .3s}
.qt-bar i.hi{background:var(--amber)}.qt-bar i.full{background:var(--red)}
.qt-cell{font-size:13px;color:var(--muted)}.qt-cell b{color:var(--text);font-weight:600}.qt-cell b.wait{color:var(--amber)}.qt-cell b.go{color:var(--green)}
.qt-scope select{font-size:13px}
.qhelp,.qmenu{position:relative}.qhelp summary,.qmenu summary{list-style:none;cursor:pointer}.qhelp summary::-webkit-details-marker,.qmenu summary::-webkit-details-marker{display:none}
.qhelp-pop,.qmenu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:10px 12px;min-width:230px}
.qhelp-pop p{margin:6px 0 0;font-size:13px;color:var(--muted)}
.qmenu-pop{display:flex;flex-direction:column;gap:2px;padding:6px;min-width:200px;top:auto;bottom:calc(100% + 6px)}
.qmenu-pop a,.qmenu-pop button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:none;border:0;color:var(--text);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;text-align:left}
.qmenu-pop a:hover,.qmenu-pop button:hover{background:var(--panel2)}.qmenu-pop .danger{color:var(--red)}
.qnote{display:flex;align-items:center;gap:8px;margin:0;padding:6px 10px;font-size:13px;color:var(--amber);background:color-mix(in srgb,var(--amber) 8%,transparent);border-radius:10px}
.qnote .i{width:15px;height:15px;flex:none}
.qcard{display:flex;flex-direction:column;gap:14px;padding:22px 24px;margin:0}
.qco-h{display:flex;align-items:center;gap:14px}.qco-t{flex:1;min-width:0}.qco-t h3{margin:0;font-size:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qco-t h3 a{color:var(--text)}
.qmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-top:3px}.qmeta .i{width:13px;height:13px;color:var(--amber)}
.dot2{width:3px;height:3px;border-radius:50%;background:var(--muted);opacity:.6}
.qpos{align-self:flex-start;white-space:nowrap}
.qcard .qcontacts{display:flex;flex-wrap:wrap;gap:6px}
.qdet summary{cursor:pointer;color:var(--muted);font-size:13px}.qdet-b{display:grid;gap:4px;margin-top:8px;font-size:13px;color:var(--text)}
.qdet-b p{margin:0;display:flex;gap:8px;align-items:flex-start}.qdet-b .i{width:14px;height:14px;color:var(--muted);flex:none;margin-top:2px}
.qcard .qcomp{gap:8px;border-top:1px solid var(--border);padding-top:14px}
.qcard textarea#msg{font-size:15px;line-height:1.5;min-height:140px}
.qact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qact[hidden]{display:none}.qact .btn.big{padding:11px 20px}
.qmore{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.qmore summary{cursor:pointer;color:var(--muted);font-size:13px}
.qmore[open] summary{margin-bottom:8px}.qmore #qnext{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}
@media (max-width:760px){.qcard{padding:16px}.qtop{gap:10px}.qt-prog{min-width:0;flex:1}.qact .btn.big{flex:1}}
/* v10: ИИ помощник в диалогах */
.aih{border-top:1px solid var(--border);margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:6px}
.aih-row{display:flex;gap:6px;flex-wrap:wrap}.aih-row input{flex:1;min-width:180px}
.aih-chips{display:flex;flex-wrap:wrap;gap:5px}
.aichip{background:var(--panel2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12.5px;cursor:pointer}
.aichip:hover{color:var(--text);border-color:var(--accent)}
.aih-out{display:flex;flex-direction:column;gap:6px}.aih-out:empty{display:none}.aih-out p{margin:0;font-size:12.5px}
.aih-an{color:var(--text)}.aih-err{color:var(--amber)}
.aivar{white-space:normal;overflow-wrap:anywhere;flex:none;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 11px;font:inherit;font-size:14px;color:var(--text);cursor:pointer;line-height:1.45}
.aivar:hover{border-color:var(--accent)}.aivar.on{border-color:var(--accent);background:var(--accentbg)}
.catbar .catadd{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;margin-left:4px}.catbar .catadd:hover{color:var(--accent)}.catbar .catadd .i{width:13px;height:13px}
.qz>.catbar{margin:0;justify-content:center;flex-wrap:wrap}
/* v11: синхронизация */
.syz{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.syz .card{margin:0}
.sy-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.sy-head h2{margin:0}.sy-head form{margin:0}
.syz h3{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-size:16px}.syz h3 .i{width:17px;height:17px;color:var(--muted)}
.sy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sy-grid>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.sy-grid small{color:var(--muted);font-size:12px}.sy-grid b{display:flex;align-items:center;gap:6px}.sy-grid b .i{width:16px;height:16px}
.sy-link{display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sy-mail{display:flex;align-items:center;gap:6px;min-width:0}.sy-mail code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;padding:3px 7px;border-radius:6px;background:var(--panel2)}
.okt{color:var(--green)}b.bad,.sy-grid .bad{color:var(--red)}
.sy-edit{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.sy-edit summary{cursor:pointer;color:var(--muted);font-size:13px}.sy-edit form{margin-top:10px}
.sy-th{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sy-th h3{margin:0}
.sytab{width:100%;border-collapse:collapse}.sytab th{text-align:left;font-size:12px;color:var(--muted);font-weight:500;padding:6px 10px;border-bottom:1px solid var(--border)}
.sytab td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.sytab tr:last-child td{border-bottom:0}.sytab .num{text-align:right;font-variant-numeric:tabular-nums}
.sytab tr.unfit td{color:var(--muted)}.sytab tr.unfit b{font-weight:500}
.sy-autof{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.sy-log summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.sy-log summary::-webkit-details-marker{display:none}.sy-log[open] summary{margin-bottom:10px}
.sy-log tr.bad td{color:var(--red)}
@media (max-width:760px){.sy-grid{grid-template-columns:1fr}.sytab th:nth-child(4),.sytab td:nth-child(4){display:none}}
.autonote{display:inline-block;font-size:10.5px;line-height:1;padding:3px 6px;border-radius:6px;border:1px dashed var(--border);color:var(--muted);vertical-align:middle;margin-left:4px;cursor:help}
.ru-date{position:relative;display:flex;align-items:center;gap:4px}
.ru-date input[type=text]{flex:1;min-width:0}
.ru-date input.bad{border-color:var(--bad,#d33)}
.ru-date .ru-native{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.ru-cal{background:none;border:1px solid var(--line,#ccc);border-radius:8px;padding:6px 8px;cursor:pointer;color:inherit;display:flex}
.acc-rec{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qt-prog b,.qt-cell b,.qpos{white-space:nowrap}
.inl{display:inline-flex;align-items:center;gap:6px}
.qsort{position:relative}.qsort summary{list-style:none;cursor:pointer}.qsort summary::-webkit-details-marker{display:none}
.qsort-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:12px;width:min(360px,92vw);display:grid;gap:8px}
.qscore{white-space:nowrap;cursor:help}