.ai-tabs{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin-bottom:22px}.ai-tabs button{white-space:nowrap;flex:none}.ai-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.ai-heading>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ai-heading h2{font-size:20px;margin:0}.ai-state{font-size:12px;background:#fff4d6;color:#805d08;padding:5px 9px;border-radius:4px}.ai-filters{display:flex;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.ai-filters>label{display:grid;gap:6px;width:300px;max-width:100%}.ai-camera-info{display:flex;align-items:center;gap:12px;color:#60798b;padding-bottom:12px;flex:1}.ai-workspace button svg{width:18px;height:18px;flex:none}.ai-workspace button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.ai-scene-column{min-width:0}.ai-scene{position:relative;aspect-ratio:16/9;background:#edf1f2;border:1px solid #c5d9df;overflow:hidden}.ai-scene img{width:100%;height:100%;object-fit:contain}.ai-scene [hidden]{display:none}.ai-image-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#617683}.ai-image-empty svg{width:28px;height:28px}.ai-scene>svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.ai-scene.drawing{cursor:crosshair}.ai-scene>svg rect{fill:#00aeb51c;stroke:#079ca5;stroke-width:3;vector-effect:non-scaling-stroke}.ai-scene>svg line{stroke:#00a8b3;stroke-width:3;vector-effect:non-scaling-stroke}.ai-scene>svg circle{fill:white;stroke:#079ca5;stroke-width:2;vector-effect:non-scaling-stroke}.ai-scene>svg text{fill:#063c46;stroke:white;stroke-width:2;paint-order:stroke;font-size:32px;font-family:Arial,sans-serif;text-anchor:middle}.ai-scene-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.ai-scene-tools button[aria-pressed=true]{background:#dcf4f4;border-color:#08a7b0}.ai-scene-tools .small{margin-inline-start:auto}.ai-rule{border-inline-start:1px solid #c5d9df;padding-inline-start:22px}.ai-rule h3,.ai-events h3{font-size:17px;margin:0 0 16px}.ai-rule>label:not(.camera-check){display:grid;gap:6px;margin:16px 0}.ai-rule input,.ai-rule select{width:100%;min-width:0;box-sizing:border-box}.ai-rule .camera-check input{width:auto}.ai-rule .camera-check{display:flex;align-items:center;gap:8px;color:#6d8090}.ai-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-times[hidden]{display:none}.ai-times label{display:grid;gap:6px;min-width:0}.ai-coordinates{margin:18px 0}.ai-coordinates summary{cursor:pointer;color:#526c7a}.ai-coordinates>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.ai-coordinates label{min-width:0}.ai-draft-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #c5d9df;padding-top:16px}.ai-draft-actions button{min-height:40px}.ai-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #c5d9df;padding:16px 0;margin-bottom:24px;gap:12px}.ai-measures span{display:block;color:#60798b;font-size:13px}.ai-measures strong{display:block;font-size:18px;margin-top:8px}.ai-table-wrap{overflow:auto}.ai-no-events{text-align:center;color:#718594;padding:30px!important}.ai-workspace #aiDraftStatus{overflow-wrap:anywhere}.ai-workspace button:focus-visible{outline:2px solid #008995;outline-offset:3px}
.ai-image-empty{position:absolute;top:12px;left:12px;right:12px;height:auto;flex-direction:row;justify-content:flex-start;font-size:13px}.ai-image-empty svg{width:18px;height:18px;flex:none}
@media(max-width:1100px){.ai-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.ai-rule{padding-inline-start:16px}}
@media(max-width:850px){.ai-layout{grid-template-columns:1fr}.ai-rule{border-inline-start:0;border-top:1px solid #c5d9df;padding:20px 0}.ai-tabs{width:100%}.ai-tabs button{font-size:14px}.ai-measures strong{font-size:16px}.ai-heading{align-items:start}.ai-filters>label{width:100%}}
.ai-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b9c8d4;margin-left:6px;vertical-align:1px}
.ai-live-dot.on{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.ai-state,.ai-measures strong{font-variant-numeric:tabular-nums}
.ai-topline{display:flex;align-items:center;gap:12px;padding:2px 4px 10px}
.ai-topline h2{font-size:20px;margin:0}
.ai-topline .small{color:#6b8194;font-size:12px;margin-left:10px}
.ai-modes{margin-left:auto;display:flex;gap:6px}
.ai-mode{font-size:11.5px;font-weight:800;border:1px solid #e2eaef;border-radius:999px;padding:4px 13px;color:#6b8194;background:#fff;cursor:pointer}
.ai-mode.on{background:#0c9ca5;border-color:#0c9ca5;color:#fff}
.ov-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px 4px 4px}
.mcard{position:relative;border:1.5px solid #e2eaef;border-radius:11px;padding:12px 13px;background:#fff;cursor:pointer}
.mcard:hover{border-color:#0bb3bf}
.mcard .nm{font-size:13px;font-weight:800;color:#12334a;display:flex;align-items:center;gap:7px;padding-right:44px}
.mcard .big{font-size:23px;font-weight:800;color:#0a8189;margin:7px 0 2px;font-variant-numeric:tabular-nums}
.mcard .sub{font-size:11px;color:#6b8194}
.mcard .pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);flex:none}
.mcard.off .pulse{background:#c3d2dc;box-shadow:none}
.mcard .sw{position:absolute;top:11px;right:11px;font-size:10.5px;font-weight:800;border-radius:999px;padding:2px 8px}
.mcard .sw.on{background:#e2f3ec;color:#00895e}
.mcard .sw.off{background:#eef3f6;color:#6b8194}
.ov-sw{position:absolute;top:9px;right:10px}
.ov-sw input{width:17px;height:17px;accent-color:#0c9ca5;cursor:pointer}
.ov-hint{font-size:11.5px;color:#6b8194;padding:6px 6px 12px;overflow-wrap:anywhere}
.ov-grid{display:grid;grid-template-columns:1.35fr 1fr;border-top:1px solid #e2eaef}
.ov-feed{padding:14px;border-right:1px solid #e2eaef}
.ov-chartbox{padding:14px}
h4.t{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#6b8194;margin-bottom:11px;display:flex;align-items:center;gap:8px}
.livechip{font-size:10.5px;background:#e2f3ec;color:#00895e;font-weight:800;border-radius:6px;padding:2px 8px}
.ev{display:flex;gap:9px;padding:7.5px 0;border-bottom:1px dashed #e2eaef;font-size:12.5px;align-items:flex-start}
.ev:last-child{border:0}
.ev time{color:#6b8194;font-size:11.5px;width:58px;flex:none;font-variant-numeric:tabular-nums;padding-top:1px}
.tag{flex:none;font-size:10px;font-weight:800;border-radius:5px;padding:2px 7px;letter-spacing:.03em;margin-top:1px}
.tag.in{background:#e3f4f5;color:#0a8189}.tag.out{background:#e7f0fa;color:#2471c3}
.tag.warn{background:#faf1dc;color:#94650a}.tag.alarm{background:#fdecef;color:#c52a4c}
.ev b{display:block;font-size:12.5px}.ev small{color:#6b8194;font-size:11px}
.ov-bars{display:flex;align-items:flex-end;gap:2px;height:120px;margin-top:6px}
.ov-bars i{flex:1;background:#0c9ca5;border-radius:2px 2px 0 0;opacity:.92}
.ov-bars i.o{background:#2471c3}
.ov-bx{display:flex;justify-content:space-between;font-size:9.5px;color:#6b8194;padding-top:5px}
.ov-minis{display:flex;gap:8px;margin-top:12px}
.mk{flex:1;border:1px solid #e2eaef;border-radius:9px;padding:8px 11px;background:#fbfdfd}
.mk small{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b8194}
.mk b{display:block;font-size:16px;color:#12334a;margin-top:2px}
.wiz{max-width:760px;margin:0 auto}
.wsteps{display:flex;gap:8px;padding:16px 4px 4px}
.ws{flex:1;text-align:center;font-size:11px;font-weight:700;color:#6b8194;padding-bottom:10px;border-bottom:3px solid #e2eaef}
.ws.on{color:#0a8189;border-color:#0c9ca5}.ws.done{color:#00895e;border-color:#00895e}
.wbody{padding:16px 4px}
.wtest{display:flex;gap:9px;align-items:center;margin-top:13px;background:#e3f4f5;border:1px solid #c9e8ea;border-radius:9px;padding:9px 12px;font-size:12.5px}
.wfoot{display:flex;gap:10px;justify-content:flex-end;padding:0 4px 16px}
@media(max-width:860px){.ov-cards{grid-template-columns:repeat(2,1fr)}.ov-grid{grid-template-columns:1fr}.ov-feed{border-right:0;border-bottom:1px solid #e2eaef}}
.ac-chips{display:flex;gap:7px;flex-wrap:wrap;padding:12px 4px}
.chip{font-size:12px;font-weight:700;border:1px solid #e2eaef;border-radius:999px;padding:4.5px 13px;color:#6b8194;background:#fff;cursor:pointer}
.chip.on{background:#e3f4f5;border-color:#0c9ca5;color:#0a8189}
.chip .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:5px;vertical-align:1px}
.ac-hero{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #e2eaef;border-radius:12px;overflow:hidden;margin:4px 0 12px}
.ac-hero-l{padding:18px 20px;border-left:1px solid #e2eaef}
.ac-hero-l .lbl{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6b8194}
.ac-hero-l .big{font-size:54px;font-weight:800;color:#0a8189;line-height:1.05;font-variant-numeric:tabular-nums;margin:4px 0}
.ac-hero-l .delta{font-size:12.5px;color:#00895e;font-weight:700}
.ac-hero-l .delta small{color:#6b8194;font-weight:500}
.ac-curve{position:relative;height:140px;margin-top:12px;border:1px solid #e2eaef;border-radius:10px;background:linear-gradient(180deg,#f3fafb,#fff);overflow:hidden}
.ac-curve svg{position:absolute;inset:0;width:100%;height:100%}
.ac-nowdot{position:absolute;top:8px;right:10px;font-size:11px;font-weight:800;color:#0a8189;background:#e3f4f5;border-radius:999px;padding:3px 10px}
.ac-hero-r{display:grid;grid-template-rows:1fr 1fr}
.hk{padding:14px 20px;display:flex;flex-direction:column;justify-content:center}
.hk+.hk{border-top:1px solid #e2eaef}
.hk .lbl{font-size:11px;font-weight:800;letter-spacing:.07em;color:#6b8194}
.hk .row{display:flex;align-items:baseline;gap:12px;margin-top:5px;flex-wrap:wrap}
.hk b{font-size:26px;color:#12334a;font-variant-numeric:tabular-nums}
.hk small{font-size:12px;color:#6b8194}
.ac-camrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.camp{flex:1;min-width:170px;border:1px solid #e2eaef;border-radius:10px;padding:11px 13px;background:#fbfdfd}
.camp .nm{font-size:12px;font-weight:800;color:#12334a;display:flex;align-items:center;gap:7px}
.camp .pulse{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)}
.camp .val{font-size:21px;font-weight:800;color:#0a8189;margin-top:4px;font-variant-numeric:tabular-nums}
.camp small{font-size:11px;color:#6b8194}
.ac-feedwrap{padding:4px 2px}
.ac-setup{display:grid;grid-template-columns:1fr 1.35fr;border:1px solid #e2eaef;border-radius:12px;overflow:hidden}
.ac-list{border-left:1px solid #e2eaef;padding:12px}
.ac-scam{display:flex;gap:10px;align-items:center;border:1.5px solid #e2eaef;border-radius:11px;padding:9px;margin-bottom:9px;background:#fff;cursor:pointer}
.ac-scam.sel{border-color:#0c9ca5;box-shadow:0 0 0 3px rgba(12,156,165,.12)}
.ac-thumb{position:relative;width:92px;height:56px;border-radius:7px;overflow:hidden;flex:none;background:#101f2b}
.ac-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ac-thumb .z{position:absolute;left:20%;top:24%;width:52%;height:56%;border:2px solid #14d7df;border-radius:4px;background:rgba(20,215,223,.18)}
.ac-scam .inf{flex:1;min-width:0}
.ac-scam .inf b{font-size:13px;color:#12334a;display:block}
.ac-scam .inf small{font-size:11px;color:#6b8194;display:block;margin-top:2px}
.sw-t{position:relative;width:34px;height:19px;border-radius:999px;background:#c3d2dc;flex:none;cursor:pointer}
.sw-t::after{content:"";position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}
.sw-t.on{background:#0c9ca5}
.sw-t.on::after{right:17px}
.ac-editor{padding:14px}
.canvas-wrap{position:relative;border:1px solid #e2eaef;border-radius:10px;overflow:hidden;background:#0d1d28}
.canvas-wrap img{width:100%;display:block;opacity:.95}
.ac-dim{position:absolute;inset:0;background:#0d283b40;pointer-events:none}
.ac-zone{position:absolute;border:2.5px solid #14d7df;border-radius:6px;background:rgba(20,215,223,.14);touch-action:none}
.ac-zone .hd{position:absolute;top:-22px;left:-2px;font-size:10px;font-weight:800;color:#14d7df;letter-spacing:.06em;white-space:nowrap}
.hd2{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid #14d7df;cursor:nwse-resize}
.hd2.tl{left:-7px;top:-7px}.hd2.tr{right:-7px;top:-7px}.hd2.bl{left:-7px;bottom:-7px}.hd2.br{right:-7px;bottom:-7px}
.ac-dims{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ac-dims .d{border:1px solid #e2eaef;border-radius:8px;padding:5px 11px;font-size:11.5px;color:#6b8194;background:#fff}
.ac-dims .d b{color:#12334a;font-variant-numeric:tabular-nums}
@media(max-width:860px){.ac-hero{grid-template-columns:1fr}.ac-hero-l{border-left:0;border-bottom:1px solid #e2eaef}.ac-setup{grid-template-columns:1fr}.ac-list{border-left:0;border-bottom:1px solid #e2eaef}}
.ac-z{position:absolute;left:20%;top:24%;width:52%;height:56%;border:2px solid #14d7df;border-radius:4px;background:rgba(20,215,223,.18)}
.ac-thumb img:broken,.ac-thumb img[broken]{display:none}
.wform label{min-width:0}
.wform input{width:100%;box-sizing:border-box}
.ac-tools{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ac-tools .small{color:#6b8194;font-size:11.5px;overflow-wrap:anywhere}
#draw.ac-draw-btn[aria-pressed="true"],.ac-tools button[aria-pressed="true"]{background:#0c9ca5!important;color:#fff!important;border-color:#0c9ca5!important}
.canvas-wrap img{cursor:default}
.canvas-wrap.drawing img,.canvas-wrap:has(button[aria-pressed="true"]) img{cursor:crosshair}
.hd2{display:none}

.ac-zone.red{border-color:#e2504c;background:rgba(226,80,76,.14)}
.ac-zone.red .hd{color:#e2504c}
.ac-hero-l .big.alarm{color:#c52a4c}
.ac-thumb .z.red,.ac-z.red{border-color:#e2504c;background:rgba(226,80,76,.2)}
.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:11px}
.pcardx{position:relative;border:1px solid #e2eaef;border-radius:12px;padding:13px;text-align:center;background:#fff}
.vav{width:54px;height:54px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c9ca5,#134e4a);color:#fff;font-weight:800;font-size:17px}
.delx{position:absolute;top:7px;left:9px;border:0;background:none;color:#c3d2dc;cursor:pointer;font-size:13px}
.delx:hover{color:#c52a4c}
.pcardx .pcnt{margin-top:7px;font-size:10.5px;font-weight:800;background:#e3f4f5;color:#0a8189;border-radius:999px;display:inline-block;padding:2px 10px}
.pcardx small{color:#6b8194;font-size:11px;display:block}

.syncx{position:absolute;top:7px;right:9px;border:0;background:none;color:#c3d2dc;cursor:pointer;font-size:14px}
.syncx:hover{color:#0c9ca5}

.evpic{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;border:1px solid #e2eaef}

.evadd{margin-inline-start:auto;flex:none;font-family:inherit;font-size:10.5px;font-weight:800;color:#0a8189;background:#e3f4f5;border:1px solid #c9e8ea;border-radius:999px;padding:3px 10px;cursor:pointer}
.evadd:hover{background:#0c9ca5;color:#fff}
.vis-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:9999;display:flex;align-items:center;justify-content:center}
.vis-dialog{background:#fff;border-radius:14px;padding:20px 22px;width:430px;max-width:92vw;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.vis-dialog h3{margin:0 0 14px;font-size:17px}
.vis-evrow{display:flex;gap:14px;align-items:center;background:#f8fafc;border:1px solid #e2eaef;border-radius:12px;padding:12px;margin-bottom:14px}
.vis-evrow img{width:74px;height:74px;border-radius:12px;object-fit:cover;background:#101f2b;flex:none}
.vis-evmeta{display:grid;gap:7px;font-size:12.5px}
.vis-evmeta small{display:block;color:#6b8194;font-size:10.5px;font-weight:800;letter-spacing:.05em}
.vis-dialog label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}
.vis-dialog input{width:100%;box-sizing:border-box;border:1px solid #e2eaef;border-radius:8px;padding:9px 11px;font-family:inherit;margin-top:4px}
.vis-dialog .nofile{display:none}
.vis-modal .wfoot{padding:6px 0 0}
.evpic{cursor:pointer}
.evpic:hover{transform:scale(1.08);transition:.15s}
.evpic{width:48px!important;height:48px!important}

.who{min-width:0}
.who b{display:block;font-size:13px}
.who small{color:#6b8194;font-size:11px}
.mline{margin-inline-start:auto;font-size:11.5px;color:#6b8194;text-align:end}
.mline.ok{color:#00895e;font-weight:800}
.mline.no{color:#b45309}
.vbtns{display:flex;gap:7px;margin-inline-start:auto}
.evadd.v{color:#b45309;border-color:#fde68a}
.evpic{width:52px!important;height:52px!important;border-radius:10px;cursor:pointer}
.evpic:hover{transform:scale(1.08);transition:.15s}
.vis-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px}
.vis-frames img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:2.5px solid transparent;cursor:pointer;background:#101f2b}
.vis-frames img.on{border-color:#0c9ca5}
.vis-up{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #bcd7da;border-radius:9px;cursor:pointer;font-size:20px;background:#f6fbfb}
.decide{display:grid;gap:8px;margin:10px 0 2px}
.opt{display:flex;gap:10px;align-items:center;border:1.5px solid #e2eaef;border-radius:11px;padding:9px 11px;cursor:pointer}
.opt.on{border-color:#0c9ca5;background:#f2fbfb}
.opt .ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex:none}
.opt .ic.t{background:#0c9ca5}.opt .ic.o{background:#b45309}
.opt b{font-size:12.5px;display:block}.opt small{color:#6b8194;font-size:10.5px}
.lbl{font-size:11.5px;font-weight:700;display:block;margin-top:9px}
.inp{border:1px solid #e2eaef;border-radius:8px;padding:8px 11px;font-family:inherit;font-size:13px;width:100%;margin-top:4px}
.rep-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:10px 4px}
.rep-filters label{display:grid;gap:4px;font-size:11.5px;font-weight:700}
.rep-filters select{border:1px solid #e2eaef;border-radius:8px;padding:7px 10px;font-family:inherit}
.rep-bars{display:flex;align-items:flex-end;gap:2px;height:120px;padding:4px}
.rep-bars i{flex:1;background:#0c9ca5;border-radius:2px 2px 0 0;opacity:.92}
.rep-bars i.o{background:#e0a215}
.rep-bx{display:flex;justify-content:space-between;font-size:9.5px;color:#6b8194;padding:4px 6px 8px}
.rep-grid{display:grid;grid-template-columns:1.4fr 1fr;border-top:1px solid #e2eaef}
.rep-grid>div{padding:12px}
.rep-grid>div+div{border-inline-start:1px solid #e2eaef}
.rep-t{width:100%;border-collapse:collapse;font-size:12px}
.rep-t th{text-align:start;background:#f1f5f9;padding:7px 10px;border:1px solid #e2eaef;font-size:10.5px;color:#6b8194}
.rep-t td{padding:7px 10px;border:1px solid #e2eaef}
@media(max-width:860px){.rep-grid{grid-template-columns:1fr}.rep-grid>div+div{border-inline-start:0;border-top:1px solid #e2eaef}}

/* --- Visitors v2: match approved design --- */
.vl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.ac-feedwrap .ev{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e2eaef;border-radius:14px;padding:12px 14px}
.ac-feedwrap .evmain{flex:1;min-width:0;display:grid;gap:4px;text-align:right}
.ac-feedwrap .evtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vconf{background:#e7f6ef;color:#0a8f5d;font-weight:800;border-radius:999px;padding:2px 10px;font-size:12px}
.tag.new{background:#fff3e0;color:#b45309}
.rep-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 0}
.gate{display:grid;grid-template-columns:1fr auto auto;gap:2px 10px;align-items:center;background:#fff;border:1px solid #e2eaef;border-radius:12px;padding:10px 14px}
.gate .gbar{grid-column:1/-1;height:8px;background:#eef3f6;border-radius:99px;overflow:hidden}
.gate .gbar i{display:block;height:100%;background:linear-gradient(90deg,#0c9ca5,#134e4a);border-radius:99px}
[dir="rtl"] .ac-feedwrap .ev{flex-direction:row}

/* --- v2 design: stat boxes, avatars, confidence, legend --- */
.vl-stats .kpi,.kpis .kpi{background:#fff;border:1px solid #e2eaef;border-radius:14px;padding:14px 16px;text-align:center;display:grid;gap:2px;justify-items:center}
.vl-stats .kpi small,.kpis .kpi small{color:#6b8194;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vl-stats .kpi .n,.kpis .kpi .n{font-size:26px;font-weight:800;color:#134e4a;line-height:1.15}
.vl-stats .kpi.v .n,.kpis .kpi.v .n{color:#b45309}
.vl-stats .kpi .sub{font-size:10.5px;color:#8899a6;text-transform:none;letter-spacing:0}
.evpicbox{width:52px;height:52px;flex:none}
.evpicbox .evpic{width:52px;height:52px;object-fit:cover;border-radius:12px;cursor:zoom-in;background:#eef3f6;display:block}
.evph{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;background:linear-gradient(135deg,#0c9ca5,#134e4a);flex:none}
.ev .evph{background:linear-gradient(135deg,#2471c3,#134e4a)}
.ev:nth-child(3n) .evph{background:linear-gradient(135deg,#7c3aed,#2471c3)}
.evconf{display:grid;justify-items:end;align-self:center;margin-inline-start:auto;text-align:center;font-size:20px;font-weight:800;color:#0a8189}
.evconf small{font-size:10px;color:#6b8194;font-weight:600}
.vis-legend{display:flex;gap:18px;flex-wrap:wrap;padding:10px 6px 2px;color:#6b8194;font-size:11.5px;align-items:center}
.vis-legend .d{width:9px;height:9px;border-radius:50%;display:inline-block;margin-inline-end:6px}
.vis-legend .d.t{background:#0c9ca5}.vis-legend .d.o{background:#e0a215}.vis-legend .d.r{background:#c52a4c}