/* ChatGPT-inspired neutral charcoal admin palette; loaded after the existing bundle. */
body.dark{color-scheme:dark!important;background:#212121!important;color:#ececec!important;--brand-blue-soft:#303030!important;--brand-blue:#a5b4fc!important}
body.dark :is(.sidebar,.admin-header,#profile-menu,.panel,.banking-card,.banking-site,.banking-footer,.profile-editor-dialog,.profile-editor-header,.profile-editor-footer,.profile-editor-identity,.profile-editor-section,.profile-editor-form,.account-dialog,.site-settings-dialog,dialog,.announcement-bar,.card){background:#262626!important;border-color:#414141!important;color:#ececec!important}
body.dark :is(main,#downline-page,.page,.page-content,.main-content,.account-dialog-body,.site-settings-body,.profile-editor-body){background:#212121!important;color:#ececec!important}
body.dark :is(.summaries>div,.summary-card,.stat-card,.profile-menu-identity,.profile-account,.profile-editor-initials,.account-form-section,.account-identity,.site-settings-section,.site-settings-section summary,.settings-section-content,.timezone-account-info,.crumb,.breadcrumbs button,.account-identity-tag){background:#303030!important;border-color:#424242!important;color:#ececec!important}
body.dark :is(.search-row,.search-row label,.page-heading,.table-container,.table-wrap,.table-scroll,table,tbody,tr,td){background-color:transparent!important;color:#e8e8e8!important;border-color:#3b3b3b!important}
body.dark :is(th,thead,thead tr){background:#303030!important;border-color:#444!important;color:#bcbcbc!important}
body.dark :is(input,select,textarea,.profile-field input,.profile-field input.profile-readonly){background:#303030!important;color:#f0f0f0!important;border:1px solid #505050!important}
body.dark :is(input,textarea)::placeholder{color:#969696!important}
body.dark :is(.outline,.action,.avatar,.menu-toggle,.modal-close,.profile-editor-cancel,.profile-editor-close){background:#303030!important;border-color:#505050!important;color:#e6e6e6!important}
body.dark :is(.nav-active,.nav-link.selected,.sidebar a.selected,.sidebar .selected,.sidebar .nav-active){background:#383838!important;color:#fff!important}
body.dark :is(.sidebar a:hover,.sidebar button:hover,.nav-link:hover){background:#353535!important;color:#fff!important}
body.dark :is(.muted,.summary-note,.profile-editor-header p,.profile-editor-identity small,.profile-field,.profile-editor-section h3,.profile-menu-caption,.profile-editor-badge,.page-heading p){color:#a6a6a6!important}
body.dark :is(h1,h2,h3,h4,h5,strong,.profile-editor-identity strong,.profile-editor-header h2,.profile-username-row strong){color:#f4f4f4!important}
body.dark #profile-menu>button:is(#edit-profile,#change-password,#admin-dark-toggle){background:transparent!important;color:#ededed!important}
body.dark #profile-menu>button:is(#edit-profile,#change-password,#admin-dark-toggle):hover{background:#393939!important}
body.dark #profile-menu>button#logout{background:#3a2629!important;color:#ff777f!important}
body.dark #profile-menu>button#logout .profile-action-icon{color:#ff777f!important}
body.dark #profile-menu>button#logout:hover{background:#4b292e!important}
body.dark .profile-editor-badge{background:#393939!important}
body.dark .profile-editor-error{color:#ff9292!important}
body.dark .profile-editor-save{background:#3563ee!important;color:#fff!important}
body.dark .profile-editor-success{background:#293b32!important;color:#a7e5bb!important;border-color:#427958!important}
body.dark #admin-dark-toggle .theme-switch{background:#4e70e7!important}
body.dark #admin-dark-toggle .theme-switch>span{background:#fff!important}
body.dark :is(.primary,.profile-editor-save){color:#fff!important}
body.dark :is(.role-chip,.crumb-role,.status,.transaction-type){border-color:#4a4a4a}
body.dark dialog::backdrop{background:#000a!important}
body.dark :focus-visible{outline-color:#9daeff!important}
@media(prefers-reduced-motion:reduce){body.dark *,body:not(.dark) *{scroll-behavior:auto!important}}

/* V2: restore semantic contrast and match selected navigation across sections. */
body.dark #admin-sidebar #downline-nav.nav-active,
body.dark #admin-sidebar #funds-nav.nav-active,
body.dark #admin-sidebar .nav-link.nav-active,
body.dark #admin-sidebar .nav-active,
body.dark #admin-sidebar .nav-active:hover{
 background:#383838!important;color:#f4f4f4!important;box-shadow:none!important;border-color:transparent!important;
}
body.dark #admin-sidebar .nav-active svg{color:#f4f4f4!important;stroke:currentColor!important}
body.dark #admin-sidebar .nav-link:not(.nav-active):hover{background:#343434!important;color:#ececec!important}
body.dark #downline-page .breadcrumbs,
body.dark #downline-page .breadcrumbs button,
body.dark #downline-page .crumb,
body.dark #downline-page .crumb.current,
body.dark #downline-page .account-identity-tag{
 background:#303030!important;color:#e9e9e9!important;border-color:#474747!important;
}
body.dark #downline-page .breadcrumbs button:hover,
body.dark #downline-page .crumb:hover{background:#404040!important}
body.dark #downline-page .breadcrumbs :is(strong,span):not(.role-chip):not(.crumb-role){color:#f0f0f0!important}
body.dark #downline-page .breadcrumbs .role-chip.role-0,
body.dark #downline-page .breadcrumbs .crumb-role.role-0{background:#44344d!important;color:#e6b4fa!important}
body.dark #downline-page .breadcrumbs .role-chip.role-1,
body.dark #downline-page .breadcrumbs .crumb-role.role-1{background:#254251!important;color:#a2d9ef!important}
body.dark #downline-page .breadcrumbs .role-chip.role-2,
body.dark #downline-page .breadcrumbs .crumb-role.role-2{background:#2b4738!important;color:#b0e6c2!important}
body.dark #downline-page .breadcrumbs .role-chip.role-3,
body.dark #downline-page .breadcrumbs .crumb-role.role-3{background:#41432a!important;color:#e3e5a2!important}
body.dark #downline-page .breadcrumbs .role-chip.role-4,
body.dark #downline-page .breadcrumbs .crumb-role.role-4{background:#482b3b!important;color:#f0accd!important}
body.dark #downline-page .breadcrumbs .role-chip.role-5,
body.dark #downline-page .breadcrumbs .crumb-role.role-5{background:#46391f!important;color:#ebce91!important}
body.dark #downline-page #members td,
body.dark #downline-page #members td strong,
body.dark #downline-page #members td a,
body.dark #downline-page #members td button:not(.deposit):not(.withdraw){color:#ececec!important}
body.dark #downline-page #members .role-chip{color:#bce3ef!important;background:#294251!important}
body.dark #downline-page #members .deposit,
body.dark #downline-page #members .deposit:not(:hover){background:#183d2d!important;color:#a5f0c5!important;border-color:#346b4d!important}
body.dark #downline-page #members .withdraw,
body.dark #downline-page #members .withdraw:not(:hover){background:#482b32!important;color:#ffb0ba!important;border-color:#78424e!important}
body.dark #downline-page #members .deposit:hover{background:#255b3e!important;color:#fff!important}
body.dark #downline-page #members .withdraw:hover{background:#703744!important;color:#fff!important}
body.dark #downline-page #members .status,
body.dark #downline-page #members .status.active{background:#183d2d!important;color:#a5f0c5!important;border-color:#346b4d!important}
body.dark #downline-page #members .status.locked{background:#4a3b23!important;color:#ffda9c!important;border-color:#7b6039!important}
body.dark #downline-page #members .status.suspended{background:#482b32!important;color:#ffb0ba!important;border-color:#78424e!important}
body.dark #downline-page #members td .exposure{color:#ff9fa9!important}
body.dark #downline-page #members td .muted{color:#b7b7b7!important}
body.dark #downline-page #members .deposit :is(span,small),
body.dark #downline-page #members .withdraw :is(span,small),
body.dark #downline-page #members .status :is(span,small){color:inherit!important}
body.dark #downline-page #members .action{background:#303030!important;color:#ddd!important;border-color:#4b4b4b!important}
body.dark #downline-page #members .action:hover{background:#424242!important}
body.dark #downline-page .breadcrumbs .crumb.current{box-shadow:inset 0 0 0 1px #595959!important}

/* V3: unified charcoal surfaces, readable role chips, actions and dialogs. */
body.dark{--admin-surface:#262626;--admin-raised:#303030;--admin-border:#454545;--admin-text:#ededed;--admin-muted:#b6b6b6}
body.dark #downline-page .breadcrumbs .crumb-role,
body.dark #downline-page .breadcrumbs .role-chip,
body.dark #downline-page #members .role-chip{border:1px solid transparent!important;font-weight:700!important}
body.dark #downline-page #members .role-chip.role-0{background:#463453!important;color:#f0c4ff!important;border-color:#71518a!important}
body.dark #downline-page #members .role-chip.role-1{background:#254451!important;color:#b1e7fa!important;border-color:#416e81!important}
body.dark #downline-page #members .role-chip.role-2{background:#264633!important;color:#b7f2c9!important;border-color:#407456!important}
body.dark #downline-page #members .role-chip.role-3{background:#46452a!important;color:#f2e9aa!important;border-color:#777147!important}
body.dark #downline-page #members .role-chip.role-4{background:#503044!important;color:#ffbadb!important;border-color:#804e69!important}
body.dark #downline-page #members .role-chip.role-5{background:#4b3a24!important;color:#ffe0a8!important;border-color:#806340!important}
body.dark #downline-page #members :is(.deposit,.withdraw,.status){box-shadow:none!important;font-weight:600!important}
body.dark #downline-page #members :is(.deposit,.withdraw,.status) :is(*,svg){color:inherit!important;stroke:currentColor!important}
body.dark #downline-page #members .action,
body.dark #downline-page #members button.action,
body.dark #downline-page #members button[data-settings],
body.dark #downline-page #members button[data-future]{
 background:#353535!important;color:#e7e7e7!important;border:1px solid #5a5a5a!important;opacity:1!important;
}
body.dark #downline-page #members :is(.action,button[data-settings],button[data-future]) svg{stroke:currentColor!important;fill:none!important;opacity:1!important}
body.dark #downline-page #members :is(.action,button[data-settings],button[data-future]):hover:not(:disabled){background:#454545!important;border-color:#858585!important}
body.dark #downline-page #members button:disabled{opacity:.45!important;cursor:not-allowed!important}
body.dark #profile-menu .profile-menu-identity,
body.dark #profile-menu .profile-username-row strong,
body.dark #profile-menu #profile-name,
body.dark #profile-menu #profile-joined{background:#353535!important;color:#f1f1f1!important;border-color:#4e4e4e!important}
body.dark #profile-menu .profile-menu-caption{color:#bcbcbc!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) :is(.dialog-heading,.account-dialog-footer),
body.dark :is(#password-dialog,#settings-dialog,#wallet-dialog,#fund-dialog,#profile-dialog,#add-dialog) :is(.dialog-heading,.account-dialog-footer){
 background:#2c2c2c!important;border-color:#454545!important;color:#ededed!important;
}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .dialog-heading :is(h2,p,strong,small),
body.dark :is(#password-dialog,#settings-dialog,#wallet-dialog,#fund-dialog,#profile-dialog,#add-dialog) .dialog-heading :is(h2,p,strong,small){
 color:#f0f0f0!important;
}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .dialog-heading p{color:#bcbcbc!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-heading-icon{background:#353c50!important;border-color:#515d7b!important;color:#a8bfff!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) :is(.modal-close,[data-close].outline){
 background:#393939!important;border:1px solid #565656!important;color:#ededed!important;
}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .modal-close svg{stroke:currentColor!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-dialog-footer .outline{
 background:#393939!important;color:#e8e8e8!important;border:1px solid #565656!important;
}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-dialog-footer .primary{background:#3461eb!important;color:#fff!important;border-color:#3461eb!important}
body.dark #wallet-dialog .account-dialog-footer .primary{background:#198754!important;border-color:#198754!important}
body.dark #wallet-dialog:has(.withdraw-heading) .account-dialog-footer .primary{background:#c63848!important;border-color:#c63848!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-dialog-body{
 background:#262626!important;color:#ededed!important;
}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-dialog-body label,
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-dialog-body h3{color:#d9d9d9!important}
body.dark #settings-dialog .settings-options label{background:#303030!important;border:1px solid #535353!important}
body.dark #settings-dialog .settings-options label:has(input:checked){background:#303a50!important;border-color:#6689d7!important}
body.dark #settings-dialog .settings-options strong{color:#f0f0f0!important}
body.dark #settings-dialog .settings-options small{color:#bcbcbc!important}
body.dark #settings-dialog #settings-state{color:#a5efc2!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) :is(.account-form-section,.account-security-note){background:#303030!important;border-color:#494949!important;color:#e9e9e9!important}
body.dark :is(.account-dialog,.unified-dialog,.site-settings-dialog) .account-security-note :is(strong,p){color:#e9e9e9!important}
body.dark #downline-page .deposit-heading{background:#1d382c!important;color:#a5e8bf!important}
body.dark #downline-page .withdraw-heading{background:#41282f!important;color:#ffc1c7!important}

/* V4: high-contrast downline controls, overriding legacy white action tiles. */
body.dark #downline-page .breadcrumbs :is(.crumb,.crumb.current,button) :is(.crumb-role,.role-chip,.role-icon),
body.dark #downline-page .breadcrumbs :is(.crumb,.crumb.current,button) .role-0{
 background:#493653!important;color:#f2caff!important;border-color:#745487!important;
}
body.dark #downline-page .breadcrumbs :is(.crumb,.crumb.current,button) :is(strong,.username){color:#f3f3f3!important}
body.dark #downline-page #members button.deposit,
body.dark #downline-page #members .deposit:not(.transaction-type),
body.dark #downline-page #members td .deposit{
 background:#214934!important;color:#c0f5d2!important;border:1px solid #417c57!important;opacity:1!important;
}
body.dark #downline-page #members button.withdraw,
body.dark #downline-page #members .withdraw:not(.transaction-type),
body.dark #downline-page #members td .withdraw{
 background:#512c37!important;color:#ffd0d6!important;border:1px solid #925261!important;opacity:1!important;
}
body.dark #downline-page #members :is(.deposit,.withdraw) :is(span,small,b,strong,i,svg){
 color:inherit!important;stroke:currentColor!important;opacity:1!important;
}
body.dark #downline-page #members :is(button.action,button.wallet-action,button[data-settings],button[data-future]){
 background:#35383e!important;color:#f3f4f6!important;border:1px solid #737984!important;box-shadow:none!important;opacity:1!important;
}
body.dark #downline-page #members :is(button.action,button.wallet-action,button[data-settings],button[data-future]) :is(svg,path,circle,rect,line,polyline){
 stroke:currentColor!important;opacity:1!important;
}
body.dark #downline-page #members :is(button.action,button.wallet-action,button[data-settings],button[data-future]):hover:not(:disabled){
 background:#48505c!important;color:#fff!important;border-color:#b6c1d0!important;
}
body.dark #downline-page #members button.action[data-settings]{background:#303e59!important;color:#c4d6ff!important;border-color:#607eaf!important}
body.dark #downline-page #members button.action.wallet-action{font-weight:800!important;font-size:13px!important}
body.dark #downline-page #members .status.active,
body.dark #downline-page #members td .status.active{background:#214934!important;color:#c0f5d2!important;border:1px solid #417c57!important}
body.dark #downline-page #members :is(.deposit,.withdraw,.status) :is(span,small){background:transparent!important}
body.dark #downline-page #members button:disabled{opacity:.45!important}

/* V5: actual admin-online.js classes; dark mode without pale tiles. */
body.dark #breadcrumbs .v141-downline-role,
body.dark #downline-page .v141-downline-role{
 background:#44354f!important;color:#f1d6ff!important;border:1px solid #745989!important;
}
body.dark #breadcrumbs .v141-downline-role.v141-role-site-admin,
body.dark #members .v141-downline-role.v141-role-site-admin{background:#214456!important;color:#b6e8ff!important;border-color:#487b94!important}
body.dark #breadcrumbs .v141-downline-role.v141-role-super-admin,
body.dark #members .v141-downline-role.v141-role-super-admin{background:#44354f!important;color:#f1d6ff!important;border-color:#745989!important}
body.dark #members .v141-downline-username{color:#f1f3f7!important}
body.dark #members .v141-downline-stat.v141-downline-deposit{
 background:#214934!important;color:#c4f5d5!important;border:1px solid #43805c!important;
}
body.dark #members .v141-downline-stat.v141-downline-withdraw{
 background:#542d38!important;color:#ffd0d8!important;border:1px solid #925565!important;
}
body.dark #members .v141-downline-stat :is(strong,small,.v141-downline-stat-arrow){
 color:inherit!important;opacity:1!important;
}
body.dark #members .v141-downline-status{
 background:#214934!important;color:#c4f5d5!important;border:1px solid #43805c!important;
}
body.dark #members .v141-downline-action-group button{
 background:#383b42!important;color:#f0f2f7!important;border:1px solid #737984!important;
 box-shadow:none!important;opacity:1!important;
}
body.dark #members .v141-downline-action-group button svg{color:inherit!important;stroke:currentColor!important;opacity:1!important}
body.dark #members .v141-downline-action-group button[data-budget-kind="D"]{
 background:#214934!important;color:#c4f5d5!important;border-color:#43805c!important;
}
body.dark #members .v141-downline-action-group button[data-budget-kind="W"]{
 background:#542d38!important;color:#ffd0d8!important;border-color:#925565!important;
}
body.dark #members .v141-downline-action-group button:disabled{
 background:#303136!important;color:#aeb4c0!important;border-color:#555962!important;opacity:.65!important;
}
body.dark #members .v141-downline-action-group button:hover:not(:disabled){
 background:#4b505b!important;color:#fff!important;border-color:#9aa5b7!important;
}
body.dark #members .v141-downline-action-group button[data-selected="true"]:not(:disabled){
 background:#315e4a!important;color:#fff!important;border-color:#79b596!important;
}

/* V6: transaction-type badges must use dark surfaces in dark mode. */
body.dark .transaction-type.deposit,
body.dark .transaction-type.deposit:not(:hover),
body.dark span.transaction-type.deposit{
 background:#214934!important;color:#bdf4d0!important;border:1px solid #43805c!important;
 box-shadow:none!important;opacity:1!important;
}
body.dark .transaction-type.withdraw,
body.dark .transaction-type.withdraw:not(:hover),
body.dark span.transaction-type.withdraw{
 background:#512c37!important;color:#ffd0d8!important;border:1px solid #925565!important;
 box-shadow:none!important;opacity:1!important;
}
body.dark .transaction-type :is(span,strong,small,svg){
 color:inherit!important;stroke:currentColor!important;opacity:1!important;
}
body.dark .transaction-amount.received{color:#86e0ad!important}
body.dark .transaction-amount.sent{color:#ff9aa9!important}


/* Single modal design system — derived from the working Edit Profile dialog.
   This is the ONLY dark-mode modal override; shared tokens prevent divergence. */
/* Modal colors are owned exclusively by admin-modal-tokens.css. */
body.dark #breadcrumbs :is(.v141-downline-role,.crumb-role){
 color:#f1d6ff!important;background:#44354f!important;border:1px solid #745989!important;
}

/* Stable sidebar selection after clicking the Administrator logo and navigating. */
html body.dark #admin-sidebar :is(a,button,summary).nav-active,
html body.dark #admin-sidebar :is(a,button,summary).selected,
html body.dark #admin-sidebar .configuration-submenu.nav-active,
html body.dark #admin-sidebar .configuration-submenu.selected,
html body.dark #admin-sidebar :is(a,button,summary)[aria-current="page"]{
 background:#383838!important;background-image:none!important;
 color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important;
 border-color:transparent!important;box-shadow:none!important;
}
html body.dark #admin-sidebar :is(a,button,summary).nav-active:hover,
html body.dark #admin-sidebar :is(a,button,summary).selected:hover{
 background:#444!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body.dark #admin-sidebar :is(a,button,summary).nav-active svg,
html body.dark #admin-sidebar :is(a,button,summary).selected svg{
 color:#f4f4f4!important;stroke:currentColor!important;
}
html body:not(.dark) #admin-sidebar :is(a,button,summary).nav-active,
html body:not(.dark) #admin-sidebar :is(a,button,summary).selected{
 background:#e7e8eb!important;color:#252b32!important;
 -webkit-text-fill-color:#252b32!important;
}

/* V11: active sidebar items remain dark after logo navigation/reload. */
html body.dark #admin-sidebar a.nav-active,
html body.dark #admin-sidebar button.nav-active,
html body.dark #admin-sidebar .nav-active,
html body.dark #admin-sidebar [aria-current="page"],
html body.dark #admin-sidebar .selected,
html body.dark #admin-sidebar .active {
 background:#383838!important;background-color:#383838!important;background-image:none!important;
 color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important;
 border-color:transparent!important;box-shadow:none!important;
}
html body.dark #admin-sidebar :is(.nav-active,.selected,.active,[aria-current="page"]) svg{
 color:#f4f4f4!important;stroke:currentColor!important;
}


