/* System 8: İstismar əməliyyatlarının rəqəmsal idarəetmə platforması */
:root{--a8-up:#059669;--a8-down:#0284c7;--a8-stop:#e11d48;--a8-res:#d97706;--a8-vio:#7c3aed}

/* badges */
.st.a8-vio{background:#f5f3ff;color:#6d28d9}
.st.a8-org{background:#fff7ed;color:#c2410c}
.a8-score{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font-weight:700;font-size:.8rem}
.a8-dot,.a8-fdot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.a8-pb{display:inline-flex;align-items:center;gap:8px;min-width:120px;font-size:.82rem;font-variant-numeric:tabular-nums}
.a8-pb .pbar{flex:1;min-width:60px}
.pbar.a8-lowbar i{background:var(--warn)}
.a8-thumbs{display:inline-flex;align-items:center;gap:4px}
.a8-thumbs img{width:30px;height:30px;border-radius:6px;object-fit:cover;border:1px solid var(--border)}
.a8-thumbs b{font-size:.75rem;color:var(--ink-2)}
.a8-pad{padding:10px 14px}
.a8-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.a8-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.a8-inl{height:28px;border:1px solid var(--border);border-radius:8px;padding:0 6px;font-weight:600;background:#fff;max-width:180px}
.a8-w320{max-width:420px}
.a8-alert{padding:9px 12px;border-radius:10px;font-size:.88rem;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.a8-alert.bad{background:#fff1f2;color:#be123c}.a8-alert.warn{background:#fffbeb;color:#b45309}.a8-alert.info{background:#eff6ff;color:#1d4ed8}.a8-alert.ok{background:#ecfdf5;color:#047857}
.a8-live{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#dc2626}
.a8-live i{width:7px;height:7px;border-radius:50%;background:#dc2626;animation:a8-blink 1.2s infinite}
@keyframes a8-blink{50%{opacity:.25}}
.a8-mini li{padding:7px 0}
.a8-mini li b{font-size:.86rem}
.a8-mini li[data-oc],.a8-feed li[data-oc],.list li[data-oc]{cursor:pointer}
.list li[data-oc]:hover{background:var(--panel-2)}

.a8-nw{white-space:nowrap}
.a8-sub2{display:block;font-size:.78rem;color:var(--ink-2);margin-top:1px}
.a8-spark{width:90px;height:30px;flex:0 0 auto}
.a8-perm{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:10px}
.a8-itab td{vertical-align:top}
.a8-itab td b.mono{font-weight:600}

/* ---------------- escalator graphics */
.a8-svg{display:block;width:100%;height:38px;overflow:visible}
.a8-rail{stroke:currentColor;stroke-opacity:.16;stroke-width:10;stroke-linecap:round;fill:none}
.a8-flow{stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:1 8;fill:none}
.a8-svg.up .a8-flow{animation:a8-flow .7s linear infinite}
.a8-svg.down .a8-flow{animation:a8-flow .7s linear infinite reverse}
@keyframes a8-flow{to{stroke-dashoffset:-9}}
.a8-svg.stop .a8-flow{stroke-dasharray:none;stroke-opacity:.35}
.a8-svg.res .a8-flow{stroke-dasharray:4 5;stroke-opacity:.55}
.a8-arw{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.a8-pz{fill:currentColor}
.a8-rt{fill:currentColor;font:800 13px Inter,Arial,sans-serif}
@media (prefers-reduced-motion:reduce){.a8-flow{animation:none!important}}

.a8-esc{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:74px;padding:6px 6px 5px;border-radius:11px;border:1px solid;cursor:pointer;transition:transform .12s,box-shadow .12s;text-align:center}
.a8-esc:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.12)}
.a8-esc.up{color:var(--a8-up);background:#ecfdf5;border-color:#a7f3d0}
.a8-esc.down{color:var(--a8-down);background:#eff6ff;border-color:#bfdbfe}
.a8-esc.stop{color:var(--a8-stop);background:#fff1f2;border-color:#fecdd3;animation:a8-pulse 2s infinite}
.a8-esc.res{color:var(--a8-res);background:#fffbeb;border-color:#fde68a}
.a8-esc.sel{box-shadow:0 0 0 3px rgba(15,23,42,.18);border-width:2px}
@keyframes a8-pulse{50%{box-shadow:0 0 0 4px rgba(225,29,72,.14)}}
.a8-esc-h{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--ink)}
.a8-md{font-style:normal;font-size:.62rem;font-weight:700;padding:0 4px;border-radius:4px;background:#dbeafe;color:#1d4ed8}
.a8-md.yi{background:#ede9fe;color:#6d28d9}
.a8-esc-s{font-size:.7rem;font-weight:700}

/* ---------------- SCADA grid */
.a8-scada{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.a8-st{border:1px solid var(--border);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;min-width:0}
.a8-st.has-stop{border-color:#fecdd3}
.a8-st.has-off{border-color:#fca5a5;box-shadow:inset 0 3px 0 #ef4444}
.a8-st-h{display:flex;align-items:center;gap:7px;padding:9px 12px 4px}
.a8-st-h b{font-size:.95rem}
.a8-ln{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-right:2px;vertical-align:0}
.a8-yi{font-size:.7rem;color:#6d28d9;font-weight:700}
.a8-escs{display:flex;flex-wrap:wrap;gap:7px;padding:6px 12px 8px}
.a8-pw{display:flex;gap:6px;padding:0 12px 8px;flex-wrap:wrap}
.a8-v{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;padding:2px 8px;border-radius:7px;background:var(--panel-3);font-variant-numeric:tabular-nums}
.a8-v i{width:7px;height:7px;border-radius:50%;background:currentColor}
.a8-v b{min-width:26px;text-align:right}
.a8-v.ok{color:#047857;background:#ecfdf5}.a8-v.warn{color:#b45309;background:#fffbeb}.a8-v.bad{color:#be123c;background:#fff1f2;font-weight:700}.a8-v.bad i{animation:a8-blink 1s infinite}
.a8-st-f{margin-top:auto;padding:7px 12px;border-top:1px dashed var(--border);font-size:.78rem;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a8-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.8rem;color:var(--ink-2);margin-bottom:10px}
.a8-legend .seg{margin:0}
.a8-legend span{display:inline-flex;align-items:center;gap:5px}
.a8-legend i{width:12px;height:12px;border-radius:4px}
.a8-legend i.up{background:var(--a8-up)}.a8-legend i.down{background:var(--a8-down)}.a8-legend i.stop{background:var(--a8-stop)}.a8-legend i.res{background:var(--a8-res)}
.a8-legend i.w-info{background:#3b82f6}.a8-legend i.w-warn{background:#f59e0b}.a8-legend i.w-ok{background:#10b981}.a8-legend i.w-bad{background:#f43f5e}

/* shift bar, quick access, feed */
.a8-shift{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand-2);border-radius:var(--r);padding:12px 14px;margin-bottom:14px;box-shadow:var(--shadow-card)}
.a8-shift.warn{border-left-color:var(--warn);background:#fffdf5}
.a8-shift>.grow{display:flex;flex-direction:column;gap:3px;min-width:220px}
.a8-shift-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--brand-50);color:var(--brand-2);flex:0 0 auto}
.a8-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.a8-shift-s{display:flex;gap:14px;font-size:.82rem;color:var(--ink-2);flex-wrap:wrap}
.a8-shift-s b{color:var(--ink);font-size:1rem}
.a8-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.a8-quick button{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);font-weight:600;font-size:.86rem;text-align:left;transition:border-color .15s,background .15s}
.a8-quick button:hover{border-color:#fdba74;background:#fff7ed}
.a8-quick .ic{color:#c2410c;width:18px;height:18px}
.a8-feed li{align-items:flex-start}
.a8-feed .a8-fdot{margin-top:6px;margin-left:11px;margin-right:11px}
.a8-fr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}

/* state picker (modal + state view) */
.a8-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.a8-pk{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:2px solid var(--border);background:var(--surface);font-size:.86rem}
.a8-pk .a8-svg{height:34px}
.a8-pk.up{color:var(--a8-up)}.a8-pk.down{color:var(--a8-down)}.a8-pk.stop{color:var(--a8-stop)}.a8-pk.res{color:var(--a8-res)}
.a8-pk b{color:var(--ink)}
.a8-pk.on{border-color:currentColor;background:color-mix(in srgb,currentColor 9%,#fff)}
.a8-sm .a8-cur{margin:4px 0 10px}
.a8-sm .fgrid+.fgrid,.a8-sm .fld+.fgrid{margin-top:12px}
.a8-selbar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:10px 14px}
.a8-selbar .fld{min-width:200px}
.a8-pickrow{padding:0;flex:1}
.a8-dev{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start}
.a8-dev-big{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:14px;border:1px solid}
.a8-dev-big .a8-svg{height:64px}
.a8-dev-big b{font-size:1.1rem;color:var(--ink)}
.a8-dev-big span{font-size:.78rem;color:var(--ink-2)}
.a8-dev-big.up{color:var(--a8-up);background:#ecfdf5;border-color:#a7f3d0}.a8-dev-big.down{color:var(--a8-down);background:#eff6ff;border-color:#bfdbfe}.a8-dev-big.stop{color:var(--a8-stop);background:#fff1f2;border-color:#fecdd3}.a8-dev-big.res{color:var(--a8-res);background:#fffbeb;border-color:#fde68a}
.a8-strip{display:flex;height:22px;border-radius:7px;overflow:hidden;background:var(--panel-3)}
.a8-strip i{display:block;height:100%;min-width:1px}
.a8-strip-l{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin:3px 0 8px}
.a8-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.a8-stats div{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column}
.a8-stats b{font-size:1.1rem;font-variant-numeric:tabular-nums}
.a8-stats span{font-size:.74rem;color:var(--ink-2)}

/* control mode */
.a8-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a8-modebtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:12px;border:2px solid var(--border);text-align:left;background:var(--surface)}
.a8-modebtn b{font-size:1.2rem;color:#1d4ed8}
.a8-modebtn.yi b{color:#6d28d9}
.a8-modebtn span{font-weight:600;font-size:.86rem}
.a8-modebtn em{font-style:normal;font-size:.76rem;color:var(--ink-2)}
.a8-modebtn.on{border-color:#3b82f6;background:#eff6ff}
.a8-modebtn.yi.on{border-color:#8b5cf6;background:#f5f3ff}
.a8-mmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:6px 18px}
.a8-mrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:9px;cursor:pointer}
.a8-mrow:hover{background:var(--panel-2)}
.a8-mrow b{font-size:.86rem;white-space:nowrap}
.a8-mrow>span{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.a8-mchip{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:6px;background:#dbeafe;color:#1d4ed8}
.a8-mchip.yi{background:#ede9fe;color:#6d28d9}

/* power */
.a8-ptab td{white-space:nowrap}
.a8-rbad td{background:#fff5f6}

/* braking */
.a8-ecode{display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 6px;border-radius:7px;background:#fff7ed;color:#c2410c;font-weight:700;font-size:.8rem}
.a8-dlt{font-size:.8rem;font-weight:700;white-space:nowrap}
.a8-dlt.up{color:var(--bad)}.a8-dlt.down{color:var(--good)}

/* plan-schedule */
.a8-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:12px}
.a8-plan{display:flex;flex-direction:column;gap:6px;text-align:left;padding:11px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}
.a8-plan b{font-size:.84rem}
.a8-plan.on{border-color:#fb923c;box-shadow:0 0 0 3px #ffedd5}
.a8-caltool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.a8-caltool .seg{margin:0}
.a8-mnav{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2px 6px}
.a8-mnav b{min-width:120px;text-align:center}
.a8-mnav .iconbtn{font-size:1.3rem;width:30px;height:30px}
.a8-exec{display:flex;align-items:center;gap:12px;margin:-2px 0 12px;font-size:.86rem;color:var(--ink-2)}
.a8-exec .pbar{flex:1;height:10px}
.a8-calgrid{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);align-items:start}
.a8-cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.a8-cal-h,.a8-cal-b{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.a8-cal-h span{padding:7px;font-size:.74rem;font-weight:700;color:var(--ink-2);text-transform:uppercase;background:var(--panel-2);border-bottom:1px solid var(--border);text-align:center}
.a8-cd{position:relative;min-height:96px;padding:5px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-width:0}
.a8-cd:nth-child(7n){border-right:none}
.a8-cd.out{background:var(--panel-2);cursor:default}
.a8-cd.we{background:#fcfcfd}
.a8-cd:hover{background:#fff7ed}
.a8-cd.sel{box-shadow:inset 0 0 0 2px #fb923c}
.a8-cd.today .a8-cdn{background:#c2410c;color:#fff}
.a8-cdn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.78rem;font-weight:700}
.a8-cdc{position:absolute;top:6px;right:6px;font-size:.68rem;font-weight:700;color:var(--ink-2);background:var(--panel-3);border-radius:6px;padding:0 5px}
.a8-chips2{display:flex;flex-direction:column;gap:2px;margin-top:3px}
.a8-wchip{display:block;font-size:.66rem;line-height:1.35;padding:1px 5px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid}
.a8-wchip.info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.a8-wchip.warn{background:#fffbeb;border-color:#f59e0b;color:#92400e}.a8-wchip.ok{background:#ecfdf5;border-color:#10b981;color:#065f46}.a8-wchip.bad{background:#fff1f2;border-color:#f43f5e;color:#9f1239}
.a8-more{font-size:.66rem;color:var(--ink-2);padding-left:4px}
.a8-ytab td,.a8-ytab th{text-align:center}
.a8-ytab td:first-child,.a8-ytab th:first-child{text-align:left;white-space:nowrap}
.a8-yc{background:color-mix(in srgb,#10b981 calc(var(--p) * .45%),#fff);cursor:pointer;font-size:.8rem}
.a8-yc.empty{background:#fff;color:var(--muted);cursor:default}
.a8-yc.tot{display:table-cell;cursor:default}
.a8-yc.tot span{display:block;font-size:.68rem;color:var(--ink-2)}

/* stops */
.a8-actstops{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin-bottom:4px}
.a8-as{border:1px solid #fecdd3;background:#fff5f6;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.a8-as-h{display:flex;align-items:center;gap:10px;color:var(--a8-stop)}
.a8-as-h .a8-svg{width:56px;height:34px;flex:0 0 auto}
.a8-as-h b{color:var(--ink);display:block}
.a8-as-t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.a8-as-t b{color:var(--a8-stop);font-size:1.1rem;white-space:nowrap}

/* full-screen SCADA */
.a8-scr{padding:16px 18px;min-height:100vh;color:#e2e8f0}
.a8-scr header{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.a8-scr header b{display:block;font-size:1.1rem}
.a8-scr header span{color:#94a3b8;font-size:.85rem}
.a8-scr-k{display:flex;gap:8px;flex-wrap:wrap}
.a8-scr-k span{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:5px 10px;border-radius:10px;background:#0f172a;border:1px solid #1e293b;font-size:.72rem;color:#94a3b8}
.a8-scr-k b{font-size:1.3rem;color:#fff}
.a8-scr-k .up b{color:#34d399}.a8-scr-k .down b{color:#38bdf8}.a8-scr-k .stop b{color:#fb7185}.a8-scr-k .res b{color:#fbbf24}.a8-scr-k .info b{color:#a78bfa}
.a8-scr-clock{font:700 1.6rem var(--mono);color:#fff}
.a8-scr .a8-st{background:#0b1220;border-color:#1e293b}
.a8-scr .a8-st-h b{color:#f8fafc}
.a8-scr .a8-esc{background:#0f172a}
.a8-scr .a8-esc-h{color:#e2e8f0}
.a8-scr .a8-esc.up{border-color:#065f46;color:#34d399}.a8-scr .a8-esc.down{border-color:#075985;color:#38bdf8}.a8-scr .a8-esc.stop{border-color:#9f1239;color:#fb7185}.a8-scr .a8-esc.res{border-color:#92400e;color:#fbbf24}
.a8-scr .a8-v{background:#111827}
.a8-scr .a8-st-f{border-color:#1e293b;color:#94a3b8}
.a8-scr .mute{color:#94a3b8}
.a8-ticker{margin-top:14px;overflow:hidden;white-space:nowrap;border:1px solid #1e293b;border-radius:10px;background:#0b1220;padding:8px 0}
.a8-ticker div{display:inline-block;padding-left:100%;animation:a8-tick 60s linear infinite}
.a8-ticker span{margin-right:42px;color:#cbd5e1;font-size:.88rem}
@keyframes a8-tick{to{transform:translateX(-100%)}}
.a8-scr-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#e2e8f0;text-align:center;padding:20px}

/* data warehouse import */
.a8-wiz{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.a8-wiz div{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--panel-3);color:var(--ink-2);font-weight:600;font-size:.84rem}
.a8-wiz i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;font-style:normal;font-size:.78rem}
.a8-wiz .cur{background:#fff7ed;color:#c2410c;box-shadow:inset 0 0 0 1px #fdba74}
.a8-wiz .done{background:#ecfdf5;color:#047857}
.a8-dsinfo{margin:8px 0 10px}
.a8-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 14px;border:2px dashed var(--border-2);border-radius:14px;background:var(--panel-2);cursor:pointer;text-align:center}
.a8-drop:hover,.a8-drop.over{border-color:#fb923c;background:#fff7ed}
.a8-drop input{display:none}
.a8-drop .ic{width:26px;height:26px;color:#c2410c}
.a8-howto{padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:.88rem;color:var(--ink-2)}
.a8-howto b{color:var(--ink)}
.chip.a8-okchip{background:#ecfdf5;color:#047857;font-weight:600}
.a8-map{border:1px solid var(--border);border-radius:10px;max-height:420px}
.a8-map select{height:32px;border:1px solid var(--border-2);border-radius:8px;padding:0 6px;max-width:260px;width:100%}
.a8-map tr.a8-unm td{background:#fafafa;color:var(--ink-2)}
.a8-errs{border:1px solid var(--border);border-radius:10px;max-height:300px}
.a8-prog{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px}
.a8-prog .pbar{height:12px}
.a8-done{display:flex;gap:12px;align-items:flex-start}
.a8-done>.ic{width:34px;height:34px;color:var(--good);flex:0 0 auto}
.a8-lic{display:flex;align-items:baseline;gap:10px}
.a8-lic b{font-size:2rem;font-variant-numeric:tabular-nums}
.a8-lic div{font-size:1.1rem;color:var(--ink-2)}

/* annual inspections */
.a8-ann{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:14px;align-items:start}
.a8-objs{list-style:none;max-height:340px;overflow:auto;margin:-6px -8px}
.a8-objs li{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:9px;cursor:pointer}
.a8-objs li:hover{background:var(--panel-2)}
.a8-objs li.on{background:#fff7ed;box-shadow:inset 3px 0 #fb923c}
.a8-objs li b{display:block;font-size:.86rem}
.a8-objs li>b+span{display:block}
.a8-ta{display:inline-flex;gap:0;opacity:.35;transition:opacity .15s}
li:hover>.a8-ta,.a8-tn:hover .a8-ta{opacity:1}
.a8-ta .iconbtn{width:28px;height:28px}
.a8-tree{list-style:none;display:flex;flex-direction:column;gap:8px}
.a8-tn{display:flex;align-items:center;gap:8px}
.a8-tn b{font-size:.88rem}
.a8-subs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.a8-sub{display:inline-flex;align-items:center;gap:2px;padding:2px 4px 2px 8px;border-radius:7px;background:var(--panel-3);font-size:.78rem}
.a8-sub button{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;color:var(--ink-2);opacity:.5}
.a8-sub button:hover{opacity:1;background:#fff}
.a8-sub .ic{width:12px;height:12px}
.card .crud-bar.a8-bar{border:none;border-bottom:1px solid var(--border);border-radius:0}
.a8-rounded{border-radius:var(--r)!important;border-bottom:1px solid var(--border)!important;margin-bottom:14px}
.a8-scores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.a8-scores button{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border-radius:10px;border:2px solid var(--border);background:var(--surface);font-size:.74rem;color:var(--ink-2)}
.a8-scores b{font-size:1.1rem;color:var(--c)}
.a8-scores button.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--ink)}
.a8-photo{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.a8-photo img,.a8-photo .ph{width:110px;height:78px;border-radius:10px;object-fit:cover;background:var(--panel-3);display:grid;place-items:center;color:var(--muted)}
.a8-tot td{background:var(--panel-2);font-weight:600}

/* defects */
.a8-steps{display:flex;gap:4px;margin-bottom:12px}
.a8-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;color:var(--muted);text-align:center;position:relative}
.a8-step i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel-3);font-style:normal;font-weight:700;color:var(--ink-2)}
.a8-step.done i{background:#10b981;color:#fff}.a8-step.done{color:#047857}
.a8-step.cur i{background:#c2410c;color:#fff;box-shadow:0 0 0 4px #ffedd5}.a8-step.cur{color:var(--ink);font-weight:700}
.a8-agree{padding:9px 12px;border-radius:10px;margin-bottom:8px;font-size:.88rem}
.a8-agree.ok{background:#ecfdf5}.a8-agree.bad{background:#fff1f2}
.a8-agree p{margin-top:3px;color:var(--ink-2)}
.a8-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.a8-gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;border:1px solid var(--border)}
.a8-prof{display:flex;align-items:center;gap:12px}
.a8-prof b{display:block;font-size:1.02rem}
.a8-alerts li{align-items:center}
.a8-scroll{max-height:440px;overflow:auto}
.a8-loctabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.a8-loctabs button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);position:relative}
.a8-loctabs button .ic{grid-row:span 2;width:22px;height:22px;color:#c2410c}
.a8-loctabs button span{font-size:.78rem;color:var(--ink-2)}
.a8-loctabs button em{position:absolute;top:8px;right:10px;font-style:normal;font-size:.7rem;font-weight:700;color:#be123c;background:#fff1f2;padding:1px 6px;border-radius:6px}
.a8-loctabs button.on{border-color:#fb923c;box-shadow:0 0 0 3px #ffedd5}
.a8-objgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.a8-objn li{flex-direction:column;align-items:stretch;padding:0;border-bottom:1px solid var(--border)}
.a8-on-h{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer}
.a8-on-h:hover{background:var(--panel-2)}
.a8-on-h .chev{color:var(--muted);transition:transform .15s}
.a8-objn li.open .a8-on-h .chev{transform:rotate(90deg)}
.a8-on-b{padding:4px 14px 12px;display:flex;flex-direction:column;gap:6px}
.a8-onote{display:flex;gap:6px;font-size:.84rem;color:#1d4ed8;background:#eff6ff;padding:6px 9px;border-radius:8px}
.a8-note{font-size:.82rem;padding:7px 10px;border-radius:8px;background:var(--panel-2);border-left:3px solid #94a3b8;cursor:pointer}
.a8-note.warn{border-left-color:#f59e0b;background:#fffbeb}.a8-note.ok{border-left-color:#10b981;background:#f0fdf4}
.a8-note p{margin-top:2px;color:var(--ink-2)}

/* ETX */
.a8-jcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.a8-jc{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}
.a8-jc:hover{border-color:#fdba74}
.a8-jc b{font-size:.9rem}
.a8-jcode{font:700 .78rem var(--mono);color:#c2410c}
.a8-integ li{align-items:center}
.a8-dig{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:14px;align-items:start}
.a8-digw{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.a8-scans{list-style:none;max-height:520px;overflow:auto}
.a8-scans li{display:flex;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);cursor:pointer;align-items:center}
.a8-scans li:hover{background:var(--panel-2)}
.a8-scans li.on{background:#fff7ed;box-shadow:inset 3px 0 #fb923c}
.a8-scans img{width:42px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:#fbf7ec}
.a8-scans li .grow{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.a8-scans b{font-size:.84rem}
.a8-scanview{max-height:620px;overflow:auto;background:#e7e5e4}
.a8-scanview img{display:block;width:100%;transition:transform .15s}
.a8-trans{overflow-x:auto;border:1px solid var(--border);border-radius:10px}
.a8-trans td{padding:4px}
.a8-trans input,.a8-trans select{height:32px;border:1px solid var(--border-2);border-radius:7px;padding:0 6px;width:100%;min-width:60px;background:#fff}
.a8-trans td:nth-child(2) select{min-width:150px}
.a8-trans td:nth-child(8) input{min-width:170px}
.a8-trans input[type=time]{min-width:92px}

/* transcription records */
.a8-trows{display:flex;flex-direction:column;gap:10px}
.a8-trow{border:1px solid var(--border);border-radius:12px;padding:8px 10px 10px;background:var(--panel-2)}
.a8-trow-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.a8-trow-h b{font-size:.8rem;color:#c2410c}
.a8-trg{display:grid;grid-template-columns:minmax(108px,1fr) repeat(3,minmax(0,1fr));gap:8px}
.a8-trg .fld input,.a8-trg .fld select{height:34px}
.a8-trg .a8-w2{grid-column:span 2}
.a8-trg .a8-w4{grid-column:1/-1}

/* responsive */
@media (max-width:1200px){.a8-calgrid{grid-template-columns:minmax(0,1fr)}.a8-digw{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.a8-ann,.a8-dig{grid-template-columns:minmax(0,1fr)}.a8-objgrid{grid-template-columns:minmax(0,1fr)}.a8-objs{max-height:260px}}
@media (max-width:900px){.a8-loctabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .a8-scada{grid-template-columns:minmax(0,1fr)}
  .a8-esc{width:68px}
  .a8-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a8-dev{grid-template-columns:minmax(0,1fr)}
  .a8-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a8-modes{grid-template-columns:minmax(0,1fr)}
  .a8-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a8-quick button{padding:9px 10px;font-size:.8rem}
  .a8-cd{min-height:54px;padding:3px}
  .a8-chips2{display:none}
  .a8-cdc{position:static;display:block;margin-top:4px;background:#ffedd5;color:#c2410c;text-align:center}
  .a8-cal-h span{padding:6px 2px;font-size:.66rem}
  .a8-mnav b{min-width:96px;font-size:.9rem}
  .a8-scores{grid-template-columns:repeat(5,minmax(0,1fr))}
  .a8-scores button span{display:none}
  .a8-mmap{grid-template-columns:minmax(0,1fr)}
  .a8-shift-s{width:100%}
  .a8-selbar .fld{min-width:0;width:100%}
  .a8-wiz div span{display:none}
  .a8-st-f{white-space:normal}
  .a8-legend .seg{width:100%}
  .a8-inl{max-width:130px}
  .a8-scr-k span{min-width:58px}
  .a8-trg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a8-trg .a8-w2{grid-column:1/-1}
}