/* UI refinement based on Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0. */
:root{--ops-bg:#0c0d0f;--ops-sidebar:#090a0c;--ops-surface:#121417;--ops-raised:#181b1f;--ops-line:rgba(238,240,244,.09);--ops-line-strong:rgba(238,240,244,.15);--ops-text:#eef0f4;--ops-secondary:#a6abb4;--ops-muted:#787e88;--ops-brand:#9b87e8;--ops-live:#49c68d;--ops-warn:#d4a85f}
html.reference-theme,html.reference-theme body,html.reference-theme #workspace,html.reference-theme #workspace .main-shell{background:var(--ops-bg)!important;color:var(--ops-text)!important}
html.reference-theme #workspace .main-shell>header{height:64px!important;min-height:64px!important;padding:0 28px!important;background:rgba(12,13,15,.97)!important;border-color:var(--ops-line)!important}
html.reference-theme #workspace .main-shell>main{max-width:1480px!important;padding:40px 40px 64px!important}
html.reference-theme #workspace #workspace-nav.premium-nav{width:240px!important;max-width:240px!important;padding:24px 16px 16px!important;background:var(--ops-sidebar)!important;border:0!important;border-right:1px solid var(--ops-line)!important}
html.reference-theme body:not(.sidebar-collapsed) #workspace .main-shell{margin-left:240px!important}
#workspace-nav.premium-nav .rail-heading{padding:0 4px 28px!important}
#workspace #workspace-nav.premium-nav .brand{font-size:16px!important;font-weight:600!important;letter-spacing:0!important}
#workspace #workspace-nav.premium-nav .brandmark{width:32px!important;height:32px!important;border-radius:9px!important;background:var(--ops-brand)!important;border:0!important;color:#111216!important;font-size:24px!important}
#workspace #workspace-nav.premium-nav .brand-sub{color:var(--ops-muted)!important;letter-spacing:.08em!important;text-transform:none!important}
#workspace #workspace-nav.premium-nav nav{gap:20px!important;padding:0 0 16px!important}
.rail-group{gap:4px!important}.rail-group-label{margin:0 0 8px!important;padding:0 12px!important;color:var(--ops-muted)!important;font-size:11px!important;line-height:16px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
#workspace #workspace-nav.premium-nav nav button{min-height:36px!important;padding:8px 10px!important;border-radius:8px!important;gap:10px!important;color:var(--ops-secondary)!important;font-size:13px!important;font-weight:400!important;transition:background-color 150ms cubic-bezier(.22,1,.36,1),color 150ms cubic-bezier(.22,1,.36,1)!important}
#workspace #workspace-nav.premium-nav nav button:hover{background:var(--ops-raised)!important;color:var(--ops-text)!important}
#workspace #workspace-nav.premium-nav nav button.selected{background:var(--ops-raised)!important;color:var(--ops-text)!important;border-color:var(--ops-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
#workspace #workspace-nav.premium-nav nav button:before{display:none!important}
#workspace #workspace-nav.premium-nav nav button .rail-label{font-size:13px!important;line-height:20px!important}
#workspace #workspace-nav.premium-nav nav svg{width:17px!important;height:17px!important;stroke-width:1.5!important;color:var(--ops-muted)!important}
#workspace #workspace-nav.premium-nav nav button.selected svg{color:var(--ops-brand)!important}
#workspace #workspace-nav.premium-nav .rail-connection{min-height:60px!important;padding:12px!important;background:var(--ops-surface)!important;border-color:var(--ops-line)!important;border-radius:12px!important}
#workspace-nav.premium-nav .rail-connection .dot{background:var(--ops-live)!important;box-shadow:none!important}
#workspace #workspace-nav.premium-nav #workspace-status{color:#c6d8d0!important}#workspace #workspace-nav.premium-nav #workspace-location{color:var(--ops-muted)!important}
html.reference-theme #workspace .workspace-search{width:min(360px,35vw)!important;height:36px!important;background:var(--ops-surface)!important;border-color:var(--ops-line)!important;border-radius:9px!important;color:var(--ops-secondary)!important}
html.reference-theme #workspace .workspace-search kbd{background:var(--ops-raised)!important;border-color:var(--ops-line)!important;color:var(--ops-muted)!important}
html.reference-theme #workspace #connection{color:#c6d8d0!important}html.reference-theme #workspace #connection::before{background:var(--ops-live)!important}
html.reference-theme #workspace :is(.header-bell,.header-profile,#refresh){background:var(--ops-surface)!important;border-color:var(--ops-line)!important;color:var(--ops-secondary)!important}
html.reference-theme #workspace #header-profile-avatar{background:var(--ops-brand)!important;color:#111216!important}
html.reference-theme #workspace .pane h1{margin:8px 0 8px!important;color:var(--ops-text)!important;font-size:34px!important;line-height:1.15!important;font-weight:500!important;letter-spacing:-.025em!important}
html.reference-theme #workspace .pane :is(h2,h3){font-weight:500!important;color:var(--ops-text)!important}
html.reference-theme #workspace .pane :is(.eyebrow,.mini-label){color:var(--ops-muted)!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
html.reference-theme #workspace .pane :is(.muted,.section-heading p,.page-heading p){color:var(--ops-secondary)!important;font-size:13px!important}
html.reference-theme #workspace .main-shell :is(.panel,.stats article,.deal-metrics article,.profile-banner,.guri-credit,.wallet-card,.upi-card,.quick-action,.game-card,.preset-card,.presence-card,.settings-card){background:var(--ops-surface)!important;border-color:var(--ops-line)!important;border-radius:14px!important}
html.reference-theme #workspace .main-shell :is(.panel,.stats article,.profile-banner,.guri-credit):hover{border-color:var(--ops-line-strong)!important}
html.reference-theme #workspace .primary{background:var(--ops-text)!important;border-color:var(--ops-text)!important;color:#121317!important;border-radius:9px!important;font-weight:500!important}
html.reference-theme #workspace button.small{min-height:36px!important;padding:8px 12px!important;background:var(--ops-raised)!important;border-color:var(--ops-line)!important;color:var(--ops-text)!important;border-radius:9px!important;font-weight:500!important}
html.reference-theme #workspace :is(input,select,textarea){background:#0d0f12!important;border-color:var(--ops-line-strong)!important;color:var(--ops-text)!important;border-radius:9px!important}
html.reference-theme #workspace :is(input,select,textarea):focus{border-color:var(--ops-brand)!important;outline:2px solid rgba(155,135,232,.18)!important}
html.reference-theme #workspace #admin.admin-section{max-width:100%}
html.reference-theme #workspace #admin.admin-section>.eyebrow{display:flex!important;align-items:center;gap:8px!important}
html.reference-theme #workspace #admin.admin-section>.eyebrow:before{content:'';width:18px;height:1px;background:var(--ops-brand)}
.admin-section>.muted{margin:0 0 32px!important}
.admin-stats{grid-template-columns:1.15fr 1fr 1fr!important;gap:12px!important;margin-bottom:24px!important}
.admin-stats .panel{position:relative;min-height:112px!important;padding:20px 22px!important;overflow:hidden}
.admin-stats .panel small{margin:0!important;color:var(--ops-secondary)!important;font-size:12px!important;letter-spacing:0!important}
.admin-stats .panel strong{margin:20px 0 0!important;color:var(--ops-text)!important;font-size:32px!important;line-height:1!important;font-weight:500!important;font-variant-numeric:tabular-nums;letter-spacing:-.03em!important}
.admin-stats .panel:nth-child(2){border-color:rgba(73,198,141,.24)!important}.admin-stats .panel:nth-child(2):after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ops-live)}.admin-stats .panel:nth-child(2) strong{color:#83dcb2!important}
html.reference-theme #workspace #admin>.panel{padding:0!important;overflow:hidden}#admin>.panel>h2{margin:0!important;padding:22px 24px 0!important;font-size:15px!important}
.admin-tools{margin:16px 24px!important;gap:8px!important}.admin-tools input{height:40px!important}.admin-customers{border-top:1px solid var(--ops-line)}
.admin-customer{grid-template-columns:minmax(260px,1.45fr) minmax(180px,.8fr) auto!important;gap:24px!important;min-height:88px;padding:16px 24px!important;border-top:1px solid var(--ops-line)!important;transition:background-color 150ms cubic-bezier(.22,1,.36,1)!important}
.admin-customer:first-child{border-top:0!important}.admin-customer:hover{background:rgba(255,255,255,.018)}
.admin-identity{display:flex!important;align-items:center;gap:12px;min-width:0}.admin-avatar{display:grid!important;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0!important;border:1px solid var(--ops-line);border-radius:10px;background:var(--ops-raised);color:var(--ops-secondary)!important;font-size:12px!important;font-weight:500}
.admin-customer b{color:var(--ops-text)!important;font-size:13px!important;font-weight:500!important}.admin-customer small{margin-top:5px!important;color:var(--ops-muted)!important;font:400 11px/16px "IBM Plex Mono","SFMono-Regular",Consolas,monospace!important}
.admin-status{position:relative;padding-left:16px;color:var(--ops-secondary)!important}.admin-status:before{content:'';position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--ops-warn)}
.admin-customer[data-state=online] .admin-status:before{background:var(--ops-live)}.admin-customer[data-state=online] .admin-status:after{content:'';position:absolute;left:2px;top:9px;width:2px;height:24px;background:linear-gradient(var(--ops-live),transparent);opacity:.45}.admin-live{color:#83dcb2!important}
.admin-context{background:var(--ops-surface)!important;border-color:var(--ops-line)!important;border-radius:12px!important;color:var(--ops-secondary)!important}
@media(max-width:900px){html.reference-theme #workspace .main-shell>main{padding:32px 24px 48px!important}.admin-customer{grid-template-columns:minmax(220px,1fr) minmax(160px,.8fr) auto!important}}
@media(max-width:700px){html.reference-theme #workspace .main-shell>main{padding:24px 16px 40px!important}.admin-stats{grid-template-columns:1fr!important}.admin-stats .panel{min-height:88px!important}.admin-customer{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;padding:16px!important}.admin-status{grid-column:1!important;margin-left:48px}.admin-customer>button{grid-column:2!important;grid-row:1/3!important}#admin>.panel>h2{padding:20px 16px 0!important}.admin-tools{margin:16px!important}}
@media(prefers-reduced-motion:reduce){.admin-customer{transition:none!important}}