/* Shared scrollbar system. */
*{scrollbar-width:thin;scrollbar-color:#9cbfd5 #edf5f9}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#edf5f9;border-radius:99px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b9d7e8,#78abc8);border:2px solid #edf5f9;border-radius:99px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8ec0dc,#4e91b8)}

/* Page-specific components that need the shared dark surface treatment. */
.dark{color-scheme:dark}
.dark .panel,.dark .permission-card,.dark .charge-summary>div,.dark .profile-card,.dark .wallet-card,.dark .transfer-stat-box,.dark .withdraw-metrics,.dark .request-summary,.dark .admin-carousel,.dark .top-withdraw-list article,.dark .admin-values,.dark .user-tabs button.active{background:var(--surface);border-color:var(--line);color:var(--text)}
.dark .profile-card p,.dark .wallet-card p,.dark .personal-fields label,.dark .charge-grid label,.dark .permission-card,.dark .charge-summary>div,.dark .transfer-stat-box>div,.dark .withdraw-metrics article,.dark .compact-table td,.dark .withdrawal-request td{color:var(--muted)}
.dark .personal-fields input,.dark .personal-fields textarea,.dark .charge-grid input,.dark .currency-table td input,.dark .profile-avatar span,.dark .charge-summary b{background:var(--canvas);border-color:var(--line);color:var(--text)}
.dark .user-tabs,.dark .summary-content,.dark .request-summary h3,.dark .compact-table th,.dark .withdrawal-request th,.dark .system-transfer thead,.dark .currency-table th,.dark .currency-configuration .panel-heading,.dark .profile-currency .panel-heading{background:#26354a;color:var(--text)}
.dark .user-subnav{border-color:#53758d}.dark .user-subnav:before,.dark .user-subnav:after{background:#53758d}.dark .user-subnav a:before{border-color:#53758d}.dark .user-subnav a.active{background:#1e405c;color:#d8edfa}
.dark .profile-menu-summary{background:#263b50;border-color:#3b5a70}.dark .profile-menu-actions button{color:#cfdeea}.dark .profile-menu-actions button:hover{background:#284c68}.dark .profile-menu-actions .profile-signout{border-color:#3b5a70;color:#ffaab2}
.dark *{scrollbar-color:#537a94 #202f40}.dark *::-webkit-scrollbar-track{background:#202f40}.dark *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#547c96,#365d78);border-color:#202f40}.dark *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6f9db8,#426f8d)}
.dark .header-brand{color:#eaf6ff}.dark .header-brand img{background:#eaf6ff;padding:2px;box-shadow:0 0 0 1px #8fc5e5,0 2px 10px #07152566}.dark .sidebar-toggle{background:#314157;color:#d8edfa;box-shadow:-4px 0 14px #07152566}.dark .sidebar-toggle:hover{background:#3b5570;color:#fff}.dark .sidebar-toggle:focus-visible{outline-color:#9fd3f0}.dark .header-actions .separator{background:#455a70}.dark .global-search{border-color:#43566c}.dark .notification-button b{border-color:var(--surface)}
.dark .permission-card i{background:#3b4b60;box-shadow:inset 0 0 0 1px #52677e}.dark .permission-card i:after{background:#dbeaf3}.dark .profile-menu,.dark .sidebar-profile-menu{border-color:#3b5a70}.dark .profile-menu-actions .profile-signout:hover,.dark .sidebar-profile-menu .profile-signout:hover{background:#4a303d;color:#ffd0d5}.dark .profile-menu-actions .profile-signout .icon,.dark .sidebar-profile-menu .profile-signout .icon{color:#ffaab2}
.dark .currency-table td,.dark .currency-table td b,.dark .withdrawal-request td,.dark .compact-table td,.dark .top-withdraw-list article,.dark .admin-values strong,.dark .transfer-stat-box strong,.dark .withdraw-metrics strong{color:var(--text)}.dark tbody tr:nth-child(even){background:#253044}.dark tbody tr:hover{background:#2d4156}.dark .select-control,.dark .customize-button,.dark .configuration-select{background:#303d50;color:var(--text)}.dark .select-control select,.dark .configuration-select select{color:var(--text)}.dark .profile-card p:first-of-type b,.dark .edit-link{color:#9fd3f0}
/* Contrast guard: legacy pages used fixed navy values that disappear on dark surfaces. */
.dark .panel h1,.dark .panel h2,.dark .panel h3,.dark .panel h4,.dark .panel strong,.dark main h1,.dark main h2,.dark main h3,.dark main h4,.dark td,.dark dd{color:var(--text)}
.dark .panel a:not(.button),.dark .levels-link{color:#a8d8f4}.dark input,.dark select,.dark textarea{color:var(--text)!important;background:var(--canvas)!important;border-color:var(--line)!important}.dark .operation-metric{background:var(--surface)}