/* Shared responsive geometry; role-specific controls and behavior are retained. */
body[data-portal-role]{box-sizing:border-box}
body[data-portal-role] main,body[data-portal-role] #money-main,body[data-portal-role] #money-app{min-width:0;box-sizing:border-box}
body[data-portal-role] input,body[data-portal-role] select,body[data-portal-role] textarea{min-width:0;max-width:100%;box-sizing:border-box}
body[data-portal-role] .panel,body[data-portal-role] .table-wrap,body[data-portal-role] .agent-workspace,body[data-portal-role] .live-panel{min-width:0;box-sizing:border-box}
body[data-portal-role] .table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain}
body[data-portal-role] dialog{max-width:calc(100vw - 20px);max-height:calc(var(--ui-visible-height,100dvh) - 20px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
body[data-portal-role] dialog input,body[data-portal-role] dialog select{scroll-margin-block:60px}
body[data-portal-role=agent]:not(.is-signed-out)>header,body[data-portal-role=agent]:not(.is-signed-out)>main{width:100%!important;max-width:none!important;box-sizing:border-box}
body[data-portal-role=agent] .agent-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
body[data-portal-role=agent] .agent-invite-actions,body[data-portal-role=agent] .agent-home-actions{flex-wrap:wrap}
body[data-portal-role=agent] .agent-player-invite input{width:100%;min-width:0}
body.tiger-player:not(.is-signed-out)>main{width:100%;max-width:1800px;box-sizing:border-box}
body.tiger-player .header-actions{min-width:0;flex-shrink:1}
body.tiger-player .tiger-grid{min-width:0}
body.tiger-player .tiger-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.tiger-player.tiger-playing .tiger-grid{width:min(100%,calc(var(--ui-visible-height,100dvh) - 320px),420px)}
body.tiger-player .tiger-round-actions{min-width:0}
body.tiger-player .tiger-round-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(min-width:701px){body.tiger-player.tiger-playing .tiger-grid{width:min(100%,calc(var(--ui-visible-height,100dvh) - 250px),420px)}}
@media(max-width:700px){
 body[data-portal-role] input:not([type=checkbox]):not([type=radio]),body[data-portal-role] select,body[data-portal-role] textarea{font-size:16px;min-height:44px}
 body[data-portal-role=agent] .agent-workspace{grid-template-columns:minmax(0,1fr)}
 body[data-portal-role=agent] .agent-player-invite{grid-template-columns:minmax(0,1fr)}
 body[data-portal-role=agent] .agent-invite-actions{display:flex;gap:6px;flex-wrap:wrap}
 body[data-portal-role=agent] .agent-invite-actions>*{flex:1 1 120px;min-width:0;min-height:44px}
 body[data-portal-role=agent] .agent-player-invite input{font-size:13px;min-height:44px}
 body[data-portal-role=agent] .money-navigation{min-width:0}
 body[data-portal-role=agent] .money-navigation button{min-width:0;white-space:normal;overflow-wrap:anywhere}
 body.tiger-player:not(.is-signed-out) .topbar{gap:5px;padding-inline:8px}
 body.tiger-player .topbar .brand{min-width:0;flex-shrink:1}
}
@media(max-width:360px){body.tiger-player .header-actions{gap:3px!important}body.tiger-player .topbar #money-wallets .money-wallet{min-width:61px;padding:5px!important}body.tiger-player .topbar #money-wallets .money-wallet strong{font-size:10px!important}}
@media(max-height:500px) and (orientation:landscape){
 body.tiger-player.tiger-playing .tiger-grid{width:min(100%,calc(var(--ui-visible-height,100dvh) - 160px));min-height:132px}
 body[data-portal-role] dialog{max-height:calc(var(--ui-visible-height,100dvh) - 12px)}
}
html[data-ui-keyboard=true] body[data-portal-role] dialog{max-height:calc(var(--ui-visible-height,100dvh) - 12px)}
@media(prefers-reduced-motion:reduce){body[data-portal-role]{scroll-behavior:auto}}