.mobile-console-bar{display:none}.mobile-console-drawer:not([open]){display:none}
@media(max-width:720px){
  body>header{padding:12px;font-size:17px;gap:8px;min-height:50px}.deposit-alert-bar{flex-wrap:wrap;gap:5px}.deposit-alert-bar button{min-height:34px;font-size:11px!important;padding:6px 8px}
  body>main{margin:0!important;padding:10px!important;max-width:100%}
  body main .layout{display:block;min-width:0;max-width:100%}.content,.main-pane{min-width:0;width:100%}.panel,.card{border-radius:9px;padding:12px!important;margin-top:8px!important;max-width:100%;min-width:0}
  .panel h2,.card h2{font-size:17px;line-height:1.5}.panel h3,.card h3{font-size:15px}body p{line-height:1.65}
  .mobile-console-bar{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:12px;padding:10px 0;background:#eef4fb;min-height:58px}
  .mobile-console-bar button{min-height:40px;padding:8px 14px;border-radius:7px;background:#17649b;color:#fff;font-size:14px}.mobile-console-bar strong{color:#284d67;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-console-drawer{position:fixed;inset:0 auto 0 0;margin:0;max-height:none;height:100dvh;width:min(320px,88vw);max-width:none;border:0;border-radius:0 14px 14px 0;background:#f4f8fb;padding:12px;overflow:auto;color:#284d67}
  .mobile-console-drawer::backdrop{background:#132d4b88}.mobile-console-drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;gap:12px;margin-bottom:12px;position:sticky;top:-12px;background:#f4f8fb;padding-top:10px;z-index:2}
  .mobile-console-drawer-head button{width:42px;height:42px;border-radius:50%;border:0;background:#e2ecf2;color:#3e6075;font-size:28px}
  .mobile-console-drawer .side{position:static;display:block;width:100%;max-height:none;border:0;box-shadow:none;padding:0;background:transparent}
  body.agent-top-layout .mobile-console-drawer .side:not([hidden]){display:block!important}
  .mobile-console-drawer .side>h2{display:none}.mobile-console-drawer .side .group-label{display:block;font-size:15px;margin:10px 0 6px;border:1px solid #cee0ec;border-radius:6px;padding:13px;background:#e4f0f8;color:#315f7b}
  .mobile-console-drawer .side .menu-group-items{width:100%;margin:0;padding-left:8px;border-left:2px solid #d5e6f0}
  .mobile-console-drawer .side button[data-panel],.mobile-console-drawer .side a{display:block;width:100%;min-height:42px;text-align:left;padding:10px 12px;border-radius:6px;font-size:14px}
  .mobile-console-drawer .side button.active{background:#17649b;color:#fff}.mobile-console-drawer .side .group-label[hidden]+.menu-group-items,.mobile-console-drawer .side .menu-group-items[hidden]{display:none!important}
  #loginForm{display:grid;gap:12px;width:100%;max-width:430px}#loginForm input,#loginForm button{width:100%;min-height:44px;margin:0}
  .ssc-tools input,.ssc-tools select{min-width:0!important}.ssc-family-head input{max-width:110px;min-height:40px}.ssc-family-head{gap:8px}.ssc-family-head button{min-height:40px}
  .tabs{overflow:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:5px}.tabs button{flex:none;min-height:40px}.account-detail-dialog{width:calc(100vw - 16px)!important;max-width:none;padding:12px}
  .account-detail-actions{display:flex;flex-wrap:wrap;gap:6px}.account-detail-actions button{min-height:40px}#adminPayoutSection .payout-method-grid{grid-template-columns:1fr}
  #agentFrame{width:100%;min-height:75dvh}.mobile-table-scroll th{position:sticky;top:0}.single-odds-toolbar{flex-wrap:wrap}.single-odds-toolbar>*{max-width:100%}
  body.embedded-admin>main{padding:0!important}body.embedded-admin .card{border-radius:0;margin:0!important}
}