/* Admin-only responsive layout: dropdowns must never sit beneath role controls. */
.admin-nav-toggle{display:none}
.head nav>.admin-nav-group[open],.head nav>.eye-role-switch[open],.head nav>.account-menu.open{z-index:900}
.head nav>.admin-nav-group[open]{isolation:isolate}
body[data-required-role="admin"] .tablewrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:1100px){
 body[data-required-role="admin"]>header{position:relative}
 .head{gap:10px;padding:12px}
 .head .brand{min-width:0;flex:1 1 auto}
 .head .brand img{width:150px;max-width:100%}
 .admin-nav-ready .admin-nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;background:transparent;border:1px solid #ffffff66;border-radius:9px;color:#fff;font:700 14px/1.3 Inter,Arial,sans-serif;cursor:pointer}
 .admin-nav-ready .head nav{display:none}
 .admin-nav-ready.admin-nav-expanded .head nav{display:grid}
 .head nav{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}
 .head nav>*{min-width:0;max-width:100%}
 .head nav>button,.head nav>details>summary,.head nav>.account-menu>button{min-height:46px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 .head nav>.admin-nav-group[open]{grid-column:1/-1}
 .head nav .admin-nav-submenu,.head nav .account-submenu,.head nav .eye-role-options{position:static;inset:auto;width:100%;min-width:0;max-width:100%;margin:6px 0 0;box-shadow:none;border-radius:9px;max-height:none}
 .head nav .account-menu{display:block;width:100%}
 .head nav>.eye-role-switch{width:100%;margin:0}
 .head nav .admin-nav-submenu button,.head nav .account-submenu button,.head nav .account-submenu a,.head nav .eye-role-options a{min-height:46px;display:flex;align-items:center;white-space:normal;overflow-wrap:anywhere}
 .head nav .customer-site-link{white-space:normal;min-height:46px;text-align:left;justify-content:flex-start}
 main,.view,.card,.cards>*,.field,.earning-filters>*{min-width:0;max-width:100%}
 .card h2{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
 .card h3{font-size:18px;line-height:1.4}
 .hero h1{font-size:24px;overflow-wrap:anywhere}
 .earning-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .field input,.field select,.field textarea{min-width:0;max-width:100%;min-height:44px}
 .earning-detail{padding:12px}
 .earning-detail .row{flex-wrap:wrap;gap:6px}
 .earning-detail .row>*{min-width:0;overflow-wrap:anywhere}
 .earning-primary{padding:12px}
 .earning-primary strong{font-size:27px;overflow-wrap:anywhere}
 .earning-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .earning-stats>div{padding:12px;overflow-wrap:anywhere}
 .access-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .access-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:46px;padding:10px 8px}
 .access-summary{gap:6px}
 .access-summary span{font-size:12px!important;overflow-wrap:anywhere}
 .access-summary strong{font-size:22px}
 .modalbox .cards{grid-template-columns:1fr!important}
 .actions{gap:8px}.actions .btn{min-height:44px;white-space:normal}
 .designrow{grid-template-columns:60px minmax(0,1fr)}.designrow>:last-child{grid-column:1/-1}
 .partner-status{margin-left:0}.partner-status .badge{white-space:normal}
 .partner-summary,.partner-toggle,.access-card .row>*{min-width:0;overflow-wrap:anywhere}
 #simApply{width:100%;min-height:46px;white-space:normal}
}
@media(max-width:380px){.earning-filters,.earning-stats{grid-template-columns:1fr}.head .brand img{width:135px}}

.head nav{min-width:0;flex-wrap:wrap}
.head nav .admin-nav-group:nth-of-type(2) .admin-nav-submenu{left:auto;right:0}