/* ROYALS888 Phase 22: conservative dark visual layer. No behavior or routing changes. */
:root{--r22-bg:#100b12;--r22-surface:#20151e;--r22-surface2:#2a1a25;--r22-border:#624052;--r22-gold:#f1c47d;--r22-text:#f7e9e9}
body:not(.mp){accent-color:#d7a968}
body:not(.mp) :is(.page-wrap,.page-container,.content-wrap,.main-content,.user-content,.user-panel,.dashboard-content,.container-fluid){min-width:0}
body:not(.mp) :is(.card,.panel,.box,.stat-card,.info-card,.form-card,.content-card){border-radius:16px;overflow-wrap:anywhere}
body:not(.mp) :is(.card,.panel,.box,.stat-card,.info-card,.form-card,.content-card):not(.bg-white){border-color:var(--r22-border)}
body:not(.mp) :is(input,select,textarea){max-width:100%;min-width:0}
body:not(.mp) :is(button,.btn,[type=submit]){max-width:100%;touch-action:manipulation}
body:not(.mp) :is(.table-responsive,.table-wrap,.table-container,.table-wrapper){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body:not(.mp) :is(.table-responsive,.table-wrap,.table-container,.table-wrapper) table{min-width:550px;font-variant-numeric:tabular-nums}
body:not(.mp) :is(.modal-content,.dialog-content){max-width:min(94vw,720px);max-height:90dvh;overflow:auto;border-radius:18px}
body:not(.mp) :is(.badge,.tag,.status-badge){overflow-wrap:anywhere}
body:not(.mp) :is(.pagination,.pager){display:flex;flex-wrap:wrap;gap:6px}
body:not(.mp) :is(.card,.panel,.box) :is(h1,h2,h3){overflow-wrap:anywhere}
body:not(.mp) :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--r22-gold);outline-offset:2px}
@media(max-width:767px){
 body:not(.mp) :is(.grid,.form-grid,.filter-grid){min-width:0}
 body:not(.mp) :is(.table-responsive,.table-wrap,.table-container,.table-wrapper){border-radius:12px}
 body:not(.mp) :is(.modal-content,.dialog-content){max-height:calc(100dvh - 28px)}
 body:not(.mp) :is(.card,.panel,.box){max-width:100%}
}
@media(prefers-reduced-motion:reduce){body:not(.mp) :is(.card,.panel,.box,.btn){transition:none!important}}
/* Member pages with legacy standalone CSS and an explicit page body. */
body.mp{background:#0e0a10!important;color:#f4e5e6!important}
body.mp .mp-page{background:linear-gradient(150deg,#1b101a,#0f0b12)!important;color:#f4e5e6!important}
body.mp .mp-top{background:#20131d!important;border-bottom:1px solid #674155!important}
body.mp :is(.mp-card,.acc-card,.form-card,.menu-card,.history-card){border-color:#75485c!important}
body.mp :is(.mp-title,.stitle){color:#f5e1d9!important}
body.mp :is(input,select,textarea){max-width:100%}