/* The dark control center is scoped to the authorized admin route. */
body:has(.admin-page){background:#0c1016;color:#eff3f7}
html.admin-app-mode body{background:#0c1016;color:#eff3f7}
html.admin-app-mode .sale-banner,html.admin-app-mode .research-strip,html.admin-app-mode .site-header,html.admin-app-mode .site-footer,html.admin-app-mode .pbrx-support{display:none!important}
html.admin-app-mode #main{min-height:100vh}
html.admin-app-mode .commerce-page:not(.admin-page){padding-top:8vh}
body:has(.admin-page) .sale-banner,body:has(.admin-page) .research-strip,body:has(.admin-page) .site-header,body:has(.admin-page) .site-footer,body:has(.admin-page) .pbrx-support{display:none!important}
body:has(.admin-page) #main{min-height:100vh}
body:has(.admin-page) .site-header{background:#111821!important;border-bottom:1px solid #283442!important;box-shadow:0 8px 35px #0005!important}
body:has(.admin-page) .site-header .primary-nav a,body:has(.admin-page) .header-actions a,body:has(.admin-page) .header-actions button{color:#e4ebf1!important}
body:has(.admin-page) .header-brand img{filter:invert(1) brightness(1.7)}
.admin-page{--ops-bg:#111821;--ops-card:#17212c;--ops-line:#2b3947;--ops-text:#f0f4f8;--ops-muted:#a3b4c3;--ops-red:#ea4557;--ops-gold:#d5ad6c;--ops-green:#54d6ab;display:grid;grid-template-columns:210px minmax(0,1fr);align-content:start;align-items:start;gap:0 28px;width:calc(100% - 48px)!important;max-width:1800px!important;min-height:100vh;padding:22px 26px 90px!important;background:#0c1016!important;color:var(--ops-text)!important}
.admin-page .admin-heading{grid-column:1/-1}
.admin-page #commerce-admin-panel{min-width:0}
.ops-app-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#e8eff4;font-size:11px;font-weight:850;letter-spacing:.13em}
.ops-app-brand b{margin-left:5px;color:#d3a765}
.ops-app-brand a{margin-left:auto;color:#9bcfd3;font-size:10px;font-weight:750;letter-spacing:.03em;text-decoration:none}
.ops-app-brand a:hover{text-decoration:underline}
.ops-app-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #de5968;border-radius:7px;background:#2e1925;color:#f27c8a;font:900 16px var(--display);letter-spacing:0}
.admin-page *{box-sizing:border-box}
.admin-page .eyebrow{color:var(--ops-gold)!important;letter-spacing:.16em}
.admin-page .admin-heading{align-items:center;margin-bottom:26px;padding:0 0 24px;border-bottom:1px solid var(--ops-line)}
.admin-page .admin-heading h1{margin:9px 0;font-size:clamp(42px,5vw,74px);letter-spacing:-.035em;color:#f5f7fa}
.admin-page .admin-heading h1 span{color:var(--ops-red)}
.admin-page .admin-heading p{max-width:620px;color:var(--ops-muted)!important;font-size:13px}
.admin-page .admin-heading-meta{min-width:250px;border:1px solid var(--ops-line);background:var(--ops-card);box-shadow:0 16px 40px #0003}
.admin-page .admin-heading-meta span{display:flex;align-items:center;gap:9px;color:var(--ops-gold)}
.admin-page .admin-heading-meta strong{color:#fff}
.admin-page .admin-heading-meta button{color:var(--ops-green)}
.admin-page .admin-heading-meta .ops-popout{display:inline-flex;align-items:center;justify-content:center;min-height:35px;margin-top:9px;padding:8px 11px;border:1px solid #b94b5b;border-radius:7px;background:#a9233b;color:#fff;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 7px 18px #0003}
.admin-page .admin-heading-meta .ops-popout:hover{background:#d43d52;color:#fff}
.admin-page .admin-heading-meta .ops-window-status{margin-top:8px;color:var(--ops-green);font-size:10px}
.admin-page .commerce-admin-tabs{position:sticky;top:20px;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:10px;border:1px solid var(--ops-line);border-radius:13px;background:#17212cf2;box-shadow:0 12px 25px #0004;backdrop-filter:blur(18px);scrollbar-color:#607182 #17212c}
.admin-page .commerce-admin-tabs button,.admin-page .commerce-admin-tabs a{display:block;width:100%;min-height:42px;padding:10px 15px;border:0;border-radius:8px;background:transparent;color:#b5c3cf;font-size:11px;letter-spacing:.03em;text-align:left}
.admin-page .commerce-admin-tabs button.active,.admin-page .commerce-admin-tabs button:hover{background:#334457;color:#fff}
.admin-page .commerce-admin-tabs button.active{box-shadow:inset 0 -2px var(--ops-red)}
.admin-page .commerce-admin-tabs>a{margin-top:12px;margin-left:0;border:1px solid #49576a;background:#243142;color:#fff}
.admin-page .commerce-admin-tabs>a:hover{background:#334457;color:#fff}
.admin-page .admin-section-intro{margin:4px 0 22px}
.admin-page .admin-section-intro h2{color:#f4f7fa}
.admin-page .admin-section-intro p{color:var(--ops-muted)!important}
.admin-page .commerce-card{border:1px solid var(--ops-line);border-radius:15px;background:var(--ops-card);color:var(--ops-text);box-shadow:0 22px 48px #0003}
.admin-page .commerce-card h2,.admin-page .commerce-card h3,.admin-page .commerce-card strong{color:#f3f6fa}
.admin-page .commerce-card p,.admin-page .commerce-card small{color:var(--ops-muted)!important}
.admin-page .commerce-card a:not(.btn){color:#91dbdf}
.admin-page .commerce-card button:not(.btn){border-color:#405064;background:#243244;color:#eef4fa}
.admin-page .commerce-card button:not(.btn):hover{border-color:#7894a8;background:#344557;color:#fff}
.admin-page .commerce-card .btn{background:#d41a35;color:#fff;border-color:#d41a35}
.admin-page .commerce-card .btn:hover{background:#ef3550}
.admin-page .admin-filter-row label,.admin-page .commerce-field,.admin-page .admin-count-chip{color:var(--ops-gold)}
.admin-page input,.admin-page select,.admin-page textarea,.admin-page .commerce-price input,.admin-page .commerce-field input,.admin-page .commerce-field select,.admin-page .commerce-field textarea{border-color:#46566a;background:#101923;color:#f4f7fa;color-scheme:dark}
.admin-page input::placeholder,.admin-page textarea::placeholder{color:#8090a0}
.admin-page input:focus-visible,.admin-page select:focus-visible,.admin-page textarea:focus-visible,.admin-page button:focus-visible,.admin-page a:focus-visible{outline:2px solid #75c7ce;outline-offset:2px}
.admin-page .commerce-table-wrap{scrollbar-color:#61758a #14202a}
.admin-page .commerce-table-wrap th{border-color:#3b4a59;color:var(--ops-gold);background:#121d27}
.admin-page .commerce-table-wrap td{border-color:#30404f;color:#e2e9ef}
.admin-page .commerce-table-wrap td small{color:#aab9c5}
.admin-page .commerce-table-wrap tr:hover td{background:#1d2b38}
.admin-page .admin-coupon-row,.admin-page .admin-order-lines,.admin-page .admin-switch,.admin-page .admin-coupon-form>p{border-color:#394b5d;background:#1d2a37;color:#edf2f6}
.admin-page .admin-coupon-row span,.admin-page .admin-coupon-row small,.admin-page .admin-switch span,.admin-page .admin-save-bar span,.admin-page .admin-settings-fields>small,.admin-page .admin-settings-section>div:first-child p{color:var(--ops-muted)!important}
.admin-page .admin-save-bar,.admin-page .admin-settings-save,.admin-page .admin-invite-list,.admin-page .admin-coupon-row,.admin-page .admin-order-lines>div{border-color:#394b5d}
.admin-page .admin-settings-save{background:#17212cf0;box-shadow:0 -16px 30px #0007}
.admin-page .admin-settings-save span{color:var(--ops-muted)}
.admin-page .admin-status.is-active{background:#174c42;color:#8cf0ce!important}.admin-page .admin-status.is-expired{background:#57412c;color:#ffe0a1!important}.admin-page .admin-status.is-paused{background:#39424d;color:#cfdae4!important}
.admin-page .admin-product-editor summary{color:#f28c98}
.admin-page .admin-empty,.admin-page .admin-filter-empty{border-color:#435368;color:#b8c6d2!important}
.ops-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:8px 0 24px}
.ops-intro h2{margin:9px 0 8px;font:800 clamp(34px,3.5vw,55px)/.98 var(--display);letter-spacing:-.035em}
.ops-intro p{margin:0;max-width:650px;color:var(--ops-muted);font-size:13px;line-height:1.6}
.ops-data-note{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #315345;border-radius:20px;background:#183229;color:#97ebc7;font-size:11px;font-weight:700;white-space:nowrap}
.ops-data-note i,.ops-presence{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#788492}
.ops-data-note i,.ops-presence.is-live{background:var(--ops-green);box-shadow:0 0 0 4px #54d6ab22,0 0 14px #54d6ab99}
.ops-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ops-kpi{display:flex;flex-direction:column;min-height:134px;padding:19px;border:1px solid var(--ops-line);border-top:2px solid #52697f;border-radius:12px;background:linear-gradient(145deg,#1c2a36,#15202a);box-shadow:0 15px 32px #0002}
.ops-kpi.is-green{border-top-color:var(--ops-green)}.ops-kpi.is-red{border-top-color:var(--ops-red)}
.ops-kpi span{color:#b5c5d0;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ops-kpi strong{margin:10px 0 6px;color:#fff;font:800 clamp(28px,2.8vw,43px)/1 var(--display);letter-spacing:-.02em}
.ops-kpi small{margin-top:auto;color:#8da1af;font-size:10px}
.ops-grid{display:grid;gap:17px;margin-bottom:17px}.ops-grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-page .ops-panel{min-width:0;padding:22px 24px}
.ops-panel-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}
.ops-panel-head h3{margin:7px 0 0!important;color:#f4f7fa;font:800 28px/1 var(--display);text-transform:uppercase}
.ops-panel-head>strong,.ops-panel-head>span{color:#b6c6d2;font-size:11px;white-space:nowrap}
.admin-page .ops-panel-head button{padding:0;border:0;background:none;color:#82d7d1;font-size:11px;font-weight:800;white-space:nowrap}
.ops-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;height:180px;padding:8px 3px 0}
.ops-bars>div{display:flex;flex-direction:column;align-items:stretch;justify-content:end;height:100%}
.ops-bars span{display:block;min-height:3px;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#aa1a37,#ef7180);transition:height .4s ease}
.ops-bars small{height:22px;padding-top:6px;color:#9cabb9;text-align:center;font-size:9px}
.ops-footnote,.ops-accuracy{color:#91a4b3!important;font-size:10px;line-height:1.55}
.ops-accuracy{margin:15px 0 0;padding:12px 15px;border-left:2px solid #617284;background:#17212c}
.ops-page-rank{display:grid;grid-template-columns:minmax(110px,1fr) minmax(40px,1.25fr) 30px;align-items:center;gap:13px;margin:14px 0;color:#d7e1e9;font-size:11px}
.ops-page-rank>div{height:7px;border-radius:20px;background:#2d3e4d;overflow:hidden}.ops-page-rank i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#a51f3b,#e35b6c)}.ops-page-rank b{text-align:right;color:#fff}
.ops-live-row,.ops-order-row,.ops-signal,.ops-task{display:flex;align-items:center;gap:12px;min-height:51px;padding:10px 0;border-top:1px solid var(--ops-line);font-size:11px}
.ops-live-row>div,.ops-order-row>div,.ops-signal>div{min-width:0;flex:1}.ops-live-row strong,.ops-order-row strong,.ops-signal strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f4f7}.ops-live-row small,.ops-order-row small,.ops-signal small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9eb0be;font-size:10px}.ops-live-row time,.ops-signal time{color:#9fb0bd;font-size:10px;white-space:nowrap}
.ops-task>span{flex:1;color:#cedae2}.ops-task>strong{font:800 22px var(--display)}.ops-task>a,.admin-page .ops-task>button{border:0;background:none;color:#82d7d1;font-size:10px;font-weight:800}
.ops-signal i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--ops-red)}.ops-signal i.is-read{background:#5d6d7b}
.ops-empty{padding:20px 4px;color:#9cadbb;font-size:12px}
.ops-table table{min-width:970px}.ops-table td{vertical-align:top}.ops-table td>strong,.ops-table td>small{display:block}.ops-table .ops-presence{margin-right:6px}
.ops-trail summary{color:#88d5d4;cursor:pointer;white-space:nowrap}.ops-trail>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-top:1px solid #354556;color:#d8e2e9;white-space:nowrap}.ops-trail time{color:#97aab8}.ops-trail p{margin:8px 0}
@media(max-width:1280px){.ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.admin-page{grid-template-columns:1fr;gap:18px}.admin-page .commerce-admin-tabs{top:0;display:flex;flex-direction:row;overflow-x:auto;margin:0 0 10px}.admin-page .commerce-admin-tabs button,.admin-page .commerce-admin-tabs a{width:auto;white-space:nowrap;text-align:center}.admin-page .commerce-admin-tabs>a{margin-top:0;margin-left:auto}}
@media(max-width:850px){.ops-grid-main{grid-template-columns:1fr}.admin-page .admin-heading{align-items:start}.ops-intro{align-items:start;flex-direction:column}.admin-page .commerce-admin-tabs>a{margin-left:0}}
@media(max-width:600px){.admin-page{padding:28px 16px 60px!important}.admin-page .admin-heading{display:grid;gap:18px}.admin-page .admin-heading h1{font-size:47px}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kpi{min-height:115px;padding:13px}.ops-kpi strong{font-size:29px}.admin-page .ops-panel{padding:18px}.ops-page-rank{grid-template-columns:1fr 1fr 25px}.ops-bars{gap:4px}.ops-data-note{white-space:normal}}
@media(prefers-reduced-motion:reduce){.ops-bars span{transition:none}}
