/* ROYALS888 Phase 15: presentation-only responsive refinements. */
html{scroll-padding-top:72px}
body{overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
img{height:auto}
*{box-sizing:border-box}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.card,.panel,.da-card,.formbox,.modal,.table-wrap){min-width:0}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(input,select,textarea,button){max-width:100%}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(input,select,textarea){font-size:16px}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.table-wrap,.da-table-wrap,.responsive-table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.modal,.dialog,[role=dialog]){max-width:min(94vw,680px);max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.card,.panel,.da-card,.formbox){overflow-wrap:anywhere}
:where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(button,a,input,select,textarea):focus-visible{outline:2px solid #e8b76f;outline-offset:2px}
@media(max-width:900px){
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.grid,.dashboard-grid,.stats-grid){gap:12px}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.modal,.dialog,[role=dialog]){width:calc(100vw - 24px);margin-inline:auto}
}
@media(max-width:600px){
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.page-content,.main-content,.da-content,.dashboard-content){padding-inline:12px}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.grid,.dashboard-grid,.stats-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.form-grid,.filters-grid){grid-template-columns:minmax(0,1fr)}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.modal,.dialog,[role=dialog]){max-height:calc(100dvh - 28px)}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.action-row,.form-actions){flex-wrap:wrap;gap:8px}
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.action-row,.form-actions) button{min-height:42px}
}
@media(max-width:370px){
 :where(.da-layout,.royal-app,.agent-app,.affiliate-app) :where(.dashboard-grid,.stats-grid){grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}