/* AEHI control-center bundle 2.10.1 — generated from the ordered source stylesheets. Do not edit by hand; regenerate with scripts/build-control-center-bundle.mjs */
/* ===== control-center.css ===== */
:root{--bg:#070b14;--surface:#101827;--surface-2:#151f31;--border:rgba(162,185,224,.13);--text:#e9eefb;--muted:#8e9ab1;--primary:#6f7cff;--cyan:#2ad8d4;--green:#43d692;--amber:#ffc36b;--red:#ff7181;--shadow:0 18px 48px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% -15%,rgba(91,113,255,.19),transparent 38%),radial-gradient(circle at 10% 100%,rgba(26,215,207,.1),transparent 30%),var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:260px;padding:24px 16px;background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(8,13,24,.98));border-left:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#fff}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--cyan));box-shadow:0 10px 26px rgba(80,112,255,.3)}.brand b{display:block;letter-spacing:1.2px;font-size:15px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:2px}.nav{display:grid;gap:7px;margin-top:50px}.nav-item{border:0;color:#aebad1;background:transparent;font:inherit;text-align:right;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:11px;cursor:pointer;transition:.2s}.nav-item span{font-size:19px;line-height:1;width:20px;text-align:center}.nav-item:hover{background:rgba(125,145,255,.09);color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(105,124,255,.23),rgba(105,124,255,.05));box-shadow:inset -2px 0 var(--primary)}.sidebar-footer{margin-top:auto;display:grid;gap:15px}.agent-status{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;padding:10px}.agent-status i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 11px var(--green)}.apk-link{color:#c9d2ff;text-decoration:none;font-size:12px;padding:12px;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;transition:.2s}.apk-link:hover{border-color:var(--primary);background:rgba(111,124,255,.1)}.main-content{margin-left:260px;min-width:0;flex:1;padding:0 34px 42px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:rgba(7,11,20,.8);backdrop-filter:blur(16px)}.breadcrumb span,.eyebrow{display:block;font-size:11px;color:var(--cyan);letter-spacing:.4px}.breadcrumb h1{font-size:19px;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.clock{text-align:left;line-height:1.1}.clock span{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.clock small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.icon-button,.mobile-menu{border:1px solid var(--border);background:var(--surface);color:var(--text);width:39px;height:39px;border-radius:10px;cursor:pointer;font-size:20px}.user-button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--text);font:inherit;cursor:pointer}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#333d63,#6978f6);font-size:11px;font-weight:700}.view{display:none;padding-top:34px;animation:fade .22s ease}.view.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}.hero-row,.view-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.hero-row h2,.view-heading h2{font-size:27px;margin:6px 0}.muted{color:var(--muted);margin:0;line-height:1.8}.primary-button,.secondary-button,.filter-button,.text-button{font:inherit;border-radius:10px;cursor:pointer;transition:.2s}.primary-button{border:0;color:#fff;background:linear-gradient(135deg,var(--primary),#586aff);box-shadow:0 10px 22px rgba(91,106,255,.25);padding:11px 16px;font-weight:700}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.secondary-button,.filter-button{color:#d7def0;border:1px solid var(--border);background:var(--surface);padding:10px 13px}.text-button{color:#aebdff;background:transparent;border:0;padding:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card,.panel{background:linear-gradient(145deg,rgba(20,30,49,.9),rgba(13,20,34,.92));border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -20px -35px auto;width:84px;height:84px;border-radius:50%;background:var(--metric);filter:blur(24px);opacity:.25}.metric-card .metric-icon{font-size:19px;color:var(--metric)}.metric-card b{display:block;font-size:28px;margin-top:13px;font-variant-numeric:tabular-nums}.metric-card span{font-size:12px;color:var(--muted)}.skeleton-card{height:116px;border-radius:16px;background:linear-gradient(100deg,#111b2b 30%,#17243b 50%,#111b2b 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:18px}.panel-head,.table-meta{display:flex;justify-content:space-between;align-items:start;gap:10px}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.health-bars{padding-top:24px;display:grid;gap:17px}.health-row{display:grid;grid-template-columns:100px 1fr 42px;gap:11px;align-items:center;font-size:12px}.bar{height:8px;border-radius:9px;background:#0b1220;overflow:hidden}.bar i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan))}.attention-list{display:grid;gap:8px;margin-top:18px}.attention-item{display:flex;gap:11px;padding:11px;background:rgba(255,255,255,.025);border-radius:10px;align-items:center}.attention-item i{width:9px;height:9px;border-radius:50%;background:var(--amber)}.attention-item span{color:var(--muted);font-size:12px}.filters{display:grid;grid-template-columns:minmax(230px,1fr) 150px 160px auto;gap:10px;align-items:center;margin-bottom:16px}.search-box{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#0c1423;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.search-box input,select{font:inherit;color:var(--text);background:#0c1423;border:1px solid var(--border);height:42px;border-radius:10px;padding:0 11px;outline:none}.search-box input{background:transparent;border:0;width:100%}.search-box:focus-within,select:focus{border-color:var(--primary)}.table-panel{padding:0;overflow:hidden}.table-meta{padding:16px 18px;color:var(--muted);font-size:12px}.selection-note{color:#b9c3ff}.table-scroll{overflow:auto}.fleet-table{width:100%;border-collapse:collapse;min-width:1000px}.fleet-table th{background:rgba(4,8,15,.36);color:#8997b0;font-size:11px;text-align:right;padding:13px 12px;white-space:nowrap}.fleet-table td{border-top:1px solid var(--border);padding:12px;vertical-align:middle}.fleet-table tbody tr{transition:.16s}.fleet-table tbody tr:hover{background:rgba(106,125,255,.055)}.device-cell{display:flex;align-items:center;gap:10px;min-width:180px}.shot-thumb{width:42px;height:42px;border-radius:10px;background:#192438;object-fit:cover}.shot-placeholder{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#182235;color:#7890b4}.device-cell b{display:block;font-size:13px}.device-cell small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;font-size:10px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.online{background:rgba(67,214,146,.12);color:var(--green)}.badge.offline{background:rgba(142,154,177,.12);color:var(--muted)}.badge.rooted{background:rgba(111,124,255,.15);color:#aeb8ff}.battery{display:flex;gap:6px;align-items:center}.battery-bar{width:48px;height:7px;border:1px solid #5b6880;border-radius:3px;padding:1px}.battery-bar i{height:100%;display:block;background:var(--green);border-radius:1px}.event-pills{display:flex;gap:5px}.event-pill{font-size:10px;padding:3px 6px;background:rgba(42,216,212,.09);color:var(--cyan);border-radius:5px}.row-button{border:1px solid var(--border);background:transparent;color:#bdc9df;padding:7px 10px;border-radius:8px;cursor:pointer;font:inherit}.row-button:hover{border-color:var(--primary);color:#fff}.pagination{padding:13px 18px;display:flex;justify-content:flex-end;gap:8px}.page-button{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:7px;padding:5px 9px;cursor:pointer}.page-button.active{background:var(--primary);border-color:var(--primary)}.device-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.back-button{border:0;background:transparent;color:#aebdff;font:inherit;cursor:pointer}.device-actions{display:flex;gap:8px}.device-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:21px;margin-bottom:16px;background:linear-gradient(120deg,rgba(92,108,255,.2),rgba(20,31,49,.9) 40%,rgba(30,216,207,.08));border:1px solid rgba(125,145,255,.25);border-radius:16px}.hero-shot{width:85px;height:85px;border-radius:14px;object-fit:cover;background:#121d30}.device-hero h2{margin:0 0 5px;font-size:22px}.device-hero p{margin:0;color:var(--muted)}.hero-kpis{display:flex;gap:12px}.hero-kpi{padding:9px 13px;background:rgba(5,10,20,.3);border-radius:10px;text-align:center}.hero-kpi b{display:block;font-size:15px}.hero-kpi small{color:var(--muted);font-size:10px}.tab-strip{display:flex;gap:7px;overflow:auto;padding-bottom:10px}.tab-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:9px 12px;border-radius:9px;white-space:nowrap;font:inherit;cursor:pointer}.tab-button.active{background:rgba(111,124,255,.18);border-color:rgba(111,124,255,.5);color:#fff}.device-content{min-height:310px}.data-list{display:grid;gap:8px}.data-row{padding:13px;border:1px solid var(--border);border-radius:10px;background:rgba(8,13,23,.35)}.data-row-head{display:flex;justify-content:space-between;gap:10px}.data-row b{font-size:13px}.data-row time,.data-row small{font-size:11px;color:var(--muted)}.data-row p{margin:8px 0 0;white-space:pre-wrap;line-height:1.8;color:#d5dced}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.package-card{padding:13px;border:1px solid var(--border);border-radius:11px;background:rgba(8,13,23,.35)}.package-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-card span{color:var(--muted);font-size:11px}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.screenshot-card{overflow:hidden;border-radius:11px;border:1px solid var(--border);background:#0c1423}.screenshot-card img{width:100%;height:130px;object-fit:cover;display:block}.screenshot-card span{display:block;padding:8px;font-size:11px;color:var(--muted)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.usage-card{padding:16px;border:1px solid var(--border);border-radius:12px}.usage-card h4{margin:0 0 12px}.empty-state{min-height:270px;display:grid;place-content:center;text-align:center;color:var(--muted);padding:30px}.empty-state>span{font-size:38px;color:var(--primary)}.empty-state h3{color:var(--text);margin:12px 0 4px}.empty-state p{max-width:460px;line-height:1.9;margin:0}.notification-mode{display:flex;align-items:center;gap:6px}.notification-mode p{margin:0 12px;color:var(--muted);font-size:12px}.segment{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 11px;font:inherit;cursor:pointer}.segment.active{background:var(--primary);border-color:var(--primary);color:#fff}.operations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.operation-tile{min-height:145px;padding:17px;border:1px solid var(--border);background:linear-gradient(140deg,rgba(19,30,49,.95),rgba(11,17,30,.95));border-radius:14px}.operation-tile b{font-size:25px;display:block;margin:14px 0 4px}.operation-tile span{color:var(--muted);font-size:12px}.toast-area{position:fixed;z-index:50;left:18px;bottom:18px;display:grid;gap:8px}.toast{background:#172239;border:1px solid var(--border);border-right:3px solid var(--cyan);border-radius:10px;padding:11px 14px;box-shadow:var(--shadow);animation:toast .25s ease}.toast.error{border-color:var(--red)}@keyframes toast{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-layer,.login-layer{position:fixed;z-index:60;inset:0;background:rgba(3,6,13,.75);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal-layer.hidden{display:none}.modal{width:min(560px,100%);background:#101827;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px}.modal h3{margin:0 0 8px}.modal p{color:var(--muted);line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.login-card{width:min(400px,100%);background:linear-gradient(145deg,#121d31,#0c1322);padding:31px;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.brand.centered{justify-content:center}.login-card h2{margin:28px 0 4px;font-size:21px}.login-card>p{margin:0 0 22px;color:var(--muted);line-height:1.8}.login-card form{display:grid;gap:13px}.login-card label{display:grid;gap:6px;color:#bac5d9;font-size:12px}.login-card input{height:43px;border:1px solid var(--border);border-radius:9px;background:#090f1b;color:#fff;padding:0 11px;font:inherit;outline:0}.full{width:100%;margin-top:5px}.form-error{min-height:19px;color:var(--red);margin:0;font-size:12px}.mobile-menu{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main-content{margin-left:0;padding:0 18px 28px}.mobile-menu{display:block}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.hero-row{align-items:flex-start;flex-direction:column}.operations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:570px){.main-content{padding:0 12px 25px}.topbar{height:77px}.clock{display:none}.user-button #userName{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card b{font-size:22px}.filters{grid-template-columns:1fr}.device-hero{grid-template-columns:62px 1fr}.hero-shot{width:62px;height:62px}.hero-kpis{grid-column:1/-1;justify-content:space-between}.usage-grid{grid-template-columns:1fr}.notification-mode{flex-wrap:wrap}.notification-mode p{order:3;margin:8px 0 0}.operations-grid{grid-template-columns:1fr 1fr}.device-actions .secondary-button{display:none}}

/* Organizational control-center extensions */
body{font-family:Inter,Vazirmatn,Arial,sans-serif}.rtl,body.rtl{font-family:Vazirmatn,Inter,Tahoma,sans-serif}.rtl .sidebar{inset:0 0 0 auto;border-left:0;border-right:1px solid var(--border)}.rtl .main-content{margin-left:0;margin-right:260px}.rtl .nav-item,.rtl .fleet-table th{text-align:right}.rtl .topbar,.rtl .hero-row,.rtl .view-heading,.rtl .device-topbar{direction:rtl}.rtl .clock{text-align:right}.rtl .toast-area{left:auto;right:18px}.nav-item i{font-style:normal}.language-button{border:1px solid var(--border);color:var(--text);background:var(--surface);padding:8px 9px;border-radius:9px;font:700 11px Inter,sans-serif;cursor:pointer}.advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-4px 0 16px}.advanced-filters.hidden{display:none}.advanced-filters label,.settings-form label,.modal label{display:grid;gap:6px;color:#bac5d9;font-size:11px}.advanced-filters input,.advanced-filters select,.settings-input,.modal input,.modal select{height:40px;width:100%;border:1px solid var(--border);border-radius:9px;background:#0a1322;color:var(--text);padding:0 10px;font:inherit;outline:none}.settings-input:focus,.advanced-filters input:focus,.modal input:focus,.modal select:focus{border-color:var(--primary)}.fleet-row{cursor:pointer}.fleet-row .device-check,.fleet-row .open-device{cursor:pointer}.time-note{display:block;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap}.hero-shot-button,.screenshot-card{padding:0;border:0;cursor:pointer}.hero-shot-button{background:transparent}.section-divider{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.quick-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-top:14px}.quick-command{min-height:104px;border:1px solid var(--border);border-radius:12px;background:rgba(8,13,23,.4);color:var(--text);text-align:left;padding:12px;cursor:pointer;transition:.18s}.quick-command:hover{transform:translateY(-2px);border-color:var(--primary);background:rgba(111,124,255,.1)}.quick-command span{display:block;font-size:19px;color:var(--cyan);margin-bottom:10px}.quick-command b{display:block;font-size:12px}.quick-command small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.compact-list{margin-top:13px;max-height:300px;overflow:auto}.tab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.segmented{display:flex;gap:6px}.search-box.mini{width:min(370px,100%);height:38px}.load-more{margin:14px auto 0;display:block}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-link{color:#b9c4ff;font-size:12px;text-decoration:none;display:inline-block;margin-top:8px}.inline-link:hover{text-decoration:underline}.location-diagnostics{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.location-diagnostics>span,.warning-note{font-size:11px;border:1px solid rgba(255,195,107,.25);background:rgba(255,195,107,.08);color:#ffdb9e;padding:7px 9px;border-radius:7px}.warning-note{display:block;margin:14px 0;white-space:pre-wrap}.summary-usage{grid-template-columns:repeat(3,1fr);margin:16px 0}.usage-card>b{display:block;font-size:20px;margin:7px 0}.usage-card>small{color:var(--muted);font-size:10px}.settings-form{display:grid;gap:22px}.settings-form section{display:grid;gap:12px}.settings-form h3{font-size:15px;margin:0}.switch-grid{display:flex;flex-wrap:wrap;gap:11px}.switch-row{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);background:rgba(8,13,23,.35);border-radius:10px;color:#c7d1e5!important;font-size:12px!important}.switch-row input{accent-color:var(--primary)}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:17px}.danger-button{font:inherit;border:1px solid rgba(255,113,129,.4);background:rgba(255,113,129,.09);color:#ffc6cc;padding:10px 13px;border-radius:10px;cursor:pointer}.danger-button:hover{background:rgba(255,113,129,.18)}.package-card .settings-input,.package-card input{margin-top:8px}.package-card .package-toggle{margin-top:11px;padding:7px 9px;font-size:11px}.users-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.account-panel,.user-list{min-height:280px}.token-box{display:block;max-width:100%;overflow-wrap:anywhere;color:#d3dbff;background:#080e1a;border:1px solid var(--border);padding:12px;border-radius:8px;direction:ltr;text-align:left}.image-modal{width:min(900px,100%)}.image-modal img{display:block;width:100%;max-height:70vh;object-fit:contain;background:#060911;border-radius:11px}.image-modal .modal-actions{margin-top:12px}.modal>label{margin-top:12px}.modal-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;margin-top:14px!important}.modal-check input{width:auto!important;height:auto!important}.rtl .quick-command{text-align:right}.rtl .hero-shot-button{direction:ltr}@media(max-width:1000px){.advanced-filters{grid-template-columns:repeat(2,1fr)}.summary-usage{grid-template-columns:repeat(2,1fr)}.users-grid{grid-template-columns:1fr}}@media(max-width:900px){.rtl .main-content{margin-right:0}.rtl .sidebar{transform:translateX(100%)}.rtl .sidebar.open{transform:none}.rtl .toast-area{right:18px}.tab-toolbar{align-items:stretch;flex-direction:column}.search-box.mini{width:100%}}@media(max-width:570px){.advanced-filters,.summary-usage{grid-template-columns:1fr}.quick-command-grid{grid-template-columns:repeat(2,1fr)}.settings-actions .primary-button,.settings-actions .secondary-button,.settings-actions .danger-button{width:100%}.device-topbar{gap:10px;align-items:flex-start;flex-direction:column}.device-actions{width:100%}.device-actions button{flex:1}.top-actions{gap:7px}.language-button{padding:7px}.user-button .avatar{width:31px;height:31px}}

.upload-card{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;gap:10px;align-items:end;padding:14px;margin:16px 0;border:1px solid var(--border);border-radius:12px;background:rgba(8,13,23,.35)}.upload-card label{display:grid;gap:6px;color:#bac5d9;font-size:11px}.upload-card input{height:40px;width:100%;border:1px solid var(--border);border-radius:9px;background:#0a1322;color:var(--text);padding:7px 10px;font:inherit}.upload-card input[type=file]{padding:8px}.deploy-agent-update{margin-top:10px;padding:8px 10px;font-size:11px}@media(max-width:900px){.upload-card{grid-template-columns:1fr 1fr}}@media(max-width:570px){.upload-card{grid-template-columns:1fr}.upload-card .primary-button{width:100%}}


/* Package-first notification manager */
.package-stack { display: grid; gap: 10px; margin-top: 14px; }
.package-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(8, 13, 23, .35); }
.package-row.is-blocked { border-inline-start: 4px solid var(--red); background: rgba(255, 113, 129, .05); }
.package-open { flex: 1; min-width: 0; border: 0; background: transparent; color: inherit; padding: 0; text-align: start; cursor: pointer; display: grid; gap: 4px; }
.package-open b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.package-open span, .package-open small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.package-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.package-scope-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0 12px; padding: 10px 12px; border-radius: 10px; background: rgba(111,124,255,.1); }
.package-scope { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .86rem; overflow-wrap: anywhere; }
@media (max-width: 680px) { .package-row { align-items: stretch; flex-direction: column; } .package-row-actions { justify-content: space-between; } }


/* Readability and device-usage charts */
body, button, input, select, textarea { font-family: Vazirmatn, Tahoma, Arial, sans-serif; line-height: 1.72; }
body { font-size: 14px; letter-spacing: 0; }
.rtl body, body.rtl { font-family: Vazirmatn, Tahoma, Arial, sans-serif; }
.panel h3, .data-row b, .package-card b { letter-spacing: 0; }
.usage-chart { min-height: 220px; }
.usage-bars { height: 145px; display: flex; align-items: end; gap: 7px; padding: 8px 3px 0; border-bottom: 1px solid var(--border); overflow-x: auto; }
.usage-bar-wrap { height: 100%; min-width: 28px; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: end; gap: 6px; }
.usage-bar-wrap i { width: 100%; min-height: 5px; display: block; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, var(--cyan), var(--primary)); box-shadow: 0 0 12px rgba(42,216,212,.15); }
.usage-bar-wrap small { color: var(--muted); font-size: 9px; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; }
.inline-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
@media (max-width: 570px) { body { font-size: 15px; } .inline-actions { width: 100%; } .inline-actions button { flex: 1; } .usage-bars { gap: 5px; } }

/* v2.4 operational readability and long-record lists */
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.time-note{display:block;font-size:11px!important;line-height:1.65;color:#c4d0e6!important;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-scroll{max-height:68vh;overflow:auto;padding-inline-end:5px;display:grid;gap:12px;scrollbar-color:var(--primary) transparent}.day-group{display:grid;gap:7px}.day-group h4{position:sticky;top:0;z-index:2;margin:0;padding:9px 11px;border:1px solid rgba(111,124,255,.28);border-radius:9px;background:rgba(16,24,39,.96);color:#dce3ff;font-size:12px;box-shadow:0 5px 16px rgba(0,0,0,.18)}.day-group h4 span,.count-pill{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-inline-start:5px;padding:0 6px;border-radius:999px;background:rgba(42,216,212,.14);color:var(--cyan);font-size:10px;font-variant-numeric:tabular-nums}.phone-number{display:block;direction:ltr;text-align:start;font-size:13px!important;color:#e7ecfa!important;font-family:Inter,Vazirmatn,monospace;letter-spacing:.25px;margin-top:5px}.full-message{display:block!important;max-height:none!important;overflow:visible!important;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.load-more{display:block;margin:14px auto 0}.quick-command{position:relative;overflow:hidden}.quick-command:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--primary));opacity:.85}.quick-command:nth-child(3n+2):before{background:linear-gradient(var(--green),var(--cyan))}.quick-command:nth-child(3n):before{background:linear-gradient(var(--amber),var(--red))}.tab-button{transition:background .14s,border-color .14s,color .14s,transform .14s}.tab-button:active{transform:scale(.97)}.tab-button.active:after{content:"";display:inline-block;width:7px;height:7px;margin-inline-start:7px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:tab-spin .7s linear infinite;vertical-align:-1px}.tab-button.active[data-ready="true"]:after{display:none}@keyframes tab-spin{to{transform:rotate(360deg)}}

/* v2.5 compact control surface and right-side navigation */
.sidebar{inset:0 0 0 auto;border-left:0;border-right:1px solid var(--border)}.main-content{margin-left:0;margin-right:260px}.nav-item{text-align:right}.quick-command-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:7px}.quick-command{min-height:76px;padding:8px 9px;border-radius:10px}.quick-command span{font-size:15px;margin-bottom:5px}.quick-command b{font-size:11px;line-height:1.45}.quick-command small{margin-top:2px;font-size:9px;line-height:1.3}.package-stack{gap:6px}.package-row{gap:9px;padding:9px 10px;border-radius:10px}.package-row-actions{gap:5px}.package-row-actions .secondary-button,.package-row-actions .danger-button{padding:6px 8px;font-size:10px}.package-open{gap:2px}.package-open small,.package-open span{font-size:10px}.tab-toolbar{gap:8px;margin-bottom:10px}.segment{padding:5px 8px;font-size:11px}.secondary-button,.filter-button{padding:8px 10px;font-size:12px}.timeline-scroll{max-height:62vh}.data-row{padding:10px}.data-row p{margin-top:5px}.app-list{display:grid;gap:7px}.time-detail{display:grid;gap:2px}.time-detail b{font-size:17px;line-height:1.15;font-variant-numeric:tabular-nums}.time-detail small{font-size:10px!important;color:var(--muted)}.time-detail em{font-style:normal;font-size:11px;color:var(--cyan)}
@media(max-width:900px){.sidebar{width:min(82vw,300px);transform:translateX(105%);pointer-events:none;box-shadow:-18px 0 45px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0);pointer-events:auto}.main-content,.rtl .main-content{margin-left:0;margin-right:0;padding:0 14px 26px}.topbar{padding-inline:3px}.sidebar-footer{padding-bottom:12px}.table-scroll{max-width:calc(100vw - 28px)}.device-hero{gap:10px}.quick-command-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}}
@media(max-width:570px){.quick-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.quick-command{min-height:70px}.package-row{padding:8px}.package-row-actions{width:100%;justify-content:stretch}.package-row-actions button{flex:1}.timeline-scroll{max-height:58vh}.tab-toolbar .secondary-button,.tab-toolbar .danger-button{width:auto}.device-hero .hero-kpis{gap:6px}.hero-kpi{padding:7px 8px}.time-detail b{font-size:15px}}

/* Personal-fleet lock surface */
.personal-nav{position:relative}.personal-nav>small{margin-inline-start:auto;padding:2px 5px;border:1px solid color-mix(in srgb,var(--amber) 55%,transparent);border-radius:5px;color:var(--amber);font-size:9px;font-style:normal}.personal-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:12px}.personal-device-card{display:grid;gap:6px;text-align:inherit;padding:12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,rgba(111,124,255,.1),rgba(25,34,61,.52));color:var(--text);cursor:pointer}.personal-device-card:hover{border-color:var(--primary);transform:translateY(-1px)}.personal-device-card b{font-size:13px}.personal-device-card small{color:var(--muted);font-size:11px}.personal-device-card .badge{justify-self:start}@media(max-width:570px){.personal-device-grid{grid-template-columns:1fr 1fr;gap:7px}.personal-device-card{padding:9px}.personal-device-card b{font-size:12px}}

/* Multi-domain communication status */
.communication-domains{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.domain-stack{display:grid;gap:7px}.domain-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 130px auto minmax(140px,1fr) auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:10px;background:rgba(19,28,51,.42)}.domain-row small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}@media(max-width:760px){.domain-row{grid-template-columns:1fr 1fr;align-items:start}.domain-row .badge,.domain-row small,.domain-row .danger-button{grid-column:auto}.communication-domains .panel-head{gap:8px}.communication-domains .panel-head .secondary-button{white-space:nowrap}}@media(max-width:430px){.domain-row{grid-template-columns:1fr}.domain-row .danger-button{width:100%}}

/* One-click audit reason preset */
.reason-input{display:flex;gap:7px;align-items:center}.reason-input input{min-width:0;flex:1}.reason-input .secondary-button{padding:7px 9px;white-space:nowrap;font-size:11px}

/* Compact application list and hidden legacy global notification shortcut */
.hidden-menu{display:none!important}.app-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.app-list .data-row{padding:9px;min-height:0}.app-list .data-row p,.app-list .data-row small{margin:2px 0;font-size:11px}.app-list .inline-actions{gap:6px;margin-top:7px}.app-list .inline-actions button{padding:6px 8px;font-size:11px}

/* User section permissions */
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0;padding:10px;border:1px solid var(--border);border-radius:10px}.permission-grid legend{padding:0 5px;color:var(--muted);font-size:11px}.permission-grid .modal-check{font-size:11px}@media(max-width:430px){.permission-grid{grid-template-columns:1fr}}

.permission-hidden{display:none!important}.farakiosk-kpi b.online{color:var(--green)}.farakiosk-kpi b.offline{color:var(--red)}