/* Player game catalogue: retain readable charcoal surfaces over legacy light card defaults. */
body.dark.player-account-view #provider-games-page :is(.provider-catalog-panel,.provider-list-panel){background:#262626!important;border-color:#414141!important;color:#ededed!important}
body.dark.player-account-view #provider-games-page .provider-type-card{background:#2b2b2b!important;background-color:#2b2b2b!important;border-color:#474747!important;color:#ededed!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-type-card.is-selected{background:#303a50!important;background-color:#303a50!important;border-color:#6689d7!important;color:#f5f7ff!important;box-shadow:0 0 0 2px #6689d733!important}
body.dark.player-account-view #provider-games-page .provider-type-text :is(strong,small){color:inherit!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-type-icon{background:#343a46!important;color:#b9c9ff!important}
body.dark.player-account-view #provider-games-page .provider-selector-entry{background:#2b2b2b!important;border-color:#474747!important;color:#ededed!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-selector-entry.is-selected{background:#303a50!important;border-color:#6689d7!important;box-shadow:0 0 0 2px #6689d733!important}
body.dark.player-account-view #provider-games-page .provider-selector-card{background:transparent!important;color:#ededed!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-selector-copy strong{color:#f1f1f1!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-selector-copy small{color:#bcbcbc!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-logo-wrap{background:#353535!important;color:#d0d0d0!important}
body.dark.player-account-view #provider-games-page .provider-selected-games{background:#262626!important;border-color:#414141!important}
body.dark.player-account-view #provider-games-page .provider-games-wrap{background:#262626!important;color:#ededed!important}
body.dark.player-account-view #provider-games-page .provider-games-toolbar{background:#262626!important;border-color:#414141!important}
body.dark.player-account-view #provider-games-page .provider-games-search input{background:#303030!important;color:#f0f0f0!important;border-color:#505050!important}
body.dark.player-account-view #provider-games-page .provider-game-card{background:#2b2b2b!important;border-color:#474747!important;color:#ededed!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-game-copy :is(strong,small){color:#ededed!important;opacity:1!important}
body.dark.player-account-view #provider-games-page .provider-game-image{background:#303030!important}
body.dark.player-account-view #provider-games-page .provider-empty,
body.dark.player-account-view #provider-games-page .provider-games-count{color:#bcbcbc!important}
body.dark.player-account-view .provider-game-card.player-launch-card{cursor:pointer}
body.dark.player-account-view .provider-game-card.player-launch-card:hover{border-color:#6689d7!important;box-shadow:0 4px 18px #0005!important}

/* Compact Player-only catalogue rails and cards. */
body.player-account-view .admin-header{position:relative}
body.player-account-view .admin-header .header-identity{position:static;left:auto;transform:none;margin:0;white-space:nowrap;pointer-events:auto}
body.player-account-view .admin-header .header-right{margin-left:auto!important}
body.player-account-view #provider-games-page .provider-type-entry{flex:0 0 158px}
body.player-account-view #provider-games-page .provider-type-entry .provider-type-card{min-height:58px;padding:8px 30px 8px 9px;gap:8px}
body.player-account-view #provider-games-page .provider-type-icon{width:31px;height:31px}
body.player-account-view #provider-games-page .provider-selector-card{min-height:48px;padding-block:5px}
body.player-account-view #provider-games-page .provider-selector-card .provider-logo-wrap{width:28px;height:28px}
body.player-account-view #provider-games-page .provider-selector-copy{gap:0}

/* Full-screen animated Player game launch state. */
.player-game-launch-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 50% 42%,#25365f 0,#151c2d 48%,#10141d 100%);color:#f8fafc;isolation:isolate;animation:playerLaunchFadeIn .28s ease-out both}
.player-game-launch-overlay[hidden]{display:none!important}
.player-game-launch-overlay:before,.player-game-launch-overlay:after{content:"";position:absolute;width:min(70vw,540px);aspect-ratio:1;border:1px solid #94aaff18;border-radius:50%;animation:playerLaunchHalo 7s ease-in-out infinite;z-index:-1}
.player-game-launch-overlay:after{width:min(48vw,360px);animation-delay:-3.5s;border-color:#72e2d015}
.player-game-launch-content{width:min(100%,400px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 32px;border:1px solid #b8c8ff30;border-radius:24px;background:linear-gradient(145deg,#ffffff10,#ffffff04);box-shadow:0 26px 90px #0007;backdrop-filter:blur(18px)}
.player-game-launch-orbit{width:104px;height:104px;position:relative;display:grid;place-items:center;margin-bottom:25px;border:1px solid #7c96ff66;border-radius:50%;box-shadow:0 0 38px #718cff22;animation:playerLaunchPulse 2.2s ease-in-out infinite}
.player-game-launch-orbit:before,.player-game-launch-orbit:after{content:"";position:absolute;inset:7px;border:2px solid transparent;border-top-color:#9fb3ff;border-right-color:#6888ff;border-radius:50%;animation:playerLaunchSpin 1.35s linear infinite}
.player-game-launch-orbit:after{inset:-7px;border-top-color:#71e2d0;border-right-color:transparent;animation-duration:2s;animation-direction:reverse}
.player-game-launch-orbit>span{position:absolute;inset:15px;border:1px solid #e7edff26;border-radius:50%}
.player-game-launch-orbit>span:nth-child(2){inset:auto;width:7px;height:7px;border:0;background:#72e2d0;box-shadow:0 0 14px #72e2d0;top:1px;left:50%;transform:translateX(-50%)}
.player-game-launch-orbit svg{width:35px;height:35px;fill:none;stroke:#e8edff;stroke-width:1.7}
.player-game-launch-copy strong{display:block;color:#fff!important;font-size:20px;letter-spacing:.01em}
.player-game-launch-copy span{display:block;color:#d7e2ff;font-size:13px;margin-top:6px}
.player-game-launch-copy p{margin:12px 0 20px;color:#b8c4df;font-size:13px}
.player-game-launch-progress{width:min(100%,250px);height:4px;overflow:hidden;border-radius:8px;background:#ffffff20}
.player-game-launch-progress span{display:block;width:36%;height:100%;border-radius:8px;background:linear-gradient(90deg,#6585ff,#72e2d0,#6585ff);animation:playerLaunchLoad 1.6s ease-in-out infinite}
.player-game-launch-content>small{margin-top:16px;color:#98a5bf;font-size:11px}
@keyframes playerLaunchSpin{to{transform:rotate(360deg)}}
@keyframes playerLaunchPulse{50%{box-shadow:0 0 48px #718cff55;transform:scale(1.045)}}
@keyframes playerLaunchLoad{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
@keyframes playerLaunchHalo{50%{transform:scale(1.08);opacity:.55}}
@keyframes playerLaunchFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:760px){body.player-account-view #provider-games-page .provider-type-entry{flex-basis:146px}.player-game-launch-content{padding:30px 22px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.player-game-launch-overlay,.player-game-launch-overlay *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Player game launch art and reliable viewport centering. */
body.player-account-view .player-game-launch-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:grid!important;place-items:center!important;transform:none!important}
.player-game-launch-content{margin:auto}
.player-game-launch-orbit>span:nth-child(2){display:grid;place-items:center;inset:15px!important;width:auto!important;height:auto!important;transform:none!important;background:transparent!important;box-shadow:none!important}
.player-game-launch-orbit img{width:72px;height:72px;object-fit:cover;border-radius:17px;box-shadow:0 4px 18px #0007}
.player-game-launch-orbit [hidden]{display:none!important}
.player-game-launch-copy strong{max-width:100%;overflow-wrap:anywhere}


/* Player-only game search prompt and icon. */
body.player-account-view #provider-games-page .player-game-search-wrap{position:relative;display:block;width:100%}
body.player-account-view #provider-games-page .player-game-search-wrap .player-game-search-icon{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#68748a;pointer-events:none}
body.player-account-view #provider-games-page .player-game-search-wrap input{padding-left:42px!important}
body.dark.player-account-view #provider-games-page .player-game-search-wrap .player-game-search-icon{color:#b8c4d8}

/* Player game search stays editable and keeps a readable hint in both themes. */
body.player-account-view #provider-games-page .player-game-search-wrap input{
  position:relative!important;z-index:1!important;pointer-events:auto!important;
  user-select:text!important;-webkit-user-select:text!important;caret-color:#4565e8!important
}
body.player-account-view #provider-games-page .player-game-search-wrap input::placeholder{
  color:#68748a!important;opacity:1!important
}
body.dark.player-account-view #provider-games-page .player-game-search-wrap input::placeholder{
  color:#b8c4d8!important;opacity:1!important
}

/* Keep the Player header fixed to the viewport and reserve only its height. */
body.player-account-view>.workspace>.admin-header{
  position:fixed!important;top:0!important;left:260px!important;right:0!important;z-index:100!important
}
body.player-account-view>.workspace{padding-top:64px!important;scroll-padding-top:64px!important}
@media(min-width:761px) and (max-width:1100px){
  body.player-account-view>.workspace>.admin-header{left:185px!important}
}
@media(max-width:760px){
  body.player-account-view>.workspace>.admin-header{left:0!important;right:0!important}
  body.player-account-view>.workspace{padding-top:60px!important;scroll-padding-top:60px!important}
}
