/* Shared administrative presentation. Deliberately scoped away from public/POS pages. */
.admin-shell{--bo-text:#e8edf4;--bo-soft:#a3afbf;--bo-line:#293444;--bo-accent:#6ad6bd;--bo-card:#18222f;--bo-green:#83dec0;--bo-red:#ff9099;--bo-violet:#c2b3ef;color:#e8edf4;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;background:#101720;min-height:100vh;display:grid;grid-template-columns:242px minmax(0,1fr);color-scheme:dark}
.admin-shell *{box-sizing:border-box}
.admin-shell a{text-decoration:none}
.admin-shell .sidebar{width:auto;background:#101923!important;border-right:1px solid #26313f;padding:24px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;box-shadow:none}
.admin-shell .side-brand{padding:0 12px 22px;gap:10px}.admin-shell .side-brand b{font-size:23px;letter-spacing:-1px;color:#f3f6fa}.admin-shell .side-brand em{font-style:normal;font-size:10px;letter-spacing:2px;color:#93a5b9}.admin-shell .side-logo{width:36px;height:36px;object-fit:contain}
.admin-shell .tenant-card{margin:0 0 24px;padding:13px 12px;border:1px solid #2c3a49;background:#192532;border-radius:9px;display:flex;gap:10px;align-items:center}.admin-shell .tenant-card b{font-size:12px;color:#e1eaf3}.admin-shell .tenant-card small{display:block;font-size:11px;color:#95a6b8}.admin-shell .pin-dot{color:#78d7bf;background:transparent}
.admin-shell .side-nav{padding:0}.admin-shell .side-nav-group{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#8292a4;margin:23px 12px 8px!important}.admin-shell .side-nav a{display:flex;align-items:center;gap:11px;border:0;border-radius:7px;padding:10px 12px;margin:3px 0;color:#afbdcc;transform:none;box-shadow:none;background:transparent;font-size:13px;font-weight:500}.admin-shell .side-nav a:hover{background:#1c2937;color:white;transform:none}.admin-shell .side-nav a.active{background:#233c3b;color:#9ae9d3;box-shadow:inset 3px 0 #7ddcc2}.admin-shell .side-nav a i{width:21px;height:23px;background:none!important;color:inherit;font-size:19px}.admin-shell .side-nav a small{display:none}.admin-shell .support-card{margin:28px 10px 0;padding:17px 0 0;border:0;border-top:1px solid #293444;background:none;box-shadow:none}.admin-shell .support-card small{display:block;color:#91a2b4;font-size:11px}.admin-shell .support-card a{color:#a1d8ca;font-size:12px}
.admin-shell .admin-main{min-width:0;margin:0;background:#121a25!important}.admin-shell .admin-topbar{height:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:15px 32px;gap:18px;background:#121a25!important;border-bottom:1px solid #293444;backdrop-filter:none;box-shadow:none}.admin-shell .top-search{display:flex;align-items:center;gap:12px;max-width:330px;width:100%;border:0;background:transparent;padding:0}.admin-shell .top-search input{background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;width:100%;padding:9px 0!important;color:#d8e2ed}.admin-shell kbd{font:10px "Segoe UI",sans-serif;border:1px solid #394654;padding:3px 5px;border-radius:4px;white-space:nowrap;color:#9aabba}.admin-shell .top-actions{display:flex;align-items:center;gap:12px}.admin-shell .user-chip{border-left:1px solid #344151;padding-left:15px;display:flex;gap:9px;align-items:center}.admin-shell .user-chip>span{width:33px;height:33px;border-radius:50%;background:#344954;display:grid;place-items:center;color:#ccebe6;font-size:11px}.admin-shell .user-chip b{font-size:12px}.admin-shell .user-chip small{display:block;color:#9fadc0;font-size:10px}
.admin-shell .page{padding:30px 32px;max-width:1640px;width:100%;margin:auto}.admin-shell .page-title{margin:0 0 24px}.admin-shell .page-title h1,.admin-shell .workspace-head h1{font-size:28px;font-weight:600;letter-spacing:-1px;color:#f2f5fa}.admin-shell .page-title h1 small{font-size:14px;color:#92a4b8;letter-spacing:0}.admin-shell h2{font-size:17px;letter-spacing:-.3px;color:#e9eff6}.admin-shell h3{font-size:15px}.admin-shell .eyebrow{color:#82d8c1;font-size:10px}
.admin-shell :is(.admin-card,.ops-card,.bo-kpi,.kpi,.premium-panel,.ops-mini-stat){background:#192330!important;border:1px solid #2c3848!important;border-radius:11px!important;box-shadow:0 3px 10px #00000009!important}.admin-shell :is(.admin-card,.ops-card){padding:22px}.admin-shell :is(.ops-filterbar,.premium-toolbar,.page-commandbar){background:#18222e;border:1px solid #2c3848;border-radius:9px;box-shadow:none}.admin-shell :is(.workspace-tabs,.bo-v2-tabs){background:transparent;border:0;border-bottom:1px solid #2d3948;border-radius:0;padding:0 0 12px;gap:8px}.admin-shell :is(.workspace-tabs,.bo-v2-tabs) a{border-radius:6px;color:#aab8c8;background:transparent}.admin-shell :is(.workspace-tabs,.bo-v2-tabs) a.active{background:#28453f;color:#a1ecd6}
.admin-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:inherit;color:#e5edf5;background:#131d29;border:1px solid #3a485a;border-radius:7px;padding:10px 12px;max-width:100%}.admin-shell :is(input,select,textarea)::placeholder{color:#95a4b6}.admin-shell :is(a,button,input,select,textarea):focus-visible{outline:2px solid #92e7cf;outline-offset:3px}.admin-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#87ddc3;color:#122c28;border:1px solid #87ddc3;border-radius:7px!important;box-shadow:none;font-size:12px;font-weight:600;padding:10px 15px;cursor:pointer;text-shadow:none}.admin-shell .btn:hover{filter:brightness(1.08)}.admin-shell .btn.ghost{background:transparent;color:#cfdae6;border-color:#425063}.admin-shell .btn.danger-soft{color:#ffa1a9;border-color:#684049;background:#38232d}.admin-shell .btn.mini{padding:7px 11px}.admin-shell button:disabled{opacity:.5;cursor:not-allowed}
.admin-shell .admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-shell .admin-table thead th{background:#151f2b!important;color:#a9b8c8!important;font-size:10px!important;font-weight:600;letter-spacing:.07em;padding:13px 16px;text-align:left;border-bottom:1px solid #334152}.admin-shell .admin-table td{padding:15px 16px;border-bottom:1px solid #2c3746;color:#d6e0ea}.admin-shell .admin-table tbody tr:hover td{background:#202e3d}.admin-shell .admin-table td small{display:block;color:#9baabc;font-size:11px;margin-top:3px}.admin-shell .admin-table :is(strong,b){font-weight:600}.admin-shell :is(.table-wrap,.table-responsive){overflow:auto}
.admin-shell .bo-kpi-grid{gap:16px}.admin-shell .bo-kpi{padding:20px}.admin-shell .bo-kpi strong{font-size:29px;letter-spacing:-1px;font-weight:600}.admin-shell .bo-kpi small{color:#b0bdcd;letter-spacing:.04em;font-weight:500;font-size:11px}.admin-shell .bo-kpi span{color:#96a8bc;font-size:11px;margin-top:8px}.admin-shell .bo-bar{background:#304151}.admin-shell .bo-bar i,.admin-shell .ops-bar-item i{background:#7dcbb9;box-shadow:none}.admin-shell .ops-mini-stat strong{font-size:23px}.admin-shell .ops-section-title small{color:#9eafc2}.admin-shell .ops-card-head small{color:#b1bece}.admin-shell .ops-kpi-main>a,.admin-shell .ops-section-title>a{color:#9ce2ce}.admin-shell .ops-icon{background:#263c40;border:0;color:#a6e3d2;border-radius:8px}.admin-shell .ops-shortcuts a{background:#1b2735;border:1px solid #344151;border-radius:9px;box-shadow:none}.admin-shell .ops-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.admin-shell .ops-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-shell .ops-activity-row{border-color:#2d3b4a}.admin-shell .admin-footer{background:transparent;border-top:1px solid #293444;color:#94a6b9;font-size:11px;padding:18px 32px}
.studio-menu-toggle{display:none}.studio-lead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.studio-lead h1{font-size:30px;letter-spacing:-1px;margin:6px 0;font-weight:600}.studio-lead p{margin:0;color:#9faec0;font-size:13px}.studio-tag{font-size:10px;letter-spacing:1.5px;color:#9bddc8}.studio-badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 8px;font-size:11px;background:#233e38;color:#a4e6ce;white-space:nowrap}.studio-badge.warn{background:#493b28;color:#f2cb8f}.studio-badge.muted{background:#303c4b;color:#b6c4d5}.studio-demo{padding:8px 32px;background:#26382f;color:#c1d8cb;font-size:11px;border-bottom:1px solid #435349}.studio-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px;margin:20px 0}.studio-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.studio-panel-head h2{margin:0}.studio-trend{display:flex;align-items:end;gap:12px;height:175px;padding-top:20px;border-bottom:1px solid #374555}.studio-trend div{height:100%;flex:1;display:flex;align-items:end;position:relative}.studio-trend i{width:100%;height:var(--value);background:#83cdbb;border-radius:4px 4px 0 0}.studio-trend span{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:10px;color:#9cadbe}.studio-events{list-style:none;padding:0;margin:0}.studio-events li{border-bottom:1px solid #2e3b4a;padding:15px 0;font-size:12px}.studio-events small{display:block;color:#9facbf;margin-top:5px}.studio-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.studio-detail{margin-top:18px;padding:16px;background:#21332f;border:1px solid #416154;border-radius:8px}.studio-detail[hidden]{display:none}
@media(min-width:1600px){.admin-shell .page{padding:36px 48px}}
@media(max-width:1150px){.admin-shell{grid-template-columns:215px minmax(0,1fr)}.admin-shell .page{padding:24px}.admin-shell .admin-topbar{padding:15px 24px}.admin-shell .top-actions .user-chip div{display:none}.admin-shell .ops-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-columns{grid-template-columns:1fr}.admin-shell .top-search kbd{display:none}}
@media(max-width:800px){.admin-shell{display:block}.admin-shell .sidebar{display:none;position:fixed;width:245px;z-index:100;box-shadow:18px 0 60px #0008;top:70px;height:calc(100vh - 70px)}.admin-shell.studio-menu-open .sidebar{display:block}.studio-menu-toggle{display:inline-flex;background:#253444;color:#e1edf5;border:1px solid #4c6075;padding:8px 11px;border-radius:6px}.admin-shell .admin-topbar{padding:12px 16px;min-height:70px}.admin-shell .top-actions{gap:6px}.admin-shell .top-actions>.lang,.admin-shell .top-actions>span,.admin-shell .top-actions>.btn.ghost:not(.danger-soft){display:none}.admin-shell .page{padding:22px 16px}.admin-shell .bo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .ops-hero-grid,.admin-shell .ops-main-grid,.admin-shell .ops-bottom-grid{grid-template-columns:1fr}.admin-shell .ops-shortcuts{grid-template-columns:repeat(2,1fr)}.studio-lead{align-items:start;flex-direction:column}.studio-lead h1{font-size:25px}.studio-demo{padding:8px 16px}.admin-shell .admin-card{padding:16px}.admin-shell .ops-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-shell .admin-main{padding-top:0}.admin-shell .admin-topbar{position:sticky;top:0;left:auto;right:auto}.admin-shell .admin-footer{position:static;left:auto;right:auto;bottom:auto;height:auto;min-height:46px}.admin-shell .side-nav span{font-size:13px}.admin-shell .device-main b{font-size:13px}.admin-shell :is(.device-main small,.device-status small,.device-services span){font-size:11px}.admin-shell .device-count{font-size:11px;color:#b5e6d9}.admin-shell .device-row{border-color:#304051}.admin-shell .device-type-icon{background:#284039;border-color:#456456;color:#b2e6d4}.admin-shell .btn.red{background:#532a36;color:#ffb4bf;border-color:#845363}
@media(prefers-reduced-motion:reduce){.admin-shell *{transition:none!important;animation:none!important}}
/* Keep operational controls visible at every size. */
.admin-shell .side-nav a small{display:block;font-size:10px;line-height:1.4;margin-top:3px;color:#9baebf;opacity:1}.admin-shell .side-nav a.active small{color:#b0d8cc;opacity:1}.admin-shell .studio-section-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #324052}.admin-shell .studio-section-nav a{border:1px solid #405167;border-radius:7px;padding:9px 13px;font-size:12px;color:#c9e6dd;background:#1c2c37}.admin-shell [id]{scroll-margin-top:115px}.admin-shell .device-activate-card{display:block;margin-top:22px}.admin-shell .device-activate-form{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:18px;align-items:end}.admin-shell .device-activate-form label{font-size:11px;letter-spacing:.02em;color:#b7c5d5}.admin-shell .device-activate-form button{min-height:40px}.admin-shell .device-summary-grid article{background:#1c2938;border:1px solid #344657;border-radius:10px;padding:18px}.admin-shell .device-summary-grid article small{color:#b9c8d6;font-size:11px}.admin-shell .device-summary-grid article b{font-size:28px;color:#dcece7}.admin-shell .device-row{grid-template-columns:38px minmax(150px,1fr) minmax(140px,.7fr) minmax(130px,.7fr) auto;gap:12px}.admin-shell .device-row:has(>input[type=checkbox]){grid-template-columns:22px 38px minmax(150px,1fr) minmax(140px,.7fr) minmax(130px,.7fr) auto}.admin-shell .device-services{display:flex}.admin-shell .device-status{display:grid}.admin-shell .device-actions{flex-wrap:wrap}.admin-shell .device-location-grid{margin-top:22px;gap:18px}.admin-shell :is(.org-card,.org-kpi){background:#192836;border-color:#3b4f61;border-radius:9px}.admin-shell .org-add{background:#1b302f;border-color:#50766b}.admin-shell .org-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .org-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.admin-shell :is(.org-form-grid label span,.org-source,.org-user-access){opacity:1;color:#a7bacb}.admin-shell .org-hero:after{display:none}.admin-shell .table-scroll{overflow:auto}.admin-shell .admin-table th{padding:13px 16px;text-align:left;color:#aec4d3;font-size:11px;background:#15202c}.admin-shell .org-details summary{padding:9px 0;color:#a5ddcc}.admin-shell .grid-4 b{display:block}.admin-shell .kpi{padding:20px}.admin-shell .kpi b{font-size:28px;color:#e1ede9}.admin-shell .kpi small{font-size:11px;color:#a8bbcd}
@media(max-width:1200px){.admin-shell .device-row,.admin-shell .device-row:has(>input[type=checkbox]){display:flex;flex-wrap:wrap}.admin-shell .device-main{flex:1;min-width:180px}.admin-shell .device-status,.admin-shell .device-services{min-width:130px}.admin-shell .device-actions{margin-left:auto}}
@media(max-width:800px){.admin-shell .device-status,.admin-shell .device-services{display:flex;flex-wrap:wrap;gap:6px}.admin-shell .org-form-grid{grid-template-columns:1fr}.admin-shell .org-form-grid .full{grid-column:1}.admin-shell .org-tenant-select{min-width:0;width:100%}.admin-shell .device-activate-form{grid-template-columns:1fr}.admin-shell .studio-section-nav a{flex:1 1 auto}}