.quick-command.farakiosk-command{border-color:rgba(67,214,146,.48);background:linear-gradient(145deg,rgba(20,115,73,.36),rgba(12,45,37,.42))}.quick-command.farakiosk-command>span{color:#64e7ac}.quick-command.farakiosk-command:hover{border-color:#64e7ac;box-shadow:0 9px 25px rgba(49,202,130,.18)}

/* Internet quota and center management */
.centers-grid{padding:0;background:transparent;border:0}.center-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.center-toolbar label{display:grid;gap:5px;flex:1 1 260px;color:var(--muted);font-size:11px}.center-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.center-card{display:grid;gap:13px;padding:15px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,rgba(24,36,65,.7),rgba(8,14,27,.7));box-shadow:0 10px 24px rgba(0,0,0,.12)}.center-card.needs-attention{border-color:rgba(255,195,107,.52);box-shadow:0 10px 25px rgba(255,195,107,.08)}.center-card-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.center-card-head h3{font-size:15px;margin:8px 0 3px}.center-card-head small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.center-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.center-kpis>div{display:grid;gap:4px;padding:8px;border-radius:8px;background:rgba(5,10,20,.36)}.center-kpis small{color:var(--muted);font-size:9px}.center-kpis b{font-size:11px;overflow-wrap:anywhere}.center-progress{display:grid;gap:6px}.center-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.center-progress>i{display:block;height:7px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--primary));box-shadow:0 0 12px rgba(42,216,212,.25)}.modal-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.modal textarea{width:100%;min-height:70px;border:1px solid var(--border);border-radius:9px;background:#0a1322;color:var(--text);padding:9px 10px;font:inherit;resize:vertical;outline:none}.modal textarea:focus{border-color:var(--primary)}.center-detail-section{display:grid;gap:8px;margin-top:15px}.center-detail-section h4{margin:0;font-size:13px}.center-device-link{width:100%;border:1px solid var(--border);border-radius:8px;background:rgba(8,13,23,.35);color:var(--text);text-align:inherit;cursor:pointer}.center-device-link:hover{border-color:var(--primary)}.filter-check{display:flex!important;align-items:end;gap:7px;padding:0 0 9px!important;font-size:11px!important;color:#bac5d9}.filter-check input{accent-color:var(--primary)}.badge.warning{color:#ffe1a9;border-color:rgba(255,195,107,.42);background:rgba(255,195,107,.12)}@media(max-width:570px){.center-card-grid{grid-template-columns:1fr}.center-kpis{grid-template-columns:1fr 1fr}.modal-two-columns{grid-template-columns:1fr}.center-card-head{flex-direction:column}.center-card-head .secondary-button{width:100%}}

/* v2.6 operational centers and internal-storage workspace */
.operations-toolbar{align-items:end}.operations-toolbar .primary-button{align-self:end}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:rgba(8,13,23,.28)}.center-operations-table{width:100%;min-width:930px;border-collapse:collapse}.center-operations-table th{padding:11px 12px;text-align:start;font-size:10px;color:var(--muted);background:rgba(7,11,20,.65);white-space:nowrap}.center-operations-table td{padding:11px 12px;border-top:1px solid var(--border);vertical-align:middle}.center-operations-table td>b,.center-operations-table td>small{display:block}.center-operations-table td>small{margin-top:3px;color:var(--muted);font-size:10px}.center-table-row{cursor:pointer;transition:background .16s}.center-table-row:hover{background:rgba(111,124,255,.07)}.center-table-row .inline-actions{flex-wrap:nowrap}.center-table-row .primary-button,.center-table-row .secondary-button{padding:6px 8px;font-size:10px}.center-picker-card{position:relative}.center-lookup-results{position:relative;z-index:4;display:grid;gap:4px;margin-top:6px}.center-lookup-choice{display:grid;gap:2px;width:100%;padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:#101a2d;color:var(--text);font:inherit;text-align:start;cursor:pointer}.center-lookup-choice:hover{border-color:var(--primary);background:rgba(111,124,255,.12)}.center-lookup-choice small{color:var(--muted);font-size:10px}.storage-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(8,13,23,.34);color:var(--muted);font-size:11px}.storage-summary b{color:var(--text)}.storage-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.storage-open{display:grid;gap:3px;min-width:0;flex:1;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer}.storage-open:hover b{color:#bbc5ff}.storage-open small{color:var(--muted);font-size:10px}.usage-total-section{border-top-color:rgba(42,216,212,.32)}.usage-agent-section{border-top-color:rgba(111,124,255,.32)}@media(max-width:700px){.operations-toolbar{align-items:stretch}.operations-toolbar .primary-button{width:100%}.center-operations-table{min-width:760px}.storage-row{align-items:stretch;flex-direction:column}.storage-row .secondary-button{width:100%}}@media(max-width:570px){.center-toolbar label{flex-basis:100%}.storage-summary{align-items:stretch;flex-direction:column}.center-picker-card .text-button{margin-top:3px;text-align:start}.section-divider .panel-head{align-items:stretch;flex-direction:column}}

/* Correction release: clearer command capability colors and easier confirmation targets. */
.quick-command.organizational-command {
  border-color: rgba(166, 121, 255, .52);
  background: linear-gradient(145deg, rgba(102, 65, 174, .22), rgba(82, 54, 131, .12));
}
.quick-command.organizational-command:hover {
  border-color: rgba(188, 151, 255, .9);
  background: linear-gradient(145deg, rgba(125, 78, 209, .32), rgba(82, 54, 131, .2));
}
.quick-command.personal-command {
  border-color: rgba(255, 153, 192, .46);
  background: linear-gradient(145deg, rgba(187, 80, 127, .18), rgba(118, 53, 83, .1));
}
.quick-command.personal-command:hover {
  border-color: rgba(255, 180, 210, .85);
  background: linear-gradient(145deg, rgba(202, 91, 140, .3), rgba(118, 53, 83, .16));
}
.modal .modal-actions > button,
.modal .reason-input > button,
.modal .modal-check {
  min-height: 44px;
}
.screenshot-card .open-image span b,
.screenshot-card .open-image span small {
  display: block;
}
.screenshot-card .open-image span small {
  margin-top: 4px;
  opacity: .76;
}

.quick-command.farakiosk-command,
.quick-command.farakiosk-command:hover {
  border-color: rgba(67, 214, 146, .62);
  background: linear-gradient(145deg, rgba(46, 166, 108, .25), rgba(23, 106, 74, .12));
}

/* Central error layer: always above ordinary dialogs and readable on phones. */
.alert-layer{z-index:90;background:rgba(4,8,18,.78);backdrop-filter:blur(10px)}
.alert-layer .alert-card{width:min(540px,100%);padding:24px;border:1px solid rgba(255,113,129,.48);border-radius:18px;background:linear-gradient(145deg,rgba(37,20,32,.98),rgba(15,21,37,.98));box-shadow:0 26px 72px rgba(0,0,0,.5);text-align:right}
.alert-layer .alert-card h3{margin:0 0 10px;color:#ff9eaa;font-size:18px}
.alert-layer .alert-card p{margin:0;color:#f2dce0;line-height:1.9;white-space:pre-wrap}
.alert-layer .alert-card .modal-actions{margin-top:20px}
.screenshot-card time{display:block;padding:0 10px 11px;color:#dbe4ff;font-size:14px;font-weight:700;letter-spacing:.2px}
.screenshot-card span{padding-bottom:3px}

/* 2.6.6: screenshot metadata must remain legible on every panel background. */
.screenshot-card .open-image span{display:block!important;background:#111c30!important;color:#f7fbff!important;border-top:1px solid rgba(198,215,255,.2);padding:10px 12px 12px!important;text-align:start}
.screenshot-card .open-image span b{color:#ffffff!important;font-size:13px!important;line-height:1.5}
.screenshot-card .open-image span time{display:block!important;color:#9fdcff!important;font-size:15px!important;font-weight:800!important;line-height:1.65;padding:2px 0 0!important;text-shadow:0 1px 1px rgba(0,0,0,.6)}
.screenshot-card .open-image img{width:100%!important;height:240px!important;object-fit:contain!important;background:#050914!important;image-rendering:auto}
.screenshot-card{overflow:hidden!important;background:#111c30!important;border:1px solid rgba(160,185,255,.24)!important;border-radius:13px!important}
.hero-shot-button{display:block!important;width:100%;max-width:390px!important;min-width:220px!important;overflow:hidden;border:1px solid rgba(160,185,255,.3)!important;border-radius:13px!important;background:#080d18!important}
.hero-shot-button img{display:block!important;width:100%!important;height:190px!important;object-fit:contain!important;background:#050914!important}
.hero-shot-button .time-note{padding:8px 10px!important;background:#111c30!important;color:#b8e6ff!important;font-size:13px!important;font-weight:800!important}
@media(max-width:570px){.screenshot-card .open-image img{height:210px!important}.hero-shot-button{max-width:none!important}.hero-shot-button img{height:220px!important}}

/* Long manager permission matrices scroll independently inside the modal. */
.permission-scroll{max-height:min(48vh,470px);overflow:auto;overscroll-behavior:contain;padding-inline-end:5px;margin:10px 0;border-radius:11px}
.permission-scroll::-webkit-scrollbar{width:9px}.permission-scroll::-webkit-scrollbar-thumb{background:rgba(146,169,255,.45);border-radius:9px}.permission-scroll::-webkit-scrollbar-track{background:rgba(4,8,18,.48)}
.permission-scroll .permission-grid{margin:0 0 10px}.permission-scroll .command-permission-grid{padding-bottom:14px}
.modal:has(.permission-scroll){max-height:92vh;overflow:hidden}.modal:has(.permission-scroll) .modal-actions{position:relative;z-index:2;background:inherit;padding-top:12px}

/* Next operational refinements: accessible long dialogs, page navigation, and fleet usage comparison. */
.modal{max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(146,169,255,.52) transparent}
.modal::-webkit-scrollbar{width:10px}.modal::-webkit-scrollbar-thumb{background:rgba(146,169,255,.48);border-radius:10px}.modal::-webkit-scrollbar-track{background:rgba(4,8,18,.5)}
.modal .reason-input{flex-wrap:wrap}.modal .reason-input .secondary-button{min-height:38px}
.pagination{align-items:center;flex-wrap:wrap}.page-button{min-width:37px;min-height:37px;font-weight:700}.page-button.page-nav{min-width:66px}.page-button:disabled{cursor:not-allowed;opacity:.42}.page-ellipsis{color:var(--muted);padding:0 4px;font-weight:700}
.category-location{display:grid;gap:3px;min-width:160px}.category-location small{color:var(--muted);font-size:11px;white-space:normal;overflow-wrap:anywhere}
.usage-mini{display:grid;gap:3px;min-width:122px}.usage-mini>div{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.usage-mini span{position:absolute;inset-inline-start:0;border-radius:99px;min-width:0}.usage-mini .usage-total-bar{top:1px;height:4px;background:linear-gradient(90deg,var(--cyan),var(--primary))}.usage-mini .usage-agent-bar{bottom:1px;height:4px;background:linear-gradient(90deg,var(--green),#a9f2ca)}.usage-mini b{font-size:11px;line-height:1.2}.usage-mini small{color:var(--muted);font-size:9px;line-height:1.25}
@media(max-width:570px){.modal{max-height:calc(100vh - 16px);padding:16px}.modal .modal-actions{position:sticky;bottom:-16px;padding:12px 0 2px;background:#101827}.page-button.page-nav{min-width:58px}.usage-mini{min-width:110px}}

/* Organizational screenshot previews remain useful at a glance without loading a full-resolution image. */
.fleet-table .shot-thumb,.fleet-table .shot-placeholder{width:68px!important;height:48px!important;border-radius:10px;object-fit:cover}.fleet-table .device-cell{gap:12px}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.screenshot-card img{min-height:190px;object-fit:cover}.hero-shot,.hero-shot-button{width:280px!important;height:182px!important;object-fit:cover}.hero-shot-button{border-radius:16px;overflow:hidden}@media(max-width:760px){.hero-shot,.hero-shot-button{width:100%!important;height:190px!important}.screenshot-grid{grid-template-columns:1fr}}

/* The outer layer owns scrolling: long dialogs cannot be clipped by a centred CSS grid. */
.modal-layer:not(.hidden){display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px}.modal-layer:not(.hidden)>.modal{width:min(560px,100%);max-height:none!important;overflow:visible!important;margin:0 auto 16px}.modal-layer.alert-layer:not(.hidden){display:grid;overflow:hidden;padding:20px}.modal-layer.alert-layer:not(.hidden)>.alert-card{margin:auto}@media(max-width:570px){.modal-layer:not(.hidden){padding:8px}.modal-layer:not(.hidden)>.modal{width:100%;margin:0 auto 8px;border-radius:14px}.modal-layer:not(.hidden)>.modal .modal-actions{position:static;bottom:auto;background:transparent;padding:16px 0 0}}

/* Wide operational dialogs: forms use horizontal space, while actions remain reachable. */
.modal-layer:not(.hidden)>.modal.modal-wide{width:min(1120px,100%)!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:12px;padding:22px 26px 18px}.modal.modal-wide>h3,.modal.modal-wide>p,.modal.modal-wide>.permission-scroll,.modal.modal-wide>.modal-two-columns,.modal.modal-wide>.modal-actions{grid-column:1/-1}.modal.modal-wide>label{margin:0}.modal.modal-wide>.permission-scroll{max-height:min(42vh,360px);overflow:auto;border:1px solid var(--border);border-radius:12px;padding:10px}.modal.modal-wide>.modal-actions{position:sticky;bottom:-18px;z-index:8;display:flex;justify-content:flex-start;gap:10px;margin:0 -2px;padding:14px 2px 2px;background:linear-gradient(180deg,rgba(16,24,39,.82),#101827 28%);box-shadow:0 -10px 16px rgba(5,10,20,.3)}.modal.modal-wide>.modal-actions button{min-width:132px}.server-apk-inbox{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px;border:1px dashed rgba(42,216,212,.5);border-radius:12px;background:rgba(42,216,212,.06)}.server-apk-inbox h4{margin:0 0 5px}.server-apk-inbox p{margin:0 0 7px;color:var(--muted);line-height:1.7}.server-apk-inbox code{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 7px;border-radius:7px;background:rgba(5,10,20,.5);color:#aeeef0;direction:ltr}@media(max-width:820px){.modal-layer:not(.hidden)>.modal.modal-wide{grid-template-columns:1fr;padding:18px}.modal.modal-wide>.modal-actions{bottom:-18px}.server-apk-inbox{align-items:stretch;flex-direction:column}.server-apk-inbox .secondary-button{width:100%}}

/* Operational messages must remain visible above long tables and dialogs. */
.toast-area{top:18px!important;bottom:auto!important;right:18px!important;left:auto!important;max-width:min(460px,calc(100vw - 32px))}.toast{font-size:13px;line-height:1.65;background:rgba(20,31,54,.97);box-shadow:0 16px 38px rgba(0,0,0,.38)}@media(max-width:570px){.toast-area{top:10px!important;right:10px!important;max-width:calc(100vw - 20px)}.toast{padding:10px 12px}}

/* Larger organizational screenshots: optimise for recognition before row density. */
.fleet-table .shot-thumb,.fleet-table .shot-placeholder{width:104px!important;height:74px!important;border-radius:11px!important;object-fit:contain!important;background:#050914}.fleet-table .device-cell{min-width:250px;align-items:center}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important}.screenshot-card .open-image img{height:320px!important;object-fit:contain!important}.hero-shot-button{max-width:480px!important}.hero-shot-button img,.hero-shot{height:290px!important;object-fit:contain!important}@media(max-width:760px){.fleet-table .shot-thumb,.fleet-table .shot-placeholder{width:82px!important;height:60px!important}.screenshot-grid{grid-template-columns:1fr!important}.screenshot-card .open-image img{height:260px!important}.hero-shot-button img,.hero-shot{height:240px!important}}

.center-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 14px}.center-overview-grid .center-card{min-height:112px;align-content:center}.center-overview-grid .center-card>b{font-size:21px;color:#f4f7ff}.center-overview-grid .center-card small:first-child{color:#9fdcff}@media(max-width:900px){.center-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.center-overview-grid{grid-template-columns:1fr}.center-overview-grid .center-card{min-height:auto}}

/* Centered command notifications: visible without covering right-side controls. */
.toast-area{top:18px!important;right:auto!important;left:50%!important;transform:translateX(-50%);width:min(520px,calc(100vw - 32px));max-width:none!important}.toast{text-align:center}@media(max-width:570px){.toast-area{top:10px!important;width:calc(100vw - 20px)}}

.storage-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.storage-shortcut{display:grid;gap:4px;padding:11px;border:1px solid rgba(122,154,255,.32);border-radius:10px;background:rgba(20,34,62,.54);color:var(--text);font:inherit;text-align:start;cursor:pointer}.storage-shortcut:hover{border-color:var(--cyan);background:rgba(42,216,212,.1)}.storage-shortcut small{color:var(--muted);direction:ltr;text-align:start}@media(max-width:700px){.storage-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sms-row{position:relative;border-inline-start:4px solid transparent}.sms-row.sms-sent{border-inline-start-color:#8b78ff;background:rgba(139,120,255,.10)}.sms-row.sms-received{border-inline-start-color:#22b9a6;background:rgba(34,185,166,.10)}.sms-direction{display:inline-flex;width:max-content;margin-top:7px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.sms-direction.sent{background:rgba(139,120,255,.22);color:#c4bcff}.sms-direction.received{background:rgba(34,185,166,.20);color:#84f0de}
.location-map-preview{margin:14px 0;border:1px solid rgba(92,137,255,.32);border-radius:14px;overflow:hidden;background:rgba(10,18,33,.72)}.location-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.location-map-head h4{margin:0 0 4px}.location-map-head small{color:var(--muted)}.location-map-canvas{position:relative;isolation:isolate}.location-map-preview iframe{display:block;width:100%;height:285px;border:0;background:#0d1524}.location-map-marker{position:absolute;z-index:2;translate:-50% -100%;display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:999px;background:var(--primary);box-shadow:0 3px 10px rgba(0,0,0,.45);color:#fff;font:700 12px/1 inherit;cursor:pointer}.location-map-marker:hover,.location-map-marker:focus{background:var(--cyan);outline:2px solid rgba(42,216,212,.38)}.location-row.active{border-color:rgba(42,216,212,.72);box-shadow:inset 0 0 0 1px rgba(42,216,212,.18)}@media(max-width:570px){.location-map-head{align-items:flex-start;flex-direction:column}.location-map-preview iframe{height:230px}}
.storage-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.storage-row-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.storage-check{display:grid;place-items:center;width:22px;height:30px;flex:0 0 22px}.storage-check input{accent-color:var(--cyan);width:16px;height:16px}.storage-open{border:0;background:transparent;color:var(--text);font:inherit;text-align:start;min-width:0;flex:1;cursor:pointer}.storage-open b,.storage-open small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-open small{color:var(--muted);margin-top:4px}.transfer-progress{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:10px;font-size:10px;color:var(--muted)}.transfer-progress:before{content:"";grid-column:1;height:7px;border-radius:999px;background:#07101c;overflow:hidden}.transfer-progress i{grid-column:1;grid-row:1;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--cyan))}.transfer-progress span{grid-column:2;grid-row:1;white-space:nowrap}.device-file-preview{min-height:160px;display:grid;place-items:center;background:#070d18;border:1px solid var(--border);border-radius:11px;overflow:hidden}.device-file-preview-image,.device-file-preview video{max-width:100%;max-height:60vh;display:block}.device-file-preview audio{width:min(520px,100%)}.device-file-preview-frame{width:100%;height:min(65vh,620px);border:0;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.storage-row{align-items:flex-start;flex-direction:column}.storage-row .inline-actions{width:100%}.storage-row .inline-actions button{flex:1}}

.location-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:12px 0;padding:12px;border:1px solid rgba(92,137,255,.23);border-radius:12px;background:rgba(15,27,48,.44)}.location-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px}.location-controls select{min-width:180px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text)}.location-map-preview iframe{height:340px}@media(max-width:700px){.location-controls{align-items:stretch;flex-direction:column}.location-controls select{width:100%}.location-map-preview iframe{height:270px}}

/* Stable map markers: multi-location preview is fixed to the calculated bounds. */
.location-map-canvas.location-map-multiple iframe{pointer-events:none}
.map-locked-note{margin:.55rem .8rem 0}
.inline-actions .secondary-button.active{background:var(--primary);border-color:var(--primary);color:#fff}

/* A Kiosk display-slot management */
.slot-shot{width:64px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#111b2b;display:block}
.center-operations-table .shot-placeholder{width:64px;height:48px;border-radius:8px;font-size:16px}
#displaySlotsContent .center-operations-table td{vertical-align:middle}

.media-library-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:18px;margin-top:18px}
.media-library-grid>section{border:1px solid var(--border);border-radius:14px;padding:15px;background:var(--surface-2)}
.media-library-grid h3{margin:0 0 12px;font-size:15px}.media-asset-row .warning-text{display:block;color:#c85b24;margin-top:6px}.media-asset-row .inline-actions{margin-top:9px}
@media(max-width:800px){.media-library-grid{grid-template-columns:1fr}}

.timeline-preview{display:flex;flex-direction:column;gap:8px;margin-top:14px}.timeline-preview article{width:var(--timeline-width);min-width:120px;max-width:100%;background:linear-gradient(90deg,#5a38bd,#2486c9);color:#fff;border-radius:9px;padding:9px 12px}.timeline-preview article b,.timeline-preview article small{display:block}.timeline-preview article small{opacity:.85;margin-top:3px}

.brand-icon{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:0 0 auto;box-shadow:0 6px 16px rgba(45,63,190,.3)}

/* Full-page A Kiosk media studio */
.content-studio-shell{min-height:660px}.studio-tabs{display:flex;gap:8px;margin:0 0 16px;padding:6px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:16px;background:rgba(13,22,39,.72)}.studio-tabs .segment{white-space:nowrap}.studio-workbench{display:grid;grid-template-columns:250px minmax(0,1fr) 310px;gap:16px;align-items:stretch}.studio-sidebar,.studio-main,.studio-selection-panel{min-width:0;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,rgba(21,33,55,.96),rgba(10,17,31,.96));box-shadow:0 18px 34px rgba(0,0,0,.16)}.studio-sidebar{padding:12px;max-height:calc(100vh - 205px);overflow:auto}.studio-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 10px}.studio-sidebar-head.playlist-title{margin-top:16px;border-top:1px solid var(--border);padding-top:17px}.studio-folder,.studio-playlist{display:flex;align-items:center;gap:8px;width:100%;border:0;color:var(--text);text-align:right;background:transparent;padding:10px 9px;margin:2px 0;border-radius:10px;cursor:pointer}.studio-folder small{margin-inline-start:auto;color:var(--muted)}.studio-folder.active,.studio-playlist.active{background:linear-gradient(90deg,rgba(94,122,255,.25),rgba(33,211,190,.10));outline:1px solid rgba(112,142,255,.45)}.studio-playlist-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(118,140,255,.16);color:var(--cyan)}.studio-playlist span:last-child{display:grid;gap:2px;text-align:right;min-width:0}.studio-playlist b,.studio-playlist small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-playlist small{color:var(--muted)}.studio-main{position:relative;padding:16px;min-height:560px}.studio-toolbar,.studio-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.studio-toolbar>div:first-child,.studio-editor-head>div:first-child{display:grid;gap:4px}.studio-toolbar small,.studio-editor-head p{color:var(--muted);margin:0}.studio-selection-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px}.studio-asset-card{position:relative;min-height:142px;display:grid;align-content:space-between;gap:10px;padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(4,10,21,.38);cursor:pointer;transition:.18s}.studio-asset-card:hover{transform:translateY(-2px);border-color:rgba(112,142,255,.7)}.studio-asset-card.selected{border-color:var(--cyan);background:rgba(33,211,190,.10)}.studio-asset-card input{position:absolute;inset:12px auto auto 12px;accent-color:var(--cyan)}.rtl .studio-asset-card input{inset:12px 12px auto auto}.studio-asset-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--cyan);background:rgba(33,211,190,.13);font-size:18px}.studio-asset-copy{display:grid;gap:4px}.studio-asset-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-asset-copy small{color:var(--muted)}.studio-asset-card em{width:max-content;font-style:normal}.studio-selection-panel{padding:16px;display:flex;flex-direction:column;gap:13px;max-height:calc(100vh - 205px);overflow:auto}.studio-selection-panel h3,.studio-selection-panel p{margin:0}.studio-selection-panel p{color:var(--muted)}.studio-selection-list{display:grid;gap:7px;min-height:95px}.studio-selection-list article{display:grid;grid-template-columns:24px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.035)}.studio-selection-list article div{display:grid;gap:2px;min-width:0}.studio-selection-list article b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-selection-list article small{color:var(--muted)}.studio-uploader{margin-top:auto;display:grid;gap:9px;padding:12px;border:1px dashed rgba(112,142,255,.5);border-radius:14px;background:rgba(94,122,255,.07)}.studio-uploader>div:first-child{display:grid;gap:3px}.studio-uploader small{color:var(--muted)}.studio-uploader input:not([type=file]),.studio-create-playlist input{width:100%;min-width:0;border:1px solid var(--border);border-radius:9px;padding:10px;color:var(--text);background:rgba(3,8,18,.45)}.studio-upload-button{display:block;padding:10px;border-radius:9px;text-align:center;cursor:pointer;color:var(--cyan);background:rgba(33,211,190,.12)}.studio-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.studio-upload-progress{position:relative;height:20px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.07)}.studio-upload-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--primary));transition:width .15s}.studio-upload-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#fff}.studio-create-playlist{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.studio-playlist-editor{min-height:520px}.studio-playlist-items{display:grid;gap:8px}.studio-playlist-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.studio-playlist-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(112,142,255,.14);color:var(--cyan)}.studio-playlist-item div{display:grid;gap:3px;min-width:0}.studio-playlist-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-playlist-item small{color:var(--muted)}.studio-release-note{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px;border-radius:12px;background:rgba(33,211,190,.08);border:1px solid rgba(33,211,190,.2)}.studio-release-note span{color:var(--muted)}.studio-empty{display:grid;align-content:center;justify-items:center;min-height:130px;padding:22px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}.studio-assignment{position:absolute;inset:0;z-index:2;overflow:auto;padding:20px;border-radius:18px;background:linear-gradient(145deg,rgba(12,21,38,.99),rgba(5,11,23,.99))}.studio-assignment.hidden{display:none}.studio-targets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-targets>div{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid var(--border);border-radius:13px}.studio-targets h4{margin:0 0 5px}.studio-target{display:block;padding:9px;border-radius:8px;background:rgba(255,255,255,.035);cursor:pointer}@media(max-width:1180px){.studio-workbench{grid-template-columns:220px minmax(0,1fr)}.studio-selection-panel{grid-column:1/-1;max-height:none;display:grid;grid-template-columns:1fr 1fr;align-items:start}.studio-selection-list{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-uploader{margin:0}}@media(max-width:760px){.studio-workbench{display:block}.studio-sidebar,.studio-main,.studio-selection-panel{max-height:none;margin-bottom:12px}.studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-selection-panel,.studio-selection-list{display:grid;grid-template-columns:1fr}.studio-toolbar,.studio-editor-head{align-items:flex-start;flex-direction:column}.studio-targets{grid-template-columns:1fr}}
.studio-inline-folder-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px 0 10px}.studio-inline-folder-form.hidden{display:none}.studio-inline-folder-form input{min-width:0;border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--text);background:rgba(3,8,18,.45)}.studio-inline-folder-form .primary-button{padding:8px 10px}

/* Personal fleet parity: operational list and touch-friendly PIN entry. */
.personal-fleet-table{min-width:980px}.personal-fleet-row{cursor:pointer;transition:background .16s}.personal-fleet-row:hover{background:rgba(111,124,255,.08)}.personal-fleet-row td>b,.personal-fleet-row td>small{display:block}.personal-fleet-row td>small{margin-top:3px;color:var(--muted);font-size:10px}.personal-list-shot{display:block;width:76px;height:46px;object-fit:cover;border:1px solid var(--border);border-radius:7px;background:#070d18}.personal-fleet-row .shot-placeholder{display:grid;place-items:center;width:76px;height:46px;border-radius:7px}.pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:330px;margin:14px auto 4px}.pin-key{min-height:46px;border:1px solid var(--border);border-radius:10px;background:rgba(15,27,48,.84);color:var(--text);font:700 16px Vazirmatn,Arial,sans-serif;cursor:pointer}.pin-key:hover,.pin-key:focus{border-color:var(--primary);background:rgba(111,124,255,.18);outline:none}.pin-key:active{transform:scale(.97)}@media(max-width:700px){.personal-fleet-table{min-width:760px}.personal-fleet-table-wrap{border-radius:10px}.pin-keypad{max-width:none}.personal-list-shot{width:62px;height:40px}}

/* A Kiosk Studio: separate workspaces, Windows-like file manager and upload telemetry. */
.studio-tabs-clean{position:sticky;top:0;z-index:5;margin-bottom:14px;padding:7px;border:1px solid var(--border);border-radius:13px;background:rgba(8,14,27,.94);backdrop-filter:blur(12px)}.studio-file-manager,.studio-playlist-workspace,.studio-releases-tab{display:grid;gap:14px}.studio-file-toolbar,.studio-playlist-create,.studio-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(23,38,68,.66),rgba(8,14,27,.72))}.studio-file-toolbar h3,.studio-playlist-create h3{margin:3px 0;font-size:18px}.studio-file-toolbar p,.studio-playlist-create p{margin:0;color:var(--muted);font-size:11px}.studio-file-picker{display:inline-flex;align-items:center;cursor:pointer}.studio-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.studio-pathbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(8,13,23,.5);font-size:11px;color:var(--muted)}.studio-pathbar span:last-child{margin-inline-start:auto;color:var(--cyan)}.studio-file-table{overflow:auto;border:1px solid var(--border);border-radius:14px;background:rgba(7,12,22,.52)}.studio-file-table-head,.studio-file-row{display:grid;grid-template-columns:minmax(260px,2fr) 100px 148px 128px minmax(210px,1.2fr);gap:10px;align-items:center;min-width:920px}.studio-file-table-head{padding:10px 13px;color:var(--muted);font-size:10px;background:rgba(3,8,16,.64)}.studio-file-row{padding:10px 13px;border-top:1px solid var(--border);font-size:11px;transition:background .14s}.studio-file-row:hover,.studio-file-row.selected{background:rgba(111,124,255,.1)}.studio-file-name{display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:start;cursor:pointer}.studio-file-name input{width:15px;height:15px;accent-color:var(--primary)}.studio-file-name i{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(111,124,255,.33);border-radius:8px;background:rgba(111,124,255,.12);color:var(--cyan);font-style:normal;font-size:16px}.studio-folder-row .studio-file-name i{color:#ffcf72;border-color:rgba(255,195,107,.35);background:rgba(255,195,107,.1)}.studio-file-name span{display:grid;gap:2px;min-width:0}.studio-file-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-file-name small,.studio-file-row>small{color:var(--muted);font-size:10px}.studio-file-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studio-file-actions select{min-width:160px;max-width:100%;height:34px;border:1px solid var(--border);border-radius:8px;background:#0b1526;color:var(--text);font:inherit;padding:0 7px}.danger-text{color:#ffb6c0!important}.studio-file-preview{padding:14px;border:1px solid rgba(42,216,212,.32);border-radius:14px;background:rgba(7,19,31,.66)}.studio-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.studio-preview-head>div{display:grid;gap:3px}.studio-preview-head span{color:var(--cyan);font-size:11px}.studio-preview-head b{font-size:14px}.studio-preview-head small{color:var(--muted);font-size:10px}.studio-preview-media{display:grid;place-items:center;margin-top:12px;min-height:130px;background:#060b13;border-radius:10px;overflow:hidden}.studio-preview-media img,.studio-preview-media video{display:block;max-width:100%;max-height:420px}.studio-preview-media audio{width:min(580px,92%)}.studio-preview-empty{color:var(--muted);font-size:12px}.studio-upload-panel{display:grid;grid-template-columns:1.3fr minmax(180px,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px dashed rgba(42,216,212,.46);border-radius:14px;background:rgba(16,50,68,.16)}.studio-upload-panel>div{display:grid;gap:3px}.studio-upload-panel small{color:var(--muted);font-size:10px}.studio-upload-panel input{height:39px;border:1px solid var(--border);border-radius:9px;background:#0a1322;color:var(--text);padding:0 10px;font:inherit}.studio-upload-queue{display:grid;gap:8px}.studio-upload-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,1fr) minmax(180px,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(8,13,23,.4)}.studio-upload-row>div:first-child{display:grid;gap:2px;min-width:0}.studio-upload-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.studio-upload-row small{color:var(--muted);font-size:10px}.studio-upload-row.done{border-color:rgba(67,214,146,.4)}.studio-upload-row.failed{border-color:rgba(255,113,129,.45)}.studio-upload-meter{position:relative;height:19px;overflow:hidden;border-radius:999px;background:#111b2d}.studio-upload-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--cyan),var(--primary));transition:width .18s}.studio-upload-meter span{position:relative;z-index:1;display:grid;place-items:center;height:100%;color:#fff;font-size:10px;font-weight:700}.studio-selection-dock{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:start;padding:14px;border:1px solid rgba(111,124,255,.36);border-radius:14px;background:rgba(32,28,67,.31)}.studio-selection-dock>div:first-child{display:grid;gap:3px}.studio-selection-dock small{color:var(--muted);font-size:10px}.studio-selection-list{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.studio-selection-list article{display:flex;align-items:center;gap:7px;max-width:240px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:rgba(8,13,23,.45)}.studio-selection-list article>div{display:grid;min-width:0}.studio-selection-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.studio-selection-list small{font-size:9px}.studio-playlist-create>div:last-child{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) auto;gap:8px}.studio-playlist-create input{height:39px;border:1px solid var(--border);border-radius:9px;background:#0a1322;color:var(--text);padding:0 10px;font:inherit}.studio-playlist-layout{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:14px}.studio-playlist-list{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(8,13,23,.45)}.studio-playlist-list h4,.studio-playlist-picker h4,.studio-playlist-items h4{margin:0 0 5px;font-size:12px}.studio-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:8px}.studio-picker-item{display:grid;grid-template-columns:auto 22px 1fr;gap:7px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:10px;background:rgba(8,13,23,.38);cursor:pointer}.studio-picker-item.selected{border-color:var(--cyan);background:rgba(42,216,212,.08)}.studio-picker-item input{grid-row:span 2;align-self:center;accent-color:var(--primary)}.studio-picker-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.studio-picker-item small{grid-column:3;color:var(--muted);font-size:9px}.studio-playlist-editor{display:grid;align-content:start;gap:14px}.studio-playlist-picker,.studio-playlist-items{padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(8,13,23,.42)}.studio-playlist-picker p{margin:0 0 10px;color:var(--muted);font-size:10px}.studio-playlist-items{display:grid;gap:7px}.studio-playlist-items article{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:9px}.studio-playlist-items article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(111,124,255,.17);color:var(--cyan);font-size:10px}.studio-playlist-items article>div{display:grid;gap:2px}.studio-playlist-items small{color:var(--muted);font-size:10px}@media(max-width:900px){.studio-file-toolbar,.studio-playlist-create{align-items:stretch;flex-direction:column}.studio-upload-panel{grid-template-columns:1fr}.studio-upload-row{grid-template-columns:1fr}.studio-selection-dock{grid-template-columns:1fr}.studio-playlist-create>div:last-child{grid-template-columns:1fr}.studio-playlist-layout{grid-template-columns:1fr}.studio-playlist-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr)}.studio-playlist-list h4{grid-column:1/-1}}@media(max-width:570px){.studio-tabs-clean{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.studio-tabs-clean .segment{width:100%}.studio-file-toolbar .inline-actions{display:grid;grid-template-columns:1fr 1fr}.studio-file-toolbar .inline-actions>*{width:100%;text-align:center}.studio-file-toolbar .inline-actions .studio-file-picker{justify-content:center}.studio-file-table{border-radius:10px}.studio-file-table-head,.studio-file-row{min-width:830px}.studio-selection-list{width:100%}}

/* Visible media thumbnails in the unified A Kiosk file manager. */
.studio-file-name .studio-file-thumb{display:grid;place-items:center;flex:0 0 52px;width:52px;height:44px;overflow:hidden;border:1px solid rgba(101,166,230,.4);border-radius:9px;background:linear-gradient(145deg,#102844,#07111f);cursor:zoom-in}.studio-file-name .studio-file-thumb img,.studio-file-name .studio-file-thumb video{width:100%;height:100%;object-fit:cover}.studio-file-name .studio-file-thumb>i{display:grid;place-items:center;width:100%;height:100%;color:var(--cyan);font-size:18px;font-style:normal;background:rgba(42,216,212,.08)}.studio-file-name .studio-file-thumb video+ i{display:none}.studio-file-row:has(.studio-file-thumb) .studio-file-name{gap:9px}.studio-file-row .badge.rooted{max-width:142px;white-space:normal;line-height:1.35;text-align:center}.studio-upload-row.done small:last-child{color:#75e2ae}

/* Unified kiosk setup, medium media tiles, and playlist preview cards. */
.fleet-workspace-tabs{display:flex;gap:.45rem;margin-top:.9rem;flex-wrap:wrap}.fleet-workspace-tabs .segment{min-width:150px}.fleet-reserved-workspace{margin-top:1rem}.reserved-kiosk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.reserved-kiosk-card{position:relative;overflow:hidden;padding:1rem;border:1px solid rgba(133,159,206,.18);border-radius:18px;background:linear-gradient(145deg,rgba(19,34,62,.98),rgba(11,22,42,.98));box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.reserved-kiosk-card:hover{transform:translateY(-3px);border-color:rgba(93,190,255,.55);box-shadow:0 18px 34px rgba(0,0,0,.28)}.reserved-kiosk-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.reserved-kiosk-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1f87c5,#244b91);color:#e9f6ff;font-size:1.45rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.reserved-kiosk-card h4{margin:0 0 .35rem;font-size:1rem}.reserved-kiosk-card p{margin:0 0 .3rem;color:#c2cfdf;font-size:.84rem}.reserved-kiosk-card small{display:block;min-height:1.2rem;color:#8497b0;font-size:.76rem}.reserved-kiosk-card .inline-actions{margin-top:1rem;gap:.35rem}.reserved-kiosk-card .inline-actions button{padding:.45rem .58rem;font-size:.76rem}
.playlist-item-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;margin-top:1rem}.playlist-item-card{display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto;gap:.65rem;padding:.68rem;border:1px solid rgba(130,155,203,.2);border-radius:15px;background:linear-gradient(145deg,rgba(17,33,61,.96),rgba(9,20,39,.98));animation:panel-rise .22s ease both}.playlist-item-thumb{position:relative;grid-row:span 2;width:68px;height:68px;overflow:hidden;border-radius:12px;background:#0b1528;display:grid;place-items:center}.playlist-item-thumb img,.playlist-item-thumb video{width:100%;height:100%;object-fit:cover}.playlist-item-thumb i{font-style:normal;font-size:1.2rem;color:#8eb7da}.playlist-item-order{position:absolute;top:4px;right:4px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:rgba(3,14,32,.82);color:#fff;font-size:.7rem;font-weight:800}.playlist-item-meta{min-width:0}.playlist-item-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:#edf5ff}.playlist-item-meta small,.playlist-item-meta span{display:block;margin-top:.2rem;color:#9bb0c9;font-size:.72rem}.playlist-item-meta span{color:#70d7f7;font-weight:700}.playlist-item-actions{grid-column:2;display:flex;gap:.3rem;flex-wrap:wrap}.playlist-item-actions button{padding:.28rem .46rem;font-size:.68rem}
/* Keep studio media in readable medium icon tiles rather than oversized previews. */
.studio-file-grid,.studio-file-list{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;gap:.75rem!important}.studio-file-row{min-height:176px!important;border-radius:16px!important;padding:.65rem!important}.studio-file-thumb{height:92px!important;border-radius:11px!important}.studio-file-row [data-studio-name]{font-size:.8rem!important}.studio-file-row small{font-size:.7rem!important}.studio-folder-row{min-height:126px!important;border-radius:16px!important}.studio-folder-icon{width:48px!important;height:42px!important;border-radius:12px!important}
@keyframes panel-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:680px){.reserved-kiosk-grid{grid-template-columns:1fr}.playlist-item-card-grid{grid-template-columns:1fr}.fleet-workspace-tabs{width:100%}.fleet-workspace-tabs .segment{flex:1;min-width:0}}

/* Modern organizational and personal kiosk fleet presentation. */
.fleet-row,.personal-fleet-row{animation:panel-rise .24s ease both}.fleet-row:nth-child(2n),.personal-fleet-row:nth-child(2n){animation-delay:.025s}.fleet-row td,.personal-fleet-row td{transition:background .16s ease}.fleet-row:hover td,.personal-fleet-row:hover td{background:rgba(91,132,211,.055)}.kiosk-edition-badge{margin-top:.35rem;font-size:.62rem!important;padding:3px 6px!important}.device-cell .shot-thumb,.personal-list-shot{box-shadow:0 7px 15px rgba(0,0,0,.22);border:1px solid rgba(159,196,239,.18)}.personal-fleet-table-wrap{border-radius:17px;overflow:hidden;border:1px solid rgba(130,156,203,.15);background:linear-gradient(145deg,rgba(17,32,58,.88),rgba(9,19,36,.94))}.personal-fleet-row .row-button,.fleet-row .row-button{background:linear-gradient(145deg,rgba(34,56,91,.8),rgba(16,30,53,.9));border-color:rgba(138,169,224,.22)}.personal-fleet-row .row-button:hover,.fleet-row .row-button:hover{background:linear-gradient(135deg,#3f63a5,#246e99);border-color:#62c7ec}.category-location b{color:#e7f1ff}.category-location small,.time-note{display:block;margin-top:.32rem;color:#91a6c0;font-size:.72rem}.usage-mini{min-width:92px;padding:.3rem .38rem;border-radius:9px;background:rgba(5,13,26,.38)}

/* Reserved kiosks are a first-class fleet view, visually aligned with organizational kiosks. */
.reserved-fleet-table{min-width:1180px}.reserved-fleet-row td{vertical-align:middle}.reserved-fleet-icon{display:grid;place-items:center;width:52px;height:46px;border:1px solid rgba(105,195,239,.35);border-radius:12px;background:linear-gradient(145deg,rgba(31,135,197,.38),rgba(23,62,122,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 7px 15px rgba(0,0,0,.18);color:#eaf8ff;font-size:1.35rem}.reserved-fleet-row .inline-actions{gap:.35rem;min-width:215px}.reserved-fleet-row .inline-actions button{padding:.43rem .58rem;font-size:.74rem}.reserved-fleet-row .kiosk-edition-badge{background:rgba(45,194,120,.16)!important;border-color:rgba(83,229,150,.48)!important;color:#8cf4bd!important}.tab-strip{gap:.62rem;padding:.55rem .15rem .95rem}.tab-strip .tab-button{min-height:46px;padding:.72rem 1.08rem;border-radius:13px;font-size:.89rem;font-weight:800}.tab-strip .tab-button.active{box-shadow:0 9px 20px rgba(72,125,235,.2)}.kiosk-edition-badge{background:rgba(45,194,120,.16)!important;border-color:rgba(83,229,150,.48)!important;color:#8cf4bd!important}@media(max-width:700px){.reserved-fleet-table{min-width:1040px}.tab-strip .tab-button{min-height:44px;padding:.64rem .88rem;font-size:.84rem}}

/* Per-kiosk and reserved-kiosk display content workspace. */
.slot-content-workspace{display:grid;gap:14px;margin-top:14px}.slot-content-head,.slot-playlist-picker,.slot-direct-manager,.slot-link-builder,.reserved-slot-content-panel{padding:16px;border:1px solid rgba(124,157,217,.22);border-radius:17px;background:linear-gradient(145deg,rgba(18,35,63,.94),rgba(8,18,34,.96))}.slot-content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.slot-content-head h3,.slot-content-head p,.slot-direct-toolbar h4,.slot-direct-toolbar p,.slot-playlist-picker h4,.slot-playlist-picker p,.slot-link-builder h4,.slot-link-builder p{margin:.38rem 0}.slot-content-head p,.slot-direct-toolbar p,.slot-playlist-picker p,.slot-link-builder p{max-width:760px;color:#9fb2c9;font-size:.83rem;line-height:1.8}.slot-content-source{display:grid;gap:.28rem;min-width:220px;padding:.75rem .9rem;border:1px solid rgba(42,216,212,.23);border-radius:12px;background:rgba(42,216,212,.06)}.slot-content-source b{font-size:.88rem;color:#eaf7ff}.slot-content-source small{color:#91afc6;font-size:.74rem}.slot-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.slot-mode-card{display:grid;gap:.45rem;min-height:92px;padding:.9rem;text-align:start;border:1px solid rgba(122,151,208,.22);border-radius:14px;background:rgba(12,25,45,.6);color:var(--text);cursor:pointer;transition:.16s}.slot-mode-card:hover{border-color:#66cdec;transform:translateY(-2px)}.slot-mode-card.active{border-color:#59dfab;background:linear-gradient(135deg,rgba(45,194,120,.2),rgba(42,216,212,.1));box-shadow:inset 0 0 0 1px rgba(94,234,165,.16)}.slot-mode-card b{font-size:.9rem}.slot-mode-card small{color:#9fb2c9;font-size:.73rem;line-height:1.5}.slot-playlist-picker{display:grid;grid-template-columns:minmax(260px,1fr) minmax(230px,.75fr) auto;align-items:center;gap:13px}.slot-playlist-picker select,.slot-direct-manager select,.slot-selection-panel input,.slot-link-builder input,.slot-link-builder select{min-width:0;height:40px;padding:0 .7rem;border:1px solid rgba(127,156,208,.28);border-radius:10px;background:#0a1528;color:var(--text);font:inherit}.slot-direct-manager{display:grid;gap:13px}.slot-direct-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.slot-direct-toolbar .inline-actions{align-items:flex-end}.slot-direct-toolbar label,.slot-selection-panel label,.slot-link-builder label{display:grid;gap:.34rem;color:#b8c7d9;font-size:.76rem}.slot-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px}.slot-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;align-content:start}.slot-media-card{position:relative;display:grid;gap:.55rem;min-height:176px;padding:.72rem;border:1px solid rgba(123,152,202,.2);border-radius:14px;background:rgba(4,12,25,.46);cursor:pointer;transition:.16s}.slot-media-card:hover{border-color:#65c9e8;transform:translateY(-2px)}.slot-media-card.selected{border-color:#57dfa8;background:rgba(45,194,120,.12);box-shadow:inset 0 0 0 1px rgba(88,232,166,.14)}.slot-media-card input{position:absolute;top:.62rem;inset-inline-start:.62rem;width:17px;height:17px;accent-color:#35cf90}.slot-media-thumb{display:grid;place-items:center;width:100%;height:88px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#122e4d,#07111f)}.slot-media-thumb img,.slot-media-thumb video{width:100%;height:100%;object-fit:cover}.slot-media-thumb i{font-style:normal;font-size:1.55rem;color:#82d7ef}.slot-media-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:24px;font-size:.8rem}.slot-media-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#95aac2;font-size:.69rem}.slot-selection-panel{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid rgba(91,157,223,.28);border-radius:14px;background:rgba(6,15,29,.7)}.slot-selection-panel h4,.slot-selection-panel p{margin:0}.slot-selection-panel p{color:#9eb2c9;font-size:.76rem}.slot-selection-list{display:grid;gap:7px;max-height:360px;overflow:auto}.slot-selection-list article{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid rgba(121,151,202,.18);border-radius:10px;background:rgba(255,255,255,.025)}.slot-selection-list article>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(103,128,255,.2);color:#aeddff;font-size:.7rem}.slot-selection-list article>div:first-of-type{display:grid;gap:2px;min-width:0}.slot-selection-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.slot-selection-list small{color:#94a9c1;font-size:.68rem}.slot-selection-list .inline-actions{grid-column:2;gap:.25rem}.slot-selection-list button{padding:.24rem .4rem;font-size:.64rem}.slot-link-builder{display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(4,minmax(140px,.65fr));align-items:end;gap:10px}.slot-link-builder>div{align-self:start}.reserved-slot-content-panel{margin-top:16px}.reserved-slot-content-panel .panel-head{margin-bottom:2px}@media(max-width:1120px){.slot-content-layout{grid-template-columns:1fr}.slot-selection-panel{max-height:none}.slot-playlist-picker{grid-template-columns:1fr}.slot-link-builder{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-link-builder>div{grid-column:1/-1}}@media(max-width:680px){.slot-content-head,.slot-direct-toolbar{flex-direction:column}.slot-content-source{width:100%}.slot-mode-grid{grid-template-columns:1fr}.slot-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-link-builder{grid-template-columns:1fr}.slot-link-builder>div{grid-column:auto}}

/* Compact square file manager with visual media identification. */
.studio-folder-section,.studio-media-section{display:grid;gap:11px;margin-top:16px}.studio-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.studio-section-label b{font-size:.9rem}.studio-section-label small{color:#91a9c3;font-size:.73rem}.studio-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px}.studio-media-card{position:relative;display:grid;grid-template-rows:120px auto auto;min-width:0;overflow:hidden;border:1px solid rgba(119,154,207,.22);border-radius:15px;background:linear-gradient(160deg,rgba(13,30,55,.96),rgba(5,15,30,.96));transition:transform .16s,border-color .16s,box-shadow .16s}.studio-media-card:hover{border-color:#62cdec;transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.18)}.studio-media-card.selected{border-color:#55dca7;box-shadow:inset 0 0 0 1px rgba(86,226,162,.22)}.studio-media-thumb{position:relative;display:grid;place-items:center;width:100%;height:120px;padding:0;overflow:hidden;border:0;border-bottom:1px solid rgba(119,154,207,.16);background:linear-gradient(135deg,#153d66,#091426);cursor:pointer}.studio-media-thumb img,.studio-media-thumb video{width:100%;height:100%;object-fit:cover}.studio-media-thumb>i{font-style:normal;font-size:2.5rem;color:#b6e8fa}.studio-media-thumb em{position:absolute;inset:auto .45rem .45rem auto;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(3,12,25,.73);color:#eaf8ff;font-style:normal;font-size:.96rem;backdrop-filter:blur(5px)}.studio-folder-thumb{background:linear-gradient(145deg,#2a5686,#112744)}.studio-folder-thumb i{font-size:3rem;color:#9addf6}.studio-card-select{position:absolute;z-index:2;inset:.5rem auto auto .5rem;display:flex;align-items:center;gap:.28rem;padding:.26rem .42rem;border-radius:8px;background:rgba(3,12,25,.76);color:#eaf8ff;font-size:.63rem;cursor:pointer}.studio-card-select input{width:15px;height:15px;accent-color:#42d69a}.studio-media-card-body{display:grid;gap:.3rem;min-width:0;padding:.65rem .7rem .45rem}.studio-media-card-body b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.studio-media-card-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#93aac1;font-size:.66rem}.studio-media-card-body small:last-child{display:flex;align-items:center;gap:.35rem}.studio-media-card-body .badge{font-size:.6rem;padding:.12rem .32rem}.studio-card-actions{display:flex;flex-wrap:wrap;gap:.15rem;padding:.15rem .45rem .52rem}.studio-card-actions .text-button{padding:.22rem .28rem;font-size:.63rem}.studio-media-pagination{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;margin-top:6px;color:#a7bad0;font-size:.75rem}.studio-media-pagination.single{justify-content:flex-start;padding-inline:.15rem}.studio-media-pagination button{min-width:76px}.owner-screenshot-policy{border-color:rgba(59,214,176,.35)!important;background:linear-gradient(140deg,rgba(24,83,75,.19),rgba(11,27,48,.65))}.owner-screenshot-policy .switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.owner-screenshot-policy .switch-row{display:flex;align-items:flex-start;gap:.45rem;min-height:42px;padding:.65rem;border:1px solid rgba(103,182,181,.24);border-radius:10px;color:#c5d7e6;font-size:.75rem}.owner-screenshot-policy .switch-row input{margin-top:.1rem;accent-color:#46d69d}.owner-screenshot-policy .policy-reason{display:grid;gap:.3rem;flex:1;min-width:240px;color:#b7cadd;font-size:.74rem}@media(max-width:720px){.studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-media-thumb{height:104px}.studio-media-card{grid-template-rows:104px auto auto}.studio-section-label{align-items:flex-start;flex-direction:column;gap:3px}.owner-screenshot-policy .switch-grid{grid-template-columns:1fr}.studio-media-pagination{justify-content:space-between;gap:6px}.studio-media-pagination span{text-align:center;font-size:.67rem}}


/* ========================================================================== 
   AEHI ORBIT DESIGN SYSTEM — enterprise visual renewal
   ========================================================================== */
:root{
  --bg:#07101d;
  --surface:#0d1a2b;
  --surface-2:#101f34;
  --surface-3:#142a44;
  --border:rgba(154,190,232,.16);
  --border-strong:rgba(112,206,236,.34);
  --text:#f2f7ff;
  --muted:#93a9c3;
  --primary:#627bff;
  --primary-2:#8b5cf6;
  --cyan:#35d7de;
  --green:#4de3a0;
  --amber:#ffc56c;
  --red:#ff768c;
  --shadow:0 24px 70px rgba(0,3,12,.36);
  --shadow-elevated:0 28px 82px rgba(0,5,22,.56);
  --radius-xl:22px;
  --radius-lg:16px;
  --radius-md:12px;
}
html{background:var(--bg);scroll-behavior:smooth}
body{
  min-height:100vh;
  color:var(--text);
  background:
    radial-gradient(circle at 11% -10%,rgba(81,111,255,.26),transparent 31rem),
    radial-gradient(circle at 95% 12%,rgba(35,205,214,.13),transparent 28rem),
    radial-gradient(circle at 60% 102%,rgba(135,72,255,.12),transparent 37rem),
    var(--bg);
  font-family:Vazirmatn,Inter,Tahoma,Arial,sans-serif;
  letter-spacing:0;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(133,177,218,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(133,177,218,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 75%)}
*{scrollbar-width:thin;scrollbar-color:rgba(91,149,207,.45) transparent}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:rgba(104,157,214,.38);background-clip:padding-box}
.app-shell{min-height:100vh;isolation:isolate}
.sidebar{
  width:282px;
  padding:18px 14px 16px;
  background:linear-gradient(180deg,rgba(14,30,51,.96),rgba(6,14,27,.985));
  border-right:1px solid rgba(136,181,226,.18);
  box-shadow:-16px 0 54px rgba(0,2,9,.28);
  overflow:hidden;
}
.sidebar:before{content:"";position:absolute;inset:-100px -90px auto auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(77,211,229,.17),transparent 69%);pointer-events:none}
.brand{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;margin:2px 3px 24px;padding:10px 11px;border:1px solid rgba(158,201,242,.14);border-radius:17px;background:linear-gradient(135deg,rgba(35,58,93,.76),rgba(13,27,48,.28));box-shadow:inset 0 1px rgba(255,255,255,.045),0 13px 28px rgba(0,0,0,.14)}
.brand:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(91,214,232,.38),transparent 32%,rgba(130,92,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.brand-icon{width:42px;height:42px;border-radius:14px;box-shadow:0 10px 20px rgba(42,202,211,.2)}
.brand b{font-size:16px;letter-spacing:.08em}.brand small{display:block;margin-top:2px;color:#8eb1d4;font-size:9px;font-weight:800;letter-spacing:.14em}.nav{position:relative;display:grid;gap:4px;overflow:auto;padding:2px 3px 13px}.nav-item{position:relative;min-height:48px;padding:11px 13px;border:1px solid transparent;border-radius:13px;color:#a8bbd4;isolation:isolate;transition:color .2s,background .2s,border-color .2s,transform .2s}.nav-item span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#89a9c6;font-size:17px;background:rgba(122,160,206,.075);transition:color .2s,background .2s,transform .2s}.nav-item i{font-size:12px;font-style:normal;font-weight:650}.nav-item:before{content:"";position:absolute;inset:6px auto 6px 0;width:3px;border-radius:99px;background:linear-gradient(var(--cyan),var(--primary));opacity:0;transform:scaleY(.3);transition:opacity .2s,transform .2s}.nav-item:hover{color:#f1f8ff;border-color:rgba(129,190,234,.13);background:rgba(95,141,205,.1);transform:translateX(-2px)}.nav-item:hover span{color:#e6fbff;background:rgba(47,210,220,.14);transform:scale(1.06)}.nav-item.active{color:#fff;border-color:rgba(100,210,230,.24);background:linear-gradient(100deg,rgba(40,209,219,.16),rgba(97,114,255,.17) 56%,rgba(108,82,224,.08));box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 18px rgba(1,11,25,.16)}.nav-item.active:before{opacity:1;transform:scaleY(1)}.nav-item.active span{color:#e9ffff;background:linear-gradient(135deg,rgba(43,217,220,.28),rgba(108,101,255,.3));box-shadow:0 0 18px rgba(52,209,218,.16)}.personal-nav>small{border-color:rgba(255,197,108,.38);background:rgba(255,197,108,.09);color:#ffdc9e;font-weight:800}
.sidebar-footer{position:relative;padding:13px 5px 0;border-top:1px solid rgba(145,184,224,.13);gap:11px}.agent-status{padding:9px 10px;border-radius:11px;background:rgba(65,220,157,.065);color:#b4d8cb;font-size:10px}.agent-status i{box-shadow:0 0 0 4px rgba(77,227,160,.12),0 0 14px rgba(77,227,160,.42)}.apk-link{padding:11px 12px;border:1px solid rgba(124,166,217,.18);border-radius:11px;background:rgba(12,26,45,.66);color:#b9d8f4;font-size:11px;font-weight:700}.apk-link:hover{border-color:rgba(61,214,222,.5);background:rgba(27,77,96,.34)}
.main-content{margin-right:282px;padding:0 38px 42px}.rtl .main-content{margin-right:282px;margin-left:0}.rtl .sidebar{border-right:1px solid rgba(136,181,226,.18);border-left:0}.topbar{height:90px;margin:0 -38px 30px;padding:0 38px;border-bottom:1px solid rgba(149,192,233,.13);background:linear-gradient(180deg,rgba(7,16,29,.88),rgba(7,16,29,.69));backdrop-filter:blur(22px) saturate(130%);box-shadow:0 12px 24px rgba(2,6,14,.08)}.breadcrumb{display:grid;gap:3px}.breadcrumb span{color:#75cfd7;font-size:10px;font-weight:800;letter-spacing:.14em}.breadcrumb h1{margin:0;color:#eff7ff;font-size:20px;font-weight:800}.top-actions{gap:10px}.clock{min-width:132px;padding:8px 12px;border:1px solid rgba(133,180,224,.14);border-radius:12px;background:rgba(18,37,61,.5)}.clock span{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.clock small{margin-top:1px;color:#8ba6c4;font-size:9px}.icon-button,.language-button{height:38px;border-color:rgba(140,188,228,.19);border-radius:11px;background:rgba(18,37,61,.62);color:#cde6fa}.icon-button:hover,.language-button:hover{border-color:rgba(54,216,221,.5);background:rgba(40,102,119,.33)}.user-button{padding:5px 10px 5px 5px;border:1px solid rgba(141,190,230,.17);border-radius:12px;background:rgba(18,37,61,.62);color:#e7f2fc}.user-button .avatar{background:linear-gradient(135deg,#39d4da,#616df6);box-shadow:0 5px 13px rgba(51,202,220,.2)}
.view{animation:orbit-view-in .38s cubic-bezier(.2,.8,.2,1)}.view-heading,.hero-row{position:relative;align-items:flex-end;margin-bottom:23px;padding:4px 0 20px;border-bottom:1px solid rgba(146,190,230,.14)}.view-heading:after,.hero-row:after{content:"";position:absolute;bottom:-1px;right:0;width:132px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--primary),transparent)}.view-heading h2,.hero-row h2{margin:7px 0 5px;color:#f5f9ff;font-size:clamp(25px,2.1vw,33px);font-weight:850;letter-spacing:-.035em}.eyebrow{color:#79d4d9!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em}.muted{color:var(--muted)!important;line-height:1.8}.heading-actions{gap:9px}.panel{border:1px solid rgba(147,191,230,.16);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(19,38,63,.86),rgba(10,23,41,.9));box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow);transition:border-color .22s,box-shadow .22s,transform .22s}.panel:hover{border-color:rgba(104,202,227,.25);box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 58px rgba(0,4,16,.32)}.panel-head h3{font-size:16px;font-weight:800}.panel-head p{color:#91a9c2;line-height:1.7}.primary-button,.secondary-button,.filter-button,.danger-button{position:relative;min-height:42px;border-radius:12px;font-weight:750;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.primary-button{border:1px solid rgba(122,215,234,.22);background:linear-gradient(135deg,#36becb,#526cf5 52%,#8257db);box-shadow:0 12px 25px rgba(60,102,232,.24),inset 0 1px rgba(255,255,255,.22)}.primary-button:hover{filter:none;transform:translateY(-2px);box-shadow:0 16px 31px rgba(57,101,232,.34),inset 0 1px rgba(255,255,255,.26)}.secondary-button,.filter-button{border-color:rgba(138,184,224,.2);background:linear-gradient(145deg,rgba(29,53,82,.88),rgba(13,29,50,.88));color:#d9eafa;box-shadow:inset 0 1px rgba(255,255,255,.035)}.secondary-button:hover,.filter-button:hover{border-color:rgba(62,213,220,.49);background:linear-gradient(145deg,rgba(37,83,102,.92),rgba(21,52,77,.92));transform:translateY(-1px)}.danger-button{border-color:rgba(255,117,141,.35);background:linear-gradient(145deg,rgba(147,52,75,.29),rgba(64,27,46,.48));color:#ffd3da}.danger-button:hover{background:linear-gradient(145deg,rgba(185,61,89,.38),rgba(83,29,51,.6));transform:translateY(-1px)}.text-button{color:#94e1e8;font-weight:750}.text-button:hover{color:#e9ffff}.primary-button:focus-visible,.secondary-button:focus-visible,.filter-button:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(53,215,222,.32);outline-offset:2px}
input,select,textarea,.settings-input,.advanced-filters input,.advanced-filters select,.modal input,.modal select,.modal textarea{border-color:rgba(142,187,226,.2)!important;border-radius:11px!important;background:rgba(5,16,31,.69)!important;color:#eef7ff!important;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:border-color .18s,box-shadow .18s,background .18s!important}input::placeholder,textarea::placeholder{color:#7088a5!important}input:hover,select:hover,textarea:hover{border-color:rgba(119,194,228,.34)!important}input:focus,select:focus,textarea:focus{border-color:rgba(50,214,220,.72)!important;box-shadow:0 0 0 4px rgba(50,214,220,.1),inset 0 1px rgba(255,255,255,.035)!important}.search-box{height:46px;border:1px solid rgba(139,190,230,.19);border-radius:13px;background:rgba(5,16,31,.6);box-shadow:inset 0 1px rgba(255,255,255,.025)}.search-box:focus-within{border-color:rgba(50,214,220,.7);box-shadow:0 0 0 4px rgba(50,214,220,.1)}
@keyframes orbit-view-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.main-content{padding-inline:24px}.topbar{margin-inline:-24px;padding-inline:24px}.sidebar{width:264px}.main-content,.rtl .main-content{margin-right:264px}.clock{display:none}}
@media(max-width:900px){.sidebar{width:min(86vw,318px);padding-top:15px;border-left:1px solid rgba(136,181,226,.18);box-shadow:-20px 0 52px rgba(0,2,11,.55)}.main-content,.rtl .main-content{margin-right:0;padding:0 16px 30px}.topbar{height:74px;margin:0 -16px 21px;padding:0 16px}.view-heading,.hero-row{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions>button{flex:1}.brand{margin-bottom:16px}}
@media(max-width:570px){.topbar{height:70px}.breadcrumb h1{font-size:16px}.breadcrumb span{font-size:8px}.user-button #userName{display:none}.view-heading h2,.hero-row h2{font-size:24px}.heading-actions{display:grid;grid-template-columns:1fr 1fr}.heading-actions .primary-button:last-child:nth-child(odd){grid-column:1/-1}.panel{border-radius:14px}.sidebar-footer{padding-bottom:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Component renewal: dashboards, operational lists, data density, and forms. */
.hero-row{padding:25px 27px;margin-bottom:25px;border:1px solid rgba(120,190,232,.17);border-radius:var(--radius-xl);background:linear-gradient(118deg,rgba(42,87,122,.36),rgba(16,37,63,.72) 42%,rgba(55,45,113,.33));box-shadow:inset 0 1px rgba(255,255,255,.055),var(--shadow);overflow:hidden}.hero-row:before{content:"";position:absolute;inset:auto -72px -132px auto;width:315px;height:315px;border:1px solid rgba(99,221,228,.2);border-radius:50%;box-shadow:0 0 0 30px rgba(96,125,255,.055),0 0 0 70px rgba(54,220,225,.035);pointer-events:none}.hero-row .primary-button{z-index:1;white-space:nowrap}.metric-grid{gap:14px;margin-bottom:22px}.metric-card,.summary-card,.usage-card,.hero-kpi{position:relative;overflow:hidden;border:1px solid rgba(142,193,232,.17);border-radius:16px;background:linear-gradient(145deg,rgba(24,49,78,.88),rgba(10,25,44,.91));box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,4,18,.17);transition:transform .2s,border-color .2s,box-shadow .2s}.metric-card:hover,.summary-card:hover,.usage-card:hover,.hero-kpi:hover{transform:translateY(-3px);border-color:rgba(57,213,220,.42);box-shadow:inset 0 1px rgba(255,255,255,.055),0 20px 38px rgba(0,4,18,.28)}.metric-card:after,.summary-card:after,.usage-card:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--cyan),var(--primary));opacity:.88}.metric-card small,.summary-card small,.usage-card small{color:#91adca!important;font-weight:650}.metric-card b,.summary-card b,.usage-card b{color:#f5fbff;font-variant-numeric:tabular-nums}.skeleton-card{height:126px;border-radius:16px;background:linear-gradient(100deg,rgba(21,44,71,.55) 25%,rgba(50,81,115,.47) 42%,rgba(21,44,71,.55) 58%);background-size:250% 100%;animation:orbit-shimmer 1.4s infinite}
.dashboard-grid{gap:17px}.fleet-health,.attention-panel{min-height:270px}.health-bar,.attention-row,.data-row{border-color:rgba(143,188,226,.15)!important;background:linear-gradient(145deg,rgba(17,39,65,.62),rgba(8,22,40,.6))!important;transition:border-color .18s,transform .18s,background .18s}.health-bar:hover,.attention-row:hover,.data-row:hover{border-color:rgba(62,214,220,.38)!important;background:linear-gradient(145deg,rgba(25,64,88,.72),rgba(9,30,50,.72))!important;transform:translateX(-2px)}.attention-row:before,.data-row:before{border-radius:99px;box-shadow:0 0 13px currentColor}.empty-state{border:1px dashed rgba(111,180,224,.25);border-radius:18px;background:linear-gradient(145deg,rgba(22,47,76,.38),rgba(9,23,41,.5));padding:38px 22px;color:#b6d0e7}.empty-state>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border:1px solid rgba(73,211,220,.33);border-radius:17px;background:rgba(39,197,211,.1);color:#91f2f3;box-shadow:0 0 0 8px rgba(39,197,211,.04)}.empty-state h3{color:#eff9ff}.empty-state p{color:#91abc4;line-height:1.9}
.filters{display:flex;align-items:center;gap:10px;padding:13px;margin-bottom:15px;border-color:rgba(126,191,231,.18);background:linear-gradient(120deg,rgba(26,56,85,.72),rgba(10,28,49,.84))}.filters select{height:46px;min-width:126px;padding-inline:10px}.advanced-filters{padding:14px!important;border-color:rgba(119,188,228,.17)!important;background:rgba(11,29,50,.72)!important}.table-panel{padding:0;overflow:hidden}.table-meta{min-height:56px;padding:0 18px;align-items:center;border-bottom:1px solid rgba(143,188,226,.12);color:#a8c1d9;font-size:11px;background:rgba(18,42,68,.47)}.table-scroll{border:0;border-radius:0;background:transparent}.fleet-table,.center-operations-table,.reserved-fleet-table{border-collapse:separate;border-spacing:0}.fleet-table thead th,.center-operations-table th,.reserved-fleet-table th{height:49px;padding:0 13px;border-bottom:1px solid rgba(145,190,228,.13);background:rgba(12,29,50,.94);color:#88a8c7;font-size:10px;font-weight:800;letter-spacing:.04em}.fleet-table td,.center-operations-table td,.reserved-fleet-table td{padding:13px;border-bottom:1px solid rgba(139,187,227,.1);color:#dcecf9}.fleet-table tbody tr,.center-operations-table tbody tr,.reserved-fleet-table tbody tr{transition:background .16s,box-shadow .16s}.fleet-table tbody tr:hover,.center-operations-table tbody tr:hover,.reserved-fleet-table tbody tr:hover{background:linear-gradient(90deg,rgba(37,126,145,.13),rgba(89,100,223,.12));box-shadow:inset 3px 0 var(--cyan)}.fleet-table tbody tr:last-child td,.center-operations-table tbody tr:last-child td,.reserved-fleet-table tbody tr:last-child td{border-bottom:0}.fleet-table input[type=checkbox],.reserved-fleet-table input[type=checkbox]{width:17px;height:17px;accent-color:#37d7d9}.device-cell b,.reserved-device-cell b{font-size:13px;color:#f3fbff}.device-cell small,.reserved-device-cell small{color:#91afca!important}.badge{border-color:rgba(138,197,229,.21)!important;background:rgba(78,141,197,.12)!important;color:#ccecff!important;font-weight:800;letter-spacing:.01em}.badge.online{border-color:rgba(76,227,160,.36)!important;background:rgba(76,227,160,.12)!important;color:#9bf2c9!important}.badge.offline{border-color:rgba(255,118,140,.34)!important;background:rgba(255,118,140,.105)!important;color:#ffc1ce!important}.pagination{padding:15px 18px;border-top:1px solid rgba(145,190,228,.11);background:rgba(11,26,45,.54)}.page-button{border-color:rgba(139,188,229,.2)!important;border-radius:10px!important;background:rgba(23,49,78,.74)!important;color:#d9edfc!important}.page-button:hover:not(:disabled),.page-button.active{border-color:rgba(47,215,220,.5)!important;background:linear-gradient(135deg,rgba(41,187,200,.33),rgba(83,96,234,.36))!important}
.center-card,.personal-device-card,.reserved-kiosk-card,.studio-media-card,.package-row{border-color:rgba(139,190,229,.17)!important;background:linear-gradient(145deg,rgba(22,48,77,.84),rgba(9,24,43,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,4,17,.13)}.center-card:hover,.personal-device-card:hover,.reserved-kiosk-card:hover,.package-row:hover{border-color:rgba(55,212,219,.43)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 35px rgba(0,4,17,.25)}.center-kpis>div{border:1px solid rgba(135,187,226,.1);background:rgba(5,17,32,.4)!important}.center-progress>i{box-shadow:0 0 14px rgba(55,212,220,.25)}.personal-device-card{border-radius:16px!important}.personal-device-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:99px;background:linear-gradient(var(--primary),var(--primary-2))}.package-row.is-blocked{border-inline-start-color:var(--red)!important}.package-row-actions .secondary-button,.package-row-actions .danger-button{min-height:34px}
.tab-strip,.a-kiosk-tabs,.studio-tabs{gap:8px;padding:7px;border:1px solid rgba(139,187,227,.16);border-radius:15px;background:rgba(7,19,35,.66);box-shadow:inset 0 1px rgba(255,255,255,.025)}.tab-button,.segment{min-height:40px;border:1px solid transparent;border-radius:10px;color:#9eb8d2;background:transparent;font-weight:750;transition:background .18s,border-color .18s,color .18s,transform .18s}.tab-button:hover,.segment:hover{color:#edfaff;background:rgba(65,135,185,.14)}.tab-button.active,.segment.active{border-color:rgba(59,211,218,.29);background:linear-gradient(135deg,rgba(42,194,202,.22),rgba(86,100,237,.23));color:#f2feff;box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 14px rgba(4,16,34,.22)}.device-topbar{padding:14px 0 18px;border-bottom:1px solid rgba(144,188,227,.14)}.back-button{border-color:rgba(139,189,229,.19);border-radius:11px;background:rgba(17,43,70,.58);color:#cbeaff}.device-hero{margin:22px 0;border:1px solid rgba(123,193,229,.18);border-radius:20px;background:linear-gradient(120deg,rgba(31,75,100,.5),rgba(18,37,70,.85) 50%,rgba(64,45,111,.44));box-shadow:inset 0 1px rgba(255,255,255,.065),var(--shadow)}.device-content{margin-top:13px}.quick-command{border-color:rgba(139,190,229,.17);border-radius:13px;background:linear-gradient(145deg,rgba(20,48,76,.83),rgba(8,22,40,.88));box-shadow:inset 0 1px rgba(255,255,255,.035)}.quick-command:hover{border-color:rgba(58,213,220,.48);background:linear-gradient(145deg,rgba(25,78,97,.83),rgba(18,38,73,.91));box-shadow:0 15px 27px rgba(0,4,16,.22)}.quick-command:before{width:3px}.quick-command b{font-weight:800}.quick-command small{color:#8ea9c2}.switch-row{border-color:rgba(139,188,229,.18)!important;background:rgba(10,27,47,.56)!important}.switch-row:hover{border-color:rgba(53,211,219,.35)!important}.modal-layer{background:rgba(2,8,17,.72)!important;backdrop-filter:blur(12px)}.modal-layer:not(.hidden)>.modal{border:1px solid rgba(145,199,237,.24);border-radius:20px;background:linear-gradient(145deg,#152b47,#0a1b31);box-shadow:var(--shadow-elevated)}.modal h3{font-size:19px;color:#f1f9ff}.modal p{color:#a9c2da;line-height:1.85}.modal-actions{border-top-color:rgba(143,190,228,.14)!important}.alert-layer .alert-card{border-color:rgba(255,128,149,.45);background:linear-gradient(145deg,#3c2034,#141b31)}
@keyframes orbit-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:980px){.filters{display:grid;grid-template-columns:1fr 1fr}.filters .search-box{grid-column:1/-1;width:100%}.filters select,.filters .filter-button{width:100%;min-width:0}.hero-row{padding:20px}.metric-grid{gap:10px}}
@media(max-width:620px){.filters{grid-template-columns:1fr}.filters .search-box{grid-column:auto}.table-meta{padding:0 12px}.fleet-table td,.fleet-table thead th,.center-operations-table td,.center-operations-table th,.reserved-fleet-table td,.reserved-fleet-table th{padding:11px 10px}.hero-row{padding:18px;border-radius:16px}.tab-strip,.a-kiosk-tabs,.studio-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-button,.segment{white-space:nowrap}.modal-layer:not(.hidden)>.modal{border-radius:16px}.center-card,.personal-device-card{border-radius:14px!important}}


/* Motion, feedback, and legal footer. */
.view.active>.panel,.view.active>.dashboard-grid,.view.active>.metric-grid,.view.active>.hero-row,.view.active>.content-studio-shell{animation:orbit-rise .46s cubic-bezier(.2,.75,.24,1) both}.view.active>.metric-grid{animation-delay:.03s}.view.active>.dashboard-grid{animation-delay:.08s}.view.active>.panel{animation-delay:.04s}.toast{border:1px solid rgba(110,204,228,.25)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(26,60,88,.98),rgba(17,35,64,.98))!important;box-shadow:0 19px 44px rgba(0,4,16,.36),inset 0 1px rgba(255,255,255,.06)!important;animation:orbit-toast .32s cubic-bezier(.17,.79,.24,1)}.toast.success{border-color:rgba(77,227,160,.4)!important}.toast.error{border-color:rgba(255,118,140,.45)!important}.loading,.loader,.skeleton-card{position:relative}.skeleton-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(234,251,255,.13) 42%,transparent 59%);transform:translateX(-100%);animation:orbit-sweep 1.35s ease-in-out infinite}.tab-button.active:after{border-color:#a7fbff;border-top-color:transparent;animation-duration:.65s}.control-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:76px;margin-top:38px;padding:15px 4px;border-top:1px solid rgba(142,190,229,.14);color:#819bb7;font-size:11px}.control-footer-brand{display:flex;align-items:center;gap:9px;color:#c9e5f7}.control-footer-brand b{font-size:12px;letter-spacing:.12em}.control-footer-brand small{display:block;margin-top:2px;color:#7190b0;font-size:8px;font-weight:800;letter-spacing:.1em}.control-footer-orbit{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(62,212,219,.38);border-radius:10px;background:linear-gradient(135deg,rgba(50,211,216,.21),rgba(91,100,234,.28));color:#e4ffff;font-weight:900;box-shadow:0 0 18px rgba(52,210,220,.13)}.control-footer p{margin:0;color:#a8c4dc;font-weight:700;white-space:nowrap}.control-footer-status{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#88bda8;font-size:10px}.control-footer-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(77,227,160,.1),0 0 12px rgba(77,227,160,.47)}
@keyframes orbit-rise{from{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit-toast{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbit-sweep{to{transform:translateX(100%)}}
@media(max-width:760px){.control-footer{grid-template-columns:1fr;justify-items:center;gap:10px;margin-top:27px;padding:21px 5px;text-align:center}.control-footer-status{justify-content:center}.control-footer-brand{text-align:start}.toast{font-size:12px!important}}


/* Runtime responsiveness: isolate expensive painting and keep large lists light. */
.panel,.center-card,.metric-card,.personal-device-card,.studio-media-card,.package-row,.data-row{contain:layout paint style}.table-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.fleet-table tbody tr,.center-operations-table tbody tr,.reserved-fleet-table tbody tr{content-visibility:auto;contain-intrinsic-size:78px}.studio-media-card{content-visibility:auto;contain-intrinsic-size:225px}.screenshot-card{content-visibility:auto;contain-intrinsic-size:360px}.nav-item,.primary-button,.secondary-button,.filter-button,.tab-button,.segment{touch-action:manipulation}.view:not(.active){content-visibility:hidden}.view.active{contain:layout style paint}@media(prefers-reduced-motion:no-preference){.nav-item,.primary-button,.secondary-button,.filter-button,.tab-button,.segment{will-change:transform}.metric-card:hover,.center-card:hover,.studio-media-card:hover{will-change:transform}}

/* Studio refinement: compact visual asset management and inline publication workflow */
.studio-media-grid,.studio-picker-grid,.studio-playlist-item-grid,.studio-release-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;align-items:stretch}.studio-media-card,.studio-picker-item,.studio-playlist-item-card,.studio-release-card{min-width:0!important;max-width:none!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(244,248,255,.96));box-shadow:0 8px 22px rgba(31,48,87,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.studio-media-card:hover,.studio-picker-item:hover,.studio-playlist-item-card:hover,.studio-release-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 16px 30px rgba(31,48,87,.13)}.studio-media-thumb,.studio-picker-thumb,.studio-playlist-item-thumb{display:block;position:relative;width:100%!important;height:132px!important;min-height:132px!important;max-height:132px!important;overflow:hidden;border:0;border-radius:0;background:linear-gradient(145deg,#e8efff,#d6e2ff);isolation:isolate}.studio-media-thumb img,.studio-media-thumb video,.studio-picker-thumb img,.studio-picker-thumb video,.studio-playlist-item-thumb img,.studio-playlist-item-thumb video{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:cover!important}.studio-media-thumb>i,.studio-picker-thumb>i,.studio-playlist-item-thumb>i{display:grid;place-items:center;width:100%;height:100%;font-size:32px;color:var(--primary);font-style:normal}.studio-media-thumb>em,.studio-picker-thumb>em{position:absolute;inset:auto 9px 9px auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(10,20,44,.72);color:#fff;font-size:14px;font-style:normal;backdrop-filter:blur(8px)}.studio-playlist-item-thumb>span{position:absolute;inset:8px auto auto 8px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:800}.studio-media-card-body{padding:11px 12px 7px}.studio-media-card-body b,.studio-picker-item b,.studio-playlist-item-card b,.studio-release-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-media-card-body small,.studio-picker-item small,.studio-playlist-item-card small,.studio-release-card small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.studio-card-actions{display:flex;flex-wrap:wrap;gap:2px;padding:5px 8px 9px}.studio-card-actions .text-button{padding:4px 5px;font-size:11px}.studio-card-select{position:absolute;z-index:3;inset:9px auto auto 9px;padding:4px 7px;border-radius:9px;background:rgba(255,255,255,.94);font-size:11px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.studio-file-row{position:relative}.studio-file-row.selected,.studio-picker-item.selected{outline:3px solid color-mix(in srgb,var(--primary) 46%,transparent);outline-offset:1px}.studio-picker-item{position:relative;display:block;cursor:pointer;padding:0 0 11px}.studio-picker-item>input{position:absolute;z-index:4;inset:10px auto auto 10px;width:18px;height:18px;accent-color:var(--primary)}.studio-picker-item>b,.studio-picker-item>small{padding-right:11px;padding-left:11px}.studio-picker-thumb{margin-bottom:9px}.studio-playlist-item-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-content:start;padding:9px}.studio-playlist-item-thumb{height:76px!important;min-height:76px!important}.studio-playlist-item-card .badge{display:inline-flex;margin-top:7px;font-size:10px}.studio-playlist-item-actions{grid-column:1 / -1;display:flex;gap:5px;border-top:1px solid var(--border);padding-top:8px}.studio-playlist-item-actions .text-button{padding:4px 6px;font-size:11px}.studio-release-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;padding:14px}.studio-release-card .primary-button{grid-column:1 / -1;width:100%}.studio-release-card p{grid-column:2;margin:3px 0 0;color:var(--muted);font-size:12px}.studio-release-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--primary),var(--cyan));color:#fff;font-weight:800}.studio-assignment-panel{grid-column:1 / -1;width:100%;margin-top:13px;border-top:1px solid var(--border);padding-top:14px}.studio-assignment-panel.hidden{display:none}.studio-assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-assignment-grid section{padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(248,250,255,.72)}.studio-assignment-grid h4,.studio-assignment-grid p{margin:0}.studio-assignment-grid p{margin-top:4px;color:var(--muted);font-size:12px}.studio-target-list{display:grid;gap:7px;max-height:270px;margin-top:12px;overflow:auto;padding-left:3px}.studio-target{display:flex;gap:9px;align-items:flex-start;padding:9px;border:1px solid transparent;border-radius:11px;background:#fff;cursor:pointer}.studio-target:has(input:checked){border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary) 6%,#fff)}.studio-target input{margin-top:3px;accent-color:var(--primary)}.studio-target b,.studio-target small{display:block}.studio-target small{margin-top:3px;color:var(--muted);font-size:11px}.studio-release-note{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.studio-release-note>div>b,.studio-release-note>div>span{display:block}.studio-release-note>div>span{margin-top:4px;color:var(--muted);font-size:12px}@media(max-width:760px){.studio-media-grid,.studio-picker-grid,.studio-playlist-item-grid,.studio-release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-media-thumb,.studio-picker-thumb{height:112px!important;min-height:112px!important;max-height:112px!important}.studio-assignment-grid{grid-template-columns:1fr}.studio-release-note{grid-template-columns:1fr}.studio-release-note>.secondary-button{width:100%}}@media(max-width:420px){.studio-media-grid,.studio-picker-grid,.studio-playlist-item-grid,.studio-release-grid{grid-template-columns:1fr}.studio-media-thumb,.studio-picker-thumb{height:148px!important;min-height:148px!important;max-height:148px!important}}

/* Reserved kiosk setup and per-kiosk content workspace */
.reserved-creator,.slot-content-workspace{margin:0 0 20px;padding:20px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:20px;background:linear-gradient(135deg,rgba(238,244,255,.98),rgba(248,250,255,.96));box-shadow:0 12px 28px rgba(34,54,100,.08)}.reserved-creator-head,.slot-content-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.reserved-creator h3,.slot-content-head h3{margin:3px 0 5px;font-size:19px}.reserved-creator p,.slot-content-head p,.slot-content-control p,.slot-content-basket p,.slot-content-link p{margin:0;color:var(--muted);line-height:1.7}.reserved-creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.reserved-creator-grid label,.slot-content-actions label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.reserved-creator-grid input,.reserved-creator-grid select,.slot-content-actions input,.slot-content-actions select,.slot-shared-playlist select,.slot-link-form input,.slot-link-form select{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:0 10px;font:inherit}.reserved-name-field{grid-column:span 2}.reserved-name-field small{font-size:10px;line-height:1.5}.reserved-slot-content-workspace{margin-top:20px}.reserved-slot-content-workspace.hidden{display:none}.slot-content-workspace{background:linear-gradient(135deg,rgba(247,249,255,.98),rgba(234,242,255,.94))}.slot-content-control,.slot-content-basket,.slot-content-link{margin-top:14px;padding:15px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.82)}.slot-content-control{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:16px;align-items:center}.slot-mode-picker,.slot-shared-playlist,.slot-content-actions,.slot-link-form{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.slot-mode-picker label{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}.slot-mode-picker label:has(input:checked){border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,#fff)}.slot-shared-playlist select{flex:1;min-width:210px}.slot-content-actions{margin:14px 0}.slot-content-actions>select{min-width:200px;flex:1}.slot-content-actions label{width:136px}.slot-content-actions label input{height:38px}.slot-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.slot-content-media-card{position:relative;overflow:hidden;padding-bottom:10px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(25,42,74,.06)}.slot-content-media-card.selected{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:1px}.slot-content-check{position:absolute;z-index:4;inset:8px auto auto 8px;padding:4px 7px;border-radius:8px;background:rgba(255,255,255,.94);font-size:11px}.slot-content-thumb{display:block;position:relative;width:100%;height:116px;padding:0;overflow:hidden;border:0;background:#dfe9ff}.slot-content-thumb img,.slot-content-thumb video{width:100%;height:100%;object-fit:cover}.slot-content-thumb>i{display:grid;place-items:center;width:100%;height:100%;font-style:normal;font-size:30px;color:var(--primary)}.slot-content-thumb em{position:absolute;inset:auto 8px 8px auto;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(8,18,43,.7);color:#fff;font-style:normal}.slot-content-media-card>b,.slot-content-media-card>small{display:block;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.slot-content-media-card>b{margin-top:9px;font-size:12px}.slot-content-media-card>small{margin-top:4px;color:var(--muted);font-size:10px}.slot-content-basket{display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px;align-items:start}.slot-content-order{display:grid;gap:6px}.slot-content-order article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#f5f8ff}.slot-content-order article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--primary);color:#fff;font-size:11px}.slot-content-order b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.slot-content-order .text-button{padding:3px 5px;font-size:11px}.slot-content-link{display:grid;grid-template-columns:260px minmax(0,1fr);gap:15px;align-items:center}.slot-link-form input,.slot-link-form select{min-width:150px;flex:1}.slot-content-preview{margin-top:14px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff}.slot-content-preview.hidden{display:none}.slot-content-preview>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.slot-content-preview img,.slot-content-preview video{display:block;width:min(100%,600px);max-height:360px;object-fit:contain;border-radius:10px;background:#101827}.slot-content-preview audio{width:100%}@media(max-width:900px){.reserved-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-content-control,.slot-content-basket,.slot-content-link{grid-template-columns:1fr}}@media(max-width:560px){.reserved-creator-head,.slot-content-head{flex-direction:column}.reserved-creator-grid{grid-template-columns:1fr}.reserved-name-field{grid-column:auto}.slot-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-content-order article{grid-template-columns:24px minmax(0,1fr)}.slot-content-order article>div{grid-column:1 / -1}.slot-link-form{display:grid;grid-template-columns:1fr}.slot-link-form>*{width:100%}}

/* Effective per-kiosk content workspace */
.slot-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.slot-mode-card{padding:13px;text-align:right;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);cursor:pointer;transition:.18s}.slot-mode-card b,.slot-mode-card small{display:block}.slot-mode-card small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.6}.slot-mode-card.active{border-color:var(--primary);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,#fff),#fff);box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 14%,transparent)}.slot-playlist-picker,.slot-direct-manager,.slot-link-builder{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.82)}.slot-playlist-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) auto;gap:12px;align-items:center}.slot-playlist-picker h4,.slot-direct-toolbar h4,.slot-link-builder h4,.slot-selection-panel h4{margin:0}.slot-playlist-picker p,.slot-direct-toolbar p,.slot-link-builder p,.slot-selection-panel p{margin:5px 0 0;color:var(--muted);line-height:1.7;font-size:12px}.slot-playlist-picker select,.slot-direct-toolbar select,.slot-selection-panel input,.slot-link-builder input,.slot-link-builder select{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);padding:0 10px;font:inherit}.slot-direct-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.slot-direct-toolbar .inline-actions{align-items:flex-end}.slot-direct-toolbar label,.slot-selection-panel label{display:grid;gap:5px;color:var(--muted);font-size:11px}.slot-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.slot-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;align-content:start}.slot-media-card{position:relative;display:block;min-width:0;overflow:hidden;padding:0 0 10px;border:1px solid var(--border);border-radius:15px;background:#fff;cursor:pointer;box-shadow:0 5px 14px rgba(25,42,74,.06);transition:.18s}.slot-media-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.slot-media-card.selected{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:1px}.slot-media-card>input{position:absolute;z-index:4;inset:9px auto auto 9px;width:18px;height:18px;accent-color:var(--primary)}.slot-media-thumb{display:block;width:100%!important;height:118px!important;min-height:118px!important;max-height:118px!important;overflow:hidden;background:#e3ecff}.slot-media-thumb img,.slot-media-thumb video{display:block;width:100%!important;height:100%!important;object-fit:cover!important}.slot-media-thumb i{display:grid;place-items:center;width:100%;height:100%;color:var(--primary);font-size:30px;font-style:normal}.slot-media-card>b,.slot-media-card>small{display:block;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.slot-media-card>b{margin-top:9px;font-size:12px}.slot-media-card>small{margin-top:4px;color:var(--muted);font-size:10px}.slot-selection-panel{padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff}.slot-selection-list{display:grid;gap:7px;max-height:390px;margin:13px 0;overflow:auto}.slot-selection-list article{display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border-radius:10px;background:#f5f8ff}.slot-selection-list article>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--primary);color:#fff;font-size:11px}.slot-selection-list b,.slot-selection-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-selection-list small{margin-top:3px;color:var(--muted);font-size:10px}.slot-selection-list .inline-actions{grid-column:1 / -1;gap:4px}.slot-selection-list .secondary-button,.slot-selection-list .danger-button{padding:5px 7px;font-size:10px}.slot-link-builder{display:grid;grid-template-columns:minmax(230px,.9fr) repeat(4,minmax(120px,1fr));gap:10px;align-items:end}.slot-link-builder>div{align-self:center}.reserved-slot-content-panel{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(247,249,255,.98),rgba(235,243,255,.95))}@media(max-width:1000px){.slot-content-layout{grid-template-columns:1fr}.slot-selection-list{max-height:none}.slot-link-builder{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-link-builder>div{grid-column:1/-1}.slot-playlist-picker{grid-template-columns:1fr}}@media(max-width:560px){.slot-mode-grid{grid-template-columns:1fr}.slot-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-media-thumb{height:105px!important;min-height:105px!important}.slot-direct-toolbar{flex-direction:column}.slot-link-builder{grid-template-columns:1fr}}

/* 2.8.6 operational UI corrections */
.badge.settings-system{background:#2b3440!important;border:1px solid #526170!important;color:#d2dae2!important;box-shadow:none!important}.badge.settings-system:before{background:#94a3b0!important;box-shadow:none!important}.control-footer{display:flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;margin-top:auto!important;padding:18px 10px!important;border-top:1px solid rgba(142,190,229,.14)!important;text-align:center!important}.control-footer p{margin:0!important;color:#9eb1c7!important;font-size:12px!important;font-weight:700!important}.control-footer-brand,.control-footer-status{display:none!important}.device-kiosk-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:15px 17px;border:1px solid rgba(150,183,220,.3);border-radius:16px;background:linear-gradient(135deg,rgba(39,63,91,.62),rgba(18,34,55,.72))}.device-kiosk-connection h3{margin:0;font-size:14px}.device-kiosk-connection p{max-width:760px;margin:5px 0 0;color:#b1c1d1;font-size:12px;line-height:1.75}.slot-content-error{padding:22px;border:1px solid rgba(255,113,129,.56);border-radius:16px;background:rgba(81,25,39,.35);text-align:center}.slot-content-error h3{margin:0 0 8px;color:#ffc1ca}.slot-content-error p{margin:0 0 14px;color:#e5c5ca}.studio-tabs,.studio-tabs-clean{position:relative;z-index:2;display:flex!important;gap:8px!important;align-items:center!important;overflow-x:auto!important;padding:5px!important;border:1px solid rgba(144,179,220,.25)!important;border-radius:14px!important;background:rgba(10,22,38,.7)!important}.studio-tabs .segment,.studio-tabs-clean .segment{position:relative;flex:0 0 auto!important;min-height:42px!important;padding:9px 17px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#9fb1c4!important;font-weight:800!important;cursor:pointer!important}.studio-tabs .segment.active,.studio-tabs-clean .segment.active{border-color:rgba(117,166,214,.46)!important;background:rgba(70,111,153,.38)!important;color:#edf7ff!important;box-shadow:0 3px 10px rgba(0,0,0,.2)!important}.studio-media-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;gap:12px!important;align-items:start!important}.studio-media-card{position:relative;display:grid!important;grid-template-rows:auto auto auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important;border:1px solid rgba(157,184,218,.26)!important;border-radius:14px!important;background:rgba(14,28,47,.92)!important;box-shadow:0 5px 15px rgba(0,0,0,.17)!important}.studio-media-thumb{display:block!important;width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#1b3048!important}.studio-media-thumb img,.studio-media-thumb video,.studio-picker-thumb img,.studio-picker-thumb video,.studio-playlist-item-thumb img,.studio-playlist-item-thumb video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}.studio-media-card-body{min-width:0!important;padding:9px 10px 4px!important}.studio-media-card-body b,.studio-media-card-body small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.studio-media-card-body b{font-size:12px!important}.studio-media-card-body small{margin-top:4px!important;font-size:10px!important}.studio-card-actions{display:flex!important;flex-wrap:wrap!important;gap:3px!important;padding:5px 8px 9px!important}.studio-card-actions .text-button{padding:3px 4px!important;font-size:10px!important}.studio-card-select{position:absolute!important;z-index:3!important;inset:8px auto auto 8px!important;margin:0!important;padding:4px 6px!important;border-radius:7px!important;background:rgba(6,16,30,.88)!important;font-size:9px!important;box-shadow:0 2px 5px rgba(0,0,0,.2)!important}.studio-folder-card .studio-folder-thumb{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#203b58,#152a42)!important}.studio-folder-card .studio-folder-thumb i{font-size:34px!important;color:#8ec5ec!important}.studio-picker-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:10px!important}.studio-picker-item{overflow:hidden!important;border-radius:12px!important}.studio-picker-thumb{display:block!important;height:100px!important;overflow:hidden!important}.studio-playlist-item-thumb{width:78px!important;height:64px!important;overflow:hidden!important;border-radius:9px!important}.studio-playlist-item-thumb>i{display:grid!important;place-items:center!important;height:100%!important}.reserved-creator{margin:0 0 18px!important;padding:16px!important;border:1px solid rgba(150,183,220,.32)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(32,57,85,.84),rgba(14,29,48,.9))!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important}.reserved-creator-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin-bottom:13px!important}.reserved-creator-head h3{margin:3px 0 4px!important;font-size:17px!important}.reserved-creator-head p{max-width:700px!important;margin:0!important;color:#aebfd1!important;font-size:12px!important;line-height:1.7!important}.reserved-creator-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.reserved-creator-grid label{display:grid!important;gap:5px!important;min-width:0!important;color:#c1d0df!important;font-size:11px!important;font-weight:700!important}.reserved-creator-grid .reserved-name-field{grid-column:span 2!important}.reserved-creator-grid input,.reserved-creator-grid select{width:100%!important;min-height:40px!important;padding:0 10px!important;border:1px solid rgba(150,183,220,.34)!important;border-radius:10px!important;outline:none!important;background:#0b1727!important;color:#eef7ff!important;font:inherit!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.18)!important}.reserved-creator-grid input:focus,.reserved-creator-grid select:focus{border-color:#6eaddb!important;box-shadow:0 0 0 3px rgba(110,173,219,.16)!important}.reserved-creator-grid small{font-size:9px!important;color:#8ea4ba!important}.reserved-creator .inline-actions{margin-top:14px!important}.reserved-creator .primary-button{min-height:41px!important}@media(max-width:1050px){.reserved-creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.device-kiosk-connection{align-items:flex-start;flex-direction:column}.studio-media-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important}}@media(max-width:620px){.reserved-creator{padding:13px!important}.reserved-creator-head{flex-direction:column}.reserved-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reserved-creator-grid .reserved-name-field{grid-column:1/-1!important}.studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.studio-media-thumb{height:102px!important;min-height:102px!important;max-height:102px!important}.device-kiosk-connection .inline-actions{width:100%}.device-kiosk-connection .inline-actions button{flex:1 1 180px}}

/* 2.8.8: hard compact limit for the real studio file-manager cards. */
.studio-file-manager .studio-media-grid{grid-template-columns:repeat(auto-fill,132px)!important;justify-content:start!important;gap:10px!important}.studio-file-manager .studio-media-card{width:132px!important;max-width:132px!important;min-width:0!important;grid-template-rows:94px auto auto!important}.studio-file-manager .studio-media-thumb{width:132px!important;height:94px!important;min-height:94px!important;max-height:94px!important}.studio-file-manager .studio-media-card-body{padding:7px 8px 2px!important}.studio-file-manager .studio-media-card-body b{font-size:11px!important;line-height:1.45!important}.studio-file-manager .studio-media-card-body small{font-size:9px!important;line-height:1.45!important}.studio-file-manager .studio-card-actions{gap:2px!important;padding:4px 6px 7px!important}.studio-file-manager .studio-card-actions .text-button{font-size:9px!important;line-height:1.4!important;padding:2px 3px!important}.studio-file-manager .studio-card-select{inset:5px auto auto 5px!important;font-size:8px!important;padding:2px 4px!important}@media(max-width:620px){.studio-file-manager .studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-file-manager .studio-media-card,.studio-file-manager .studio-media-thumb{width:100%!important;max-width:none!important}.studio-file-manager .studio-media-card{grid-template-rows:96px auto auto!important}.studio-file-manager .studio-media-thumb{height:96px!important;min-height:96px!important;max-height:96px!important}}

/* 2.8.8 reserved-kiosk tab: one focused surface at a time. */
#reservedKiosksContent .reserved-creator.hidden,#reservedKiosksContent .reserved-slot-content-workspace.hidden{display:none!important}#reservedKiosksContent{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}#reservedKiosksContent>.table-meta,#reservedKiosksContent>.table-scroll,#reservedKiosksContent>.reserved-slot-content-panel{border:1px solid rgba(155,187,220,.22);background:linear-gradient(145deg,rgba(19,33,54,.94),rgba(10,19,33,.96));box-shadow:0 12px 30px rgba(0,0,0,.18)}#reservedKiosksContent>.table-meta{border-bottom:0;border-radius:16px 16px 0 0;padding:13px 16px}#reservedKiosksContent>.table-scroll{border-radius:0 0 16px 16px;overflow:auto}#reservedKiosksContent>.reserved-slot-content-panel{margin-top:16px;border-radius:17px;padding:16px}.reserved-creator{color:#e7f1fb!important}.reserved-creator .text-button{border:1px solid rgba(161,196,229,.32)!important;border-radius:9px!important;color:#cbe7ff!important;background:rgba(7,17,29,.4)!important;padding:7px 10px!important}.reserved-fleet-table .inline-actions{justify-content:flex-start}.reserved-fleet-table .secondary-button{white-space:nowrap}@media(max-width:760px){#reservedKiosksContent>.table-meta{align-items:flex-start;flex-direction:column}.reserved-fleet-table .inline-actions{min-width:320px}}

/* Notification Center: read state is synchronized to Android without removing the native alert. */
.notification-row{border-inline-start:3px solid rgba(94,176,255,.78)!important}.notification-row.is-read{border-inline-start-color:rgba(146,160,178,.68)!important;opacity:.76}.notification-row-actions{margin-top:9px}.notification-row-actions .secondary-button{font-size:11px;padding:5px 9px}.muted-badge{background:rgba(145,157,174,.2)!important;border-color:rgba(174,187,204,.35)!important;color:#d6deea!important}

/* 2.9.0 operational reset: dark, compact, and one-purpose content surfaces. */
.content-manager-head,.reserved-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px;padding:18px 20px;border:1px solid rgba(123,181,225,.25);border-radius:18px;background:linear-gradient(135deg,rgba(31,62,95,.82),rgba(10,23,41,.96));box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18)}
.content-manager-head h3,.reserved-toolbar h3{margin:4px 0 5px;color:#f3f9ff;font-size:20px}.content-manager-head p,.reserved-toolbar p{max-width:740px;margin:0;color:#a9bed3;line-height:1.75;font-size:12px}.content-manager-status{display:grid;justify-items:end;gap:7px;text-align:left}.content-manager-status small{color:#b2c9dd;font-size:11px;line-height:1.65}.device-content-manager{min-width:0}
/* Studio files always occupy compact 132px cards; never a full row or viewport. */
#view-content-studio .studio-media-grid,.studio-file-manager .studio-media-grid{grid-template-columns:repeat(auto-fill,132px)!important;justify-content:start!important;align-items:start!important;gap:11px!important}
#view-content-studio .studio-media-card,.studio-file-manager .studio-media-card{display:grid!important;width:132px!important;min-width:132px!important;max-width:132px!important;grid-template-rows:94px minmax(0,auto) auto!important;align-self:start!important;background:linear-gradient(155deg,#132b48,#0a1a2d)!important;border-color:rgba(137,191,230,.31)!important;color:#e8f5ff!important}
#view-content-studio .studio-media-thumb,.studio-file-manager .studio-media-thumb{width:132px!important;height:94px!important;min-height:94px!important;max-height:94px!important;background:#0b1422!important}
#view-content-studio .studio-media-thumb img,#view-content-studio .studio-media-thumb video,.studio-file-manager .studio-media-thumb img,.studio-file-manager .studio-media-thumb video{display:block!important;width:132px!important;height:94px!important;min-width:132px!important;min-height:94px!important;max-width:132px!important;max-height:94px!important;object-fit:cover!important}
#view-content-studio .studio-media-card-body b,#view-content-studio .studio-media-card-body small,.studio-file-manager .studio-media-card-body b,.studio-file-manager .studio-media-card-body small{color:#e5f2fc!important}
#view-content-studio .studio-media-card-body small,.studio-file-manager .studio-media-card-body small{color:#91adc8!important}
/* The reservations page owns exactly one focused panel at a time. */
#reservedKiosksContent>.reserved-toolbar{margin-bottom:14px}.reserved-creator,.reserved-slot-content-panel,.slot-content-workspace,.slot-playlist-picker,.slot-direct-manager,.slot-link-builder,.slot-selection-panel{color:#e8f3ff!important;border-color:rgba(137,189,229,.28)!important;background:linear-gradient(145deg,rgba(18,42,68,.97),rgba(7,20,36,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.2)!important}
.reserved-creator h3,.reserved-slot-content-panel h3,.slot-content-workspace h3,.slot-content-workspace h4{color:#f3f9ff!important}.reserved-creator p,.reserved-slot-content-panel p,.slot-content-workspace p,.slot-content-workspace small{color:#a8c0d5!important}
.reserved-creator-grid input,.reserved-creator-grid select,.slot-content-workspace input,.slot-content-workspace select{background:#081625!important;border-color:rgba(135,186,225,.34)!important;color:#edf7ff!important}
.slot-mode-card,.slot-media-card,.slot-selection-list article{background:linear-gradient(145deg,rgba(17,43,70,.98),rgba(8,25,43,.98))!important;border-color:rgba(132,187,228,.24)!important;color:#eaf5ff!important}.slot-mode-card small,.slot-media-card small,.slot-selection-list small{color:#9bb5cd!important}.slot-mode-card.active{border-color:#62d7df!important;background:linear-gradient(135deg,rgba(39,147,164,.35),rgba(77,87,189,.35))!important}
.slot-media-grid{grid-template-columns:repeat(auto-fill,136px)!important;gap:10px!important}.slot-media-card{width:136px!important;max-width:136px!important}.slot-media-thumb{width:136px!important;height:96px!important;min-height:96px!important;max-height:96px!important;background:#091524!important}.slot-media-thumb img,.slot-media-thumb video{width:136px!important;height:96px!important;object-fit:cover!important}
.slot-content-layout{grid-template-columns:minmax(0,1fr) 286px!important}.slot-selection-panel{position:sticky;top:12px}.slot-selection-list article{background:rgba(5,18,33,.72)!important}.slot-content-source{padding:10px 12px;border:1px solid rgba(123,188,231,.22);border-radius:12px;background:rgba(6,19,34,.55)}.slot-content-source b,.slot-content-source small{display:block}.slot-content-source b{color:#e8f6ff}.slot-content-source small{margin-top:4px}
@media(max-width:900px){.content-manager-head,.reserved-toolbar{flex-direction:column}.content-manager-status{justify-items:start;text-align:right}.slot-content-layout{grid-template-columns:1fr!important}.slot-selection-panel{position:static}.reserved-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#view-content-studio .studio-media-grid,.studio-file-manager .studio-media-grid,.slot-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.studio-media-card,.studio-file-manager .studio-media-card,.slot-media-card{width:100%!important;min-width:0!important;max-width:none!important}.studio-media-thumb,.studio-file-manager .studio-media-thumb,.slot-media-thumb{width:100%!important}.reserved-toolbar{padding:15px}.content-manager-head{padding:15px}}

/* 2.9.1 — Owner-controlled version labels remain intentionally subtle. */
.version-badge{display:inline-block;margin-inline-start:.28rem;color:var(--muted);font-size:.72rem;font-weight:600;line-height:1.25;letter-spacing:.01em}.tracked-app-column .version-badge{display:block;margin:.25rem 0 0}

/* 2.9.2 — fast library navigation and per-kiosk media fit controls. */
.slot-fit-mode{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:13px 14px;border:1px solid rgba(126,188,229,.24);border-radius:14px;background:rgba(7,22,39,.56)}.slot-fit-mode h4{margin:0 0 4px}.slot-fit-mode p{margin:0;max-width:560px}.slot-fit-mode-actions{display:grid;grid-template-columns:repeat(2,minmax(146px,1fr));gap:8px;min-width:350px}.slot-fit-mode-actions .slot-mode-card{padding:9px 11px;text-align:right}.studio-library-search{width:220px;min-height:40px;border:1px solid rgba(133,183,222,.32);border-radius:10px;background:#081625;color:#edf7ff;padding:0 11px;font:inherit;outline:0}.studio-library-search:focus{border-color:#62d7df;box-shadow:0 0 0 3px rgba(98,215,223,.12)}.studio-folder-card{cursor:pointer}.studio-folder-card:focus-visible{outline:2px solid #62d7df;outline-offset:3px}.studio-folder-card .studio-card-actions{position:relative;z-index:2}.studio-folder-card:hover .studio-folder-thumb{border-color:#62d7df;background:linear-gradient(145deg,rgba(43,140,158,.26),rgba(83,87,189,.2))}
@media(max-width:900px){.slot-fit-mode{align-items:stretch;flex-direction:column}.slot-fit-mode-actions{min-width:0;width:100%}.studio-library-search{width:min(100%,280px)}}
@media(max-width:620px){.slot-fit-mode-actions{grid-template-columns:1fr}.studio-library-search{width:100%}}

/* 2.9.3 — focused A Kiosk content desk: library, queue and playlist workflow. */
.content-desk{display:grid;gap:16px;color:#e9f4ff;max-width:1420px;margin:0 auto;padding:4px 0 24px}.content-desk-hero{display:flex;justify-content:space-between;align-items:stretch;gap:18px;padding:22px 24px;border:1px solid rgba(129,191,232,.24);border-radius:20px;background:radial-gradient(circle at top left,rgba(55,94,182,.32),transparent 45%),linear-gradient(145deg,#102944,#071628);box-shadow:0 16px 38px rgba(0,0,0,.22)}.content-desk-hero h3{margin:5px 0 6px;font-size:1.3rem;color:#f5faff}.content-desk-hero h3 small{display:inline-block;margin-inline-start:8px;padding:3px 8px;border-radius:999px;background:rgba(91,219,225,.13);color:#8feaf0;font-size:.7rem;font-weight:700}.content-desk-hero p{max-width:690px;margin:0;color:#a8c4dc;line-height:1.8}.content-sync-card{display:grid;align-content:start;justify-items:start;gap:7px;min-width:260px;max-width:330px;padding:13px 14px;border:1px solid rgba(129,191,232,.2);border-radius:15px;background:rgba(3,15,29,.48)}.content-sync-card b{font-size:.83rem;line-height:1.6}.content-sync-card small{color:#98b4cb;line-height:1.6}.content-sync-card .text-button{padding:0;color:#81dce5}
.content-desk-settings{display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid rgba(129,191,232,.18);border-radius:16px;background:rgba(8,24,43,.72)}.content-setting-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.content-setting-group>span{color:#96b2ca;font-size:.78rem;font-weight:800}.content-setting-group>div{display:flex;flex-wrap:wrap;gap:5px}.desk-segment{border:1px solid rgba(128,185,224,.25);border-radius:9px;background:#0a1b2e;color:#b6cadd;padding:8px 11px;font:inherit;font-size:.78rem;cursor:pointer}.desk-segment.active{border-color:#62d7df;background:linear-gradient(135deg,rgba(34,148,167,.5),rgba(79,81,181,.52));color:#fff;box-shadow:0 5px 15px rgba(45,205,214,.12)}
.content-desk-tabs{display:flex;gap:7px;overflow:auto;padding:4px 2px}.content-desk-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(128,185,224,.18);border-radius:11px;background:#0a1a2d;color:#a9c2d8;padding:10px 13px;font:inherit;font-weight:700;cursor:pointer}.content-desk-tabs button.active{background:linear-gradient(135deg,#3558d4,#247a9d);color:#fff;border-color:rgba(136,231,237,.7);box-shadow:0 8px 18px rgba(25,122,160,.22)}.content-desk-tabs small{padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.7rem}
.content-desk-body{min-height:360px;border:1px solid rgba(129,191,232,.2);border-radius:19px;background:linear-gradient(160deg,rgba(12,35,59,.96),rgba(5,18,33,.98));overflow:hidden}.content-library-pane{padding:17px}.content-library-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;color:#93b1c8;font-size:.8rem}.content-search{display:flex;align-items:center;gap:8px;width:min(100%,380px);padding:0 11px;border:1px solid rgba(130,187,225,.24);border-radius:11px;background:#061426;color:#86dfe7}.content-search input{width:100%;height:39px;border:0;outline:0;background:transparent;color:#ecf7ff;font:inherit}.content-folder-strip{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 14px}.content-folder-chip{display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid rgba(132,188,226,.2);border-radius:10px;background:rgba(6,18,32,.72);color:#b8cde0;padding:8px 10px;font:inherit;font-size:.78rem;cursor:pointer}.content-folder-chip small{color:#7f9bb1}.content-folder-chip.active{border-color:#57d5de;background:rgba(42,146,164,.28);color:#eafcff}.content-folder-chip i{color:#f7c260;font-style:normal}.content-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:12px}.content-media-card{position:relative;overflow:hidden;border:1px solid rgba(126,184,223,.18);border-radius:14px;background:#091c30;transition:transform .18s,border-color .18s,box-shadow .18s}.content-media-card:hover{transform:translateY(-2px);border-color:rgba(98,215,223,.7);box-shadow:0 11px 22px rgba(0,0,0,.25)}.content-media-card.selected{border-color:#62d7df;box-shadow:0 0 0 2px rgba(98,215,223,.14)}.content-media-card.processing{opacity:.68}.content-media-select{position:absolute;z-index:2;top:8px;right:8px;display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:8px;background:rgba(2,12,24,.76);color:#dff7ff;font-size:.65rem;cursor:pointer}.content-media-select input{accent-color:#58d7df}.content-media-thumb{position:relative;display:block;width:100%;height:116px;padding:0;border:0;background:#061324;cursor:pointer;overflow:hidden}.content-media-thumb img,.content-media-thumb video{width:100%;height:100%;display:block;object-fit:cover}.content-media-thumb em{position:absolute;bottom:7px;left:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(3,15,26,.76);color:#eafcff;font-style:normal;font-size:.78rem}.content-media-caption{display:grid;gap:4px;padding:10px}.content-media-caption b{overflow:hidden;color:#edf7ff;font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}.content-media-caption small{overflow:hidden;color:#94b3c9;font-size:.68rem;white-space:nowrap;text-overflow:ellipsis}.content-ready-state{width:max-content;padding:3px 6px;border-radius:999px;font-size:.61rem;font-weight:800}.content-ready-state.ready{background:rgba(55,212,146,.13);color:#70e8b1}.content-ready-state.waiting{background:rgba(244,184,82,.12);color:#ffd07a}.content-desk-empty{display:grid;place-items:center;gap:6px;min-height:170px;padding:30px;border:1px dashed rgba(143,191,224,.28);border-radius:14px;color:#a8c1d5;text-align:center}.content-desk-empty b{color:#e9f4ff}.content-desk-empty small{color:#92aec5}
.content-queue-pane{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}.content-queue-list{padding:12px;border-left:1px solid rgba(130,187,225,.18)}.content-queue-row{display:grid;grid-template-columns:30px 58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 8px;border-bottom:1px solid rgba(130,187,225,.12)}.content-queue-row:last-child{border-bottom:0}.content-queue-number{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(80,105,189,.28);color:#cfd9ff;font-size:.75rem;font-weight:800}.content-queue-thumb{width:58px;height:42px;padding:0;border:0;border-radius:7px;background:#071525;overflow:hidden;cursor:pointer}.content-queue-thumb img,.content-queue-thumb video{width:100%;height:100%;object-fit:cover}.content-queue-row b{display:block;overflow:hidden;color:#eaf6ff;font-size:.8rem;white-space:nowrap;text-overflow:ellipsis}.content-queue-row small{display:block;margin-top:3px;color:#90adc5;font-size:.68rem}.content-queue-actions{display:flex;gap:4px}.icon-button{width:29px;height:29px;border:1px solid rgba(130,187,225,.2);border-radius:8px;background:#0a1c2f;color:#d3e6f5;cursor:pointer}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button.danger{color:#ff9aa5}.content-live-preview{display:grid;align-content:center;justify-items:center;gap:10px;min-height:280px;padding:18px;background:rgba(4,16,29,.55);text-align:center}.content-preview-thumb{width:100%;max-width:245px;aspect-ratio:16/9;border-radius:12px;background:#061324;overflow:hidden}.content-preview-thumb img,.content-preview-thumb video{width:100%;height:100%;object-fit:cover}.content-live-preview b{color:#ecf7ff;font-size:.85rem}.content-live-preview small{color:#94b2c8;line-height:1.7}.content-preview-placeholder{display:grid;place-items:center;width:68px;height:68px;border:1px dashed rgba(121,202,226,.4);border-radius:18px;color:#77dce5;font-size:1.5rem}
.content-playlist-pane{display:grid;grid-template-columns:minmax(0,1fr) 280px}.content-playlist-list{padding:12px}.content-playlist-row{display:grid;grid-template-columns:20px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid rgba(130,187,225,.12);cursor:pointer}.content-playlist-row:hover,.content-playlist-row.active{background:rgba(61,128,161,.13)}.content-playlist-row input{accent-color:#62d7df}.content-playlist-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(116,84,217,.26);color:#c6b7ff}.content-playlist-row b{display:block;color:#ebf6ff;font-size:.82rem}.content-playlist-row small{display:block;margin-top:3px;color:#94afc5;font-size:.7rem}.content-playlist-row em{color:#80dfde;font-size:.68rem;font-style:normal}.content-playlist-side{display:grid;align-content:center;gap:9px;padding:20px;border-right:1px solid rgba(130,187,225,.18);background:rgba(4,16,29,.55)}.content-playlist-side b{color:#edf7ff}.content-playlist-side p{margin:0;color:#97b1c8;font-size:.78rem;line-height:1.8}.content-link-drawer{border:1px solid rgba(130,187,225,.2);border-radius:15px;background:rgba(6,20,36,.72)}.content-link-drawer summary{padding:13px 15px;color:#9eeaf0;font-weight:800;cursor:pointer}.content-link-drawer>div{display:grid;grid-template-columns:1fr 1.5fr 1fr .7fr auto;gap:9px;padding:0 15px 15px}.content-link-drawer label{display:grid;gap:5px;color:#95afc4;font-size:.7rem}.content-link-drawer input,.content-link-drawer select{min-width:0;height:38px;border:1px solid rgba(130,187,225,.25);border-radius:9px;background:#071728;color:#eaf5ff;padding:0 9px;font:inherit}.content-publish-bar{position:sticky;bottom:10px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;border:1px solid rgba(97,214,223,.35);border-radius:15px;background:linear-gradient(130deg,rgba(22,74,99,.97),rgba(20,35,86,.98));box-shadow:0 14px 25px rgba(0,0,0,.27)}.content-publish-bar b{display:block;color:#f0fbff;font-size:.84rem}.content-publish-bar small{display:block;margin-top:3px;color:#b2d0e1;font-size:.68rem}.content-publish-bar .inline-actions{justify-content:flex-end}
@media(max-width:980px){.content-desk-hero{flex-direction:column}.content-sync-card{max-width:none}.content-queue-pane,.content-playlist-pane{grid-template-columns:1fr}.content-queue-list{border-left:0}.content-live-preview,.content-playlist-side{border-right:0;border-top:1px solid rgba(130,187,225,.18)}.content-link-drawer>div{grid-template-columns:repeat(2,minmax(0,1fr))}.content-publish-bar{align-items:stretch;flex-direction:column}}
@media(max-width:620px){.content-desk-hero{padding:17px}.content-desk-settings{display:grid}.content-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.content-media-thumb{height:108px}.content-library-pane{padding:11px}.content-library-tools{align-items:stretch;flex-direction:column}.content-search{width:100%}.content-queue-row{grid-template-columns:26px 48px minmax(0,1fr)}.content-queue-actions{grid-column:2/4}.content-link-drawer>div{grid-template-columns:1fr}.content-publish-bar .inline-actions{justify-content:stretch}.content-publish-bar .inline-actions>*{flex:1}.content-desk-tabs{padding-bottom:2px}}

/* 2.9.3 — compact media studio, tuned for the reference library workflow. */
.studio-file-manager{max-width:1420px;margin:0 auto;padding:4px 0 28px}.studio-file-manager .studio-file-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(128,190,228,.2);border-radius:18px;background:radial-gradient(circle at top left,rgba(60,93,179,.22),transparent 44%),linear-gradient(145deg,#102944,#071629)}.studio-file-toolbar h3{margin:5px 0;color:#eff9ff;font-size:1.22rem}.studio-file-toolbar p{max-width:640px;margin:0;color:#9ab6ce;line-height:1.75}.studio-file-toolbar .inline-actions{justify-content:flex-end;align-items:center}.studio-file-manager .studio-pathbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0;padding:9px 11px;border:1px solid rgba(128,190,228,.16);border-radius:11px;background:rgba(8,25,43,.72);color:#9ebbd0;font-size:.78rem}.studio-file-manager .studio-pathbar span:last-child{margin-inline-start:auto;color:#80e0e2}.studio-file-manager .studio-folder-section,.studio-file-manager .studio-media-section{margin-top:14px;padding:15px;border:1px solid rgba(128,190,228,.18);border-radius:17px;background:rgba(8,25,43,.74)}.studio-file-manager .studio-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.studio-file-manager .studio-section-label b{color:#ebf7ff}.studio-file-manager .studio-section-label small{color:#98b4cb}.studio-file-manager .studio-media-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;gap:12px!important}.studio-file-manager .studio-media-card{position:relative;display:grid;grid-template-rows:110px auto;min-width:0!important;max-width:none!important;width:auto!important;overflow:hidden;border:1px solid rgba(128,190,228,.18);border-radius:13px;background:#091c30;box-shadow:none!important;transition:transform .16s,border-color .16s,box-shadow .16s}.studio-file-manager .studio-media-card:hover{transform:translateY(-2px);border-color:rgba(95,215,223,.72);box-shadow:0 10px 22px rgba(0,0,0,.22)!important}.studio-file-manager .studio-media-card.selected{border-color:#62d7df;box-shadow:0 0 0 2px rgba(98,215,223,.13)!important}.studio-file-manager .studio-media-thumb{position:relative;width:100%!important;height:110px!important;min-height:0!important;border:0!important;border-radius:0!important;background:#061324;overflow:hidden}.studio-file-manager .studio-media-thumb img,.studio-file-manager .studio-media-thumb video{width:100%;height:100%;object-fit:cover}.studio-file-manager .studio-folder-thumb{display:grid;place-items:center;background:linear-gradient(135deg,rgba(127,93,29,.3),rgba(59,92,149,.32))}.studio-file-manager .studio-folder-thumb i{color:#ffd56e;font-size:2rem}.studio-file-manager .studio-media-card-body{display:grid;gap:4px;padding:9px 10px}.studio-file-manager .studio-media-card-body b{overflow:hidden;color:#edf8ff;font-size:.77rem;white-space:nowrap;text-overflow:ellipsis}.studio-file-manager .studio-media-card-body small{overflow:hidden;color:#96b2c8;font-size:.66rem;white-space:nowrap;text-overflow:ellipsis}.studio-file-manager .studio-card-select{position:absolute;z-index:3;top:7px;right:7px;padding:4px 6px;border-radius:7px;background:rgba(3,14,25,.76);color:#def6ff;font-size:.63rem}.studio-file-manager .studio-card-actions{position:absolute;z-index:4;right:5px;bottom:5px;display:flex;gap:3px;padding:4px;border:1px solid rgba(128,190,228,.18);border-radius:9px;background:rgba(3,14,25,.94);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}.studio-file-manager .studio-media-card:hover .studio-card-actions,.studio-file-manager .studio-media-card:focus-within .studio-card-actions{opacity:1;transform:none}.studio-file-manager .studio-card-actions .text-button{padding:3px 4px;color:#cee5f5;font-size:.61rem}.studio-file-manager .studio-card-actions .danger-text{color:#ff9da7}.studio-file-manager .studio-upload-panel,.studio-file-manager .studio-selection-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid rgba(128,190,228,.2);border-radius:14px;background:rgba(5,19,34,.8)}.studio-file-manager .studio-upload-panel b,.studio-file-manager .studio-selection-dock b{color:#edf8ff}.studio-file-manager .studio-upload-panel small,.studio-file-manager .studio-selection-dock small{display:block;margin-top:3px;color:#98b4cb;font-size:.7rem}.studio-file-manager .studio-upload-panel input{min-width:170px;height:38px;border:1px solid rgba(128,190,228,.25);border-radius:9px;background:#071728;color:#eff8ff;padding:0 10px;font:inherit}.studio-file-manager .studio-file-preview{margin-top:14px;border-radius:16px;background:#061525}.studio-file-manager .studio-selection-dock{position:sticky;bottom:10px;z-index:4;background:linear-gradient(130deg,rgba(24,75,97,.98),rgba(22,34,85,.98));box-shadow:0 14px 26px rgba(0,0,0,.28)}
@media(max-width:820px){.studio-file-manager .studio-file-toolbar,.studio-file-manager .studio-upload-panel,.studio-file-manager .studio-selection-dock{align-items:stretch;flex-direction:column}.studio-file-toolbar .inline-actions{justify-content:flex-start}.studio-file-manager .studio-media-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important}.studio-file-manager .studio-pathbar span:last-child{margin-inline-start:0}}
@media(max-width:520px){.studio-file-manager .studio-file-toolbar{padding:15px}.studio-file-manager .studio-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.studio-file-manager .studio-media-card,.studio-file-manager .studio-media-thumb{height:auto!important}.studio-file-manager .studio-media-thumb{height:100px!important}.studio-file-manager .studio-card-actions{display:none}}

/* Compact device link above the single content desk. */
.content-device-shell{display:grid;gap:14px}.content-device-connection{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:14px 16px!important;border:1px solid rgba(130,190,228,.2)!important;border-radius:15px!important;background:rgba(7,24,42,.78)!important}.content-device-connection h3{margin:4px 0 5px;color:#edf8ff;font-size:1rem}.content-device-connection h3 .badge{vertical-align:middle;margin-inline-start:6px}.content-device-connection p{max-width:780px;margin:0;color:#97b3c9;font-size:.76rem;line-height:1.65}@media(max-width:720px){.content-device-connection{align-items:stretch!important;flex-direction:column!important}}

/* ===== control-center-v3.css ===== */
/* AEHI Control Center v3 Preview — compact slate/zinc design system */
:root{--z950:#09090b;--z900:#111318;--z850:#151820;--z800:#1c2029;--z750:#242a35;--z700:#303846;--z600:#475569;--z500:#64748b;--z400:#94a3b8;--z300:#cbd5e1;--z200:#e2e8f0;--z100:#f1f5f9;--aehi:#818cf8;--aehi-strong:#6366f1;--aqua:#2dd4bf;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--focus:0 0 0 3px rgba(129,140,248,.24);--line:rgba(148,163,184,.17);--surface:rgba(24,27,35,.92);--surface-2:rgba(15,17,23,.9);--shadow:0 14px 30px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{background:var(--z950)}body{min-width:0;background:radial-gradient(960px 500px at 100% -20%,rgba(99,102,241,.16),transparent 62%),radial-gradient(680px 440px at 0 100%,rgba(45,212,191,.06),transparent 68%),var(--z950)!important;color:var(--z200)!important;font-size:13px!important;line-height:1.6!important}.rtl,body.rtl{font-family:Vazirmatn,Inter,sans-serif!important}.app-shell{min-height:100svh}.sidebar{width:236px!important;padding:18px 12px!important;background:rgba(13,15,20,.92)!important;border-right:1px solid var(--line)!important;backdrop-filter:blur(18px)}.brand{padding:4px 8px}.brand-icon,.brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(99,102,241,.25)}.brand b{font-size:13px!important;letter-spacing:.9px}.brand small{font-size:7px!important;color:var(--z500)!important}.nav{gap:3px!important;margin-top:28px!important}.nav-item{min-height:40px!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:9px!important;color:var(--z400)!important;font-size:12px!important}.nav-item span{font-size:15px!important;width:17px!important}.nav-item:hover{background:rgba(148,163,184,.08)!important;border-color:rgba(148,163,184,.11)!important;color:var(--z100)!important}.nav-item.active{background:linear-gradient(135deg,rgba(99,102,241,.27),rgba(45,212,191,.08))!important;border-color:rgba(129,140,248,.3)!important;box-shadow:inset -2px 0 var(--aehi),0 7px 16px rgba(0,0,0,.12)!important}.sidebar-footer{gap:10px!important}.agent-status{padding:8px!important;font-size:10px!important}.apk-link{padding:9px!important;border-radius:9px!important;font-size:10px!important}
.main-content{margin-right:236px!important;max-width:1800px;padding:0 26px 34px!important}.topbar{height:70px!important;background:rgba(9,9,11,.72)!important;border-bottom-color:var(--line)!important}.breadcrumb span,.eyebrow{font-size:9px!important;font-weight:800!important;letter-spacing:.12em!important;color:var(--aqua)!important}.breadcrumb h1{margin:2px 0 0!important;font-size:16px!important}.clock span{font-size:14px!important}.clock small{font-size:9px!important}.icon-button,.mobile-menu,.language-button{width:34px!important;height:34px!important;border-radius:8px!important;border-color:var(--line)!important;background:var(--surface)!important;color:var(--z300)!important}.user-button{font-size:11px!important}.avatar{width:31px!important;height:31px!important;font-size:10px!important}
.view{padding-top:24px!important}.hero-row,.view-heading{gap:14px!important;margin-bottom:18px!important}.hero-row h2,.view-heading h2{margin:3px 0!important;font-size:23px!important;letter-spacing:-.02em}.muted{color:var(--z400)!important;font-size:12px!important}.primary-button,.secondary-button,.filter-button,.danger-button,.segment,.tab-button,.row-button{min-height:36px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}.primary-button{padding:8px 12px!important;background:linear-gradient(135deg,#818cf8,#6366f1)!important;box-shadow:0 8px 16px rgba(99,102,241,.2)!important}.secondary-button,.filter-button,.row-button{padding:8px 11px!important;background:rgba(30,34,43,.85)!important;border-color:var(--line)!important;color:var(--z300)!important}.danger-button{padding:8px 11px!important}.text-button{font-size:11px!important;color:#a5b4fc!important}.primary-button:focus-visible,.secondary-button:focus-visible,.tab-button:focus-visible,input:focus,select:focus,textarea:focus{outline:0!important;box-shadow:var(--focus)!important;border-color:rgba(129,140,248,.72)!important}
.panel,.metric-card,.data-row,.center-card,.operation-tile,.package-card,.personal-device-card,.reserved-kiosk-card,.content-desk-body,.studio-file-manager .studio-media-section,.studio-file-manager .studio-folder-section{border:1px solid var(--line)!important;background:linear-gradient(145deg,rgba(30,34,43,.91),rgba(18,21,28,.94))!important;box-shadow:var(--shadow)!important}.panel{padding:15px!important;border-radius:13px!important}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;margin-bottom:12px!important}.metric-card{min-height:112px!important;padding:14px!important;border-radius:12px!important}.metric-card b{margin-top:9px!important;font-size:23px!important}.metric-card span,.panel-head p,.data-row small,.package-card span{color:var(--z400)!important;font-size:10px!important}.dashboard-grid{gap:12px!important}.panel-head h3{font-size:13px!important}.attention-list{margin-top:12px!important}.attention-item{padding:9px!important;border:1px solid rgba(148,163,184,.08)!important;background:rgba(2,6,23,.22)!important}.attention-item span{font-size:11px!important}.health-bars{padding-top:15px!important;gap:11px!important}.health-row{grid-template-columns:90px 1fr 32px!important;font-size:11px!important}
.filters,.advanced-filters,.upload-card,.studio-upload-panel,.studio-playlist-create>div:last-child,.content-link-drawer>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.filters{margin-bottom:12px!important}.search-box,select,.advanced-filters input,.advanced-filters select,.settings-input,.modal input,.modal select,.modal textarea,.studio-upload-panel input,.studio-playlist-create input,.content-link-drawer input,.content-link-drawer select{height:38px!important;border-color:var(--line)!important;border-radius:8px!important;background:#11141b!important;color:var(--z200)!important;font-size:11px!important}.search-box{background:#11141b!important;border-color:var(--line)!important}.table-panel,.personal-fleet-table-wrap,.table-wrap{border:1px solid var(--line)!important;border-radius:13px!important;background:rgba(16,18,24,.72)!important}.table-meta{padding:12px 14px!important}.fleet-table th,.center-operations-table th{padding:10px 11px!important;background:rgba(2,6,23,.42)!important;color:var(--z500)!important;font-size:9px!important}.fleet-table td,.center-operations-table td{padding:10px 11px!important;border-top-color:rgba(148,163,184,.09)!important}.fleet-table tbody tr:hover,.center-table-row:hover{background:rgba(129,140,248,.07)!important}.device-cell{min-width:210px!important;gap:9px!important}.fleet-table .shot-thumb,.fleet-table .shot-placeholder,.personal-list-shot{width:56px!important;height:42px!important;border-radius:8px!important}.device-cell b{font-size:11px!important}.device-cell small,.time-note,.category-location small{font-size:9px!important}.badge{padding:3px 6px!important;font-size:9px!important}.event-pill{font-size:9px!important}.pagination{padding:10px 12px!important}
.device-topbar{margin-bottom:12px!important}.device-hero{padding:15px!important;gap:12px!important;border-color:rgba(129,140,248,.22)!important;border-radius:13px!important}.device-hero h2{font-size:18px!important}.hero-shot,.hero-shot-button,.hero-shot-button img{width:112px!important;height:76px!important;max-width:none!important;object-fit:cover!important;border-radius:10px!important}.hero-kpi{padding:7px 9px!important}.hero-kpi b{font-size:12px!important}.hero-kpi small{font-size:8px!important}.tab-strip,.content-desk-tabs,.studio-tabs-clean{gap:5px!important;padding:5px 0 9px!important;border:0!important;background:transparent!important}.tab-button,.content-desk-tabs button,.studio-tabs-clean .segment{min-height:35px!important;padding:7px 10px!important;border-radius:8px!important;background:rgba(30,34,43,.75)!important;border-color:var(--line)!important;color:var(--z400)!important;font-size:10px!important}.tab-button.active,.content-desk-tabs button.active,.studio-tabs-clean .segment.active{background:rgba(99,102,241,.23)!important;border-color:rgba(129,140,248,.55)!important;color:var(--z100)!important;box-shadow:inset 0 -2px var(--aehi)!important}
.quick-command-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;gap:8px!important}.quick-command{min-height:74px!important;padding:9px!important;border-radius:10px!important;border-color:var(--line)!important;background:rgba(22,25,33,.85)!important}.quick-command span{font-size:14px!important;margin-bottom:4px!important}.quick-command b{font-size:10px!important}.quick-command small{font-size:8px!important}.data-list{gap:7px!important}.data-row{padding:11px!important;border-radius:10px!important}.data-row b{font-size:11px!important}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(180px,220px))!important;justify-content:start!important;gap:10px!important}.screenshot-card{border-color:var(--line)!important;border-radius:11px!important}.screenshot-card .open-image img,.screenshot-card img{height:126px!important;min-height:0!important;object-fit:cover!important}.screenshot-card .open-image span{padding:8px!important}.usage-grid,.users-grid{gap:10px!important}
/* Compact media system: no preview grows beyond a predictable thumbnail tile. */
.studio-file-manager .studio-media-grid,.studio-file-manager .studio-folder-grid,.content-media-grid,.slot-media-grid,.studio-picker-grid,.playlist-item-card-grid,.studio-file-grid,.studio-file-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,158px))!important;justify-content:start!important;gap:10px!important}.studio-file-manager .studio-media-card,.content-media-card,.slot-media-card,.playlist-item-card,.studio-picker-item{min-width:0!important;max-width:158px!important;min-height:0!important;height:auto!important;grid-template-rows:auto!important;border-radius:11px!important;background:#171a22!important;border-color:var(--line)!important;box-shadow:none!important}.studio-file-manager .studio-media-thumb,.content-media-thumb,.slot-media-thumb,.content-media-card .content-media-thumb,.playlist-item-thumb{width:100%!important;height:auto!important;aspect-ratio:4/3!important;border-radius:10px 10px 0 0!important;overflow:hidden!important;background:#0b0d12!important}.studio-file-manager .studio-media-thumb img,.studio-file-manager .studio-media-thumb video,.content-media-thumb img,.content-media-thumb video,.slot-media-thumb img,.slot-media-thumb video,.playlist-item-thumb img,.playlist-item-thumb video{width:100%!important;height:100%!important;object-fit:cover!important}.studio-file-manager .studio-media-card-body,.content-media-caption{padding:8px!important;gap:3px!important}.studio-file-manager .studio-media-card-body b,.content-media-caption b{font-size:10px!important}.studio-file-manager .studio-media-card-body small,.content-media-caption small{font-size:8px!important}.studio-file-manager .studio-card-actions{display:none!important}.studio-file-manager .studio-media-card:hover .studio-card-actions{display:flex!important;opacity:1!important;transform:none!important}.content-media-select,.studio-card-select{top:5px!important;right:5px!important;font-size:8px!important}.content-ready-state{font-size:8px!important;padding:2px 5px!important}.content-library-pane,.studio-file-manager .studio-media-section,.studio-file-manager .studio-folder-section{padding:12px!important;border-radius:12px!important}.content-library-tools{margin-bottom:10px!important}.content-search{height:36px!important;width:min(100%,310px)!important}.content-folder-strip{padding-bottom:10px!important}.content-folder-chip{padding:6px 8px!important;font-size:9px!important}.content-queue-pane,.content-playlist-pane{grid-template-columns:minmax(0,1fr) 250px!important}.content-queue-list,.content-playlist-list{padding:10px!important}.content-queue-row{grid-template-columns:24px 44px minmax(0,1fr) auto!important;padding:7px!important}.content-queue-thumb{width:44px!important;height:33px!important}.content-queue-number{width:22px!important;height:22px!important;font-size:9px!important}.content-live-preview{min-height:210px!important;padding:12px!important}.content-preview-thumb{max-width:210px!important}.content-publish-bar{bottom:8px!important;padding:10px 12px!important;border-radius:11px!important}.content-desk{max-width:1320px!important;gap:11px!important}.content-desk-hero{padding:16px!important;border-radius:14px!important}.content-desk-hero h3{font-size:16px!important}.content-desk-hero p{font-size:11px!important}.content-sync-card{min-width:220px!important;padding:10px!important}.content-desk-settings{padding:10px!important;border-radius:11px!important}.desk-segment{padding:6px 8px!important;font-size:9px!important}
.studio-file-manager .studio-file-toolbar,.studio-playlist-create,.studio-editor-head{padding:13px!important;border-radius:12px!important}.studio-file-toolbar h3,.studio-playlist-create h3{font-size:15px!important}.studio-file-toolbar p,.studio-playlist-create p{font-size:10px!important}.studio-file-manager .studio-upload-panel,.studio-file-manager .studio-selection-dock{padding:11px!important;border-radius:11px!important}.studio-file-manager .studio-upload-panel input{min-width:0!important}.studio-playlist-layout{grid-template-columns:220px minmax(0,1fr)!important}.studio-playlist-item-card{grid-template-columns:48px minmax(0,1fr)!important;padding:7px!important}.studio-playlist-item-thumb{width:48px!important;height:48px!important}.studio-playlist-item-actions button{font-size:8px!important;padding:3px 5px!important}
.reserved-kiosk-grid,.center-card-grid,.personal-device-grid,.operations-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:10px!important}.reserved-kiosk-card,.center-card,.personal-device-card,.operation-tile{padding:12px!important;border-radius:12px!important}.reserved-kiosk-card h4,.center-card-head h3{font-size:13px!important}.center-kpis{gap:5px!important}.center-kpis>div{padding:6px!important}.settings-form{gap:14px!important}.settings-form section{padding:13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(24,27,35,.6)!important}.switch-grid{gap:7px!important}.switch-row{padding:8px 9px!important;border-radius:8px!important;font-size:10px!important}.modal-layer{background:rgba(3,4,7,.79)!important}.modal{width:min(680px,100%)!important;padding:18px!important;border-radius:14px!important;background:#181b23!important;border-color:var(--line)!important}.modal.modal-wide{width:min(1040px,100%)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:18px!important}.modal.modal-wide>h3,.modal.modal-wide>p,.modal.modal-wide>.modal-actions,.modal.modal-wide>.permission-scroll{grid-column:1/-1!important}.login-card{border-color:var(--line)!important;background:linear-gradient(145deg,#1b1f2a,#101217)!important}.control-footer{margin-top:28px!important;border-top-color:var(--line)!important;color:var(--z500)!important}
@media(max-width:1080px){.main-content{padding-inline:18px!important}.content-queue-pane,.content-playlist-pane{grid-template-columns:1fr!important}.content-live-preview,.content-playlist-side{border-top:1px solid var(--line)!important}.content-desk-hero{flex-direction:column!important}.content-sync-card{max-width:none!important}.studio-playlist-layout{grid-template-columns:1fr!important}.filters,.advanced-filters,.upload-card,.studio-upload-panel,.studio-playlist-create>div:last-child,.content-link-drawer>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.sidebar{width:270px!important}.main-content,.rtl .main-content{margin-right:0!important;padding:0 12px 26px!important}.topbar{height:62px!important}.hero-row,.view-heading{align-items:flex-start!important;flex-direction:column!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.device-hero{grid-template-columns:1fr!important}.hero-kpis{justify-content:flex-start!important;flex-wrap:wrap}.hero-shot,.hero-shot-button,.hero-shot-button img{width:100%!important;height:120px!important}.content-desk-tabs{overflow:auto!important;flex-wrap:nowrap!important}.studio-file-manager .studio-media-grid,.studio-file-manager .studio-folder-grid,.content-media-grid,.slot-media-grid,.studio-picker-grid,.playlist-item-card-grid,.studio-file-grid,.studio-file-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}.studio-file-manager .studio-media-card,.content-media-card,.slot-media-card,.playlist-item-card,.studio-picker-item{max-width:none!important}.studio-file-manager .studio-card-actions{display:none!important}.filters,.advanced-filters,.upload-card,.studio-upload-panel,.studio-playlist-create>div:last-child,.content-link-drawer>div,.modal.modal-wide{grid-template-columns:1fr!important}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modal.modal-wide{display:grid!important}.studio-tabs-clean{position:static!important}.content-publish-bar{position:static!important}.center-card-grid,.reserved-kiosk-grid,.personal-device-grid,.operations-grid{grid-template-columns:1fr!important}}

/* v3 media-card correction: legacy file-table rules must not widen grid tiles. */
.studio-media-grid>.studio-media-card,.studio-media-grid>.studio-file-row,.studio-folder-grid>.studio-media-card{min-width:0!important;width:100%!important;max-width:158px!important;display:flex!important;flex-direction:column!important;align-self:start!important;overflow:hidden!important}.studio-media-grid>.studio-file-row{min-height:0!important;padding:0!important;grid-template-columns:none!important;gap:0!important}.studio-media-grid>.studio-file-row>.studio-file-name{display:block!important;width:100%!important;padding:0!important}.studio-media-grid>.studio-file-row>.studio-file-name>input{position:absolute!important;z-index:3;inset:7px auto auto 7px!important}.rtl .studio-media-grid>.studio-file-row>.studio-file-name>input{inset:7px 7px auto auto!important}.studio-media-grid>.studio-file-row>.studio-file-name>i{display:none!important}.studio-media-grid>.studio-file-row>.studio-file-name>.studio-file-thumb{display:grid!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;border:0!important;border-radius:10px 10px 0 0!important}.studio-media-grid>.studio-file-row>.studio-file-name>span{display:grid!important;gap:2px;padding:8px!important;min-width:0!important}.studio-media-grid>.studio-file-row>.studio-file-name b{font-size:10px!important;line-height:1.45!important}.studio-media-grid>.studio-file-row>.studio-file-name small{font-size:8px!important;line-height:1.45!important}.studio-media-grid>.studio-file-row>.studio-file-actions{display:none!important}.studio-media-grid>.studio-file-row:hover>.studio-file-actions{display:flex!important;position:absolute!important;z-index:4;bottom:5px;inset-inline:5px;gap:4px;padding:4px;border-radius:7px;background:rgba(9,9,11,.86)!important}.studio-media-grid>.studio-file-row:hover>.studio-file-actions button{flex:1;min-height:26px!important;padding:3px!important;font-size:8px!important}.studio-folder-grid>.studio-folder-card{min-height:76px!important;max-width:178px!important;padding:10px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}.studio-folder-grid>.studio-folder-card .studio-folder-icon{width:32px!important;height:28px!important;border-radius:8px!important}.studio-folder-grid>.studio-folder-card .studio-media-card-body{padding:0!important}.studio-folder-grid>.studio-folder-card .studio-card-actions{display:none!important}.studio-folder-grid>.studio-folder-card:hover .studio-card-actions{display:flex!important;grid-column:1/-1!important;gap:4px!important}.studio-folder-grid>.studio-folder-card:hover .studio-card-actions button{min-height:25px!important;padding:3px 5px!important;font-size:8px!important}.studio-folder-grid{grid-template-columns:repeat(auto-fill,minmax(160px,178px))!important}.studio-media-grid .studio-media-card-body{min-height:0!important}.studio-media-grid .studio-media-card-body em{font-size:8px!important}.studio-media-grid .studio-media-card-body .inline-actions{display:none!important}

/* Light corporate theme is the default; dark is explicitly selected with .theme-dark. */
body:not(.theme-dark){--z950:#f6f8fc;--z900:#ffffff;--z850:#f8fafc;--z800:#f1f5f9;--z750:#e8edf5;--z700:#cbd5e1;--z600:#64748b;--z500:#64748b;--z400:#475569;--z300:#334155;--z200:#172033;--z100:#0f172a;--line:rgba(71,85,105,.15);--surface:rgba(255,255,255,.94);--surface-2:rgba(248,250,252,.96);--shadow:0 12px 25px rgba(15,23,42,.07);background:radial-gradient(700px 340px at 100% -20%,rgba(129,140,248,.16),transparent 70%),radial-gradient(560px 320px at 0 100%,rgba(45,212,191,.08),transparent 70%),#f6f8fc!important;color:#172033!important}.theme-toggle{font-size:16px!important;line-height:1!important}.theme-dark .theme-toggle{color:#fbbf24!important}body:not(.theme-dark) .sidebar{background:rgba(255,255,255,.88)!important;border-right-color:rgba(71,85,105,.13)!important;box-shadow:-8px 0 24px rgba(15,23,42,.03)!important}body:not(.theme-dark) .brand{color:#172033!important}body:not(.theme-dark) .brand small{color:#64748b!important}body:not(.theme-dark) .nav-item{color:#526176!important}body:not(.theme-dark) .nav-item:hover{background:#f0f4fb!important;border-color:#dbe4ef!important;color:#172033!important}body:not(.theme-dark) .nav-item.active{background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(45,212,191,.08))!important;border-color:rgba(99,102,241,.22)!important;color:#262b5e!important;box-shadow:inset -2px 0 #6366f1,0 6px 13px rgba(99,102,241,.06)!important}body:not(.theme-dark) .topbar{background:rgba(246,248,252,.78)!important;border-bottom-color:rgba(71,85,105,.12)!important}body:not(.theme-dark) .breadcrumb h1,body:not(.theme-dark) .hero-row h2,body:not(.theme-dark) .view-heading h2{color:#172033!important}body:not(.theme-dark) .icon-button,body:not(.theme-dark) .mobile-menu,body:not(.theme-dark) .language-button{background:#fff!important;border-color:#dbe4ef!important;color:#334155!important}body:not(.theme-dark) .user-button{color:#1e293b!important}body:not(.theme-dark) .avatar{background:linear-gradient(135deg,#6474eb,#4f46e5)!important;color:#fff!important}body:not(.theme-dark) .muted,body:not(.theme-dark) .panel-head p,body:not(.theme-dark) .metric-card span,body:not(.theme-dark) .data-row small,body:not(.theme-dark) .package-card span{color:#64748b!important}body:not(.theme-dark) .secondary-button,body:not(.theme-dark) .filter-button,body:not(.theme-dark) .row-button{background:#fff!important;border-color:#d8e0eb!important;color:#334155!important}body:not(.theme-dark) .secondary-button:hover,body:not(.theme-dark) .filter-button:hover,body:not(.theme-dark) .row-button:hover{background:#f8faff!important;border-color:#a5b4fc!important;color:#312e81!important}body:not(.theme-dark) .panel,body:not(.theme-dark) .metric-card,body:not(.theme-dark) .data-row,body:not(.theme-dark) .center-card,body:not(.theme-dark) .operation-tile,body:not(.theme-dark) .package-card,body:not(.theme-dark) .personal-device-card,body:not(.theme-dark) .reserved-kiosk-card,body:not(.theme-dark) .content-desk-body,body:not(.theme-dark) .studio-file-manager .studio-media-section,body:not(.theme-dark) .studio-file-manager .studio-folder-section{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.98))!important;border-color:#e1e8f1!important;box-shadow:0 10px 22px rgba(15,23,42,.05)!important}body:not(.theme-dark) .attention-item{background:#f8fafc!important;border-color:#e7edf5!important}body:not(.theme-dark) .bar{background:#e8eef6!important}body:not(.theme-dark) .search-box,body:not(.theme-dark) select,body:not(.theme-dark) .advanced-filters input,body:not(.theme-dark) .advanced-filters select,body:not(.theme-dark) .settings-input,body:not(.theme-dark) .modal input,body:not(.theme-dark) .modal select,body:not(.theme-dark) .modal textarea,body:not(.theme-dark) .studio-upload-panel input,body:not(.theme-dark) .studio-playlist-create input,body:not(.theme-dark) .content-link-drawer input,body:not(.theme-dark) .content-link-drawer select{background:#fff!important;border-color:#dbe3ed!important;color:#172033!important}body:not(.theme-dark) .table-panel,body:not(.theme-dark) .personal-fleet-table-wrap,body:not(.theme-dark) .table-wrap{background:#fff!important;border-color:#e0e7ef!important}body:not(.theme-dark) .fleet-table th,body:not(.theme-dark) .center-operations-table th{background:#f8fafc!important;color:#64748b!important}body:not(.theme-dark) .fleet-table td,body:not(.theme-dark) .center-operations-table td{border-top-color:#edf1f6!important}body:not(.theme-dark) .fleet-table tbody tr:hover,body:not(.theme-dark) .center-table-row:hover{background:#f7f8ff!important}body:not(.theme-dark) .device-hero{background:linear-gradient(120deg,rgba(224,231,255,.9),rgba(255,255,255,.96) 50%,rgba(204,251,241,.58))!important;border-color:#d6dafa!important}body:not(.theme-dark) .hero-kpi{background:rgba(255,255,255,.72)!important;color:#334155!important}body:not(.theme-dark) .tab-button,body:not(.theme-dark) .content-desk-tabs button,body:not(.theme-dark) .studio-tabs-clean .segment{background:#fff!important;border-color:#dbe3ed!important;color:#64748b!important}body:not(.theme-dark) .tab-button.active,body:not(.theme-dark) .content-desk-tabs button.active,body:not(.theme-dark) .studio-tabs-clean .segment.active{background:#eef2ff!important;border-color:#c7d2fe!important;color:#3730a3!important;box-shadow:inset 0 -2px #6366f1!important}body:not(.theme-dark) .quick-command{background:#fff!important;border-color:#e0e7ef!important;color:#334155!important}body:not(.theme-dark) .quick-command:hover{background:#f8faff!important;border-color:#b8c5ff!important}body:not(.theme-dark) .screenshot-card{background:#fff!important;border-color:#e0e7ef!important}body:not(.theme-dark) .screenshot-card .open-image span{background:#fff!important;color:#334155!important}body:not(.theme-dark) .studio-file-manager .studio-media-card,body:not(.theme-dark) .content-media-card,body:not(.theme-dark) .slot-media-card,body:not(.theme-dark) .playlist-item-card,body:not(.theme-dark) .studio-picker-item{background:#fff!important;border-color:#e2e8f0!important;color:#1e293b!important}body:not(.theme-dark) .studio-file-manager .studio-media-thumb,body:not(.theme-dark) .content-media-thumb,body:not(.theme-dark) .slot-media-thumb,body:not(.theme-dark) .content-media-card .content-media-thumb,body:not(.theme-dark) .playlist-item-thumb{background:#edf2f7!important}body:not(.theme-dark) .content-library-pane,body:not(.theme-dark) .studio-file-manager .studio-media-section,body:not(.theme-dark) .studio-file-manager .studio-folder-section{background:#fff!important;border-color:#e2e8f0!important}body:not(.theme-dark) .content-queue-list,body:not(.theme-dark) .content-playlist-list,body:not(.theme-dark) .content-live-preview{background:#f8fafc!important;border-color:#e2e8f0!important}body:not(.theme-dark) .content-desk-hero,body:not(.theme-dark) .content-desk-settings{background:linear-gradient(135deg,#fff,#f5f7ff)!important;border-color:#dce4f4!important}body:not(.theme-dark) .studio-file-manager .studio-file-toolbar,body:not(.theme-dark) .studio-playlist-create,body:not(.theme-dark) .studio-editor-head{background:linear-gradient(135deg,#fff,#f8fbff)!important;border-color:#e1e8f1!important}body:not(.theme-dark) .studio-file-manager .studio-upload-panel,body:not(.theme-dark) .studio-file-manager .studio-selection-dock{background:#f1f7ff!important;border-color:#bfe1e7!important}body:not(.theme-dark) .modal{background:#fff!important;border-color:#e1e8f1!important;color:#172033!important}body:not(.theme-dark) .modal-layer{background:rgba(15,23,42,.42)!important}body:not(.theme-dark) .login-card{background:linear-gradient(145deg,#fff,#f5f7ff)!important;border-color:#e0e7ef!important;color:#172033!important}body:not(.theme-dark) .login-card input{background:#fff!important;border-color:#dbe3ed!important;color:#172033!important}body:not(.theme-dark) .control-footer{color:#64748b!important;border-top-color:#e2e8f0!important}body:not(.theme-dark) .apk-link{color:#334155!important;border-color:#dbe3ed!important;background:#fff!important}body:not(.theme-dark) .theme-toggle{background:#eef2ff!important;border-color:#c7d2fe!important;color:#4338ca!important}

/* ===== control-center-v4.css ===== */
/* Preview v4 — Hierarchical A Kiosk media management.
   This stylesheet is intentionally scoped to v4 components and preserves existing dashboard styling. */
:root {
  --v4-accent: #6366f1;
  --v4-accent-soft: rgba(99, 102, 241, .14);
  --v4-accent-line: rgba(129, 140, 248, .35);
  --v4-mint: #10b981;
  --v4-danger: #fb7185;
  --v4-warn: #f59e0b;
}
body.theme-dark {
  --v4-bg: #11131a;
  --v4-surface: #171a23;
  --v4-surface-2: #1d212c;
  --v4-surface-3: #0d1017;
  --v4-line: rgba(148, 163, 184, .15);
  --v4-line-strong: rgba(148, 163, 184, .26);
  --v4-text: #edf2ff;
  --v4-muted: #9ba7bf;
  --v4-subtle: #68748d;
  --v4-shadow: 0 18px 40px rgba(0, 0, 0, .28);
}
body:not(.theme-dark) {
  --v4-bg: #f6f7fb;
  --v4-surface: #ffffff;
  --v4-surface-2: #f8f9fc;
  --v4-surface-3: #f0f2f7;
  --v4-line: #e3e7ef;
  --v4-line-strong: #cfd6e3;
  --v4-text: #182033;
  --v4-muted: #64708a;
  --v4-subtle: #8c97ab;
  --v4-shadow: 0 16px 32px rgba(25, 37, 61, .08);
}
.v4-svg { width: 16px; height: 16px; flex: 0 0 auto; display: inline-block; }
.v4-svg-folder { color: #f0b44d; fill: rgba(240, 180, 77, .13); }
.v4-svg-upload, .v4-svg-add { width: 14px; height: 14px; }
.v4-explorer-shell, .v4-playlist-shell, .v4-releases-shell, .v4-kiosk-content {
  color: var(--v4-text);
  border: 1px solid var(--v4-line) !important;
  background: var(--v4-surface) !important;
  border-radius: 16px;
  box-shadow: var(--v4-shadow);
  overflow: hidden;
}
.v4-explorer-header, .v4-playlist-header, .v4-kiosk-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  border-bottom: 1px solid var(--v4-line);
  background: linear-gradient(120deg, var(--v4-surface), color-mix(in srgb, var(--v4-accent) 7%, var(--v4-surface)));
}
.v4-explorer-header h3, .v4-playlist-header h3, .v4-kiosk-header h3, .v4-editor-header h3 {
  margin: 5px 0 4px;
  color: var(--v4-text);
  font-size: 17px;
  letter-spacing: -.02em;
}
.v4-explorer-header p, .v4-playlist-header p, .v4-kiosk-header p, .v4-editor-header p {
  margin: 0;
  color: var(--v4-muted);
  font-size: 11px;
  line-height: 1.8;
  max-width: 660px;
}
.v4-header-actions, .v4-create-playlist, .v4-selection-actions, .v4-kiosk-publish > div:last-child, .v4-editor-header > div:last-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.v4-action { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
.v4-action .v4-svg:nth-child(2) { width: 11px; margin-inline-start: -9px; margin-inline-end: 7px; background: var(--v4-surface); border-radius: 99px; }
.v4-search { display: flex; align-items: center; gap: 7px; min-width: 210px; height: 36px; padding: 0 10px; color: var(--v4-subtle); background: var(--v4-surface-3); border: 1px solid var(--v4-line); border-radius: 9px; }
.v4-search input { border: 0 !important; outline: 0 !important; box-shadow: none !important; width: 100%; height: 100% !important; padding: 0 !important; color: var(--v4-text) !important; background: transparent !important; }
.v4-inline-create { margin: 14px 20px 0; padding: 10px; display: flex; gap: 8px; background: var(--v4-surface-2); border: 1px dashed var(--v4-line-strong); border-radius: 10px; }
.v4-inline-create input { flex: 1; min-width: 0; }
.v4-explorer-layout { display: grid; grid-template-columns: 225px minmax(0, 1fr) 210px; min-height: 510px; }
.v4-explorer-layout.no-selection { grid-template-columns: 225px minmax(0, 1fr); }
.v4-explorer-sidebar, .v4-selection-panel, .v4-playlist-sidebar {
  min-width: 0;
  background: var(--v4-surface-2);
  border-inline-end: 1px solid var(--v4-line);
}
.v4-explorer-sidebar { padding: 14px 10px; }
.v4-sidebar-title { display: flex; flex-direction: column; gap: 2px; padding: 0 8px 11px; border-bottom: 1px solid var(--v4-line); color: var(--v4-text); }
.v4-sidebar-title b { font-size: 11px; }
.v4-sidebar-title small { color: var(--v4-subtle); font-size: 9px; }
.v4-tree, .v4-tree ul { margin: 8px 0 0; padding: 0; list-style: none; }
.v4-tree ul { margin-top: 1px; }
.v4-tree-row, .v4-tree-root { display: flex; align-items: center; min-height: 32px; border-radius: 8px; }
.v4-tree-row { padding-inline-start: calc(var(--tree-depth) * 12px); }
.v4-tree-row:hover, .v4-tree-root:hover, .v4-tree-node.active > .v4-tree-row, .v4-tree-root.active { background: var(--v4-accent-soft); }
.v4-tree-open { min-width: 0; flex: 1; display: flex; align-items: center; gap: 7px; color: var(--v4-muted); text-align: start; padding: 6px 5px; border: 0; background: transparent; cursor: pointer; font: inherit; }
.v4-tree-open:hover, .v4-tree-node.active > .v4-tree-row .v4-tree-open, .v4-tree-root.active .v4-tree-open { color: var(--v4-text); }
.v4-tree-open b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 650; }
.v4-tree-open small { margin-inline-start: auto; min-width: 18px; color: var(--v4-subtle); font-size: 9px; text-align: end; }
.v4-tree-empty { padding: 12px 8px; color: var(--v4-subtle); font-size: 10px; }
.v4-tree-check { display: inline-flex; align-items: center; gap: 5px; color: var(--v4-muted); font-size: 10px; user-select: none; cursor: pointer; white-space: nowrap; }
.v4-tree-check input, .v4-select-box input, .v4-playlist-source input { position: absolute; opacity: 0; pointer-events: none; }
.v4-tree-check > span, .v4-select-box > span { width: 16px; height: 16px; display: grid; place-items: center; color: white; border: 1px solid var(--v4-line-strong); border-radius: 5px; background: var(--v4-surface); transition: .18s ease; }
.v4-tree-check > span .v4-svg, .v4-select-box > span .v4-svg { width: 11px; opacity: 0; transform: scale(.65); transition: .18s ease; }
.v4-tree-check input:checked + span, .v4-select-box input:checked + span { border-color: var(--v4-accent); background: var(--v4-accent); }
.v4-tree-check input:checked + span .v4-svg, .v4-select-box input:checked + span .v4-svg { opacity: 1; transform: scale(1); }
.v4-tree-check { padding: 0 4px; }
.v4-explorer-main { min-width: 0; padding: 16px; background: var(--v4-bg); }
.v4-pathbar, .v4-file-toolbar { display: flex; align-items: center; gap: 8px; min-height: 30px; color: var(--v4-muted); }
.v4-pathbar { padding-bottom: 11px; border-bottom: 1px solid var(--v4-line); }
.v4-pathbar .text-button { display: inline-flex; align-items: center; gap: 5px; padding: 0; color: var(--v4-accent) !important; }
.v4-pathbar b { color: var(--v4-text); font-size: 10px; }
.v4-path-count { margin-inline-start: auto; padding: 4px 7px; color: var(--v4-subtle); border: 1px solid var(--v4-line); border-radius: 99px; font-size: 9px; }
.v4-file-toolbar { justify-content: space-between; padding: 12px 0; }
.v4-file-toolbar > div:first-child { display: flex; align-items: baseline; gap: 8px; }
.v4-file-toolbar b { color: var(--v4-text); font-size: 12px; }
.v4-file-toolbar small { color: var(--v4-subtle); font-size: 9px; }
.v4-file-toolbar > div:last-child { display: flex; align-items: center; gap: 8px; }
.v4-folder-tiles { padding: 12px; margin-bottom: 15px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-folder-tiles > div:last-child { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.v4-section-label { display: flex; align-items: baseline; justify-content: space-between; gap: 9px; margin: 0 0 9px; }
.v4-section-label b { color: var(--v4-text); font-size: 11px; }
.v4-section-label small { color: var(--v4-subtle); font-size: 9px; }
.v4-folder-tile { min-width: 0; display: flex; align-items: center; gap: 8px; padding: 9px; color: var(--v4-muted); text-align: start; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 9px; cursor: pointer; transition: .16s ease; }
.v4-folder-tile:hover { transform: translateY(-1px); color: var(--v4-text); border-color: var(--v4-accent-line); box-shadow: 0 8px 16px rgba(30, 41, 59, .08); }
.v4-folder-tile > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.v4-folder-tile b { overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-folder-tile small { color: var(--v4-subtle); font-size: 8px; }
.v4-folder-tile > .v4-svg:last-child { margin-inline-start: auto; width: 13px; color: var(--v4-subtle); }
.v4-file-region { min-width: 0; }
.v4-file-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); gap: 10px; align-items: start; }
.v4-file-card { position: relative; min-width: 0; overflow: hidden; color: var(--v4-text); background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 11px; transition: .18s ease; }
.v4-file-card:hover { transform: translateY(-2px); border-color: var(--v4-accent-line); box-shadow: 0 12px 22px rgba(30, 41, 59, .12); }
.v4-file-card.selected { border-color: var(--v4-accent); box-shadow: 0 0 0 2px var(--v4-accent-soft); }
.v4-file-card.processing { opacity: .72; }
.v4-select-box { position: absolute; z-index: 4; top: 7px; inset-inline-start: 7px; cursor: pointer; }
.v4-file-preview-button { width: 100%; display: block; padding: 0; border: 0; background: none; cursor: pointer; }
.v4-file-visual { position: relative; width: 100%; display: grid; place-items: center; aspect-ratio: 4 / 3; overflow: hidden; color: var(--v4-muted); background: var(--v4-surface-3); }
.v4-file-visual img, .v4-file-visual video { width: 100%; height: 100%; object-fit: cover; }
.v4-file-fallback { display: grid; place-items: center; width: 42px; height: 42px; color: var(--v4-subtle); border: 1px solid var(--v4-line); border-radius: 13px; background: var(--v4-surface-2); }
.v4-type-badge { position: absolute; bottom: 6px; inset-inline-end: 6px; display: grid; place-items: center; width: 22px; height: 22px; color: #eef2ff; background: rgba(15, 23, 42, .82); border: 1px solid rgba(255, 255, 255, .16); border-radius: 7px; backdrop-filter: blur(6px); }
.v4-type-badge .v4-svg { width: 12px; height: 12px; }
.v4-file-details { min-width: 0; display: grid; gap: 3px; padding: 8px; }
.v4-file-details > b { overflow: hidden; color: var(--v4-text); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-file-details > small { overflow: hidden; color: var(--v4-subtle); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.v4-file-details > div { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.v4-file-details > div small { color: var(--v4-subtle); font-size: 8px; }
.v4-state { display: inline-flex; align-items: center; width: fit-content; padding: 3px 6px; font-size: 8px; font-weight: 750; line-height: 1; border-radius: 99px; }
.v4-state.ready { color: #047857; background: rgba(16, 185, 129, .14); }
.v4-state.pending { color: #b45309; background: rgba(245, 158, 11, .16); }
.v4-state.failed { color: #be123c; background: rgba(244, 63, 94, .14); }
body.theme-dark .v4-state.ready { color: #6ee7b7; }
body.theme-dark .v4-state.pending { color: #fcd34d; }
body.theme-dark .v4-state.failed { color: #fda4af; }
.v4-card-actions { position: absolute; top: 6px; inset-inline-end: 6px; display: flex; gap: 4px; opacity: 0; transform: translateY(-3px); transition: .16s ease; }
.v4-file-card:hover .v4-card-actions, .v4-file-card:focus-within .v4-card-actions { opacity: 1; transform: translateY(0); }
.v4-icon-button { width: 27px; height: 27px; display: inline-grid; place-items: center; padding: 0; color: var(--v4-muted); background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 7px; cursor: pointer; transition: .16s ease; }
.v4-icon-button:hover:not(:disabled) { color: var(--v4-text); border-color: var(--v4-accent-line); background: var(--v4-surface-2); }
.v4-icon-button.danger:hover:not(:disabled) { color: var(--v4-danger); border-color: rgba(244, 63, 94, .4); }
.v4-icon-button:disabled { opacity: .35; cursor: not-allowed; }
.v4-icon-button .v4-svg { width: 13px; height: 13px; }
.v4-selection-panel { display: flex; flex-direction: column; gap: 11px; padding: 16px 12px; border-inline-end: 0; border-inline-start: 1px solid var(--v4-line); }
.v4-selection-panel > div:first-child { display: grid; gap: 4px; }
.v4-selection-panel b { color: var(--v4-text); font-size: 11px; }
.v4-selection-panel small { color: var(--v4-subtle); font-size: 9px; line-height: 1.65; }
.v4-studio-selection-list { display: grid; gap: 5px; max-height: 220px; overflow: auto; }
.v4-studio-selection-list article { min-width: 0; display: grid; grid-template-columns: 18px minmax(0, 1fr) 25px; align-items: center; gap: 5px; padding: 5px; color: var(--v4-muted); background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 7px; }
.v4-studio-selection-list article > span { color: var(--v4-accent); }
.v4-studio-selection-list b { overflow: hidden; color: var(--v4-muted); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.v4-studio-selection-list .v4-icon-button { width: 23px; height: 23px; }
.v4-selection-actions { margin-top: auto; flex-direction: column; align-items: stretch; }
.v4-selection-actions button { width: 100%; }
.v4-upload-strip { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, .55fr) auto; align-items: center; gap: 10px; padding: 13px 20px; background: var(--v4-surface-2); border-top: 1px solid var(--v4-line); }
.v4-upload-strip > div { display: grid; gap: 3px; }
.v4-upload-strip b { display: inline-flex; align-items: center; gap: 5px; color: var(--v4-text); font-size: 10px; }
.v4-upload-strip small { color: var(--v4-subtle); font-size: 9px; }
.v4-upload-strip input { min-width: 0; }
/* Playlist management */
.v4-playlist-header { align-items: center; }
.v4-create-playlist { display: grid; grid-template-columns: 175px 175px auto; }
.v4-create-playlist input { min-width: 0; }
.v4-playlist-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); min-height: 550px; }
.v4-playlist-sidebar { padding: 12px 10px; }
.v4-playlist-nav { width: 100%; display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 7px; margin-top: 6px; padding: 9px; color: var(--v4-muted); text-align: start; background: transparent; border: 1px solid transparent; border-radius: 9px; cursor: pointer; }
.v4-playlist-nav:hover, .v4-playlist-nav.active { color: var(--v4-text); background: var(--v4-accent-soft); border-color: var(--v4-accent-line); }
.v4-playlist-nav > span:first-child { display: grid; place-items: center; width: 25px; height: 25px; color: #c7d2fe; background: rgba(99, 102, 241, .2); border-radius: 7px; }
.v4-playlist-nav > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.v4-playlist-nav b { overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-playlist-nav small { color: var(--v4-subtle); font-size: 8px; }
.v4-playlist-nav em { grid-column: 2; width: fit-content; color: var(--v4-subtle); font-size: 8px; font-style: normal; }
.v4-playlist-editor { min-width: 0; padding: 16px; background: var(--v4-bg); }
.v4-editor-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; margin-bottom: 12px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-editor-header > div:last-child { justify-content: flex-end; }
.v4-playlist-editor-grid { display: grid; grid-template-columns: minmax(230px, .75fr) minmax(330px, 1.25fr); gap: 12px; }
.v4-playlist-picker, .v4-playlist-sequence { min-width: 0; padding: 13px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-source-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 8px; max-height: 435px; overflow: auto; }
.v4-playlist-source { position: relative; min-width: 0; display: grid; gap: 5px; padding: 6px; cursor: pointer; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 9px; transition: .16s ease; }
.v4-playlist-source.selected { border-color: var(--v4-accent); box-shadow: 0 0 0 2px var(--v4-accent-soft); }
.v4-playlist-source:has(input:checked)::after { content: '✓'; position: absolute; top: 5px; inset-inline-start: 5px; display: grid; place-items: center; width: 17px; height: 17px; color: white; background: var(--v4-accent); border-radius: 5px; font-size: 10px; }
.v4-source-thumb { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 7px; }
.v4-source-thumb .v4-file-visual { border-radius: inherit; }
.v4-playlist-source b { overflow: hidden; color: var(--v4-text); text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.v4-playlist-source small { color: var(--v4-subtle); font-size: 8px; }
.v4-sequence-list { display: grid; gap: 6px; }
.v4-sequence-row { display: grid; grid-template-columns: 20px 24px 46px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px; color: var(--v4-muted); background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 9px; transition: .14s ease; }
.v4-sequence-row[draggable="true"] { cursor: grab; }
.v4-sequence-row.dragging { opacity: .42; }
.v4-sequence-row.drop-target { border-color: var(--v4-accent); background: var(--v4-accent-soft); }
.v4-drag-handle { display: grid; place-items: center; color: var(--v4-subtle); }
.v4-sequence-number { display: grid; place-items: center; width: 22px; height: 22px; color: var(--v4-accent); background: var(--v4-accent-soft); border-radius: 6px; font-size: 9px; font-weight: 750; }
.v4-sequence-thumb { position: relative; display: grid; place-items: center; overflow: hidden; width: 46px; height: 35px; border-radius: 6px; background: var(--v4-surface-3); }
.v4-sequence-thumb .v4-file-visual { height: 100%; }
.v4-sequence-thumb .v4-type-badge { width: 17px; height: 17px; bottom: 3px; inset-inline-end: 3px; }
.v4-sequence-row > div:nth-child(4) { min-width: 0; display: grid; gap: 2px; }
.v4-sequence-row b { overflow: hidden; color: var(--v4-text); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-sequence-row small { color: var(--v4-subtle); font-size: 8px; }
.v4-sequence-actions { display: flex; gap: 4px; }
.v4-release-footer { display: flex; align-items: center; gap: 9px; padding: 10px 12px; margin-top: 12px; color: var(--v4-muted); background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 10px; }
.v4-release-footer b { color: var(--v4-text); font-size: 10px; }
.v4-release-footer small { margin-inline-start: auto; color: var(--v4-subtle); font-size: 9px; }
/* Kiosk-specific content desk */
.v4-kiosk-header { padding: 18px; }
.v4-kiosk-sync { min-width: 175px; display: grid; gap: 5px; padding: 9px; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 10px; }
.v4-kiosk-sync b { color: var(--v4-muted); font-size: 9px; font-weight: 500; line-height: 1.6; }
.v4-kiosk-sync .text-button { justify-self: start; padding: 0; font-size: 9px; }
.v4-kiosk-settings { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 18px; border-bottom: 1px solid var(--v4-line); background: var(--v4-surface-2); }
.v4-kiosk-settings > div { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.v4-kiosk-settings small { margin-inline-end: 4px; color: var(--v4-subtle); font-size: 9px; }
.v4-content-tabs { display: flex; align-items: center; gap: 5px; padding: 10px 18px 0; background: var(--v4-surface); border-bottom: 1px solid var(--v4-line); }
.v4-content-tabs button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; color: var(--v4-muted); background: transparent; border: 1px solid transparent; border-bottom: 2px solid transparent; border-radius: 8px 8px 0 0; cursor: pointer; font: inherit; font-size: 10px; font-weight: 700; }
.v4-content-tabs button.active { color: var(--v4-text); background: var(--v4-accent-soft); border-color: var(--v4-accent-line); border-bottom-color: var(--v4-accent); }
.v4-content-tabs small { color: inherit; opacity: .7; }
.v4-content-body { min-height: 380px; padding: 14px; background: var(--v4-bg); }
.v4-kiosk-browser { display: grid; grid-template-columns: 210px minmax(0, 1fr); min-height: 380px; overflow: hidden; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-kiosk-browser .v4-explorer-sidebar { padding-top: 12px; }
.v4-kiosk-browser .v4-explorer-main { padding: 13px; }
.v4-kiosk-publish { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; background: var(--v4-surface-2); border-top: 1px solid var(--v4-line); }
.v4-kiosk-publish > div:first-child { display: grid; gap: 3px; }
.v4-kiosk-publish b { color: var(--v4-text); font-size: 10px; }
.v4-kiosk-publish small { color: var(--v4-subtle); font-size: 9px; }
.v4-queue-preview { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 12px; }
.v4-queue-preview .v4-sequence-list, .v4-kiosk-preview { padding: 13px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-kiosk-preview { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--v4-muted); text-align: center; }
.v4-kiosk-preview b { color: var(--v4-text); font-size: 11px; }
.v4-kiosk-preview small { color: var(--v4-subtle); font-size: 9px; line-height: 1.7; }
.v4-kiosk-preview-visual { width: 100%; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 8px; }
.v4-kiosk-preview-visual .v4-file-visual { height: 100%; }
.v4-kiosk-playlists { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 12px; }
.v4-kiosk-playlists > section, .v4-kiosk-playlists > aside { padding: 12px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-kiosk-playlists > section { display: grid; gap: 7px; }
.v4-kiosk-playlists > aside { align-self: start; display: grid; gap: 7px; }
.v4-kiosk-playlists aside b { color: var(--v4-text); font-size: 11px; }
.v4-kiosk-playlists aside p { margin: 0; color: var(--v4-muted); font-size: 10px; line-height: 1.8; }
.v4-kiosk-playlist { display: grid; grid-template-columns: 18px 25px minmax(0, 1fr); align-items: center; gap: 8px; padding: 9px; color: var(--v4-muted); border: 1px solid var(--v4-line); border-radius: 9px; cursor: pointer; }
.v4-kiosk-playlist:has(input:checked) { color: var(--v4-text); border-color: var(--v4-accent); background: var(--v4-accent-soft); }
.v4-kiosk-playlist > span { display: grid; place-items: center; width: 25px; height: 25px; color: #c7d2fe; background: rgba(99, 102, 241, .18); border-radius: 7px; }
.v4-kiosk-playlist > div { min-width: 0; display: grid; gap: 2px; }
.v4-kiosk-playlist b { overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-kiosk-playlist small { color: var(--v4-subtle); font-size: 8px; }
/* Publish history */
.v4-releases-shell { padding: 16px; }
.v4-release-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.v4-release-card { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; align-items: start; padding: 12px; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 11px; }
.v4-release-card > span { display: grid; place-items: center; width: 34px; height: 34px; color: #c7d2fe; background: rgba(99, 102, 241, .18); border-radius: 9px; }
.v4-release-card > div { min-width: 0; display: grid; gap: 3px; }
.v4-release-card b { overflow: hidden; color: var(--v4-text); text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.v4-release-card small, .v4-release-card p { margin: 0; color: var(--v4-subtle); font-size: 9px; }
.v4-release-card button { grid-column: 1 / -1; justify-self: start; }
.v4-empty-state { display: grid; place-items: center; min-height: 110px; padding: 16px; color: var(--v4-subtle); text-align: center; background: var(--v4-surface); border: 1px dashed var(--v4-line-strong); border-radius: 10px; font-size: 10px; }
.v4-modal-preview { display: grid; place-items: center; min-height: 260px; margin-top: 12px; overflow: hidden; background: var(--v4-surface-3); border: 1px solid var(--v4-line); border-radius: 10px; }
.v4-modal-preview img, .v4-modal-preview video { max-width: 100%; max-height: 60vh; object-fit: contain; }
@media (max-width: 1180px) {
  .v4-explorer-layout { grid-template-columns: 205px minmax(0, 1fr); }
  .v4-selection-panel { grid-column: 1 / -1; min-height: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr) auto; align-items: center; border-top: 1px solid var(--v4-line); border-inline-start: 0; }
  .v4-studio-selection-list { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: none; }
  .v4-selection-actions { margin: 0; }
  .v4-playlist-editor-grid { grid-template-columns: 1fr; }
  .v4-source-grid { max-height: 220px; }
}
@media (max-width: 820px) {
  .v4-explorer-header, .v4-playlist-header, .v4-kiosk-header, .v4-editor-header { flex-direction: column; align-items: stretch; }
  .v4-header-actions, .v4-create-playlist { grid-template-columns: 1fr 1fr; width: 100%; }
  .v4-search { grid-column: 1 / -1; width: 100%; }
  .v4-explorer-layout, .v4-explorer-layout.no-selection, .v4-playlist-layout, .v4-kiosk-browser { grid-template-columns: 1fr; }
  .v4-explorer-sidebar, .v4-playlist-sidebar { max-height: 245px; overflow: auto; border-inline-end: 0; border-bottom: 1px solid var(--v4-line); }
  .v4-selection-panel { grid-template-columns: 1fr; }
  .v4-studio-selection-list { grid-template-columns: 1fr 1fr; }
  .v4-upload-strip, .v4-kiosk-settings, .v4-kiosk-publish, .v4-queue-preview, .v4-kiosk-playlists { grid-template-columns: 1fr; display: grid; }
  .v4-kiosk-settings, .v4-kiosk-publish { align-items: stretch; }
  .v4-kiosk-publish > div:last-child { justify-content: stretch; }
  .v4-kiosk-publish > div:last-child button { flex: 1; }
}
@media (max-width: 560px) {
  .v4-explorer-header, .v4-playlist-header, .v4-kiosk-header, .v4-explorer-main, .v4-content-body, .v4-playlist-editor, .v4-releases-shell { padding: 12px; }
  .v4-header-actions, .v4-create-playlist { grid-template-columns: 1fr; }
  .v4-action { width: 100%; }
  .v4-file-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .v4-folder-tiles > div:last-child { grid-template-columns: 1fr; }
  .v4-file-toolbar, .v4-section-label { align-items: flex-start; flex-direction: column; }
  .v4-file-toolbar > div:first-child { align-items: flex-start; flex-direction: column; gap: 2px; }
  .v4-content-tabs { padding-inline: 10px; overflow: auto; }
  .v4-content-tabs button { flex: 0 0 auto; }
  .v4-sequence-row { grid-template-columns: 18px 22px 40px minmax(0, 1fr); gap: 6px; }
  .v4-sequence-actions { grid-column: 3 / -1; justify-content: flex-end; }
  .v4-drag-handle { display: none; }
  .v4-release-footer { align-items: flex-start; flex-direction: column; }
  .v4-release-footer small { margin-inline-start: 0; }
}

/* Preview v4.1 — target-device selection and hard thumbnail guardrails. */
.v4-source-grid { width: 100%; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)) !important; }
.v4-playlist-source { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; }
.v4-playlist-source > .v4-source-thumb, .v4-source-thumb { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; }
.v4-source-thumb .v4-file-visual { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 100% !important; aspect-ratio: 4 / 3 !important; }
.v4-target-panel { margin: 0 0 12px; overflow: hidden; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 12px; }
.v4-target-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 13px; background: linear-gradient(120deg, var(--v4-surface), color-mix(in srgb, var(--v4-accent) 5%, var(--v4-surface))); border-bottom: 1px solid var(--v4-line); }
.v4-target-panel h4 { margin: 3px 0 4px; color: var(--v4-text); font-size: 12px; }
.v4-target-panel p { max-width: 570px; margin: 0; color: var(--v4-muted); font-size: 9px; line-height: 1.8; }
.v4-target-summary { min-width: 120px; display: grid; gap: 3px; padding: 7px 9px; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 8px; }
.v4-target-summary b { color: var(--v4-text); font-size: 10px; }
.v4-target-summary small { color: var(--v4-subtle); font-size: 8px; }
.v4-target-tools { display: grid; grid-template-columns: minmax(190px, .9fr) minmax(250px, 1.25fr) auto; align-items: center; gap: 9px; padding: 11px 13px; background: var(--v4-surface-2); border-bottom: 1px solid var(--v4-line); }
.v4-target-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.v4-target-filters button { min-height: 29px; padding: 5px 8px; color: var(--v4-muted); background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 7px; cursor: pointer; font: inherit; font-size: 9px; font-weight: 650; }
.v4-target-filters button.active { color: #eef2ff; background: var(--v4-accent); border-color: var(--v4-accent); }
.v4-target-select-all { display: inline-flex; align-items: center; gap: 5px; color: var(--v4-muted); font-size: 9px; white-space: nowrap; cursor: pointer; }
.v4-target-select-all input, .v4-target-check input { position: absolute; opacity: 0; pointer-events: none; }
.v4-target-select-all i, .v4-target-check i { display: grid; place-items: center; width: 17px; height: 17px; color: white; font-style: normal; background: var(--v4-surface); border: 1px solid var(--v4-line-strong); border-radius: 5px; }
.v4-target-select-all i .v4-svg, .v4-target-check i .v4-svg { width: 11px; opacity: 0; }
.v4-target-select-all input:checked + i, .v4-target-check input:checked + i { background: var(--v4-accent); border-color: var(--v4-accent); }
.v4-target-select-all input:checked + i .v4-svg, .v4-target-check input:checked + i .v4-svg { opacity: 1; }
.v4-target-select-all small { color: var(--v4-subtle); font-size: 8px; }
.v4-target-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; max-height: 218px; overflow: auto; padding: 10px 13px; }
.v4-target-row { min-width: 0; display: grid; grid-template-columns: 20px 28px minmax(0, 1fr) auto; align-items: center; gap: 7px; padding: 8px; color: var(--v4-muted); background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 9px; cursor: pointer; transition: .16s ease; }
.v4-target-row:hover, .v4-target-row.selected { border-color: var(--v4-accent-line); background: var(--v4-accent-soft); }
.v4-target-symbol { display: grid; place-items: center; width: 27px; height: 27px; color: #c7d2fe; background: rgba(99, 102, 241, .16); border-radius: 7px; font-size: 14px; }
.v4-target-symbol.glorifier { color: #fcd34d; background: rgba(245, 158, 11, .13); }
.v4-target-symbol.shelf { color: #67e8f9; background: rgba(6, 182, 212, .12); }
.v4-target-row > span:nth-child(3) { min-width: 0; display: grid; gap: 2px; }
.v4-target-row b { overflow: hidden; color: var(--v4-text); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.v4-target-row small { overflow: hidden; color: var(--v4-subtle); text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.v4-target-row em { padding: 3px 5px; color: #047857; background: rgba(16, 185, 129, .13); border-radius: 99px; font-size: 8px; font-style: normal; }
body.theme-dark .v4-target-row em { color: #6ee7b7; }
.v4-target-empty { grid-column: 1 / -1; padding: 22px; color: var(--v4-subtle); text-align: center; background: var(--v4-bg); border: 1px dashed var(--v4-line-strong); border-radius: 9px; font-size: 10px; }
.v4-target-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 10px 13px; background: var(--v4-surface-2); border-top: 1px solid var(--v4-line); }
.v4-target-panel > footer small { max-width: 610px; color: var(--v4-subtle); font-size: 8px; line-height: 1.7; }
.v4-target-panel > footer .primary-button { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
@media (max-width: 900px) {
  .v4-target-tools { grid-template-columns: 1fr; }
  .v4-target-list { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .v4-target-panel > header, .v4-target-panel > footer { align-items: stretch; flex-direction: column; }
  .v4-target-summary { width: 100%; }
  .v4-target-panel > footer .primary-button { justify-content: center; width: 100%; }
}

/* Preview v4.2 — selection-first cards, compact queues and stronger readability. */
.v4-file-grid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)) !important; gap: 7px !important; }
.v4-file-card { border-radius: 9px; box-shadow: none; cursor: pointer; }
.v4-file-card:focus-visible { outline: 2px solid var(--v4-accent); outline-offset: 2px; }
.v4-file-card .v4-file-preview-button, .v42-select-surface { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.v4-file-visual { aspect-ratio: 16 / 10 !important; max-height: 74px; }
.v4-file-details { gap: 2px; padding: 5px 6px 6px; }
.v4-file-details > b { font-size: 9px; }
.v4-file-details > small, .v4-file-details > div small { font-size: 7px; }
.v4-state { padding: 2px 5px; font-size: 7px; }
.v4-select-box { top: 5px; inset-inline-start: 5px; }
.v4-select-box > span { width: 14px; height: 14px; }
.v4-card-actions { top: 5px; inset-inline-end: 5px; opacity: 1; transform: none; }
.v4-card-actions .v4-icon-button { width: 23px; height: 23px; color: #f8fafc; background: rgba(15, 23, 42, .78); border-color: rgba(255,255,255,.22); box-shadow: 0 3px 8px rgba(15,23,42,.18); }
.v4-card-actions .v4-icon-button:hover { color: white; background: var(--v4-accent); border-color: var(--v4-accent); }
.v42-select-surface { user-select: none; }
.v42-select-surface .v4-file-visual { pointer-events: none; }
.v42-source-preview { position: absolute; z-index: 3; top: 5px; inset-inline-end: 5px; display: grid; place-items: center; width: 23px; height: 23px; padding: 0; color: white; background: rgba(15,23,42,.78); border: 1px solid rgba(255,255,255,.22); border-radius: 6px; cursor: pointer; }
.v42-source-preview .v4-svg { width: 12px; }
.v4-playlist-source { position: relative; }
.v4-playlist-source .v4-source-thumb { aspect-ratio: 16 / 10 !important; max-height: 64px; }
.v4-playlist-source b { font-size: 8px; }
.v4-playlist-source small { font-size: 7px; }
.v4-sequence-list { gap: 4px; }
.v4-sequence-row { min-height: 42px; padding: 4px 5px; gap: 5px; border-radius: 7px; }
.v4-playlist-editor .v4-sequence-row { grid-template-columns: 16px 20px 36px minmax(0, 1fr) auto; }
.v4-queue-preview .v4-sequence-row { grid-template-columns: 20px 36px minmax(0, 1fr) auto; }
.v4-drag-handle { font-size: 0; }
.v4-drag-handle .v4-svg { width: 13px; height: 13px; }
.v4-sequence-number { width: 19px; height: 19px; border-radius: 5px; font-size: 8px; }
.v4-sequence-thumb { width: 36px; height: 27px; border-radius: 5px; }
.v4-sequence-thumb .v4-type-badge { width: 14px; height: 14px; bottom: 2px; inset-inline-end: 2px; }
.v4-sequence-row b { font-size: 9px; }
.v4-sequence-row small { font-size: 7px; }
.v4-sequence-actions { display: grid; grid-template-columns: repeat(4, 21px); gap: 2px; }
.v4-sequence-actions .v4-icon-button { width: 21px; height: 21px; border-radius: 5px; font-size: 11px; }
.v4-sequence-actions .v4-icon-button .v4-svg { width: 11px; height: 11px; }
.v4-kiosk-preview { max-width: 190px; padding: 9px; }
.v4-kiosk-preview-visual { max-height: 118px; }
/* Light-mode contrast fixes for device settings, tables and secondary panels. */
body:not(.theme-dark) .device-tabs, body:not(.theme-dark) .device-tabs button, body:not(.theme-dark) .settings-tabs, body:not(.theme-dark) .settings-tabs button { color: #34435f !important; }
body:not(.theme-dark) .device-tabs button, body:not(.theme-dark) .settings-tabs button { background: #fff !important; border-color: #dbe2ed !important; }
body:not(.theme-dark) .device-tabs button:not(.active):hover, body:not(.theme-dark) .settings-tabs button:not(.active):hover { color: #1f2b43 !important; background: #f3f6fb !important; }
body:not(.theme-dark) .device-tabs button.active, body:not(.theme-dark) .settings-tabs button.active { color: #3730a3 !important; background: #eeefff !important; border-color: #babdff !important; }
body:not(.theme-dark) .settings-section, body:not(.theme-dark) .setting-section, body:not(.theme-dark) .settings-card, body:not(.theme-dark) .settings-panel, body:not(.theme-dark) .device-settings-card, body:not(.theme-dark) .policy-card, body:not(.theme-dark) .device-tab-panel { color: #28364e !important; background: #fff !important; border-color: #dce3ee !important; }
body:not(.theme-dark) .settings-section h3, body:not(.theme-dark) .setting-section h3, body:not(.theme-dark) .settings-card h3, body:not(.theme-dark) .settings-panel h3, body:not(.theme-dark) .settings-section b, body:not(.theme-dark) .setting-section b { color: #172238 !important; }
body:not(.theme-dark) .settings-section p, body:not(.theme-dark) .setting-section p, body:not(.theme-dark) .settings-card p, body:not(.theme-dark) .settings-panel p, body:not(.theme-dark) .settings-section small, body:not(.theme-dark) .setting-section small { color: #58677f !important; }
body:not(.theme-dark) .device-tab-content, body:not(.theme-dark) #deviceTabContent { color: #2b3953; }
body:not(.theme-dark) .device-tab-content .muted, body:not(.theme-dark) #deviceTabContent .muted, body:not(.theme-dark) .device-tab-content small, body:not(.theme-dark) #deviceTabContent small { color: #596981 !important; }
body:not(.theme-dark) .form-grid label, body:not(.theme-dark) .settings-form label, body:not(.theme-dark) .device-settings label { color: #37465f !important; }
body:not(.theme-dark) .form-grid input, body:not(.theme-dark) .form-grid select, body:not(.theme-dark) .settings-form input, body:not(.theme-dark) .settings-form select, body:not(.theme-dark) .settings-form textarea { color: #172238 !important; background: #fff !important; border-color: #cfd8e6 !important; }
body:not(.theme-dark) .table-wrap, body:not(.theme-dark) .table-wrap th, body:not(.theme-dark) .table-wrap td { color: #334155 !important; border-color: #dbe2ec !important; }
body:not(.theme-dark) .table-wrap th { color: #334155 !important; background: #f2f5fa !important; }
body.theme-dark .settings-section, body.theme-dark .setting-section, body.theme-dark .settings-card, body.theme-dark .settings-panel, body.theme-dark .device-settings-card, body.theme-dark .policy-card, body.theme-dark .device-tab-panel { color: #d9e2f2 !important; background: #171c27 !important; border-color: rgba(148,163,184,.22) !important; }
body.theme-dark .settings-section h3, body.theme-dark .setting-section h3, body.theme-dark .settings-card h3, body.theme-dark .settings-panel h3 { color: #f6f8fd !important; }
body.theme-dark .settings-section p, body.theme-dark .setting-section p, body.theme-dark .settings-card p, body.theme-dark .settings-panel p, body.theme-dark .settings-section small, body.theme-dark .setting-section small { color: #aab7cc !important; }
@media (max-width: 560px) {
  .v4-file-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; }
  .v4-file-visual { max-height: 62px; }
  .v4-file-details { padding: 4px 5px 5px; }
  .v4-file-details > b { font-size: 8px; }
  .v4-file-details > small { display: none; }
  .v4-playlist-editor .v4-sequence-row { grid-template-columns: 14px 18px 32px minmax(0, 1fr) auto; }
  .v4-queue-preview .v4-sequence-row { grid-template-columns: 18px 32px minmax(0, 1fr) auto; }
  .v4-sequence-thumb { width: 32px; height: 24px; }
  .v4-sequence-actions { grid-template-columns: repeat(4, 19px); }
  .v4-sequence-actions .v4-icon-button { width: 19px; height: 19px; }
}

/* v4.2.1 — compact, selection-first playback queue. */
.v4-sequence-row { cursor: pointer; }
.v4-sequence-row.queue-selected { border-color: var(--v4-accent) !important; background: var(--v4-accent-soft) !important; box-shadow: 0 0 0 1px var(--v4-accent-line); }
.v4-sequence-actions { grid-template-columns: repeat(5, 21px) !important; }
.v42-sequence-check { display: grid; place-items: center; width: 21px; height: 21px; cursor: pointer; }
.v42-sequence-check input { position: absolute; opacity: 0; pointer-events: none; }
.v42-sequence-check > span { display: grid; place-items: center; width: 19px; height: 19px; color: white; background: var(--v4-surface); border: 1px solid var(--v4-line-strong); border-radius: 5px; }
.v42-sequence-check .v4-svg { width: 10px; opacity: 0; }
.v42-sequence-check input:checked + span { background: var(--v4-accent); border-color: var(--v4-accent); }
.v42-sequence-check input:checked + span .v4-svg { opacity: 1; }
@media (max-width:560px) { .v4-sequence-actions { grid-template-columns: repeat(5, 19px) !important; } .v42-sequence-check { width: 19px; height: 19px; } .v42-sequence-check > span { width: 18px; height: 18px; } }

/* v4.2.2 — exact device-settings contrast correction. */
body:not(.theme-dark) #deviceTabContent form.settings-form > section { color: #263650 !important; background: #f5f7fb !important; border: 1px solid #dbe3ee !important; box-shadow: none !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form > section > h3 { color: #172238 !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form > section p, body:not(.theme-dark) #deviceTabContent form.settings-form > section small { color: #566781 !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form .switch-row { color: #30425f !important; background: #ffffff !important; border: 1px solid #d8e1ee !important; box-shadow: none !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form .switch-row:hover { color: #1f2f49 !important; background: #f0f4fa !important; border-color: #c3cfe1 !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form .settings-input { color: #172238 !important; background: #ffffff !important; border-color: #cbd6e5 !important; }
body:not(.theme-dark) #deviceTabContent form.settings-form .settings-input::placeholder { color: #78869a !important; }
body.theme-dark #deviceTabContent form.settings-form > section { color: #d9e2f2 !important; background: #171d29 !important; border: 1px solid rgba(148,163,184,.22) !important; }
body.theme-dark #deviceTabContent form.settings-form > section > h3 { color: #f4f7ff !important; }
body.theme-dark #deviceTabContent form.settings-form .switch-row { color: #d2ddef !important; background: #101722 !important; border: 1px solid rgba(148,163,184,.2) !important; }
body.theme-dark #deviceTabContent form.settings-form .settings-input { color: #f1f5fb !important; background: #0f1621 !important; border-color: rgba(148,163,184,.3) !important; }

/* v4.3 — compact media, square folders, handle-only ordering and open fleet list. */
.v4-sequence-row { grid-template-columns: 24px 28px 42px minmax(0,1fr) auto !important; min-height: 54px !important; cursor: default !important; user-select: none; }
.v4-sequence-row .v4-drag-handle.v43-drag-handle { display:grid !important; place-items:center; width:24px; height:34px; min-width:24px; padding:0; border:0; border-radius:7px; color:var(--v4-muted); background:transparent; cursor:grab; touch-action:none; }
.v4-sequence-row .v4-drag-handle.v43-drag-handle:hover { color:var(--v4-accent); background:var(--v4-accent-soft); }
.v4-sequence-row .v4-drag-handle.v43-drag-handle:active { cursor:grabbing; }
.v4-sequence-row .v4-drag-handle.v43-drag-handle .v4-svg { width:17px; height:17px; }
.v4-sequence-row .v4-sequence-actions [data-studio-playlist-item-up], .v4-sequence-row .v4-sequence-actions [data-studio-playlist-item-down], .v4-sequence-row .v4-sequence-actions [data-slot-content-move] { display:none !important; }
.v4-sequence-row .v4-sequence-thumb { width:42px !important; height:32px !important; border-radius:6px !important; }
.v4-sequence-row .v4-sequence-number { width:22px !important; height:22px !important; font-size:10px !important; }
.v4-sequence-row .v4-sequence-actions { grid-template-columns: repeat(3, 21px) !important; gap:3px !important; }
.v4-sequence-row .v42-sequence-check { width:20px !important; height:20px !important; }
.v4-sequence-row.dragging { opacity:.52; }
.v4-sequence-row.drop-target { border-color:var(--v4-accent) !important; box-shadow:inset 0 -2px 0 var(--v4-accent),0 0 0 1px var(--v4-accent-line) !important; }
.v4-playlist-editor-grid { grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr) !important; gap:14px !important; }
.v4-source-grid { grid-template-columns:repeat(auto-fill,minmax(86px,1fr)) !important; gap:7px !important; }
.v4-playlist-source { min-height:106px !important; padding:6px !important; border-radius:9px !important; }
.v4-playlist-source .v4-source-thumb { height:50px !important; min-height:50px !important; border-radius:6px !important; }
.v4-playlist-source b { font-size:10px !important; line-height:1.35 !important; }
.v4-playlist-source small { font-size:9px !important; }
.v4-file-grid { grid-template-columns:repeat(auto-fill,minmax(94px,1fr)) !important; gap:8px !important; }
.v4-file-card { min-height:144px !important; padding:6px !important; border-radius:10px !important; }
.v4-file-card .v4-file-preview-button { height:67px !important; border-radius:7px !important; }
.v4-file-card .v4-file-details b { font-size:10px !important; line-height:1.35 !important; }
.v4-file-card .v4-file-details small, .v4-file-card .v4-state { font-size:9px !important; }
.v4-file-card .v4-card-actions { top:4px !important; inset-inline-end:4px !important; gap:2px !important; }
.v4-file-card .v4-icon-button { width:21px !important; height:21px !important; }
.v4-folder-tiles > div:last-child { grid-template-columns:repeat(auto-fill,minmax(98px,1fr)) !important; gap:8px !important; }
.v4-folder-tile { aspect-ratio:1 / 1; min-height:0 !important; padding:10px 7px !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:7px !important; border-radius:10px !important; text-align:center !important; }
.v4-folder-tile > .v4-svg { width:30px !important; height:30px !important; color:#e6aa44 !important; }
.v4-folder-tile > span { display:grid !important; gap:2px !important; text-align:center !important; min-width:0; }
.v4-folder-tile > span b { font-size:10px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v4-folder-tile > span small { font-size:9px !important; line-height:1.3 !important; }
.v4-folder-tile > .v4-svg:last-child { display:none !important; }
.reserved-creator { padding:18px !important; border-radius:14px !important; background:var(--v4-surface) !important; border:1px solid var(--v4-line) !important; }
.reserved-creator-head { align-items:flex-start !important; gap:14px !important; }
.reserved-creator-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; align-items:end !important; }
.reserved-creator-grid label { min-width:0 !important; color:var(--v4-muted) !important; font-size:11px !important; }
.reserved-creator-grid label input,.reserved-creator-grid label select { min-height:40px !important; margin-top:5px !important; background:var(--v4-soft) !important; border-color:var(--v4-line-strong) !important; }
.reserved-creator-grid .reserved-name-field { grid-column:span 2 !important; }
.reserved-creator-grid .reserved-name-field small { display:block; min-height:26px; margin-top:5px; color:var(--v4-muted) !important; line-height:1.45; }
#view-fleet .table-panel { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#view-fleet .table-scroll { overflow-x:auto; background:transparent !important; }
#view-fleet .fleet-table { min-width:970px; border-collapse:collapse !important; border-spacing:0 !important; background:transparent !important; }
#view-fleet .fleet-table thead th { height:42px; color:var(--v4-muted) !important; background:transparent !important; border-bottom:1px solid var(--v4-line-strong) !important; font-size:11px !important; white-space:nowrap; }
#view-fleet .fleet-table .fleet-row { background:transparent !important; transition:background .16s ease; }
#view-fleet .fleet-table .fleet-row:hover { background:var(--v4-soft) !important; }
#view-fleet .fleet-table .fleet-row td { padding:9px 10px !important; vertical-align:middle !important; border-bottom:1px solid var(--v4-line) !important; background:transparent !important; }
#view-fleet .fleet-table .fleet-row:last-child td { border-bottom:0 !important; }
#view-fleet .device-cell { gap:12px !important; align-items:center !important; min-width:220px !important; }
#view-fleet .device-cell > .shot-thumb, #view-fleet .device-cell > .shot-placeholder { flex:0 0 84px !important; }
#view-fleet .shot-thumb, #view-fleet .shot-placeholder { display:block !important; width:84px !important; height:58px !important; min-width:84px !important; max-width:84px !important; border:1px solid var(--v4-line-strong) !important; border-radius:8px !important; box-shadow:0 2px 8px rgba(15,23,42,.10) !important; object-fit:cover !important; object-position:center !important; background:var(--v4-soft) !important; overflow:hidden !important; }
#view-fleet .shot-placeholder { display:grid !important; place-items:center !important; color:var(--v4-muted) !important; }
#view-fleet .device-cell > div:last-child { min-width:0 !important; }
#view-fleet .device-cell > div:last-child b, #view-fleet .device-cell > div:last-child small { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
#view-fleet .device-cell b { font-size:12px !important; }
#view-fleet .device-cell small, #view-fleet .category-location small, #view-fleet .time-note { color:var(--v4-muted) !important; font-size:10px !important; }
#view-fleet .fleet-table .badge { padding:4px 8px !important; font-size:10px !important; }
#view-fleet .row-button { min-height:30px !important; padding:5px 9px !important; font-size:10px !important; }
@media(max-width:900px){.reserved-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.reserved-creator-grid .reserved-name-field{grid-column:span 2 !important;}.v4-playlist-editor-grid{grid-template-columns:1fr !important;}.v4-source-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr)) !important;}}
@media(max-width:560px){#view-fleet .device-cell{min-width:180px !important;gap:8px !important;}#view-fleet .device-cell > .shot-thumb,#view-fleet .device-cell > .shot-placeholder{flex-basis:64px !important;}#view-fleet .shot-thumb,#view-fleet .shot-placeholder{width:64px !important;height:48px !important;min-width:64px !important;max-width:64px !important;}.reserved-creator-grid{grid-template-columns:1fr !important;}.reserved-creator-grid .reserved-name-field{grid-column:auto !important;}.v4-file-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;}.v4-file-card{min-height:132px !important;}.v4-folder-tiles > div:last-child{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}.v4-sequence-row{grid-template-columns:22px 23px 38px minmax(0,1fr) auto !important;padding:6px !important;}.v4-sequence-row .v4-sequence-thumb{width:38px !important;height:29px !important;}}

/* File Manager list mode keeps all existing selection and action controls in a denser operational layout. */
.v4-view-toggle { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid var(--v4-line); border-radius: 9px; background: var(--v4-surface); }
.v4-view-toggle .v4-icon-button.active { color: #fff; background: var(--v4-accent); border-color: var(--v4-accent); }
.v4-file-grid.v4-file-list-view { display: flex !important; flex-direction: column; gap: 7px !important; }
.v4-file-grid.v4-file-list-view .v4-file-card { display: grid; grid-template-columns: 24px 76px minmax(0, 1fr) auto; align-items: center; min-height: 82px !important; padding: 8px !important; }
.v4-file-grid.v4-file-list-view .v4-file-preview-button { width: 72px; height: 58px !important; }
.v4-file-grid.v4-file-list-view .v4-file-details { padding: 0 10px; }
.v4-file-grid.v4-file-list-view .v4-card-actions { position: static !important; opacity: 1 !important; transform: none !important; }
@media (max-width: 560px) {
  .v4-file-grid.v4-file-list-view .v4-file-card { grid-template-columns: 22px 54px minmax(0, 1fr) auto; min-height: 68px !important; }
  .v4-file-grid.v4-file-list-view .v4-file-preview-button { width: 50px; height: 46px !important; }
  .v4-file-grid.v4-file-list-view .v4-file-details { padding: 0 6px; }
}

/* 2.9.7: readable device content and low-noise command categories. */
.quick-command.farakiosk-command { background: rgba(251, 146, 60, .13) !important; border-color: rgba(251, 146, 60, .34) !important; }
.quick-command.akiosk-command { background: rgba(139, 92, 246, .13) !important; border-color: rgba(139, 92, 246, .34) !important; }
.quick-command.personal-command:not(.farakiosk-command):not(.akiosk-command) { background: rgba(59, 130, 246, .11) !important; border-color: rgba(59, 130, 246, .28) !important; }
.quick-command.organizational-command:not(.farakiosk-command):not(.akiosk-command) { background: rgba(16, 185, 129, .11) !important; border-color: rgba(16, 185, 129, .30) !important; }
.quick-command.organizational-command.personal-command { border-style: double !important; }
.screenshot-card { overflow: hidden; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.screenshot-card .open-image { display: grid; width: 100%; gap: 8px; background: transparent !important; }
.screenshot-card .open-image img { display: block; width: 100%; height: auto !important; max-height: 480px; object-fit: contain !important; aspect-ratio: auto !important; border: 0 !important; border-radius: 10px; background: transparent !important; }
.screenshot-card .open-image span { padding: 4px 2px !important; background: transparent !important; }
.v4-display-quality { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(180px, 1.2fr); gap: 10px; align-items: center; margin: 14px 0; padding: 15px 17px; border: 1px solid rgba(91, 132, 255, .24); border-radius: 14px; background: linear-gradient(135deg, rgba(69, 102, 208, .14), rgba(20, 184, 166, .08)); }
.v4-display-quality b { color: var(--v4-text); font-size: 14px; }
.v4-display-quality span { color: var(--v4-text); font-weight: 700; }
.v4-display-quality small { grid-column: 1 / -1; color: var(--v4-subtle); }
.v4-file-card .v4-file-preview-button { height: 92px !important; }
.v4-file-card .v4-file-visual { max-height: 92px !important; aspect-ratio: 16 / 10 !important; }
.v4-file-card .v4-file-details { padding-top: 4px !important; gap: 1px !important; }
.v4-selected-count { padding: 5px 8px; border-radius: 8px; color: var(--v4-text); background: rgba(91, 132, 255, .13); font-size: 12px; font-weight: 700; }
@media (max-width: 680px) { .v4-display-quality { grid-template-columns: 1fr; } .v4-file-card .v4-file-preview-button, .v4-file-card .v4-file-visual { height: 78px !important; max-height: 78px !important; } }

/* 2.9.8 File Manager usability: keep navigation, selection and long file lists visible together. */
.v4-explorer-shell { min-height: min(78vh, 980px); }
.v4-explorer-layout { min-height: 620px; height: min(68vh, 780px); }
.v4-explorer-sidebar, .v4-explorer-main, .v4-selection-panel { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.v4-explorer-main { scrollbar-gutter: stable; }
.v4-file-toolbar > div:last-child { flex-wrap: wrap; justify-content: flex-end; }
.v4-selection-toolbar { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 5px 7px; background: var(--v4-accent-soft); border: 1px solid var(--v4-accent-line); border-radius: 9px; }
.v4-selection-toolbar[hidden] { display: none !important; }
.v4-selected-count { color: var(--v4-accent); font-weight: 750; }
@media (max-width: 900px) {
  .v4-explorer-layout { height: auto; min-height: 0; }
  .v4-explorer-sidebar, .v4-explorer-main, .v4-selection-panel { max-height: none; overflow: visible; }
  .v4-file-toolbar > div:last-child { justify-content: flex-start; }
}

/* Stable live-log refresh feedback: retain existing command rows while fetching new state. */
.live-log-refresh { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 8px; padding: 5px 9px; color: var(--v4-muted); background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 99px; font-size: 10px; }
.live-log-refresh[hidden] { display: none; }
.live-log-spinner { width: 11px; height: 11px; border: 2px solid var(--v4-accent-soft); border-top-color: var(--v4-accent); border-radius: 50%; animation: v4-live-spin .7s linear infinite; }
.live-log-placeholder { padding: 12px; color: var(--v4-muted); font-size: 11px; }
@keyframes v4-live-spin { to { transform: rotate(360deg); } }

/* Managed Wi‑Fi profile workspace. */
.managed-wifi-workspace { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr); gap: 14px; margin: 12px 0; }
.managed-wifi-form, .managed-wifi-list { min-width: 0; padding: 13px; background: var(--v4-surface-2); border: 1px solid var(--v4-line); border-radius: 11px; }
.managed-wifi-form h4, .managed-wifi-list h4 { margin: 0 0 10px; color: var(--v4-text); font-size: 12px; }
.managed-wifi-list { display: grid; align-content: start; gap: 8px; max-height: 370px; overflow: auto; }
.managed-wifi-profile { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; background: var(--v4-surface); border: 1px solid var(--v4-line); border-radius: 9px; }
.managed-wifi-profile.active { border-color: var(--v4-accent); box-shadow: 0 0 0 2px var(--v4-accent-soft); }
.managed-wifi-profile > div:first-child { min-width: 0; display: grid; gap: 3px; }
.managed-wifi-profile b, .managed-wifi-profile small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.managed-wifi-profile b { color: var(--v4-text); font-size: 11px; }
.managed-wifi-profile small { color: var(--v4-subtle); font-size: 9px; }
@media (max-width: 760px) { .managed-wifi-workspace { grid-template-columns: 1fr; } .managed-wifi-list { max-height: none; } .managed-wifi-profile { align-items: flex-start; flex-direction: column; } }

/* Keep each kiosk screenshot at its natural aspect ratio: horizontal glorifiers stay horizontal and portrait kiosks stay portrait. */
#view-fleet .device-cell > .shot-thumb { flex: 0 0 auto !important; width: auto !important; height: auto !important; min-width: 0 !important; max-width: 112px !important; max-height: 148px !important; object-fit: contain !important; object-position: center !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .10) !important; background: transparent !important; }
#view-fleet .device-cell > .shot-placeholder { flex: 0 0 84px !important; width: 84px !important; height: 58px !important; }
#deviceHero .hero-shot-button { display: inline-block; width: auto !important; max-width: min(100%, 560px); padding: 0 !important; overflow: visible !important; background: transparent !important; }
#deviceHero .hero-shot { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 460px !important; object-fit: contain !important; object-position: center !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; }
@media (max-width: 560px) { #view-fleet .device-cell > .shot-thumb { max-width: 82px !important; max-height: 118px !important; } }

/* Screenshot containment: captures may be portrait or landscape, but they must never paint over tabs, cards, or controls. */
#deviceHero { position: relative; isolation: isolate; }
#deviceHero .hero-shot-button {
  position: relative !important;
  z-index: 0 !important;
  display: inline-block !important;
  max-width: min(100%, 560px) !important;
  overflow: hidden !important;
  contain: paint;
  clip-path: inset(0 round 10px);
  border-radius: 10px !important;
}
#deviceHero .hero-shot {
  position: relative !important;
  z-index: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: min(48vh, 460px) !important;
  object-fit: contain !important;
  object-position: center !important;
}
#deviceTabs, .device-tabs, #deviceTabContent { position: relative; isolation: isolate; }
#deviceTabs, .device-tabs { z-index: 20; }
#deviceTabContent { z-index: 10; }

/* Light theme keeps cards, table rows, form controls, and modal text readable without reducing contrast. */
body:not(.theme-dark) .package-card,
body:not(.theme-dark) .data-row,
body:not(.theme-dark) .modal-card,
body:not(.theme-dark) .hero-kpi,
body:not(.theme-dark) .tab-toolbar,
body:not(.theme-dark) .timeline-scroll {
  background: #ffffff !important;
  color: #1f2937 !important;
  border-color: #d7e0ec !important;
  box-shadow: 0 5px 16px rgba(31, 41, 55, .055);
}
body:not(.theme-dark) .package-card span,
body:not(.theme-dark) .data-row small,
body:not(.theme-dark) .data-row time,
body:not(.theme-dark) .hero-kpi small,
body:not(.theme-dark) .muted,
body:not(.theme-dark) .time-note { color: #52627a !important; opacity: 1 !important; }
body:not(.theme-dark) input,
body:not(.theme-dark) select,
body:not(.theme-dark) textarea { background: #ffffff !important; color: #1f2937 !important; border-color: #bcc9da !important; }
body:not(.theme-dark) .screenshot-card .open-image,
body:not(.theme-dark) .screenshot-grid { background: #f8fafc !important; border-color: #d7e0ec !important; }

/* ===== control-center-210.css ===== */
/* ============================================================
   AEHI Control Center — v5 Design System
   لایهٔ نهایی روی v1/v3/v4. توکن‌محور، فارسی-محور، روشن/دارک پایدار.
   ============================================================ */

/* ---------- ۱. فونت لوکال (بدون وابستگی به Google Fonts) ---------- */
@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/Vazirmatn-Variable.woff2') format('woff2-variations'),
       url('fonts/Vazirmatn-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- ۲. توکن‌های طراحی ---------- */
:root {
  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-full: 999px;
  --font: 'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
  --speed: .18s;
  /* مقادیر تاریک پیش‌فرض (روشن با body:not(.theme-dark) بازنویسی می‌شود) */
  --bg: #0a0f1a;
  --surface: #101726;
  --surface-2: #0d1420;
  --surface-3: #16203200;
  --line: rgba(148, 163, 184, .14);
  --line-strong: rgba(148, 163, 184, .26);
  --text: #e6eaf2;
  --ink: #f4f7fc;
  --muted: #8a94a6;
  --primary: #6366f1;
  --primary-strong: #4f46e5;
  --primary-soft: rgba(99, 102, 241, .14);
  --primary-ink: #c7d2fe;
  --cyan: #2dd4bf;
  --green: #12b76a;
  --amber: #f79009;
  --red: #f04438;
  --ok-soft: rgba(18, 183, 106, .13);   --ok-ink: #4ade9c;   --ok-line: rgba(18, 183, 106, .3);
  --warn-soft: rgba(247, 144, 9, .13);  --warn-ink: #fdba74; --warn-line: rgba(247, 144, 9, .3);
  --danger-soft: rgba(240, 68, 56, .12);--danger-ink: #fda29b;--danger-line: rgba(240, 68, 56, .32);
  --info-soft: rgba(45, 212, 191, .12); --info-ink: #5eead4; --info-line: rgba(45, 212, 191, .3);
  --neutral-soft: rgba(100, 116, 139, .13); --neutral-ink: #94a3b8; --neutral-line: rgba(100, 116, 139, .28);
  --shadow: 0 10px 30px rgba(2, 6, 16, .35);
  --shadow-soft: 0 4px 14px rgba(2, 6, 16, .22);
  --focus: 0 0 0 3px rgba(99, 102, 241, .28);
}

/* تم روشن — پیش‌فرض محصول */
body:not(.theme-dark) {
  --bg: #edf0f6;
  --surface: #fbfcfe;
  --surface-2: #f1f4f9;
  --line: #dde3ec;
  --line-strong: #cbd3e1;
  --text: #1a2436;
  --ink: #0f172a;
  --muted: #5f6b81;
  --primary: #4f46e5;
  --primary-strong: #4338ca;
  --primary-soft: rgba(79, 70, 229, .09);
  --primary-ink: #4f46e5;
  --cyan: #0e9384;
  --green: #12b76a;
  --amber: #dc6803;
  --red: #d92d20;
  --ok-soft: #e7f8ef;   --ok-ink: #067647;   --ok-line: #b8e6cd;
  --warn-soft: #fef0e6; --warn-ink: #b54708; --warn-line: #f8d9ba;
  --danger-soft: #feecea;--danger-ink: #b42318;--danger-line: #f6c9c4;
  --info-soft: #e6f7f4; --info-ink: #0e9384; --info-line: #bfe8e0;
  --neutral-soft: #eef1f6; --neutral-ink: #5f6b81; --neutral-line: #dbe1ec;
  --shadow: 0 12px 28px rgba(16, 24, 40, .08);
  --shadow-soft: 0 2px 10px rgba(16, 24, 40, .06);
  background: var(--bg) !important;
  color: var(--text) !important;
}
body.theme-dark {
  --bg: #0a0f1a;
  --surface: #101726;
  --surface-2: #0d1420;
  --line: rgba(148, 163, 184, .14);
  --line-strong: rgba(148, 163, 184, .28);
  --text: #e6eaf2;
  --ink: #f4f7fc;
  --muted: #8a94a6;
  --primary: #6366f1;
  --primary-strong: #818cf8;
  --primary-soft: rgba(99, 102, 241, .16);
  --primary-ink: #c7d2fe;
  --ok-soft: rgba(18, 183, 106, .14);   --ok-ink: #4ade9c;   --ok-line: rgba(18, 183, 106, .32);
  --warn-soft: rgba(247, 144, 9, .14);  --warn-ink: #fdba74; --warn-line: rgba(247, 144, 9, .32);
  --danger-soft: rgba(240, 68, 56, .13);--danger-ink: #fda29b;--danger-line: rgba(240, 68, 56, .34);
  --info-soft: rgba(45, 212, 191, .13); --info-ink: #5eead4; --info-line: rgba(45, 212, 191, .32);
  --neutral-soft: rgba(100, 116, 139, .15); --neutral-ink: #a5b0c2; --neutral-line: rgba(100, 116, 139, .3);
  background: var(--bg) !important;
  color: var(--text) !important;
}
/* هم‌ترازسازی متغیرهای قدیمی سه لایهٔ قبلی با توکن‌های v5 */
:root, body:not(.theme-dark), body.theme-dark {
  --aehi: var(--primary);
  --aehi-strong: var(--primary-strong);
  --aqua: var(--cyan);
  --success: var(--green);
  --warning: var(--amber);
  --danger: var(--red);
}
body:not(.theme-dark) {
  --z950: #edf0f6; --z900: #fbfcfe; --z850: #f8fafc; --z800: #eef2f7; --z750: #e4e9f1;
  --z700: #cfd6e4; --z600: #7c88a1; --z500: #5f6b81; --z400: #47536b; --z300: #2f3b52;
  --z200: #1a2436; --z100: #0f172a;
  --surface: #fbfcfe; --surface-2: #f1f4f9;
  --line: #dde3ec;
  --shadow: 0 12px 28px rgba(16, 24, 40, .08);
}
body.theme-dark {
  --z950: #0a0f1a; --z900: #101726; --z850: #0d1420; --z800: #151f31; --z750: #1b2740;
  --z700: #2a3752; --z600: #94a3b8; --z500: #8a94a6; --z400: #aab4c5; --z300: #c7d0de;
  --z200: #e6eaf2; --z100: #f4f7fc;
  --shadow: 0 10px 30px rgba(2, 6, 16, .35);
}

/* ---------- ۳. پایه و تایپوگرافی ---------- */
* { box-sizing: border-box; }
html { background: var(--bg); }
body, .rtl, body.rtl {
  font-family: var(--font) !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; letter-spacing: inherit; }
h1, h2, h3, h4 { color: var(--ink); font-weight: 700; letter-spacing: 0 !important; line-height: 1.4; }
b, strong { font-weight: 700; }
::selection { background: var(--primary-soft); }
.muted { color: var(--muted) !important; }
* { scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }
:focus-visible { outline: none; box-shadow: var(--focus); border-radius: 6px; }
:where(img, svg) { max-width: 100%; }

.eyebrow {
  font-size: 10.5px !important; font-weight: 700; color: var(--primary) !important;
  letter-spacing: .06em;
}

/* ---------- ۴. اسکلت صفحات ---------- */
.main-content { background: transparent; }
.view-heading h2 { font-size: 20px !important; margin: 2px 0; }
.view-heading .muted { font-size: 12.5px; }
.view-heading .heading-actions { gap: 8px; flex-wrap: wrap; }

/* سایدبار */
.sidebar {
  background: var(--surface) !important;
  border-inline-start: 1px solid var(--line) !important;
  box-shadow: none !important;
}
.brand { padding: 6px 8px 14px; border-bottom: 1px solid var(--line); }
.brand b { letter-spacing: .04em; }
.nav { gap: 2px !important; margin-top: 18px !important; }
.nav-item {
  border-radius: 10px !important; color: var(--muted) !important;
  font-size: 12.5px !important; font-weight: 500; min-height: 38px !important;
  transition: background var(--speed), color var(--speed);
}
.nav-item span { font-size: 16px !important; opacity: .85; }
.nav-item:hover { background: var(--surface-2) !important; color: var(--text) !important; }
.nav-item.active {
  background: var(--primary-soft) !important;
  color: var(--primary-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 700;
  position: relative;
}
.nav-item.active::after {
  content: ''; position: absolute; inset-inline-start: -12px; top: 22%; height: 56%; width: 3px;
  border-radius: 4px; background: var(--primary);
}
.sidebar-footer { border-top: 1px solid var(--line); }
.apk-link { border-radius: 10px; border: 1px dashed var(--line-strong); color: var(--muted) !important; }
.apk-link:hover { color: var(--primary) !important; border-color: var(--primary); }

/* توپ‌بار */
.topbar {
  background: transparent !important; border-bottom: 1px solid var(--line) !important;
  backdrop-filter: none; box-shadow: none !important;
}
.topbar #pageTitle { font-size: 17px !important; }
.topbar .clock small { color: var(--muted) !important; }
.language-button, .icon-button, .user-button {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: 10px !important; color: var(--text) !important;
  box-shadow: var(--shadow-soft) !important; transition: border-color var(--speed);
}
.language-button:hover, .icon-button:hover { border-color: var(--primary) !important; color: var(--primary) !important; }

/* ---------- ۵. پنل‌ها و کارت‌ها ---------- */
.panel, .table-panel {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-soft) !important;
}
.panel-head h3 { font-size: 15px !important; }
.panel-head p { color: var(--muted) !important; font-size: 12px !important; }

.metric-grid { gap: 12px !important; }
.metric-card, .summaryCards .metric, #summaryCards > * {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: var(--r-lg) !important; box-shadow: var(--shadow-soft) !important;
}
.skeleton-card { background: linear-gradient(90deg, var(--surface-2), var(--surface), var(--surface-2)); border-radius: var(--r-lg); border: 1px solid var(--line); }

/* ---------- ۶. دکمه‌ها ---------- */
.primary-button {
  background: linear-gradient(135deg, var(--primary), var(--primary-strong)) !important;
  color: #fff !important; border: 0 !important; border-radius: 10px !important;
  padding: 9px 16px !important; font-weight: 600 !important; font-size: 12.5px !important;
  box-shadow: 0 6px 16px rgba(79, 70, 229, .25) !important;
  transition: filter var(--speed), transform var(--speed);
}
.primary-button:hover { filter: brightness(1.08); }
.primary-button:active { transform: translateY(1px); }
.primary-button:disabled { opacity: .45 !important; box-shadow: none !important; cursor: not-allowed; filter: none; }
.secondary-button {
  background: var(--surface) !important; color: var(--text) !important;
  border: 1px solid var(--line-strong) !important; border-radius: 10px !important;
  padding: 8px 14px !important; font-weight: 600 !important; font-size: 12.5px !important;
  box-shadow: none !important; transition: border-color var(--speed), color var(--speed);
}
.secondary-button:hover { border-color: var(--primary) !important; color: var(--primary) !important; }
.danger-button {
  background: var(--danger-soft) !important; color: var(--danger-ink) !important;
  border: 1px solid var(--danger-line) !important; border-radius: 10px !important;
  padding: 8px 14px !important; font-weight: 600 !important; font-size: 12.5px !important;
}
.danger-button:hover { background: var(--danger-line) !important; }
.text-button { color: var(--primary) !important; font-weight: 600; }
.filter-button {
  background: var(--surface-2) !important; border: 1px dashed var(--line-strong) !important;
  color: var(--muted) !important; border-radius: 10px !important;
}
.inline-actions { gap: 6px; }

/* ---------- ۷. فرم‌ها ---------- */
input, select, textarea {
  background: var(--surface) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  min-height: 36px;
  transition: border-color var(--speed), box-shadow var(--speed);
}
input:hover, select:hover, textarea:hover { border-color: var(--primary) !important; }
input:focus, select:focus, textarea:focus {
  border-color: var(--primary) !important; box-shadow: var(--focus) !important; outline: none !important;
}
input::placeholder { color: var(--muted); }
label > span { color: var(--muted); font-size: 12px; font-weight: 600; }
.search-box input { background: var(--surface) !important; }
select option { background: var(--surface); color: var(--text); }
.modal label, .modal-two-columns label { display: grid; gap: 6px; margin-bottom: 10px; }
.modal input, .modal select, .modal textarea { width: 100%; }
.modal-check { display: flex; align-items: center; gap: 8px; }
.modal-check input { min-height: 0; width: auto; }

/* ---------- ۸. جدول ناوگان و جدول‌ها ---------- */
.table-scroll { border-radius: var(--r); }
.fleet-table { border-collapse: separate; border-spacing: 0; }
.fleet-table th {
  position: sticky; top: 0; z-index: 3;
  background: var(--surface-2) !important; color: var(--muted) !important;
  font-size: 11px !important; font-weight: 700; text-transform: none; letter-spacing: 0 !important;
  border-bottom: 1px solid var(--line) !important; padding: 10px 12px !important;
}
.fleet-table td { border-bottom: 1px solid var(--line) !important; padding: 12px !important; vertical-align: middle !important; }
.fleet-table tbody tr { transition: background var(--speed); }
.fleet-table tbody tr:hover { background: var(--primary-soft) !important; }
.fleet-table tbody tr:last-child td { border-bottom: 0 !important; }
.table-meta { color: var(--muted); font-size: 12px; }

.shot-thumb {
  height: 88px !important; width: auto !important; max-width: 140px !important;
  object-fit: contain !important; background: var(--surface-2) !important;
  border-radius: 8px !important; border: 1px solid var(--line) !important;
  box-shadow: none !important; display: block;
}
.shot-placeholder {
  width: 104px; aspect-ratio: 16 / 9; display: grid; place-items: center;
  border-radius: 8px; border: 1px dashed var(--line-strong); color: var(--muted); background: var(--surface-2);
}

/* ---------- ۹. نشان‌ها، چیپ‌ها، وضعیت ---------- */
.badge {
  display: inline-flex !important; align-items: center; gap: 6px;
  padding: 3px 10px !important; border-radius: var(--r-full) !important;
  font-size: 11px !important; font-weight: 700 !important; line-height: 1.7;
  border: 1px solid var(--neutral-line) !important;
  background: var(--neutral-soft) !important; color: var(--neutral-ink) !important;
  letter-spacing: 0 !important;
}
.badge.online { background: var(--ok-soft) !important; color: var(--ok-ink) !important; border-color: var(--ok-line) !important; }
.badge.offline { background: var(--neutral-soft) !important; color: var(--neutral-ink) !important; border-color: var(--neutral-line) !important; }
.badge.rooted, .badge.a-kiosk { background: var(--primary-soft) !important; color: var(--primary-ink) !important; border-color: transparent !important; }
.badge.attention, .badge.warn { background: var(--warn-soft) !important; color: var(--warn-ink) !important; border-color: var(--warn-line) !important; }
.badge.danger { background: var(--danger-soft) !important; color: var(--danger-ink) !important; border-color: var(--danger-line) !important; }

.v5-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; flex: none; }
.v5-dot.on { background: var(--green); box-shadow: 0 0 0 3px var(--ok-soft); animation: v5pulse 2.4s infinite; }
.v5-dot.off { background: var(--neutral-ink); box-shadow: 0 0 0 3px var(--neutral-soft); }
@keyframes v5pulse { 0%, 100% { box-shadow: 0 0 0 3px var(--ok-soft); } 50% { box-shadow: 0 0 0 5px transparent; } }

.v5-status { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 12.5px; }
.v5-lastseen { display: block; font-size: 11px; color: var(--muted); font-weight: 500; margin-top: 2px; }
.v5-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px;
  background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--r-full);
  font-size: 11.5px; color: var(--muted); font-weight: 600;
}
.v5-actions { display: inline-flex; gap: 6px; align-items: center; }
.v5-icon-btn {
  width: 30px; height: 30px; display: inline-grid; place-items: center; cursor: pointer;
  border-radius: 8px; border: 1px solid var(--line); background: var(--surface);
  color: var(--muted); font-size: 13px; transition: all var(--speed); padding: 0;
}
.v5-icon-btn:hover { color: var(--primary); border-color: var(--primary); background: var(--primary-soft); }

/* ---------- ۱۰. تب‌ها و سگمنت‌ها ---------- */
.tab-strip, .a-kiosk-tabs { gap: 6px !important; flex-wrap: wrap; }
.tab-strip button, .a-kiosk-tabs .segment, .segment {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  color: var(--muted) !important; border-radius: 10px !important;
  padding: 7px 14px !important; font-size: 12px !important; font-weight: 600 !important;
  box-shadow: none !important; transition: all var(--speed);
}
.tab-strip button:hover, .segment:hover { color: var(--primary) !important; border-color: var(--primary) !important; }
.tab-strip button.active, .segment.active {
  background: var(--primary-soft) !important; color: var(--primary-ink) !important;
  border-color: var(--primary) !important; font-weight: 700;
}

/* ---------- ۱۱. مودال، هشدار، توست ---------- */
.modal-layer { background: rgba(8, 12, 24, .55) !important; backdrop-filter: blur(6px); z-index: 90; }
.modal {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: var(--r-lg) !important; box-shadow: var(--shadow) !important;
  max-width: min(680px, calc(100vw - 32px)) !important; max-height: 86vh !important;
  overflow: auto !important; padding: 22px !important;
}
.modal h3 { font-size: 16px !important; margin: 0 0 4px; }
.modal p { color: var(--muted) !important; font-size: 12.5px; }
.modal-actions { display: flex; gap: 8px; justify-content: flex-start; margin-top: 14px; }

.alert-card {
  background: var(--surface) !important; border: 1px solid var(--danger-line) !important;
  border-radius: var(--r-lg) !important; box-shadow: var(--shadow) !important; max-width: 460px; padding: 20px;
}
.alert-card h3 { color: var(--danger-ink) !important; display: flex; align-items: center; gap: 8px; }
.alert-card h3::before { content: '⚠'; font-size: 18px; }

.toast-area { z-index: 120; inset-inline-end: 18px !important; inset-inline-start: auto !important; bottom: 18px !important; display: flex; flex-direction: column; gap: 8px; pointer-events: none !important; width: auto !important; height: auto !important; }
.toast-area > * { pointer-events: auto !important; }
.toast {
  background: var(--surface) !important; color: var(--text) !important;
  border: 1px solid var(--line) !important; border-inline-start: 3px solid var(--primary) !important;
  border-radius: 12px !important; padding: 11px 14px !important; font-size: 12.5px !important;
  box-shadow: var(--shadow) !important; max-width: 380px;
  animation: v5toastin .22s ease-out;
}
.toast.success { border-inline-start-color: var(--green) !important; }
.toast.error { border-inline-start-color: var(--red) !important; }
.toast.warn { border-inline-start-color: var(--amber) !important; }
@keyframes v5toastin { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- ۱۲. حالت خالی، اسکلت، بارگذاری ---------- */
.empty-state { color: var(--muted); }
.empty-state h3 { color: var(--text) !important; font-size: 14px; }
.empty-state p { font-size: 12px; }
.empty-state > span {
  width: 52px; height: 52px; display: grid; place-items: center; font-size: 22px;
  background: var(--surface-2); border: 1px solid var(--line); border-radius: 14px; margin-bottom: 10px;
}

/* ---------- ۱۳. صفحهٔ ورود ---------- */
.login-layer { background: var(--bg); }
.login-card {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: 20px !important; box-shadow: var(--shadow) !important; padding: 30px 26px !important;
}
.login-card h2 { font-size: 17px !important; }
.login-card .primary-button { width: 100%; margin-top: 4px; }

/* ---------- ۱۴. اصلاحات موضعی باگ‌دار ---------- */
/* تصاویر عمودی/افقی: کل تصویر دیده شود، نه برش خورده */
.shot-thumb { object-fit: contain !important; background: var(--surface-2) !important; }
.hero-shot { object-fit: contain !important; background: var(--surface-2) !important; }
.screenshot-grid .screenshot-card .open-image img,
.screenshot-card .open-image img {
  object-fit: contain !important;
  background: var(--surface-2) !important;
}
/* اسکرول طبیعی استودیو */
.content-studio-shell { min-height: 0 !important; }
.v4-explorer-shell { min-height: 0 !important; max-height: none !important; }
.v4-explorer-shell .v4-file-grid, .v4-explorer-shell .v4-folder-tree { overflow: visible !important; max-height: none !important; }

/* چک‌لیست رسانهٔ لحظهٔ ساخت رزرو */
.v5-asset-checklist {
  display: flex; flex-direction: column; gap: 4px; max-height: 168px; overflow: auto;
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); padding: 8px;
}
.v5-asset-check {
  display: flex !important; align-items: center; gap: 8px; padding: 6px 8px; margin: 0 !important;
  border-radius: 8px; cursor: pointer; font-size: 12px;
}
.v5-asset-check:hover { background: var(--primary-soft); }
.v5-asset-check input { min-height: 0; width: auto; }
.v5-asset-check .v5-asset-type { color: var(--primary); font-size: 12px; }
.v5-asset-check b { font-weight: 600; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v5-asset-check small { color: var(--muted); }

/* ---------- ۱۸. کنتراست تم روشن: عناصر کم‌رنگ قدیمی ---------- */
body:not(.theme-dark) .back-button { color: var(--primary) !important; font-weight: 700; }
body:not(.theme-dark) .back-button:hover { color: var(--primary-strong) !important; }
body:not(.theme-dark) .text-button { color: var(--primary) !important; }
body:not(.theme-dark) .text-button:hover { color: var(--primary-strong) !important; }
body:not(.theme-dark) .selection-note { color: var(--muted) !important; }
body:not(.theme-dark) .apk-link { color: var(--muted) !important; }
body:not(.theme-dark) .row-button {
  color: var(--text) !important; background: var(--surface) !important; border: 1px solid var(--line-strong) !important;
}
body:not(.theme-dark) .row-button:hover { color: var(--primary) !important; border-color: var(--primary) !important; background: var(--primary-soft) !important; }
body:not(.theme-dark) .data-row p { color: var(--text) !important; }
body:not(.theme-dark) .page-button { color: var(--text) !important; border-color: var(--line-strong); }
body:not(.theme-dark) .page-button:hover { border-color: var(--primary) !important; color: var(--primary) !important; }
body:not(.theme-dark) .page-button.active { background: var(--primary) !important; color: #fff !important; border-color: var(--primary) !important; }
body:not(.theme-dark) .fleet-table tbody tr:hover td,
body:not(.theme-dark) .fleet-table tbody tr:hover small,
body:not(.theme-dark) .fleet-table tbody tr:hover b { color: var(--ink); }
body:not(.theme-dark) .fleet-table tbody tr:hover .badge { filter: saturate(1.4); }
body:not(.theme-dark) .nav-item:hover { color: var(--ink) !important; }
body:not(.theme-dark) .device-cell small, body:not(.theme-dark) .time-note,
body:not(.theme-dark) .version-badge, body:not(.theme-dark) .category-location small { color: var(--muted) !important; }
body:not(.theme-dark) .tab-strip button:hover, body:not(.theme-dark) .tab-button:hover { color: var(--primary) !important; }
body:not(.theme-dark) .warning-note { color: var(--warn-ink) !important; }
body:not(.theme-dark) .form-error { color: var(--red) !important; }
/* کارت اسکرین‌شات: متن و دکمه‌ها بریده می‌شدند */
.screenshot-card {
  height: auto !important; min-height: 0 !important; overflow: visible !important;
  display: flex; flex-direction: column; gap: 8px; padding: 10px !important;
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: var(--r) !important; box-shadow: var(--shadow-soft) !important;
}
.screenshot-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px !important; }
.screenshot-card .open-image {
  display: flex !important; flex-direction: column; gap: 7px; align-items: stretch;
  width: 100%; height: auto !important; aspect-ratio: auto !important; overflow: visible !important;
  border: 0 !important; background: transparent !important; padding: 0 !important; cursor: zoom-in; position: static !important;
}
.screenshot-card .open-image img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block;
  border-radius: 8px; border: 1px solid var(--line); background: var(--surface-2);
}
.screenshot-card .open-image span {
  display: block !important; position: static !important; text-align: start;
  background: transparent !important; border: 0 !important; padding: 0 !important;
  transform: none !important; inset: auto !important; opacity: 1 !important;
}
.screenshot-grid .screenshot-card .open-image span b,
.screenshot-card .open-image span b {
  font-size: 10.5px !important; color: var(--muted) !important; text-shadow: none !important;
  font-weight: 600 !important; display: block; line-height: 1.7 !important;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; direction: ltr; text-align: start;
}
.screenshot-grid .screenshot-card .open-image span time,
.screenshot-card .open-image span time {
  font-size: 10.5px !important; color: var(--muted) !important; display: block;
  text-shadow: none !important; font-weight: 500 !important; line-height: 1.7 !important;
  white-space: normal !important; padding: 0 !important;
}
.screenshot-grid .screenshot-card .open-image img,
.screenshot-card .open-image img {
  width: auto !important; max-width: 100% !important; height: auto !important;
  max-height: 230px !important; min-height: 0 !important;
  object-fit: contain !important; display: block; margin: 0 auto;
  border: 1px solid var(--line) !important; border-radius: 8px !important;
  background: var(--surface-2) !important;
}
.screenshot-card time, .screenshot-card .shot-meta { font-size: 11px; color: var(--muted); }
.screenshot-card .danger-button, .screenshot-card [data-delete-screenshot] {
  width: 100%; font-size: 11px !important; padding: 6px 10px !important; border-radius: 8px !important;
}

/* کارت‌های رسانهٔ v4 — یکدست‌سازی */
.v4-file-card {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: var(--r) !important; box-shadow: none !important; overflow: hidden;
  transition: border-color var(--speed), transform var(--speed);
}
.v4-file-card:hover { border-color: var(--primary) !important; }
.v4-file-card.selected { border-color: var(--primary) !important; box-shadow: 0 0 0 2px var(--primary-soft) !important; }
.v4-file-preview-button { background: var(--surface-2) !important; }
.v4-file-details b { font-size: 12px; }
.v4-file-details small { color: var(--muted) !important; font-size: 10.5px; }

/* هیرو اسکرین‌شات صفحهٔ دستگاه */
.hero-shot-button { border-radius: var(--r) !important; overflow: hidden; border: 1px solid var(--line) !important; cursor: zoom-in; }
.hero-shot { display: block; height: auto; max-height: 150px; width: auto; max-width: 210px; object-fit: contain; background: var(--surface-2); border-radius: var(--r); }
.device-hero { border-bottom: 1px solid var(--line); }

/* دستورهای سریع: کارت‌های شلوغ overview */
.quick-command-card, #deviceTabContent .quick-commands [data-command] {
  background: var(--surface) !important; border: 1px solid var(--line) !important;
  border-radius: 10px !important; box-shadow: none !important;
}
.quick-command-card:hover, #deviceTabContent .quick-commands [data-command]:hover { border-color: var(--primary) !important; }

/* استودیو: ستون‌بندی تمیزتر */
.content-studio-shell, .device-content-manager { gap: 14px !important; }

/* فوتر */
.control-footer { color: var(--muted); font-size: 11.5px; opacity: .8; }

/* ---------- ۱۵. لایت‌باکس اسکرین‌شات (v5) ---------- */
.v5-lightbox {
  position: fixed; inset: 0; z-index: 200; display: flex; flex-direction: column;
  background: rgba(5, 8, 16, .92); backdrop-filter: blur(8px);
  animation: v5fadein .16s ease-out;
}
@keyframes v5fadein { from { opacity: 0; } to { opacity: 1; } }
.v5-lightbox-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px 18px; color: #dbe3f0; font-size: 12.5px;
}
.v5-lightbox-head .v5-lb-title { font-weight: 700; }
.v5-lightbox-head .v5-lb-count { color: #8a94a6; }
.v5-lightbox-body { flex: 1; display: grid; place-items: center; min-height: 0; padding: 0 18px 10px; }
.v5-lightbox-body { overflow: auto; overscroll-behavior: contain; }
.v5-lightbox-body img {
  max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5); transition: transform .16s ease;
  cursor: zoom-in;
}
/* FINAL RULE (loaded last) — wins every earlier hero rule regardless of order.
   Sizing is width-driven with an explicit height cap: the image keeps its real
   aspect ratio, so no central-crop zoom can ever appear in the device header. */
#deviceHero .hero-shot-button {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
#deviceHero .hero-shot,
.hero-shot {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 340px) !important;
  max-height: 190px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Manual zoom = 1.6× the lightbox viewport, clamped with Ctrl+wheel. The image
   keeps object-fit:contain INSIDE its box, so the full frame is always visible
   and pan/scroll moves around it — never a half-cropped giant. */
.v5-lightbox-body img.v5-zoomed {
  max-width: min(160vw, 1600px) !important;
  max-height: calc(var(--vh, 100vh) * 1.55) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  cursor: zoom-out;
}
.v5-lightbox-body {
  scroll-behavior: smooth;
}
.v5-lightbox-foot { display: flex; gap: 8px; justify-content: center; padding: 12px; }
.v5-lightbox button {
  background: rgba(148, 163, 184, .12); color: #e6eaf2; border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 10px; padding: 8px 14px; cursor: pointer; font-size: 12.5px; transition: all .15s;
}
.v5-lightbox button:hover { background: rgba(148, 163, 184, .22); }
.v5-lb-nav {
  position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px;
  border-radius: 50% !important; font-size: 18px !important; display: grid; place-items: center;
}
.v5-lb-prev { inset-inline-start: 18px; }
.v5-lb-next { inset-inline-end: 18px; }

/* ---------- ۱۶. صف آپلود (v5) ---------- */
.v5-dropzone {
  border: 2px dashed var(--line-strong); border-radius: var(--r-lg); background: var(--surface-2);
  padding: 26px 18px; text-align: center; color: var(--muted); cursor: pointer;
  transition: all var(--speed); font-size: 12.5px;
}
.v5-dropzone:hover, .v5-dropzone.dragover { border-color: var(--primary); background: var(--primary-soft); color: var(--primary-ink); }
.v5-dropzone b { display: block; color: var(--text); font-size: 13.5px; margin-bottom: 3px; }
.v5-upload-queue { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.v5-upload-row {
  display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 10px 12px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 10px; font-size: 12px;
}
.v5-upload-row .v5-up-name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v5-upload-row .v5-up-state { color: var(--muted); font-size: 11px; }
.v5-upload-row .v5-up-state.ok { color: var(--ok-ink); font-weight: 700; }
.v5-upload-row .v5-up-state.err { color: var(--danger-ink); font-weight: 700; }
.v5-upload-bar { grid-column: 1 / -1; height: 6px; border-radius: 6px; background: var(--surface-2); overflow: hidden; }
.v5-upload-bar > i { display: block; height: 100%; background: linear-gradient(90deg, var(--primary), var(--cyan)); border-radius: 6px; transition: width .2s; }

/* ---------- ۱۷. موبایل ---------- */
@media (max-width: 980px) {
  .screenshot-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .hero-shot { max-width: 100%; }
  .view-heading .heading-actions .secondary-button, .view-heading .heading-actions .primary-button { padding: 7px 11px !important; font-size: 11.5px !important; }
}

/* نشان نسخهٔ پنل در فوتر */
.build-badge { display: inline-flex; margin-inline-start: 8px; padding: 2px 9px; border-radius: 999px; background: var(--primary-soft); color: var(--primary-ink) !important; font-size: 10.5px; font-weight: 700; vertical-align: middle; }

/* نیازمند رسیدگی — کیوسک‌های کلیک‌پذیر */
.attention-kiosks { display: grid; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
.attention-kiosk { display: flex; flex-direction: column; align-items: start; gap: 2px; text-align: start; background: var(--surface-2) !important; border: 1px solid var(--line) !important; border-radius: 10px; padding: 8px 12px; cursor: pointer; font: inherit; transition: border-color .15s, background .15s; }
.attention-kiosk:hover { border-color: var(--primary) !important; background: var(--primary-soft) !important; }
.attention-kiosk b { font-size: 12.5px; color: var(--text); }
.attention-kiosk small { color: var(--muted); font-size: 11px; }

/* تصویر کیوسک در کادر بالا: کامل و بدون برش مرکزی (قانون آخر = برنده) */
.hero-shot,.hero-shot-button img{object-fit:contain!important;background:#050914!important}

/* پایش سرور: حالت «داده‌ای نیست» برای گیج‌های دایره‌ای */
.server-gauge-empty { opacity: .55; }
.server-gauge-empty b { color: var(--muted, #8a94a6); font-size: 15px; }

/* ============================================================
   AEHI THEME TOKEN LAYER  —  2026-09-17 (css-theme-audit)
   Base tokens used by v6/v7. Dark is the base; light overrides.
   Supports BOTH mechanisms:
     - body.theme-dark  /  body:not(.theme-dark)        (bundle.css)
     - html[data-theme="dark"] / [data-theme="light"]   (applyTheme)
   ============================================================ */
:root {
  --aehi-bg: #070b14;
  --aehi-bg-2: #0b1120;
  --aehi-surface: #101827;
  --aehi-surface-2: #151f31;
  --aehi-text: #e9eefb;
  --aehi-text-muted: #8e9ab1;
  --aehi-border: rgba(162, 185, 224, .13);
  --aehi-accent: #6f7cff;
  --aehi-accent-2: #2ad8d4;
  --aehi-input: #11141b;
  --aehi-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}

body:not(.theme-dark),
html[data-theme="light"] {
  --aehi-bg: #f6f8fc;
  --aehi-bg-2: #eef2f9;
  --aehi-surface: #ffffff;
  --aehi-surface-2: #f8fafc;
  --aehi-text: #172033;
  --aehi-text-muted: #64748b;
  --aehi-border: #dbe3ed;
  --aehi-accent: #4f46e5;
  --aehi-accent-2: #0e9aa7;
  --aehi-input: #ffffff;
  --aehi-shadow: 0 12px 25px rgba(15, 23, 42, .07);
}

body.theme-dark,
html[data-theme="dark"] {
  --aehi-bg: #070b14;
  --aehi-bg-2: #0b1120;
  --aehi-surface: #101827;
  --aehi-surface-2: #151f31;
  --aehi-text: #e9eefb;
  --aehi-text-muted: #8e9ab1;
  --aehi-border: rgba(162, 185, 224, .13);
  --aehi-accent: #818cf8;
  --aehi-accent-2: #2ad8d4;
  --aehi-input: #12161f;
  --aehi-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}