/* Metropark unified theme system v2. Single late layer for all base.html pages. */
:root,
html[data-theme="light"]{
  --mp-bg:#f4f7fb;
  --mp-bg-soft:#eef4fb;
  --mp-surface:#ffffff;
  --mp-surface-soft:#f8fbff;
  --mp-surface-raised:#ffffff;
  --mp-text:#172033;
  --mp-text-strong:#0f172a;
  --mp-muted:#5f6f86;
  --mp-border:#dbe5f2;
  --mp-border-strong:#c4d1e4;
  --mp-accent:#245da8;
  --mp-accent-2:#2f6dbd;
  --mp-accent-soft:#e7f0ff;
  --mp-success:#16834b;
  --mp-success-soft:#dff2e5;
  --mp-danger:#c33d45;
  --mp-danger-soft:#f9dddd;
  --mp-warning:#a86600;
  --mp-warning-soft:#fff0c7;
  --mp-violet:#7257c5;
  --mp-violet-soft:#ebe6fb;
  --mp-slate:#526274;
  --mp-slate-soft:#e9edf4;
  --mp-table-head:#f2f6fb;
  --mp-table-row:#ffffff;
  --mp-table-row-alt:#f8fbff;
  --mp-table-hover:#eef5ff;
  --mp-input-bg:#ffffff;
  --mp-input-border:#d4deeb;
  --mp-modal-backdrop:rgba(15,23,42,.45);
  --mp-shadow-card:0 10px 25px rgba(28,56,92,.10);
  --mp-shadow-strong:0 24px 70px rgba(15,23,42,.26);
  --mp-radius:14px;
  color-scheme:light;
}
html[data-theme="dark"],
html.theme-dark{
  --mp-bg:#07111f;
  --mp-bg-soft:#0b1526;
  --mp-surface:#0f172a;
  --mp-surface-soft:#111c30;
  --mp-surface-raised:#13213a;
  --mp-text:#eaf2ff;
  --mp-text-strong:#ffffff;
  --mp-muted:#a8b7cf;
  --mp-border:#26364f;
  --mp-border-strong:#365276;
  --mp-accent:#3b82f6;
  --mp-accent-2:#60a5fa;
  --mp-accent-soft:#102849;
  --mp-success:#34d399;
  --mp-success-soft:#0d3023;
  --mp-danger:#f87171;
  --mp-danger-soft:#3d141c;
  --mp-warning:#facc15;
  --mp-warning-soft:#392c0a;
  --mp-violet:#a78bfa;
  --mp-violet-soft:#251b42;
  --mp-slate:#94a3b8;
  --mp-slate-soft:#182236;
  --mp-table-head:#172642;
  --mp-table-row:#0f172a;
  --mp-table-row-alt:#101b2f;
  --mp-table-hover:#1d3154;
  --mp-input-bg:#0b1220;
  --mp-input-border:#30445f;
  --mp-modal-backdrop:rgba(0,0,0,.64);
  --mp-shadow-card:0 12px 28px rgba(0,0,0,.26);
  --mp-shadow-strong:0 24px 80px rgba(0,0,0,.52);
  color-scheme:dark;
}
html,body{margin:0!important;background:var(--mp-bg)!important;color:var(--mp-text)!important;font-family:Arial,"Segoe UI",system-ui,-apple-system,sans-serif!important;letter-spacing:0!important;}
body.theme-dark,body[data-theme="dark"]{background:var(--mp-bg)!important;color:var(--mp-text)!important;}
.app-shell,main.content,.content,.page,.workspace{background:linear-gradient(180deg,var(--mp-surface-soft),var(--mp-bg-soft))!important;color:var(--mp-text)!important;}
html[data-theme="dark"] .app-shell,html[data-theme="dark"] main.content,html[data-theme="dark"] .content,html.theme-dark .app-shell,html.theme-dark main.content,html.theme-dark .content{background:var(--mp-bg)!important;color:var(--mp-text)!important;}
.topbar{background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2))!important;color:#fff!important;box-shadow:0 4px 16px rgba(20,62,120,.22)!important;}
.brand-title,.brand-title *{color:#fff!important;}
.top-icon,.mp-theme-gear-btn{background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;border-radius:10px!important;min-width:40px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.top-icon.warn{background:rgba(255,244,214,.92)!important;color:#9a5b00!important;}
.nav-tabs{background:var(--mp-surface)!important;border-bottom:1px solid var(--mp-border)!important;box-shadow:0 2px 12px rgba(31,64,100,.06)!important;}
.nav-tabs a{color:var(--mp-text)!important;background:transparent!important;font-weight:800!important;text-decoration:none!important;}
.nav-tabs a:hover{background:var(--mp-accent-soft)!important;color:var(--mp-text-strong)!important;}
.nav-tabs a.active,.nav-tabs [aria-current="page"]{background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2))!important;color:#fff!important;box-shadow:0 5px 12px rgba(33,95,181,.22)!important;}
.page-head,.panel-head,.card-head,.section-head,.clean-head,.table-head,.modal-head{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
.page-head h1,.page-head h2,.page-head h3,.panel-head h1,.panel-head h2,.panel-head h3,.card-head h3,.clean-panel h3{color:var(--mp-text-strong)!important;}
.page-head p,.muted,.report-muted,small,.sub,.hint,.ai-gate-sub-v17,.ai-gate-line-v17,.ai-prodino-sub-v32{color:var(--mp-muted)!important;}
.panel,.card,.box,.widget,.clean-panel,.clean-card,.table-wrap,.report-card,.abonent-card,.photo-card,.session-photo-card,.ai-session-photo-card,.shot-card,.ai-gate-card-v17,.ai-gate-part-v17,.ai-prodino-live-v32,.ai-prodino-box-v32,.sessions-clean-v2 .panel,.sessions-clean-v2 .photo-card{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow-card)!important;}
/* Unified stat/KPI cards */
.kpi-card,.stat-card,.metric-card,.summary-card,.sessions-clean-v2 .kpi,.sessions-summary-card{
  --stat-bg:var(--mp-slate-soft);
  --stat-accent:var(--mp-slate);
  position:relative!important;
  overflow:hidden!important;
  min-height:92px!important;
  border:1px solid var(--mp-border)!important;
  border-left:5px solid var(--stat-accent)!important;
  border-radius:var(--mp-radius)!important;
  background:linear-gradient(180deg,var(--stat-bg),color-mix(in srgb,var(--stat-bg) 74%,var(--mp-surface) 26%))!important;
  color:var(--mp-text)!important;
  box-shadow:var(--mp-shadow-card)!important;
}
.kpi-card::before,.stat-card::before,.metric-card::before,.summary-card::before,.sessions-clean-v2 .kpi::before,.sessions-summary-card::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:0!important;background:none!important;}
.kpi-card.blue,.stat-card.is-blue,.sessions-clean-v2 .kpi.total,.sessions-clean-v2 .kpi.parking{--stat-bg:#dceafd;--stat-accent:#3b82f6;}
.kpi-card.green,.stat-card.is-green,.sessions-clean-v2 .kpi.active{--stat-bg:#dff2e5;--stat-accent:#22c55e;}
.kpi-card.red,.stat-card.is-red,.sessions-clean-v2 .kpi.closed{--stat-bg:#f9dddd;--stat-accent:#ef4444;}
.kpi-card.violet,.kpi-card.purple,.stat-card.is-violet,.sessions-clean-v2 .kpi.access{--stat-bg:#ebe6fb;--stat-accent:#8b5cf6;}
.kpi-card.yellow,.kpi-card.orange,.stat-card.is-amber,.sessions-clean-v2 .kpi.amount{--stat-bg:#fff0c7;--stat-accent:#f59e0b;}
.kpi-card.gray,.stat-card.is-slate,.sessions-clean-v2 .kpi:not(.total):not(.active):not(.closed):not(.parking):not(.access):not(.amount){--stat-bg:#e9edf4;--stat-accent:#64748b;}
html[data-theme="dark"] .kpi-card.blue,html.theme-dark .kpi-card.blue,html[data-theme="dark"] .sessions-clean-v2 .kpi.total,html[data-theme="dark"] .sessions-clean-v2 .kpi.parking,html.theme-dark .sessions-clean-v2 .kpi.total,html.theme-dark .sessions-clean-v2 .kpi.parking{--stat-bg:#102849;--stat-accent:#60a5fa;}
html[data-theme="dark"] .kpi-card.green,html.theme-dark .kpi-card.green,html[data-theme="dark"] .sessions-clean-v2 .kpi.active,html.theme-dark .sessions-clean-v2 .kpi.active{--stat-bg:#0d3023;--stat-accent:#34d399;}
html[data-theme="dark"] .kpi-card.red,html.theme-dark .kpi-card.red,html[data-theme="dark"] .sessions-clean-v2 .kpi.closed,html.theme-dark .sessions-clean-v2 .kpi.closed{--stat-bg:#3d141c;--stat-accent:#f87171;}
html[data-theme="dark"] .kpi-card.violet,html[data-theme="dark"] .kpi-card.purple,html.theme-dark .kpi-card.violet,html.theme-dark .kpi-card.purple,html[data-theme="dark"] .sessions-clean-v2 .kpi.access,html.theme-dark .sessions-clean-v2 .kpi.access{--stat-bg:#251b42;--stat-accent:#a78bfa;}
html[data-theme="dark"] .kpi-card.yellow,html[data-theme="dark"] .kpi-card.orange,html.theme-dark .kpi-card.yellow,html.theme-dark .kpi-card.orange,html[data-theme="dark"] .sessions-clean-v2 .kpi.amount,html.theme-dark .sessions-clean-v2 .kpi.amount{--stat-bg:#392c0a;--stat-accent:#facc15;}
html[data-theme="dark"] .kpi-card.gray,html.theme-dark .kpi-card.gray{--stat-bg:#182236;--stat-accent:#94a3b8;}
.kpi-icon{background:color-mix(in srgb,var(--stat-accent) 14%,#fff 86%)!important;color:var(--stat-accent)!important;border:1px solid color-mix(in srgb,var(--stat-accent) 25%,transparent)!important;box-shadow:none!important;}
html[data-theme="dark"] .kpi-icon,html.theme-dark .kpi-icon{background:color-mix(in srgb,var(--stat-accent) 20%,#0f172a 80%)!important;color:var(--stat-accent)!important;border-color:color-mix(in srgb,var(--stat-accent) 35%,transparent)!important;}
.kpi-title,.kpi-card span,.stat-card span,.metric-card span,.summary-card span,.sessions-clean-v2 .kpi span{display:block;color:var(--mp-muted)!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;}
.kpi-value,.kpi-card b,.kpi-card strong,.stat-card b,.stat-card strong,.metric-card b,.metric-card strong,.summary-card b,.summary-card strong,.sessions-clean-v2 .kpi b{color:var(--mp-text-strong)!important;font-size:clamp(20px,2vw,30px)!important;font-weight:950!important;line-height:1.05!important;}
.kpi-mini{background:color-mix(in srgb,var(--stat-bg) 58%,var(--mp-surface) 42%)!important;border:1px solid var(--mp-border)!important;border-radius:10px!important;color:var(--mp-text)!important;}
.kpi-mini small{color:var(--mp-muted)!important}.kpi-mini strong{color:var(--mp-text-strong)!important;}
/* Tables/forms */
table,.clean-table,.data-table,.sessions-clean-v2 table{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;font-size:14px!important;}
thead th,table th,.clean-table thead th,.data-table thead th,.sessions-clean-v2 thead th{background:var(--mp-table-head)!important;color:var(--mp-muted)!important;border-color:var(--mp-border)!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.02em!important;}
tbody td,table td,.clean-table tbody td,.data-table tbody td,.sessions-clean-v2 tbody td{background:var(--mp-table-row)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;font-size:14px!important;font-weight:700!important;}
tbody tr:nth-child(even) td{background:var(--mp-table-row-alt)!important;}
tbody tr:hover td,.clean-table tbody tr:hover td,.data-table tbody tr:hover td,.sessions-clean-v2 tbody tr:hover td{background:var(--mp-table-hover)!important;color:var(--mp-text-strong)!important;}
input,select,textarea,.search,.report-form input,.report-form select,.abonent-card input,.abonent-card select,.sessions-clean-v2 input,.sessions-clean-v2 select{background:var(--mp-input-bg)!important;color:var(--mp-text)!important;border:1px solid var(--mp-input-border)!important;border-radius:10px!important;box-shadow:none!important;font-family:inherit!important;font-weight:700!important;}
input::placeholder,textarea::placeholder{color:var(--mp-muted)!important;opacity:.9!important;}
/* Buttons */
.btn,button.btn,a.btn,.sessions-clean-v2 .btn,.sessions-clean-v2 .tab,.sessions-clean-v2 .page-btn,.ai-gate-btn-v17,.ai-prodino-btn-v32{border-radius:10px!important;font-family:inherit!important;font-weight:900!important;border:1px solid var(--mp-border)!important;box-shadow:0 2px 6px rgba(31,64,100,.10)!important;}
.btn-light,.btn-soft,.sessions-clean-v2 .btn.soft,.sessions-clean-v2 .page-btn,.ai-gate-btn-v17{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
.btn-primary,.sessions-clean-v2 .btn.primary,.sessions-clean-v2 .tab.active,.sessions-clean-v2 .page-btn.active{background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2))!important;color:#fff!important;border-color:var(--mp-accent)!important;}
/* Unified badges/chips/status pills */
.badge,.chip,.tag,.status-badge,.status-chip,.status-pill,.kpi-badge,[class*="status-badge"],[class*="status-chip"],[class*="status-pill"]{--badge-bg:var(--mp-slate-soft);--badge-fg:var(--mp-slate);--badge-border:color-mix(in srgb,var(--badge-fg) 28%,transparent);display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:24px!important;padding:4px 9px!important;border-radius:999px!important;background:var(--badge-bg)!important;color:var(--badge-fg)!important;border:1px solid var(--badge-border)!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;}
.badge.ok,.badge.free,.status-ok,.status-badge.ok,.status-badge.active,.status-badge.success,.ai-gate-status-on-v17{--badge-bg:var(--mp-success-soft);--badge-fg:var(--mp-success);}
.badge.pay,.badge.warn,.status-badge.warning,.status-badge.neutral,.ai-gate-status-partial-v17{--badge-bg:var(--mp-warning-soft);--badge-fg:var(--mp-warning);}
.badge.err,.badge.danger,.status-badge.danger,.status-badge.closed,.ai-gate-status-off-v17{--badge-bg:var(--mp-danger-soft);--badge-fg:var(--mp-danger);}
.badge.vip,.status-badge.vip,.pay-access{--badge-bg:var(--mp-violet-soft);--badge-fg:var(--mp-violet);}
.ai-gate-status-unknown-v17{--badge-bg:var(--mp-slate-soft);--badge-fg:var(--mp-slate);}
.ai-gate-dot-v17{border:1px solid rgba(255,255,255,.35)!important;}
/* Modals/popups/dropdowns */
.modal-backdrop,.modal,.cashier-popup-backdrop,.mp-theme-modal-backdrop{background:var(--mp-modal-backdrop)!important;}
.modal-card,.modal-content,.modal-card.wide,.modal .card,.modal-card .card,.modal-body,.modal-actions,.media-modal,.media-modal-head,.media-modal-foot,.ai-media-modal,.cashier-popup,.cashier-modal,.settings-modal,.popover,.dropdown,.mp-theme-modal{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow-strong)!important;}
.modal-head,.modal-card .modal-head,.mp-theme-modal-head{background:var(--mp-surface-soft)!important;color:var(--mp-text-strong)!important;border-color:var(--mp-border)!important;}
.modal-card h1,.modal-card h2,.modal-card h3,.modal-card label,.mp-theme-modal-title{color:var(--mp-text-strong)!important;}
.modal-card small,.modal-card .muted,.mp-theme-help,.mp-theme-option small{color:var(--mp-muted)!important;}
/* Hardware/status panels with old inline light colors */
.ai-gate-card-head-v17,.ai-prodino-label-v32{background:var(--mp-surface-soft)!important;color:var(--mp-text-strong)!important;border-color:var(--mp-border)!important;}
.ai-gate-title-v17,.ai-gate-name-v17,.ai-prodino-main-v32{color:var(--mp-text-strong)!important;}
.ai-gate-part-v17,.ai-prodino-box-v32{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;}
.ai-ocr-loop-v22c{background:var(--mp-accent-soft)!important;border-color:var(--mp-border)!important;color:var(--mp-text)!important;}
.ai-ocr-loop-v22c label,.ai-ocr-loop-status-v22c{color:var(--mp-text)!important;}
/* Page-specific containers normalized late */
.sessions-clean-v2{background:var(--mp-bg)!important;color:var(--mp-text)!important;font-family:Arial,"Segoe UI",system-ui,sans-serif!important;font-size:14px!important;}
.sessions-clean-v2 .page-head{margin:-18px -22px 18px!important;}
.sessions-clean-v2 h1{color:var(--mp-text-strong)!important;font-size:28px!important;}
.sessions-clean-v2 .pager{background:var(--mp-surface-soft)!important;border-top:1px solid var(--mp-border)!important;}
.sessions-clean-v2 .photo-head{background:var(--mp-surface-soft)!important;color:var(--mp-text-strong)!important;border-bottom:1px solid var(--mp-border)!important;}
.sessions-clean-v2 .photo-box,.clean-video{background:#111827!important;color:#eaf2ff!important;}
.alert-strip,.note,.info-box{background:var(--mp-warning-soft)!important;color:var(--mp-warning)!important;border:1px solid color-mix(in srgb,var(--mp-warning) 25%,transparent)!important;}
img,video,canvas,iframe,[src*="/yolo/"],[src*="/data/"]{filter:none!important;}
/* Journal pagination and page-size controls */
.journal-panel{overflow:hidden!important;}
.journal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
.journal-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.journal-controls select{height:38px;min-width:150px;}
.journal-page-size{display:inline-flex;align-items:center;gap:7px;color:var(--mp-muted)!important;font-size:13px;font-weight:800;white-space:nowrap;}
.journal-page-size select{min-width:76px;}
.journal-table-wrap{width:100%;overflow-x:auto;}
.journal-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px 14px;border-top:1px solid var(--mp-border);background:var(--mp-surface-soft)!important;}
.journal-page-info{grid-column:1;color:var(--mp-muted)!important;font-size:13px;font-weight:800;}
.journal-pager{grid-column:2;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;}
.journal-page-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--mp-border);border-radius:9px;background:var(--mp-surface)!important;color:var(--mp-text)!important;font-weight:900;cursor:pointer;}
.journal-page-btn:hover:not(:disabled){border-color:var(--mp-accent);background:var(--mp-accent-soft)!important;}
.journal-page-btn.active{border-color:var(--mp-accent);background:var(--mp-accent)!important;color:#fff!important;}
.journal-page-btn:disabled{opacity:.45;cursor:not-allowed;}
.journal-page-dots{color:var(--mp-muted);font-weight:900;padding:0 2px;}
@media(max-width:720px){.journal-controls{width:100%;justify-content:flex-start}.journal-controls select{flex:1;min-width:130px}.journal-footer{grid-template-columns:1fr;justify-items:center}.journal-page-info,.journal-pager{grid-column:1}.journal-page-info{width:100%;text-align:center}}

/* Theme settings modal */
.mp-theme-modal-backdrop{position:fixed;inset:0;z-index:1000000;display:none;align-items:flex-start;justify-content:flex-end;padding:78px 22px 22px;background:rgba(15,23,42,.18)!important;}
html[data-theme="dark"] .mp-theme-modal-backdrop,html.theme-dark .mp-theme-modal-backdrop{background:rgba(0,0,0,.48)!important;}
.mp-theme-modal-backdrop.open{display:flex!important;}
.mp-theme-modal{width:min(360px,calc(100vw - 32px));border:1px solid var(--mp-border);border-radius:16px;overflow:hidden;}
.mp-theme-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--mp-border);}
.mp-theme-modal-title{font-size:17px;font-weight:950;}
.mp-theme-modal-close{border:1px solid var(--mp-border);background:var(--mp-surface);color:var(--mp-text);border-radius:10px;min-width:34px;min-height:34px;font-weight:950;cursor:pointer;}
.mp-theme-modal-body{padding:14px 16px 16px;display:grid;gap:10px;}
.mp-theme-help{margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.35;}
.mp-theme-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--mp-border);background:var(--mp-surface-soft);color:var(--mp-text);border-radius:12px;padding:11px 12px;font-weight:900;cursor:pointer;}
.mp-theme-option small{display:block;font-weight:700;margin-top:2px;}
.mp-theme-option.active{border-color:var(--mp-accent);background:var(--mp-accent-soft);color:var(--mp-text-strong);box-shadow:0 0 0 2px rgba(59,130,246,.16);}
.mp-theme-option .check{opacity:0;color:var(--mp-accent);font-weight:1000;}.mp-theme-option.active .check{opacity:1;}
@media(max-width:720px){.mp-theme-modal-backdrop{align-items:flex-start;justify-content:center;padding:74px 12px 12px}.nav-tabs a{font-size:15px;padding:10px 12px}.content{padding:16px 14px 24px!important}.kpi-grid,.mini-kpis,.sessions-clean-v2 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* Third pass artifact cleanup: dashboard KPI inner pills and YOLO events */
.kpi-sub{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:8px!important;}
.kpi-sub span,.kpi-pill,.filter-chip,.payment-badge,.role-badge{display:inline-flex!important;align-items:center!important;gap:4px!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--stat-accent,#64748b) 12%,var(--mp-surface) 88%)!important;color:var(--mp-text)!important;border:1px solid color-mix(in srgb,var(--stat-accent,#64748b) 24%,var(--mp-border) 76%)!important;font-size:12px!important;font-weight:900!important;line-height:1!important;box-shadow:none!important;}
.kpi-sub span b{font-size:12px!important;color:var(--mp-text-strong)!important;font-weight:950!important;}
html[data-theme="dark"] .kpi-sub span,html.theme-dark .kpi-sub span,html[data-theme="dark"] .kpi-pill,html.theme-dark .kpi-pill{background:color-mix(in srgb,var(--stat-accent,#94a3b8) 18%,#0b1220 82%)!important;color:var(--mp-text)!important;border-color:color-mix(in srgb,var(--stat-accent,#94a3b8) 34%,transparent)!important;}
#events-list,.events-list,.yolo-events-panel,.events-panel{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
#events-list .event-row,#events-list a.event-row,#events-list .ai-yolo-event-card,.events-list .event-row,.events-panel .event-card,.events-panel .event-item{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border:1px solid var(--mp-border)!important;border-radius:12px!important;box-shadow:none!important;text-decoration:none!important;}
#events-list .ai-yolo-event-card{display:block!important;padding:10px 12px!important;line-height:1.25!important;transition:background .15s ease,border-color .15s ease,transform .15s ease!important;}
#events-list .ai-yolo-event-card:hover{background:var(--mp-table-hover)!important;border-color:var(--mp-border-strong)!important;transform:translateY(-1px)!important;}
#events-list .ai-yolo-event-card small{display:block!important;margin:0 0 4px!important;color:var(--mp-muted)!important;font-size:12px!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#events-list .ai-yolo-event-card b{display:block!important;margin:0 0 8px!important;color:var(--mp-text-strong)!important;font-size:18px!important;font-weight:1000!important;letter-spacing:.02em!important;line-height:1.12!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#events-list .ai-yolo-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-width:0!important;}
#events-list .ai-yolo-open{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;color:var(--mp-accent-2)!important;font-size:12px!important;font-weight:950!important;}
#events-list .ai-yolo-chip,.mp-yolo-pill{display:inline-flex!important;align-items:center!important;min-width:0!important;max-width:100%!important;padding:5px 9px!important;background:var(--mp-accent-soft)!important;color:var(--mp-text)!important;border:1px solid var(--mp-border)!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#events-list .ai-yolo-quality-green,#events-list a.ai-yolo-quality-green,.events-panel .event-card.green{background:var(--mp-success-soft)!important;border-color:color-mix(in srgb,var(--mp-success) 40%,var(--mp-border) 60%)!important;color:var(--mp-text)!important;}
#events-list .ai-yolo-quality-yellow,#events-list a.ai-yolo-quality-yellow,.events-panel .event-card.yellow{background:var(--mp-warning-soft)!important;border-color:color-mix(in srgb,var(--mp-warning) 42%,var(--mp-border) 58%)!important;color:var(--mp-text)!important;}
#events-list .ai-yolo-quality-red,#events-list a.ai-yolo-quality-red,.events-panel .event-card.red{background:var(--mp-danger-soft)!important;border-color:color-mix(in srgb,var(--mp-danger) 42%,var(--mp-border) 58%)!important;color:var(--mp-text)!important;}
#events-list .ai-yolo-quality-green .ai-yolo-chip{background:color-mix(in srgb,var(--mp-success) 16%,var(--mp-surface) 84%)!important;border-color:color-mix(in srgb,var(--mp-success) 35%,var(--mp-border) 65%)!important;color:var(--mp-text-strong)!important;}
#events-list .ai-yolo-quality-yellow .ai-yolo-chip{background:color-mix(in srgb,var(--mp-warning) 18%,var(--mp-surface) 82%)!important;border-color:color-mix(in srgb,var(--mp-warning) 38%,var(--mp-border) 62%)!important;color:var(--mp-text-strong)!important;}
#events-list .ai-yolo-quality-red .ai-yolo-chip{background:color-mix(in srgb,var(--mp-danger) 16%,var(--mp-surface) 84%)!important;border-color:color-mix(in srgb,var(--mp-danger) 36%,var(--mp-border) 64%)!important;color:var(--mp-text-strong)!important;}
html[data-theme="dark"] #events-list .ai-yolo-event-card small,html.theme-dark #events-list .ai-yolo-event-card small{color:var(--mp-muted)!important;}
html[data-theme="dark"] #events-list .ai-yolo-open,html.theme-dark #events-list .ai-yolo-open{color:#93c5fd!important;}
html[data-theme="dark"] #events-list .ai-yolo-quality-green .ai-yolo-chip,html.theme-dark #events-list .ai-yolo-quality-green .ai-yolo-chip{background:rgba(52,211,153,.14)!important;border-color:rgba(52,211,153,.32)!important;color:#d1fae5!important;}
html[data-theme="dark"] #events-list .ai-yolo-quality-yellow .ai-yolo-chip,html.theme-dark #events-list .ai-yolo-quality-yellow .ai-yolo-chip{background:rgba(250,204,21,.14)!important;border-color:rgba(250,204,21,.34)!important;color:#fef3c7!important;}
html[data-theme="dark"] #events-list .ai-yolo-quality-red .ai-yolo-chip,html.theme-dark #events-list .ai-yolo-quality-red .ai-yolo-chip{background:rgba(248,113,113,.14)!important;border-color:rgba(248,113,113,.34)!important;color:#fee2e2!important;}
.mp-yolo-pill.good{background:var(--mp-success-soft)!important;color:var(--mp-success)!important;border-color:color-mix(in srgb,var(--mp-success) 35%,transparent)!important;}.mp-yolo-pill.warn{background:var(--mp-warning-soft)!important;color:var(--mp-warning)!important;border-color:color-mix(in srgb,var(--mp-warning) 35%,transparent)!important;}.mp-yolo-pill.muted{background:var(--mp-slate-soft)!important;color:var(--mp-slate)!important;border-color:var(--mp-border)!important;}

/* Reports filters/right panel/operator widget */
.reports-filter-inline,.report-actions,.report-form,.abonent-card{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
.reports-filter-inline label,.report-form label,.abonent-card label{color:var(--mp-muted)!important;font-weight:900!important;}
.reports-filter-inline input[type="checkbox"],.report-form input[type="checkbox"],.abonent-card input[type="checkbox"]{accent-color:var(--mp-accent)!important;background:var(--mp-input-bg)!important;border-color:var(--mp-input-border)!important;}
label:has(input[type="checkbox"]),.checkbox-row,.zero-filter,.hide-zero,.filter-chip{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border:1px solid var(--mp-border)!important;border-radius:999px!important;padding:7px 10px!important;}
.operator-auth-widget-f2,.operator-auth-widget,.session-widget,.operator-widget,.user-popover,.profile-popover{position:fixed;background:var(--mp-surface-raised)!important;color:var(--mp-text)!important;border:1px solid var(--mp-border)!important;border-radius:14px!important;box-shadow:var(--mp-shadow-strong)!important;}
.operator-auth-widget-f2 *,.operator-auth-widget *,.session-widget *,.operator-widget *,.user-popover *,.profile-popover *{color:var(--mp-text)!important;}
.operator-auth-widget-f2 button,.operator-auth-widget button,.session-widget button,.operator-widget button{background:var(--mp-accent)!important;color:#fff!important;border:1px solid var(--mp-accent)!important;border-radius:10px!important;}

/* Access expired rows and right preview panels */
#access-table tr.ai-access-selected-row td{background:var(--mp-warning-soft)!important;color:var(--mp-text)!important;border-color:color-mix(in srgb,var(--mp-warning) 30%,var(--mp-border) 70%)!important;}
#access-table tr:has(.status-badge.danger) td,#access-table tr:has(.status-badge.closed) td{background:color-mix(in srgb,var(--mp-warning-soft) 58%,var(--mp-table-row) 42%)!important;color:var(--mp-text)!important;border-left:4px solid var(--mp-warning)!important;}
#access-table small[style*="991b1b"]{color:var(--mp-warning)!important;}
.ai-access-photo-card,.ai-access-info-cell,.ai-access-photo-head{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow-card)!important;}
.ai-access-photo-head{background:var(--mp-surface-soft)!important;}.ai-access-info-cell{background:var(--mp-surface-soft)!important;}.ai-access-info-cell small{color:var(--mp-muted)!important;}.ai-access-info-cell b{color:var(--mp-text-strong)!important;}
.ai-access-type-badge{background:var(--mp-success-soft)!important;color:var(--mp-success)!important;border:1px solid color-mix(in srgb,var(--mp-success) 35%,transparent)!important;}.ai-access-type-badge.vip{background:var(--mp-violet-soft)!important;color:var(--mp-violet)!important;border-color:color-mix(in srgb,var(--mp-violet) 35%,transparent)!important;}

/* Hardware devices: gate cards, controller/camera subcards and ProDino panels */
.ai-devices-panel-v15{border-radius:18px!important;overflow:hidden!important;background:var(--mp-surface)!important;border:1px solid var(--mp-border)!important;box-shadow:var(--mp-shadow-card)!important;}
.ai-devices-head-v15{padding:16px 18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mp-accent) 12%,var(--mp-surface-soft) 88%),var(--mp-surface-soft))!important;border-bottom:1px solid var(--mp-border)!important;}
.ai-devices-head-v15 h3{color:var(--mp-text-strong)!important;font-size:18px!important;font-weight:1000!important;letter-spacing:0!important;}
.ai-gate-bundles-v17{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;padding:16px!important;color:var(--mp-text)!important;background:linear-gradient(180deg,var(--mp-surface),var(--mp-surface-soft))!important;}
.ai-gate-card-v17{position:relative!important;overflow:hidden!important;border-radius:18px!important;border:1px solid var(--mp-border)!important;border-left:5px solid var(--mp-accent)!important;background:linear-gradient(180deg,var(--mp-surface),color-mix(in srgb,var(--mp-accent-soft) 34%,var(--mp-surface) 66%))!important;color:var(--mp-text)!important;box-shadow:var(--mp-shadow-card)!important;}
.ai-gate-card-v17[data-gate="exit"]{border-left-color:var(--mp-violet)!important;background:linear-gradient(180deg,var(--mp-surface),color-mix(in srgb,var(--mp-violet-soft) 34%,var(--mp-surface) 66%))!important;}
.ai-gate-card-head-v17{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 16px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mp-accent) 14%,var(--mp-surface-soft) 86%),var(--mp-surface-soft))!important;border-bottom:1px solid var(--mp-border)!important;color:var(--mp-text-strong)!important;}
.ai-gate-card-v17[data-gate="exit"] .ai-gate-card-head-v17{background:linear-gradient(135deg,color-mix(in srgb,var(--mp-violet) 14%,var(--mp-surface-soft) 86%),var(--mp-surface-soft))!important;}
.ai-gate-title-v17{margin:0!important;color:var(--mp-text-strong)!important;font-size:19px!important;font-weight:1000!important;line-height:1.15!important;}
.ai-gate-sub-v17{margin-top:3px!important;color:var(--mp-muted)!important;font-size:12px!important;font-weight:900!important;}
.ai-gate-body-v17{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:14px 16px!important;}
.ai-gate-part-v17{min-width:0!important;border-radius:15px!important;border:1px solid var(--mp-border)!important;background:var(--mp-surface-raised)!important;color:var(--mp-text)!important;padding:13px!important;box-shadow:0 6px 16px rgba(15,23,42,.06)!important;}
.ai-gate-part-title-v17{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important;}
.ai-gate-label-v17{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--mp-muted)!important;font-weight:1000!important;}
.ai-gate-name-v17{margin:0 0 8px!important;color:var(--mp-text-strong)!important;font-size:16px!important;font-weight:1000!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ai-gate-line-v17{display:block!important;color:var(--mp-muted)!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ai-gate-status-on-v17,.ai-gate-status-off-v17,.ai-gate-status-partial-v17,.ai-gate-status-unknown-v17{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:26px!important;padding:5px 10px!important;border-radius:999px!important;background:var(--badge-bg,var(--mp-slate-soft))!important;color:var(--badge-fg,var(--mp-slate))!important;border:1px solid color-mix(in srgb,var(--badge-fg,var(--mp-slate)) 28%,var(--mp-border) 72%)!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap!important;}
.ai-gate-dot-v17{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--badge-fg,var(--mp-slate))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--badge-fg,var(--mp-slate)) 18%,transparent)!important;border:0!important;}
.ai-gate-actions-v17{display:flex!important;gap:8px!important;flex-wrap:wrap!important;padding:0 16px 16px!important;}
.ai-gate-btn-v17,.ai-prodino-btn-v32{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 12px!important;border-radius:11px!important;border:1px solid var(--mp-border)!important;background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;font-size:12px!important;font-weight:1000!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 2px 7px rgba(15,23,42,.08)!important;}
.ai-gate-btn-yolo-v17,.ai-prodino-status-btn-v32{background:var(--mp-accent-soft)!important;color:var(--mp-text-strong)!important;border-color:color-mix(in srgb,var(--mp-accent) 28%,var(--mp-border) 72%)!important;}
.ai-gate-btn-refresh-v17{background:var(--mp-slate-soft)!important;color:var(--mp-text)!important;}
.ai-prodino-live-v32{margin:0 16px 14px!important;padding:13px!important;border-radius:16px!important;border:1px solid var(--mp-border)!important;background:color-mix(in srgb,var(--mp-surface-raised) 78%,var(--mp-accent-soft) 22%)!important;color:var(--mp-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;}
.ai-prodino-grid-v32{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;color:var(--mp-text)!important;}
.ai-prodino-box-v32{min-width:0!important;border-radius:13px!important;border:1px solid var(--mp-border)!important;background:var(--mp-surface)!important;color:var(--mp-text)!important;padding:11px!important;}
.ai-prodino-box-v32.ai-prodino-car-v32{background:color-mix(in srgb,var(--mp-success-soft) 70%,var(--mp-surface) 30%)!important;border-color:color-mix(in srgb,var(--mp-success) 36%,var(--mp-border) 64%)!important;}
.ai-prodino-box-v32.ai-prodino-open-v32{background:color-mix(in srgb,var(--mp-warning-soft) 74%,var(--mp-surface) 26%)!important;border-color:color-mix(in srgb,var(--mp-warning) 38%,var(--mp-border) 62%)!important;}
.ai-prodino-label-v32{color:var(--mp-muted)!important;font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.ai-prodino-main-v32{margin-top:4px!important;color:var(--mp-text-strong)!important;font-size:14px!important;font-weight:1000!important;line-height:1.25!important;}
.ai-prodino-sub-v32{margin-top:4px!important;color:var(--mp-muted)!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;word-break:break-word!important;}
.ai-prodino-actions-v32{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:12px!important;}
.ai-prodino-open-btn-v32{background:var(--mp-success-soft)!important;color:var(--mp-success)!important;border-color:color-mix(in srgb,var(--mp-success) 35%,var(--mp-border) 65%)!important;}
.ai-prodino-close-btn-v32,.ai-prodino-deny-btn-v32{background:var(--mp-danger-soft)!important;color:var(--mp-danger)!important;border-color:color-mix(in srgb,var(--mp-danger) 35%,var(--mp-border) 65%)!important;}
.ai-prodino-display-btn-v32{background:var(--mp-violet-soft)!important;color:var(--mp-violet)!important;border-color:color-mix(in srgb,var(--mp-violet) 35%,var(--mp-border) 65%)!important;}
.ai-ocr-loop-v22c{margin:0 16px 14px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-radius:13px!important;border:1px solid color-mix(in srgb,var(--mp-accent) 24%,var(--mp-border) 76%)!important;background:var(--mp-accent-soft)!important;color:var(--mp-text)!important;box-shadow:none!important;}
.ai-ocr-loop-v22c label{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;color:var(--mp-text-strong)!important;font-weight:1000!important;}
.ai-ocr-loop-status-v22c{color:var(--mp-muted)!important;font-size:12px!important;font-weight:900!important;}
.ai-hardware-table-wrap-v15{padding:0 16px 16px!important;background:var(--mp-surface)!important;}
.ai-hardware-table-wrap-v15 #ai-legacy-table{border:1px solid var(--mp-border)!important;border-radius:14px!important;overflow:hidden!important;background:var(--mp-surface)!important;}
#ai-legacy-table th{background:var(--mp-table-head)!important;color:var(--mp-text-strong)!important;font-weight:1000!important;}
#ai-legacy-table td{background:var(--mp-table-row)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
#ai-legacy-table tr:nth-child(even) td{background:var(--mp-table-row-alt)!important;}
.ai-legacy-modal,.ai-legacy-modal-body,.ai-legacy-modal-foot{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;box-shadow:var(--mp-shadow-card)!important;}
.ai-legacy-modal-head{background:var(--mp-surface-soft)!important;color:var(--mp-text-strong)!important;border-color:var(--mp-border)!important;}
.ai-legacy-field,.ai-screen-preview-wrap{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
.ai-legacy-modal input,.ai-legacy-modal select,.ai-legacy-modal textarea{background:var(--mp-input-bg)!important;color:var(--mp-text)!important;border-color:var(--mp-input-border)!important;}
.ai-legacy-modal-backdrop{background:var(--mp-modal-backdrop)!important;}
html[data-theme="dark"] .ai-gate-part-v17,html.theme-dark .ai-gate-part-v17,html[data-theme="dark"] .ai-prodino-box-v32,html.theme-dark .ai-prodino-box-v32{box-shadow:none!important;}
@media(max-width:1180px){.ai-gate-bundles-v17{grid-template-columns:1fr!important}.ai-prodino-grid-v32{grid-template-columns:1fr!important}}
@media(max-width:720px){.ai-gate-body-v17{grid-template-columns:1fr!important}.ai-gate-card-head-v17,.ai-ocr-loop-v22c{align-items:flex-start!important;flex-direction:column!important}.ai-gate-actions-v17,.ai-prodino-actions-v32{display:grid!important;grid-template-columns:1fr!important}.ai-gate-btn-v17,.ai-prodino-btn-v32{width:100%!important}}

/* Unified modal/layout primitives replacing removed inline hardware modal CSS */
.modal-backdrop{position:fixed!important;inset:0!important;display:none;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:16px!important;}
.modal-backdrop[style*="display:flex"],.modal-backdrop.open{display:flex!important;}
.modal-card{width:min(620px,94vw);max-height:calc(100vh - 28px);overflow:auto;border-radius:18px!important;}
.modal-head,.modal-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;border-bottom:1px solid var(--mp-border)!important;}
.modal-actions{border-top:1px solid var(--mp-border)!important;border-bottom:0!important;justify-content:flex-end!important;gap:10px!important;}
.modal-body{padding:18px!important;display:grid!important;gap:8px!important;}
.ai-legacy-toolbar{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin:-44px 0 14px 0!important;min-height:38px!important;}
.ai-legacy-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important;max-width:260px!important;}
.ai-legacy-mini-btn{border:1px solid var(--mp-border)!important;border-radius:10px!important;padding:8px 10px!important;font-weight:900!important;cursor:pointer!important;font-size:12px!important;background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;}
.ai-legacy-edit,.ai-legacy-ping,.ai-legacy-display,.ai-legacy-yolo{background:var(--mp-accent-soft)!important;color:var(--mp-text)!important;}.ai-legacy-delete{background:var(--mp-danger-soft)!important;color:var(--mp-danger)!important;}
.ai-legacy-badge{display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;background:var(--mp-slate-soft)!important;color:var(--mp-slate)!important;border:1px solid var(--mp-border)!important;white-space:nowrap!important;}.ai-legacy-badge-camera{background:var(--mp-success-soft)!important;color:var(--mp-success)!important;}
.ai-legacy-note,.ai-legacy-token,.ai-legacy-rtsp{font-size:12px!important;color:var(--mp-muted)!important;word-break:break-word!important;}.ai-legacy-token,.ai-legacy-rtsp{font-family:monospace!important;}
.ai-live-wrap{display:flex!important;align-items:center!important;gap:8px!important;font-weight:900!important;}.ai-live-dot{width:13px!important;height:13px!important;border-radius:50%!important;display:inline-block!important;}.ai-live-dot-online{background:#22c55e!important}.ai-live-dot-offline{background:#ef4444!important}.ai-live-dot-partial{background:#f59e0b!important}.ai-live-dot-unknown{background:#64748b!important}.ai-live-text-online{color:var(--mp-success)!important}.ai-live-text-offline{color:var(--mp-danger)!important}.ai-live-text-partial{color:var(--mp-warning)!important}.ai-live-text-unknown{color:var(--mp-muted)!important}
.ai-legacy-modal-backdrop{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:16px!important;}.ai-legacy-modal-backdrop.open{display:flex!important}.ai-legacy-modal{width:min(920px,100%)!important;max-height:calc(100vh - 28px)!important;display:flex!important;flex-direction:column!important;border-radius:16px!important;overflow:hidden!important;}.ai-legacy-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:18px 22px!important;border-bottom:1px solid var(--mp-border)!important;}.ai-legacy-modal-close{width:38px!important;height:38px!important;border-radius:10px!important;border:1px solid var(--mp-border)!important;background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;font-size:20px!important;cursor:pointer!important}.ai-legacy-modal-body{padding:20px 22px!important;overflow-y:auto!important}.ai-legacy-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.ai-legacy-field{display:flex!important;flex-direction:column!important;gap:6px!important}.ai-legacy-field textarea{min-height:84px!important;resize:vertical!important;font-family:monospace!important}.ai-legacy-field-full{grid-column:1/-1!important}.ai-legacy-modal-foot{display:flex!important;justify-content:flex-end!important;gap:10px!important;padding:16px 22px!important;border-top:1px solid var(--mp-border)!important}.ai-field-prodino.hidden,.ai-field-cctv.hidden{display:none!important}
.ai-screen-preview-wrap{border-radius:16px!important;padding:12px!important;max-width:430px!important;}.ai-screen-frame{display:block!important;width:320px!important;max-width:100%!important;background:#17252b!important;border-radius:19px!important;padding:9px!important;}.ai-screen-preview{width:100%!important;aspect-ratio:9/4!important;background:linear-gradient(180deg,#dff8f6 0%,#c8f0ef 100%)!important;border:2px solid #79c9c5!important;border-radius:12px!important;padding:8px 9px!important;color:#16434a!important;position:relative!important;overflow:hidden!important;min-height:0!important}.ai-screen-top,.ai-screen-greeting,.ai-screen-subtitle,.ai-screen-rule{display:none!important}.ai-screen-plate{position:relative!important;z-index:1!important;margin-top:6px!important;padding:8px 10px!important;background:rgba(255,255,255,.80)!important;border:2px solid rgba(13,73,80,.16)!important;border-radius:12px!important;font-size:34px!important;font-weight:1000!important;letter-spacing:1px!important;line-height:1!important;text-align:center!important;color:#092f34!important;white-space:nowrap!important}.ai-screen-meta{display:grid!important;grid-template-columns:1fr!important;margin-top:7px!important}.ai-screen-meta .ai-screen-box:first-child{display:none!important}.ai-screen-box{text-align:center!important;border-radius:10px!important;padding:8px 10px!important}.ai-screen-box-label{font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;color:#4e7880!important}.ai-screen-time-main{font-size:26px!important;font-weight:1000!important;color:#0f444a!important;line-height:1!important}.ai-screen-box-subvalue{font-size:14px!important;font-weight:900!important;color:#376770!important}
@media(max-width:900px){.ai-legacy-grid{grid-template-columns:1fr!important}.ai-legacy-toolbar{margin:8px 0 14px 0!important}.ai-screen-frame{width:300px!important}.ai-screen-plate{font-size:30px!important}.ai-screen-time-main{font-size:23px!important}}

/* Access page layout moved from old inline AI_ACCESS_* styles */
.ai-access-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start;}.ai-access-main-panel{min-width:0}.ai-access-side{display:flex;flex-direction:column;gap:14px;min-width:0}.ai-access-photo-card{border-radius:14px!important;overflow:hidden!important}.ai-access-photo-card.active{border-color:color-mix(in srgb,var(--mp-accent) 35%,var(--mp-border) 65%)!important}.ai-access-photo-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 14px!important;gap:8px!important}.ai-access-photo-head h3{margin:0!important;font-size:16px!important;color:var(--mp-text-strong)!important}.ai-access-photo-head span{color:var(--mp-muted)!important;font-weight:900!important;font-size:12px!important;text-align:right!important}.ai-access-photo-img{height:190px!important;background:#0f172a!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.ai-access-photo-img img{width:100%;height:100%;object-fit:cover;display:block}.ai-access-photo-placeholder{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-weight:900}.ai-access-photo-placeholder small{color:#94a3b8!important}.ai-access-photo-body{padding:13px 14px 14px}.ai-access-main-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ai-access-main-line b{font-size:19px;color:var(--mp-text-strong)!important}.ai-access-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-access-photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ai-access-photo-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:7px 12px;border-radius:10px;background:var(--mp-accent)!important;color:#fff!important;text-decoration:none;font-weight:1000;font-size:12px}
.ai-access-page-top{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:250px;margin-left:auto;color:var(--mp-muted)!important;font-size:13px;font-weight:800}.ai-access-page-top select{height:38px;min-width:76px}.ai-access-page-bottom{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 10px 14px;border-top:1px solid var(--mp-border);background:var(--mp-surface-soft)!important}.ai-access-page-bottom button{min-width:32px;height:32px;border:1px solid var(--mp-border);border-radius:10px;background:var(--mp-surface)!important;color:var(--mp-text)!important;font-weight:900;cursor:pointer}.ai-access-page-bottom button.active{background:var(--mp-accent)!important;border-color:var(--mp-accent)!important;color:#fff!important}.ai-access-page-bottom button:disabled{opacity:.45;cursor:not-allowed}.ai-access-page-bottom .dots,.ai-access-page-info{color:var(--mp-muted)!important;font-weight:900}.ai-access-sortable{cursor:pointer;user-select:none;position:relative;white-space:nowrap}.ai-access-sortable:hover{color:var(--mp-accent)!important;background:var(--mp-accent-soft)!important}.ai-access-sortable .ai-sort-mark{display:inline-flex;align-items:center;justify-content:center;min-width:16px;margin-left:5px;color:var(--mp-muted)!important;font-size:11px;font-weight:1000}
.ai-media-modal-backdrop{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px;background:var(--mp-modal-backdrop)!important;backdrop-filter:blur(4px)}.ai-media-modal-backdrop.open{display:flex}.ai-media-modal{width:min(1120px,96vw);max-height:94vh;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.ai-media-modal-head{min-height:58px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mp-border)}.ai-media-modal-title{font-size:16px;font-weight:1000;color:var(--mp-text-strong)!important;line-height:1.25}.ai-media-modal-title small{display:block;margin-top:2px;color:var(--mp-muted)!important;font-size:12px;font-weight:800}.ai-media-modal-close{width:38px;height:38px;border:1px solid var(--mp-border);border-radius:12px;background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;font-size:22px;font-weight:1000;cursor:pointer}.ai-media-modal-body{background:#020617;min-height:280px;max-height:calc(94vh - 126px);display:flex;align-items:center;justify-content:center;overflow:auto}.ai-media-modal-body img{max-width:100%;max-height:calc(94vh - 140px);object-fit:contain;display:block}.ai-media-modal-foot{padding:12px 16px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--mp-border);flex-wrap:wrap}.ai-media-modal-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;border-radius:11px;border:1px solid var(--mp-border);background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;font-weight:1000;font-size:13px;text-decoration:none;cursor:pointer}.ai-media-modal-btn.primary{border-color:var(--mp-accent);background:var(--mp-accent)!important;color:#fff!important}.ai-media-modal-btn.soft{border-color:var(--mp-border);background:var(--mp-accent-soft)!important;color:var(--mp-text)!important}body.ai-media-modal-open{overflow:hidden}
@media(max-width:1100px){.ai-access-detail-grid{grid-template-columns:1fr}.ai-access-side{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.ai-access-side{display:flex}}

/* Base operator/user popover replacing removed inline white style */
.operator-auth-widget-f2{right:18px!important;bottom:18px!important;z-index:999!important;padding:10px 12px!important;font-size:13px!important;min-width:150px!important;}.operator-auth-widget-f2 b{display:block!important;color:var(--mp-text-strong)!important}.operator-auth-widget-f2 span{color:var(--mp-muted)!important}.operator-auth-widget-f2 button{padding:6px 10px!important;margin-top:6px!important;cursor:pointer!important;}
/* Hardware production cleanup: diagnostics are collapsed by default */
.ai-prodino-diagnostics-v32{margin-top:10px!important;border-top:1px dashed var(--mp-border)!important;padding-top:9px!important;}
.ai-prodino-diagnostics-v32 summary{cursor:pointer!important;color:var(--mp-muted)!important;font-size:12px!important;font-weight:1000!important;list-style:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;}
.ai-prodino-diagnostics-v32 summary::before{content:"▸";font-size:11px;color:var(--mp-muted)!important;}
.ai-prodino-diagnostics-v32[open] summary::before{content:"▾";}
.ai-prodino-diagnostics-v32[open] summary{color:var(--mp-text-strong)!important;}
.ai-prodino-diagnostics-v32 .ai-prodino-actions-v32{margin-top:9px!important;}
.ai-gate-status-configured-v17{--badge-bg:var(--mp-accent-soft);--badge-fg:var(--mp-accent);}
.ai-gate-status-configured-v17{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:26px!important;padding:5px 10px!important;border-radius:999px!important;background:var(--mp-accent-soft)!important;color:var(--mp-accent)!important;border:1px solid color-mix(in srgb,var(--mp-accent) 28%,var(--mp-border) 72%)!important;font-size:12px!important;font-weight:1000!important;white-space:nowrap!important;}
.ai-gate-status-configured-v17 .ai-gate-dot-v17{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--mp-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-accent) 18%,transparent)!important;border:0!important;}

/* GLOBAL_UI_CONTRACT_V7: compatibility layer for standalone/public layouts.
   It is screen-only so print receipts keep their intentional paper palette. */
@media screen {
  body[data-mp-global-ui="1"]{background:var(--mp-bg)!important;color:var(--mp-text)!important;}
  body[data-mp-global-ui="1"] .card,
  body[data-mp-global-ui="1"] .panel,
  body[data-mp-global-ui="1"] .filters,
  body[data-mp-global-ui="1"] .table-card,
  body[data-mp-global-ui="1"] .login,
  body[data-mp-global-ui="1"] .receipt,
  body[data-mp-global-ui="1"] .print-wrap{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] .phone,
  body[data-mp-global-ui="1"] .page,
  body[data-mp-global-ui="1"] .hero-card,
  body[data-mp-global-ui="1"] .info-box,
  body[data-mp-global-ui="1"] .green-box,
  body[data-mp-global-ui="1"] .card-form{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] .menu{background:var(--mp-surface-soft)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] input,
  body[data-mp-global-ui="1"] select,
  body[data-mp-global-ui="1"] textarea{background:var(--mp-input-bg)!important;color:var(--mp-text)!important;border-color:var(--mp-input-border)!important;}
  body[data-mp-global-ui="1"] input::placeholder,
  body[data-mp-global-ui="1"] textarea::placeholder{color:var(--mp-muted)!important;}
  body[data-mp-global-ui="1"] table{background:var(--mp-surface)!important;color:var(--mp-text)!important;}
  body[data-mp-global-ui="1"] th{background:var(--mp-table-head)!important;color:var(--mp-muted)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] td{background:var(--mp-table-row)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] tbody tr:nth-child(even) td{background:var(--mp-table-row-alt)!important;}
  body[data-mp-global-ui="1"] tbody tr:hover td{background:var(--mp-table-hover)!important;}
  body[data-mp-global-ui="1"] .muted,
  body[data-mp-global-ui="1"] .small,
  body[data-mp-global-ui="1"] .hint{color:var(--mp-muted)!important;}
  body[data-mp-global-ui="1"] .modal{background:var(--mp-modal-backdrop)!important;}
  body[data-mp-global-ui="1"] > .top{background:linear-gradient(135deg,var(--mp-accent),var(--mp-accent-2))!important;color:#fff!important;}
  body[data-mp-global-ui="1"] .nav{background:var(--mp-surface)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] .nav a{color:var(--mp-text)!important;}
  body[data-mp-global-ui="1"] .ticket,
  body[data-mp-global-ui="1"] .modal-card{background:var(--mp-surface)!important;color:var(--mp-text)!important;border-color:var(--mp-border)!important;}
  body[data-mp-global-ui="1"] .val{background:var(--mp-input-bg)!important;color:var(--mp-text)!important;border-color:var(--mp-input-border)!important;}
  .mp-theme-standalone-gear{position:fixed!important;top:14px!important;right:14px!important;z-index:10030!important;}
}