html{font-size:16px}
:root{
--bg:#d4e2ee; --surface:#fff; --ink:#161a20; --muted:#6b7280; --line:#e2e6ea; --steel:#2b3440;
--ok:#15803d; --ok-bg:#e7f6ec; --fault:#dc2626; --fault-bg:#fdeaea; --fp:#d97706; --fp-bg:#fef3e2;
--fixed:#1d4ed8; --fixed-bg:#e8eefc; --gray:#9aa3af;
--due:#b45309; --due-bg:#fdf1e1;
--shadow:0 1px 2px rgba(20,26,32,.05),0 4px 14px rgba(20,26,32,.06);
--radius:16px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);font-family:"Assistant","Heebo",system-ui,sans-serif;color:var(--ink);line-height:1.5}
body{display:flex;justify-content:center;min-height:100dvh}
button{font-family:inherit}
.sic{width:1.05em;height:1.05em;vertical-align:-.15em;flex:none}
.phone{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
.screen{display:none;flex-direction:column;min-height:100dvh}
.screen.active{display:flex}
/* ===== topbar ===== */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;gap:10px}
.brand{font-size:1rem;font-weight:700;color:var(--steel);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who{display:flex;align-items:center;gap:7px;font-size:0.9375rem;color:var(--muted)}
.who b{font-weight:700;color:var(--ink)}
.who .lnk{border:none;background:none;color:var(--steel);font-size:0.9375rem;font-weight:700;text-decoration:underline;padding:4px}
/* ===== hero / home ===== */
.hero{padding:6px 18px 4px}
.hero h1{font-size:1.75rem;font-weight:700;margin:2px 0 2px}
.hero p{margin:0;color:var(--muted);font-size:1rem}
.pickbar{padding:12px 16px 6px}
.pickbtn{width:100%;border:none;border-radius:14px;background:var(--steel);color:#fff;font-size:1.0625rem;font-weight:700;padding:15px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:8px}
.pickbtn:active{transform:scale(.99)}
.listwrap{flex:1;overflow-y:auto;padding:6px 12px 28px}
.refreshline{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;color:var(--muted);font-size:0.875rem}
.refreshline button{border:none;background:none;color:var(--steel);font-weight:700;font-size:0.9375rem;text-decoration:underline;padding:4px}
.ocard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:9px;box-shadow:var(--shadow);text-align:start;width:100%;cursor:pointer}
.ocard:active{transform:scale(.995)}
.dot{width:.75em;height:.75em;border-radius:50%;flex:none;background:var(--gray)}
.dot.ready{background:var(--ok)} .dot.attn{background:var(--fault)} .dot.faultpending{background:var(--fp)}
.ocard .mid{min-width:0;display:flex;flex-direction:column;gap:2px}
.ocard .dot{margin-top:.45em}
.ocard .badge,.ocard .dist,.ocard .chev{margin-top:.1em}
.ocard .ext{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ocard .hqflag{display:flex;align-items:center}
.ocard .nm{font-weight:700;font-size:1.0625rem}
.ocard .sub{color:var(--muted);font-size:0.875rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocard .last{color:var(--muted);font-size:0.9375rem}
.ocard .chev{color:var(--gray);font-size:1.375rem;font-weight:300}
.badge{font-size:0.875rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
.badge.attn{background:var(--fault-bg);color:var(--fault)}
.badge.ready{background:var(--ok-bg);color:var(--ok)}
.badge.fp{background:var(--fp-bg);color:var(--fp)}
.hqflag{font-size:0.875rem;font-weight:700;color:#b45309}
/* ===== stats counter ===== */
.stats{display:flex;gap:9px;padding:10px 16px 2px}
.stat{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:11px 6px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px}
.stat .n{font-size:1.625rem;font-weight:700;line-height:1}
.stat .t{font-size:0.9375rem;color:var(--muted);font-weight:600;line-height:1.2;text-align:center}
.stat.ready .n{color:var(--ok)} .stat.attn .n{color:var(--fault)} .stat.fp .n{color:var(--fp)} .stat.never .n{color:var(--gray)}
.stat.attn{border-color:#f3c9c9}
.homebtns{display:flex;gap:9px;padding:10px 16px 2px}
.hbtn{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:13px 8px;font-size:1rem;font-weight:700;color:var(--steel);box-shadow:var(--shadow)}
.notifycard{margin:8px 16px 2px;border-radius:13px;padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}
.notifycard.cta,.notifycard.install{background:var(--fixed-bg);border:1px solid #c7d6f7}
.notifycard.blocked{background:var(--bg);border:1px solid var(--line)}
.notifycard .nc-txt{color:var(--fixed);font-weight:700;font-size:0.9375rem;text-align:center;line-height:1.55}
.notifycard.blocked .nc-txt{color:var(--muted)}
.notifycard .nc-btn{width:100%;border:none;border-radius:11px;background:var(--fixed);color:#fff;font-size:1rem;font-weight:700;padding:13px;box-shadow:var(--shadow)}
.hb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;padding:0 .3em;margin-inline-start:7px;border-radius:999px;background:#e23b3b;color:#fff;font-size:0.9375rem;font-weight:700;line-height:1;vertical-align:middle}
.hbtn.has-tasks{border-color:#e23b3b;color:#c62828;box-shadow:0 0 0 2px rgba(226,59,59,.18),var(--shadow)}
#taskBanner{position:fixed;top:0;left:0;right:0;z-index:6000;transform:translateY(-130%);transition:transform .28s ease;background:#e23b3b;color:#fff;font-weight:700;font-size:1rem;text-align:center;padding:14px 16px;box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer}
#taskBanner.show{transform:translateY(0)}
.assigned-line{margin:2px 0 8px;padding:6px 10px;border-radius:9px;background:rgba(37,99,235,.08);color:#1d4ed8;font-weight:700;font-size:0.9375rem}
.hq-note{margin:2px 0 8px;padding:7px 10px;border-radius:9px;background:rgba(217,119,6,.10);color:#b45309;font-weight:700;font-size:0.9375rem;line-height:1.4}
.grp-head{font-weight:700;font-size:0.9375rem;color:#475569;margin:14px 2px 8px;letter-spacing:.2px}
.se-results .grp-head:first-child{margin-top:2px}
.type-toggle{display:flex;gap:8px;margin:0 0 8px}
.ttog{flex:1;padding:11px 8px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-weight:700;font-size:1rem;color:#475569;cursor:pointer}
.ttog.on{border-color:#2563eb;background:rgba(37,99,235,.08);color:#1d4ed8}
.hbtn:active{transform:scale(.99)}
.ocard .dist{color:var(--steel);font-size:0.9375rem;font-weight:700;white-space:nowrap}
.secthead{font-size:0.9375rem;font-weight:700;color:var(--steel);padding:8px 6px 6px;display:flex;align-items:center;gap:7px}
.secthead .pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;padding:0 .3em;background:var(--fault);color:#fff;border-radius:999px;font-size:0.9375rem;font-weight:700;line-height:1}
.allgood{text-align:center;color:var(--ok);background:var(--ok-bg);border-radius:13px;padding:16px;font-weight:700;font-size:1rem;margin:4px 4px}
.mi-done{margin-top:9px;width:100%;border:none;border-radius:12px;background:var(--ok);color:#fff;font-weight:700;font-size:1rem;padding:13px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.mi-done:active{transform:scale(.985)}
/* ===== chips ===== */
.filters{display:flex;flex-direction:column;gap:9px;padding:4px 16px 11px;flex:none;border-bottom:1px solid var(--line)}
.segf-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:3px}
.segf{border:none;background:transparent;border-radius:10px;min-height:42px;padding:6px 3px;font-family:inherit;font-weight:700;font-size:0.9375rem;color:var(--muted);line-height:1.15;cursor:pointer}
.segf.on{background:var(--steel);color:#fff;box-shadow:var(--shadow)}
.segf.on.attn{background:var(--fault)}
.filt-row{display:flex;gap:8px}
.selfield{flex:1;min-width:0;min-height:46px;border:1.5px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);font-family:inherit;font-weight:700;font-size:1rem;padding:0 12px}
.nearbtn{flex:none;min-height:46px;border:1.5px solid var(--line);border-radius:13px;background:var(--surface);color:var(--steel);font-family:inherit;font-weight:700;font-size:1rem;padding:0 13px;display:inline-flex;align-items:center;cursor:pointer}
.nearbtn.on{background:var(--steel);border-color:var(--steel);color:#fff}
/* ===== inspection ===== */
.ihead{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 14px 8px}
.backrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.back{border:none;background:none;color:var(--steel);font-size:1rem;font-weight:700;padding:6px 4px;display:flex;align-items:center;gap:4px}
.statusbtn{width:100%;border:none;border-radius:14px;padding:16px;color:#fff;text-align:start;box-shadow:var(--shadow);cursor:default}
.statusbtn .l1{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:8px}
.statusbtn .l2{font-size:1rem;opacity:.92;margin-top:5px}
.statusbtn.s-ok{background:var(--ok)} .statusbtn.s-attn{background:var(--fault)} .statusbtn.s-wait{background:var(--steel)}
.meta{display:flex;gap:8px;margin-top:8px}
.meta button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 9px;font-size:1rem;font-weight:700;color:var(--steel)}
.progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:10px}
.progress > i{display:block;height:100%;width:0;background:var(--ok);transition:width .25s}
.checks{flex:1;overflow-y:auto;padding:10px 12px 200px} /* запас под sendbar: строка צוות + кнопка отправки */
.sysblock{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;box-shadow:var(--shadow);overflow:hidden}
.sysrow{display:flex;align-items:center;gap:11px;padding:13px 14px}
.sysicon{width:34px;height:34px;flex:none;color:var(--steel);display:flex;align-items:center;justify-content:center}
.sysicon svg{width:26px;height:26px}
.sysname{flex:1;font-weight:700;font-size:1.125rem;line-height:1.3}
.seg{display:flex;gap:6px;padding:0 12px 12px}
.seg button{flex:1;border:1.5px solid var(--line);background:#fafbfc;border-radius:11px;padding:14px 4px;font-size:1.0625rem;font-weight:700;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px}
.seg button .ic{font-size:1.25rem;line-height:1}
.seg button.on.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.seg button.on.fault{background:var(--fault-bg);border-color:var(--fault);color:var(--fault)}
.seg button.on.fixed{background:var(--fixed-bg);border-color:var(--fixed);color:var(--fixed)}
.detail{display:none;padding:0 12px 12px;flex-direction:column;gap:8px}
.detail.show{display:flex}
.detail textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px;font-family:inherit;font-size:1rem;resize:vertical;min-height:46px}
.photorow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.addphoto{border:1.5px dashed var(--line);background:#fafbfc;border-radius:11px;padding:9px 12px;font-size:0.9375rem;font-weight:700;color:var(--steel)}
.thumb{width:52px;height:52px;border-radius:9px;object-fit:cover;border:1px solid var(--line);position:relative}
.thumbwrap{position:relative}
.thumbwrap .x{position:absolute;top:-6px;inset-inline-start:-6px;width:1.45em;height:1.45em;padding:0;border-radius:50%;background:var(--fault);color:#fff;border:none;font-size:0.9375rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
.voicebtn{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:9px 12px;font-size:0.9375rem;font-weight:700;color:var(--steel)}
.voicebtn.rec{background:var(--fault-bg);color:var(--fault);border-color:var(--fault)}
.special{font-size:0.875rem;color:var(--muted);padding:0 14px 12px;margin-top:-2px}
.special.lock{color:var(--muted)} .special.on{color:var(--ok)} .special.due{color:var(--steel)}
/* мини-строка состояния под названием системы */
.sysline{display:block;font-weight:600;font-size:0.875rem;margin-top:4px;line-height:1.35}
.sysline.ok{color:var(--ok)} .sysline.fault{color:var(--fault)} .sysline.due{color:var(--due)} .sysline.never{color:var(--muted)}
/* известная поломка — подсветка карточки */
.sysblock.knownfault{border-color:var(--fault);box-shadow:0 0 0 2px rgba(220,38,38,.28),var(--shadow)}
.sysblock.knownfault .sysrow{background:var(--fault-bg)}
.sysblock.knownfault .sysicon{color:var(--fault)}
/* known-поломка, отмеченная решённой (тикин/тупал) → зелёный прогресс */
.sysblock.knownfault.resolved{border-color:var(--ok);box-shadow:0 0 0 2px rgba(21,128,61,.28),var(--shadow)}
.sysblock.knownfault.resolved .sysrow{background:var(--ok-bg)}
.sysblock.knownfault.resolved .sysicon{color:var(--ok)}
.sysblock.knownfault.resolved .fault-ribbon{background:var(--ok)}
.fault-ribbon{background:var(--fault);color:#fff;font-weight:700;font-size:0.9375rem;padding:9px 14px;display:flex;align-items:center;gap:7px;line-height:1.3}
.fix-commit{margin:0 12px 12px;width:calc(100% - 24px);border:none;border-radius:12px;padding:15px;font-size:1.0625rem;font-weight:700;color:#fff;background:var(--ok);box-shadow:0 4px 14px rgba(0,0,0,.14)}
.fix-commit.defer{background:var(--fault)}
.fix-commit:active{transform:scale(.985)}
.mi-open-hint{margin-top:9px;padding:11px;text-align:center;border-radius:12px;background:var(--fault-bg);color:var(--fault);font-weight:700;font-size:1rem}
.ocard.gtask{cursor:default}
.ocard.gtask:active{transform:none}
.gt-ic{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.1);color:#2563eb;margin-top:.1em}
.gt-ic svg{width:18px;height:18px}
@keyframes flashcard{0%,100%{box-shadow:0 0 0 2px rgba(220,38,38,.28),var(--shadow)}50%{box-shadow:0 0 0 5px rgba(220,38,38,.55),var(--shadow)}}
.sysblock.flash{animation:flashcard .5s ease 3}
/* кнопка «остальные поломки — ещё не починены» */
.bulkfault{width:100%;border:1.5px solid var(--fault);background:var(--fault-bg);color:var(--fault);border-radius:13px;padding:13px;font-size:1rem;font-weight:700;margin-bottom:12px;box-shadow:var(--shadow)}
.bulkfault:active{transform:scale(.99)}
.sendbar{position:fixed;bottom:0;inset-inline:0;max-width:430px;margin:0 auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,transparent)}
.sendbtn{width:100%;border:none;border-radius:14px;padding:16px;font-size:1.0625rem;font-weight:700;color:#fff;background:var(--ok);box-shadow:var(--shadow)}
.sendbtn:disabled{background:#c3cad2;color:#fff}
.crewbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.crewbar .cw-lbl{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:0.875rem;font-weight:700}
.crewbar .cw-lbl .eic{width:1.15em;height:1.15em}
.crewchip{display:inline-flex;align-items:center;gap:4px;background:var(--due-bg);border:1px solid #e2b877;color:var(--due);border-radius:999px;padding:4px 6px 4px 10px;font-size:0.9375rem;font-weight:700}
.crewchip button{border:none;background:transparent;color:var(--due);padding:0;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}
.crewchip button .eic{width:1em;height:1em}
.crewadd{display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:0.9375rem;font-weight:700;min-height:32px}
.crewadd .eic{width:1em;height:1em}
.crewhint{color:var(--muted);font-size:0.875rem;padding:0 2px 12px}
.crewpick{display:flex;flex-direction:column;gap:8px}
.crewpick .namebtn{display:flex;align-items:center;justify-content:space-between;gap:10px}
.crewpick .namebtn.on{border-color:var(--ok);background:var(--ok-bg)}
.crewpick .namebtn .eic{width:1.3em;height:1.3em;color:var(--ok);flex:none}
.crewhome{margin:8px 16px 2px;border-radius:13px;padding:11px 13px;display:flex;align-items:center;gap:9px;background:var(--due-bg);border:1px solid #e2b877;box-shadow:var(--shadow);cursor:pointer}
.crewhome .ch-ic{flex:none;display:inline-flex;color:var(--due)}
.crewhome .ch-ic .eic{width:1.3em;height:1.3em}
.crewhome .ch-txt{flex:1;min-width:0;color:var(--due);font-weight:700;font-size:0.9375rem;line-height:1.4}
.crewhome .ch-txt b{font-weight:800}
.crewhome .ch-clear{flex:none;border:1px solid #e2b877;background:#fff;color:var(--due);border-radius:999px;padding:6px 11px;font-size:0.875rem;font-weight:700;min-height:32px;display:inline-flex;align-items:center;gap:4px}
.crewhome .ch-clear .eic{width:1em;height:1em}
.crewhome.empty{background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:11px;box-shadow:none;margin:6px 16px 0}
.crewhome.empty .ch-ic{color:var(--muted)}
.crewhome.empty .ch-ic .eic{width:1.05em;height:1.05em}
.crewhome.empty .ch-txt{color:var(--muted);font-size:0.875rem;font-weight:600}
.crewhome.empty .ch-add{min-height:0;padding:4px 10px;font-size:0.8125rem}
.crewhome .ch-add{flex:none;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:0.875rem;font-weight:700;min-height:32px;display:inline-flex;align-items:center;gap:4px}
.crewhome .ch-add .eic{width:1em;height:1em}
/* ===== sheets ===== */
.scrim{position:fixed;inset:0;background:rgba(15,20,26,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.scrim.show{opacity:1;pointer-events:auto}
.sheet{position:fixed;inset-inline:0;bottom:0;max-width:430px;margin:0 auto;background:var(--surface);border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .25s;z-index:50;max-height:92dvh;display:flex;flex-direction:column;pointer-events:none}
.sheet.show{transform:translateY(0);pointer-events:auto}
/* поиск — на весь экран */
.sheet.full{inset:0;height:100dvh;max-height:none;border-radius:0}
/* короткие окошки — карточка по центру */
.sheet.modal{inset-inline:0;bottom:auto;top:11dvh;max-width:360px;border-radius:18px;max-height:74dvh;
transform:translateY(12px) scale(.97);opacity:0;transition:transform .2s,opacity .2s}
.sheet.modal.show{transform:translateY(0) scale(1);opacity:1}
/* окошко подтверждения выхода — чуть выше середины экрана */
.sheet.modal.confirm{top:34dvh;max-width:300px}
.sheet.modal.confirm h3{text-align:center;padding:22px 18px 14px;font-size:1.25rem}
.exitrow{display:flex;gap:10px;padding:0 16px 18px}
.exitbtn{flex:1;border:1.5px solid var(--line);border-radius:13px;padding:15px;font-size:1.0625rem;font-weight:700;background:var(--surface)}
.exitbtn:active{transform:scale(.98)}
.exitbtn.no{color:var(--steel)}
.exitbtn.yes{background:var(--steel);border-color:var(--steel);color:#fff}
.sheethead{display:flex;align-items:center;justify-content:space-between;padding-inline-end:10px;flex:none}
.sheethead h3{flex:1}
.sheetx{border:none;background:none;color:var(--muted);font-size:1.25rem;line-height:1;padding:14px 12px}
.sheet h3{margin:0;padding:16px 18px 6px;font-size:1.125rem;font-weight:700;flex:none}
.sheet .body{overflow-y:auto;padding:6px 16px 22px;flex:1;min-height:0}
.searchfield{margin:6px 16px 8px;display:flex;gap:8px;flex:none}
.searchfield input{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:1.125rem;font-family:inherit}
.pinfo{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:1rem;align-items:baseline}
.pinfo .k{color:var(--muted)} .pinfo .v{font-weight:700;word-break:break-word}
.pnote{color:var(--muted);font-size:0.875rem;padding:12px 2px 0}
/* name picker */
.namegrid{display:flex;flex-direction:column;gap:8px}
.namebtn{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:15px 16px;font-size:1.0625rem;font-weight:700;text-align:start;box-shadow:var(--shadow)}
.namebtn:active{transform:scale(.99)}
/* toast */
.toast{position:fixed;top:26vh;inset-inline:0;margin:0 auto;max-width:340px;width:calc(100% - 48px);background:var(--ok);color:#fff;padding:18px 22px;border-radius:16px;font-size:1.125rem;font-weight:700;line-height:1.35;opacity:0;transform:translateY(-8px) scale(.96);transition:.22s;z-index:80;text-align:center;pointer-events:none;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.outbox{margin:0 14px 10px;padding:10px 14px;border-radius:12px;background:var(--steel);color:#fff;font-size:0.9375rem;font-weight:600;text-align:center}
.outbox.bad{background:#b91c1c;cursor:pointer}
.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:1rem}
.stamp{text-align:center;color:var(--gray);font-size:0.9375rem;padding:8px 16px;letter-spacing:.3px}
.vbadge{display:inline-block;color:#fff;border-radius:999px;padding:5px 14px;font-size:0.8rem;font-weight:700;letter-spacing:.3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* ===== accessibility floor (v51) — крупнее шрифт, выше контраст, тап-таргеты >=44px ===== */
/* контраст: вторичный текст был ~4.4:1 на белом (ниже WCAG AA 4.5:1) -> темнее */
:root{ --muted:#566072; }
/* читаемость: поднимаем самый мелкий функциональный текст поля */
.hero p{font-size:1rem}
.ocard .nm{font-size:1.125rem}
.ocard .sub{font-size:0.9375rem}
.ocard .last{font-size:0.9375rem}
.stat .t{font-size:1rem}
.badge{font-size:0.875rem}
.hqflag{font-size:0.9375rem}
.grp-head{font-size:1rem}
.refreshline{font-size:0.9375rem}
.special{font-size:0.9375rem}
.sysline{font-size:0.9375rem}
.pnote{font-size:0.9375rem}
.pinfo{font-size:1rem}
.empty{font-size:1rem}
/* тап-таргеты >=44px для мелких интерактивных элементов (крупные кнопки уже ок) */
.hbtn{min-height:44px}
.ttog{min-height:44px}
.meta button{min-height:44px}
.back{min-height:44px}
.who .lnk{min-height:44px;display:inline-flex;align-items:center}
.refreshline button{min-height:44px;display:inline-flex;align-items:center}
.fsbtn{background:transparent;border:1px solid var(--line);color:var(--steel);border-radius:10px;min-width:44px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;flex:none}
.fsbtn svg{width:20px;height:20px}
.fsrow{display:flex;align-items:center;gap:12px;direction:ltr;margin:6px 0 2px}
.fsrow input[type=range]{flex:1;accent-color:#0a5cba;height:36px}
.fsval{font-size:1.0625rem;font-weight:700;min-width:56px;text-align:center}
.fsreset{background:var(--bg);border:1px solid var(--line);color:var(--steel);border-radius:10px;min-height:40px;padding:0 12px;font-weight:700;font-size:1rem;font-family:inherit}
.fsdemo{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}
.fsdemo .d1{font-size:1.125rem;font-weight:700}
.fsdemo .d2{font-size:0.9375rem;color:var(--muted);margin-top:3px}
/* ── טקסט מודגש (v70): контраст + вес приглушённого текста. На солнце серое по белому не читается. ── */
body.bold-ui{--muted:#3d4653; --gray:#5c6673}
body.bold-ui .who, body.bold-ui .hero p, body.bold-ui .refreshline,
body.bold-ui .ocard .sub, body.bold-ui .ocard .last, body.bold-ui .stat .t,
body.bold-ui .notifycard.blocked .nc-txt, body.bold-ui .segf, body.bold-ui .seg button,
body.bold-ui .special, body.bold-ui .sysline.never, body.bold-ui .crewbar .cw-lbl,
body.bold-ui .crewhint, body.bold-ui .crewadd, body.bold-ui .pinfo .k, body.bold-ui .pnote,
body.bold-ui .empty, body.bold-ui .stamp, body.bold-ui .fsdemo .d2,
body.bold-ui .pp-kv .k, body.bold-ui .pp-kv .v.empty, body.bold-ui .pp-none,
body.bold-ui .mi-open-hint{font-weight:700}
.fsbold{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.fsbold .l{font-size:1.0625rem;font-weight:700;color:var(--steel)}
.fsbtoggle{background:var(--bg);border:1px solid var(--line);color:var(--steel);border-radius:10px;min-height:44px;padding:0 14px;font-weight:700;font-size:1rem;font-family:inherit;display:inline-flex;align-items:center;gap:6px}
.fsbtoggle.on{background:#0a5cba;border-color:#0a5cba;color:#fff}
.fsbtoggle svg{width:20px;height:20px}
.pp-grp{margin-top:14px}
.pp-grp-t{font-weight:700;font-size:1.0625rem;color:var(--steel);border-inline-start:3px solid #0a5cba;padding-block:2px 7px;padding-inline:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}
.pp-kv{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);align-items:baseline}
.pp-kv:last-child{border-bottom:none}
.pp-kv .k{color:var(--muted);font-size:0.9375rem}
.pp-kv .v{font-weight:700;word-break:break-word}
.pp-kv .v.empty{font-weight:400;color:var(--gray)}
.pp-kv .v.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:0.9375rem}
.pp-none{color:var(--gray);padding:9px 2px}
.oc-faults{display:flex; flex-wrap:wrap; gap:6px}
.fault-ic{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:11px; background:var(--fault-bg); border:1px solid #dc262633; flex:none}
.fault-ic svg{width:29px; height:29px; color:var(--fault)}
.fault-chip{font-size:0.875rem; font-weight:600; background:var(--fault-bg); color:#b91c1c; border:1px solid #dc262633; border-radius:9px; padding:4px 8px}
.ocard.fault{border-inline-start:4px solid var(--fault)}
.oc-asgwrap{display:flex; flex-direction:column; gap:5px; margin-top:1px}
.oc-asg{display:flex; align-items:center; gap:6px; border-radius:9px; padding:5px 10px; font-size:0.9375rem; line-height:1.3; max-width:100%; min-width:0}
.oc-asg .eic{width:1.05em; height:1.05em; flex:none}
.oc-asg .oc-who{flex:none; font-weight:800; white-space:nowrap}
.oc-asg .oc-sys{flex:1; min-width:0; font-weight:600; opacity:.72; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.oc-asg.on{background:var(--fixed-bg); color:var(--fixed)}
.oc-asg.free{background:var(--fault-bg); color:#b91c1c}
.eic{width:1.05em; height:1.05em; vertical-align:-.16em; margin-inline-end:.35rem; flex:none}
.eic.tr{margin-inline-end:0; margin-inline-start:.35rem}
.eic.solo{margin:0}
.sdot{display:inline-block; width:.6em; height:.6em; border-radius:50%; margin-inline-end:.4rem; flex:none}
.sdot.d-red{background:var(--fault)} .sdot.d-green{background:var(--ok)} .sdot.d-grey{background:var(--gray)}
button svg.eic{pointer-events:none}
/* ===== install gate: в браузере работник видит только это ===== */
.ig-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem 1.4rem; gap:1rem; min-height:100%}
.ig-icon{width:96px; height:96px; border-radius:22px; box-shadow:0 8px 28px rgba(0,0,0,.22)}
.ig-h{font-size:1.5rem; font-weight:800; margin:.4rem 0 0}
.ig-p{font-size:1.05rem; line-height:1.6; opacity:.85; max-width:30ch; margin:0}
.ig-btn{background:#0a5cba; color:#fff; border:none; border-radius:14px; padding:1rem 2rem; font-size:1.15rem; font-weight:800; font-family:inherit; cursor:pointer; min-height:54px; width:100%; max-width:320px}
.ig-btn:active{filter:brightness(.92)}
.ig-steps{display:flex; flex-direction:column; gap:.7rem; text-align:start; max-width:320px}
.ig-step{display:flex; align-items:center; gap:.7rem; font-size:1.05rem; line-height:1.45}
.ig-step b{flex:none; width:28px; height:28px; border-radius:50%; background:#0a5cba; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.95rem}
.ig-skip{margin-top:1.2rem; background:none; border:none; text-decoration:underline; font-size:.9rem; opacity:.5; font-family:inherit; cursor:pointer; color:inherit}