/* CasinoLab v25.7 · modern console UI. Overrides legacy styles without affecting the trading terminal. */
:root{--ui-bg:#f6f7fb;--ui-sidebar:#101827;--ui-side-deep:#0b1120;--ui-side-border:#273147;--ui-ink:#192338;--ui-muted:#7b8799;--ui-accent:#6366f1;--ui-accent-dark:#4f46e5;--ui-line:#e9ecf3;--ui-shadow:0 10px 32px rgba(27,42,74,.045);--ui-radius:16px;background:var(--ui-bg)!important;color:var(--ui-ink)!important;color-scheme:light!important;font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif!important}
body{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
.shell{grid-template-columns:255px minmax(0,1fr)!important;background:var(--ui-bg)!important;min-height:100dvh}
.nav{background:linear-gradient(160deg,var(--ui-sidebar) 10%,var(--ui-side-deep) 100%)!important;border-right:1px solid #212c41!important;padding:22px 15px!important;gap:6px!important;box-shadow:none!important;align-items:stretch}
.nav h2{font-size:15px!important;display:flex;align-items:center;gap:12px;letter-spacing:.09em!important;font-weight:800!important;color:#f9fafc!important;margin:0 0 23px!important;padding:8px 9px 22px!important;border-bottom:1px solid #273248;white-space:nowrap}
.nav h2 svg{stroke:#e6e9ff!important;background:linear-gradient(135deg,#7374f5,#4f46e5);padding:9px;width:40px;height:40px;border-radius:11px;box-shadow:0 8px 18px #5f5eee30;margin:0!important}
.nav button,.nav a{position:relative;display:flex!important;gap:12px;align-items:center;min-height:43px!important;width:100%;padding:10px 13px!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;text-align:left;font-size:12px!important;font-weight:650!important;color:#a6afc1!important;white-space:nowrap;transition:background .16s ease,color .16s,border-color .16s}
.nav button svg,.nav a svg{width:17px;height:17px;flex:none;stroke-width:1.8;opacity:.85}
.nav button.active{background:#5e63dd26!important;color:#fff!important;border-color:#7576ff2b!important;box-shadow:inset 3px 0 0 #8887ff}
.nav button.active svg{color:#a5b4fc;opacity:1}
.nav button:hover,.nav a:hover{background:#ffffff0b!important;color:#fff!important}
.nav button.hidden{display:none!important}
.nav a[href="./"]{margin-top:20px!important;border-top:1px solid #263148!important;border-radius:0!important;padding-top:18px!important}
.nav #nav-logout{color:#e5a6aa!important;margin-top:4px}
.nav small{margin-top:auto;padding:20px 10px 2px;color:#79849a!important;font-size:10px;line-height:1.6}
.main{background:var(--ui-bg)!important;padding:32px clamp(18px,3.4vw,52px)!important;min-width:0;max-width:100%}
.main-head{align-items:center!important;margin-bottom:28px!important;gap:20px;padding-bottom:23px;border-bottom:1px solid #e5e9f0}
.eyebrow{font-size:10px!important;color:var(--ui-accent)!important;font-weight:800;letter-spacing:.18em!important}
.main-head h1{font-size:clamp(23px,2.35vw,30px)!important;font-weight:820;letter-spacing:-.045em!important;color:#101a2f!important;margin:5px 0 4px}
.main-head .sub{font-size:12px!important;color:#8390a4!important}
.head-actions{gap:9px!important}
.btn{min-height:36px;border:1px solid #e0e5ef!important;background:#fff!important;color:#3b4b65!important;border-radius:9px!important;box-shadow:0 1px 3px #2431500a;padding:8px 13px!important;font-size:11px!important;font-weight:730!important;letter-spacing:0;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}
.btn.primary{background:linear-gradient(135deg,#6566ec,#4e46d8)!important;border-color:#615df0!important;color:#fff!important;box-shadow:0 4px 12px #605cf53a}
.btn.primary:hover{background:#4944cc!important;color:#fff!important;box-shadow:0 6px 15px #625ceb44}
.btn:hover:not(.primary){background:#f5f6ff!important;border-color:#babdf7!important;color:#393ba5!important}
.btn:focus-visible,.nav button:focus-visible{outline:3px solid #c7d2fe;outline-offset:2px}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px!important;margin-bottom:21px!important}
.metric{position:relative;overflow:hidden;min-width:0;padding:19px 17px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;box-shadow:var(--ui-shadow)!important}
.metric:after{content:'';position:absolute;right:16px;top:18px;width:33px;height:33px;border-radius:11px;background:#f2f0ff;border:1px solid #eeebff}
.metric:nth-child(2):after{background:#eafbf3;border-color:#daf5e7}.metric:nth-child(3):after{background:#fff5eb;border-color:#ffebd7}.metric:nth-child(4):after{background:#eaf3ff;border-color:#dfeaf9}.metric:nth-child(5):after{background:#f9f0ff;border-color:#f2e6fb}
.metric span{display:block;font-size:11px;color:#8490a2!important;font-weight:660;letter-spacing:.015em;padding-right:35px}
.metric strong{font-size:clamp(21px,2vw,26px)!important;color:#131e34!important;font-weight:800!important;letter-spacing:-.04em;margin-top:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#metric-online{color:#159865!important}
.panel,.profile-card,.account-detail{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}
.panel{padding:21px!important;margin-bottom:17px!important;min-width:0;overflow:hidden}
.panel .split-head{gap:12px;margin-bottom:17px;align-items:center;flex-wrap:wrap}
.panel h2,.profile-card h3{font-weight:780;color:#18233a!important;letter-spacing:-.025em}
.panel h2{font-size:16px!important;margin:0}
.panel .small,.profile-card .small{font-size:11px;line-height:1.65}
.table-wrap{max-width:100%;overflow-x:auto;border:1px solid #eef0f5;border-radius:11px;scrollbar-color:#c9d0e0 transparent;scrollbar-width:thin}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{text-transform:uppercase;font-size:9px!important;font-weight:800!important;color:#8b96a8!important;letter-spacing:.065em!important;background:#fafbfe!important;border-bottom:1px solid #eceff5!important;padding:13px 13px!important;white-space:nowrap}
td{font-size:11px!important;color:#38485f!important;border-bottom:1px solid #eef1f6!important;padding:13px!important;vertical-align:middle}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#fafaff!important}
#users-view>.panel table{min-width:740px}
.user-identity{display:flex;align-items:center;gap:10px;min-width:120px}
.user-identity strong{font-size:12px;color:#14253e;font-weight:780}
.user-identity .small{font-size:10px!important;margin-top:2px}
.presence-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#ed6f73;box-shadow:0 0 0 4px #fce6e7;vertical-align:middle}
.presence-dot.is-online{background:#17bb7b;box-shadow:0 0 0 4px #d9f8e9}
.presence-label{color:#a16970;font-weight:670}.presence-label.is-online{color:#139c68}
.chip{background:#eaf9f2!important;color:#12855f!important;border:1px solid #def3e8!important;border-radius:6px!important;padding:4px 8px!important;font-size:10px;font-weight:740}.chip.bad{background:#fff2f3!important;color:#b94353!important;border-color:#ffe0e3!important}
.field{color:#677891!important;font-weight:700!important;font-size:11px}
.field input,.field select,.margin-form input,#margin-symbol-search,#margin-symbol,.trade-user-field input[type=search]{height:40px;border-radius:9px!important;border:1px solid #dfe5ef!important;background:#fbfcff!important;color:#263750!important;font-size:12px!important;box-shadow:none!important}
.field input:focus,.field select:focus,.margin-form input:focus,#margin-symbol-search:focus,#margin-symbol:focus,.trade-user-field input[type=search]:focus{outline:3px solid #e4e5ff!important;border-color:#8685fa!important}
.tabbuttons{border-bottom:1px solid #e9eefa!important;display:flex;gap:4px!important}
.tabbuttons button{color:#7c899d!important;border-radius:8px 8px 0 0!important;font-weight:750!important}
.tabbuttons button.active{color:#5856d9!important;background:#f1f1ff!important;border-bottom:2px solid #6262ec!important}
.trade-filter-controls{background:#f9faff!important;border:1px solid #ebedf7!important;border-radius:12px!important}
.trade-data-table th{background:#fafbff!important}
.trade-data-table td{white-space:nowrap}
.trade-edit-form{border-radius:11px!important;background:#f8faff!important;border-color:#e4e7f9!important}
.trade-edit-form input{border-radius:8px!important}
.trade-money.positive{color:#15986a!important}.trade-money.negative{color:#dd5763!important}
.admin-trade-id strong{color:#2b315c!important}
.admin-side-badge.long{color:#118b69!important;background:#e2fbef!important}
.admin-side-badge.short{color:#b94954!important;background:#fff0f0!important}
.pager{gap:8px}
.health-item{border-radius:12px!important;background:#fafbff!important}.health-state{border-radius:6px}
.margin-example{border-radius:12px!important;overflow:hidden!important}
.margin-example-head{background:linear-gradient(115deg,#f7f8ff,#eff3ff)!important}
.margin-example-head h3 span{background:#e6e8ff!important;color:#5054cd!important}
.profile-card{padding:20px!important}
.profile-metrics>div{background:#f9faff!important;border-radius:10px!important}
.account-detail{padding:22px!important}
.permission-grid label{background:#fafbff!important;border-radius:9px!important}
.permission-grid input{accent-color:#6062de!important}
#login-box{background:radial-gradient(ellipse at 70% 10%,#e6e9ff 0%,transparent 55%),#f7f8fc!important}
#login-box .modal{border-radius:18px!important;box-shadow:0 24px 70px #17264e1c!important}
.mobile-account-identity{display:flex;gap:11px;align-items:center;min-width:0}
.mobile-account-identity>div{min-width:0}
.mobile-users-list .mobile-user-card{background:#fff!important;border-color:#e6e9f1!important;border-radius:13px!important;padding:13px!important;box-shadow:0 6px 16px #14254208}
.mobile-user-metrics>span{background:#f7f8fd!important;border:1px solid #eceef5;border-radius:8px!important}
.mobile-user-card>.btn{background:#f4f3ff!important;color:#5553c9!important;border:1px solid #e4e2ff!important}
#notify{background:#1e2940!important;color:white!important;border-radius:11px!important}
@media(max-width:1160px){.main{padding:26px 23px!important}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-filter-controls{grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) auto!important}.profile-layout{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:850px){.shell{display:block!important}.nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(288px,85vw)!important;height:100dvh!important;z-index:100!important;transform:translateX(-108%);transition:transform .22s ease;box-shadow:20px 0 60px #1016294f!important;padding:20px 13px!important;overflow-y:auto}.nav-open .nav{transform:translateX(0)}.nav button,.nav a{width:100%!important}.mobile-nav-backdrop{display:none;position:fixed;inset:0;background:#071122a3;backdrop-filter:blur(3px);z-index:99}.nav-open .mobile-nav-backdrop{display:block}.mobile-nav-toggle{display:inline-flex!important;justify-content:center;align-items:center;flex:0 0 40px;height:40px;margin:0 4px 0 0!important;padding:8px!important}.main{padding:20px 16px!important}.main-head{display:flex;flex-wrap:wrap;align-items:flex-start!important;gap:12px!important;padding-bottom:16px!important;margin-bottom:17px!important}.main-head>div:nth-child(2){flex:1 1 200px;min-width:0}.head-actions{flex:1 0 100%;display:flex;justify-content:flex-start!important}.head-actions .btn{flex:1 1 auto;max-width:220px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-filter-controls{grid-template-columns:1fr 1fr!important}.clear-trade-filters{grid-column:1/-1}.panel{padding:15px!important}.account-detail{padding:14px!important}}
@media(max-width:620px){.main{padding:15px 12px 25px!important}.main-head h1{font-size:23px!important}.main-head .sub{line-height:1.55}.head-actions .btn{max-width:none;min-width:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}.metric{padding:14px 12px!important;border-radius:12px!important;min-height:95px}.metric strong{font-size:21px!important;margin-top:10px}.metric span{font-size:10px;padding-right:0}.metric:after{display:none}.metric:nth-child(5){grid-column:1/-1}.panel{padding:13px!important;border-radius:13px!important}.panel .split-head{margin-bottom:12px}.panel .split-head h2{font-size:14px!important}.panel .split-head .btn{font-size:10px!important}.trade-filter-controls{grid-template-columns:1fr!important;padding:12px!important}.clear-trade-filters{grid-column:auto}.trade-filters .tabbuttons{overflow-x:auto;scrollbar-width:none}.trade-filters .tabbuttons button{flex:0 0 auto;font-size:10px!important;padding:10px!important}.trade-table-wrap{max-height:55vh!important;max-width:100%}.trade-data-table{min-width:950px}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1fr)!important}.profile-card{padding:13px!important}.profile-card dl{grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:9px}.profile-card .table-wrap{max-width:100%}.account-detail .split-head{flex-wrap:wrap!important}.account-detail h2{font-size:17px!important;overflow-wrap:anywhere}.status-grid{grid-template-columns:1fr!important}.margin-example-head{grid-template-columns:1fr!important}.margin-example-head>div+div{padding-left:0;border:0;border-top:1px solid #e4e8f7;padding-top:12px}.margin-example table{min-width:440px}.permission-grid{grid-template-columns:1fr!important}.mobile-users-list{display:grid;gap:10px}#users-view>.panel .table-wrap{display:none}.mobile-user-head{align-items:center}.mobile-user-metrics{gap:7px}.mobile-user-metrics>span{min-width:0;padding:9px!important;overflow:hidden}.mobile-user-metrics strong{overflow:hidden;text-overflow:ellipsis}.nav h2{margin-bottom:20px!important}}
@media(prefers-reduced-motion:reduce){.nav,.btn{transition:none!important}}

.account-online-badge{display:inline-flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid #e8ebf2;border-radius:8px;background:#f8f9fc;color:#647489;font-size:11px;font-weight:700;vertical-align:middle}.account-online-badge.online{background:#eafbF3;border-color:#d8f0e5;color:#188a62}.account-online-badge .presence-dot{width:7px;height:7px;flex-basis:7px;box-shadow:0 0 0 3px #f8dadb}.account-online-badge .presence-dot.is-online{box-shadow:0 0 0 3px #cef7df}