/* Login uses the same surfaces, typography and controls as the dashboard. */
.login-wrap{width:min(1080px,calc(100% - 40px));max-width:1080px;margin:clamp(32px,10vh,96px) auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:stretch;border:0;background:transparent;box-shadow:none;overflow:visible;padding:0}
.login-intro,.login-panel{border:1px solid #ffffffe6;border-radius:var(--radius);background:var(--ui-frost);box-shadow:var(--ui-shadow);color:var(--ink);padding:42px;min-width:0}
.login-intro{justify-content:flex-start;overflow:hidden}.login-intro::after{display:none}.login-intro .brand strong{color:var(--ink)}.login-intro .brand small,.login-intro .eyebrow{color:var(--muted)}.login-intro .eyebrow{margin-top:58px!important}.login-intro h1{font-size:clamp(30px,3.7vw,45px);line-height:1.23;letter-spacing:-1.5px;margin:18px 0}.login-intro p{color:var(--muted);font-size:14px;max-width:390px}.login-chips{gap:8px;margin-top:28px}.login-chips span{color:var(--ink);background:var(--ui-inner);border:1px solid #fff;padding:9px 13px;font-size:11px}
.login-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:26px;letter-spacing:-.8px}.login-panel form{gap:18px}.login-panel input{min-height:48px}.login-panel .btn.primary{background:var(--ui-primary);color:#fff;min-height:48px}.login-panel .actions{display:flex;flex-wrap:wrap}.login-panel .actions .btn{flex:1}.login-panel #captcha{overflow-x:auto;max-width:100%}
@media(max-width:760px){.login-wrap{width:calc(100% - 28px);max-width:480px;margin:20px auto;display:flex;gap:16px}.login-intro,.login-panel{width:100%;padding:26px;border-radius:24px}.login-intro .eyebrow{margin-top:26px!important}.login-intro h1{font-size:30px}.login-intro p{display:block;font-size:12px;margin-bottom:0}.login-chips{display:none}.login-panel h2{font-size:24px}.login-panel form{margin-top:20px}}
/* R3.2.3 compact mobile layout, preserving touch target sizes. */
@media(max-width:760px){
 body[data-workspace="billing"]{font-size:13px}
 #view h1{font-size:23px;line-height:1.25}#view h2{font-size:17px}
 #view .summary-grid25{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
 #view .summary-card25{min-height:106px;padding:13px;gap:5px;align-items:flex-start}
 #view .summary-card25 strong{font-size:22px;overflow-wrap:anywhere}
 #view .summary-card25 p{font-size:11px;margin:6px 0 0;line-height:1.4}
 #view .summary-card25 svg{width:24px;height:24px;flex-shrink:0}
 #view .summary-card25 span{font-size:10px}
 #view .panel{padding:13px;border-radius:18px}
 #view .table tbody tr{padding:11px;margin-bottom:9px;border-radius:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
 #view .table tbody td{display:block;min-width:0;padding:0;overflow-wrap:anywhere}
 #view .table tbody td:before{font-size:10px;margin-bottom:3px}
 #view .table tbody td:last-child{grid-column:1/-1}
 #view .table small{margin-top:3px;font-size:11px}
 #view .actions{gap:7px;flex-wrap:wrap}#view .actions .btn{min-height:40px;padding:8px 11px;font-size:12px}
 #view .metric25{min-height:72px;padding:11px}#view .metric25 strong{font-size:23px}
 #view .filters25{gap:8px;flex-wrap:wrap}#view .filters25>select{width:auto;flex:1;min-width:110px}#view .filters25 #search{flex-basis:100%}
 #view .period25 input{min-height:40px}#view .group-summary25>summary{padding:11px}
 #view .pagination25{gap:8px}dialog .form-grid{gap:12px}
}
@media(max-width:760px){#view .summary-card25 small{font-size:11px;line-height:1.4}#view .summary-card25.client-summary25{grid-column:1/-1;min-height:155px;padding-bottom:70px}#view .summary-card25>div{min-width:0}}
@media(max-width:760px){#view .summary-grid25>.summary-card25:nth-child(3){grid-column:1/-1;min-height:95px}}

/* Network Suite R3.2.3 - SB Admin 2 skin. Scoped to billing, no payment logic. */
body.sbadmin2{--accent:#4e73df;--ink:#343a50;--muted:#858796;--line:#e3e6f0;--ui-radius:9px;--ui-primary:#4e73df;--ui-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.08);--ui-frost:#fff;--ui-nav:#fff;--ui-inner:#f8f9fc;font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f8f9fc;color:#5a5c69;font-size:13px;line-height:1.5}
body.sbadmin2 .glass{background:#fff;border:1px solid #e3e6f0;border-radius:9px;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.075);backdrop-filter:none;-webkit-backdrop-filter:none}
body.sbadmin2 .sb2-layout{max-width:none;min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);gap:0;padding:0;margin:0;align-items:stretch}
body.sbadmin2 .sb2-main{min-width:0;width:100%;padding:0 26px 22px;display:block}
body.sbadmin2 .sb2-sidebar{height:100vh;min-height:100vh;position:sticky;top:0;left:0;width:236px!important;max-width:none!important;margin:0;padding:15px 0 12px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#4e73df 10%,#224abe 100%)!important;border:0;border-radius:0;box-shadow:none;color:#fff;z-index:45}
body.sbadmin2 .sb2-sidebar-brand{border-bottom:1px solid #ffffff38;margin:0 14px 10px;padding:5px 10px 16px;min-height:64px}
body.sbadmin2 .sb2-sidebar .brand{gap:9px;color:#fff;padding:0}
body.sbadmin2 .sb2-sidebar .brand img{width:37px;height:37px;background:#ffffffdc;padding:3px;border-radius:8px;box-shadow:none}
body.sbadmin2 .sb2-sidebar .brand strong{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.2px;line-height:1.35}
body.sbadmin2 .sb2-sidebar .brand small{color:#ffffffba;font-size:10px;line-height:1.3}
body.sbadmin2 .sb2-nav{display:flex;flex-direction:column;flex-wrap:nowrap;min-height:0;flex:1;overflow:auto hidden;gap:2px;padding:0 9px 10px;scrollbar-width:thin;scrollbar-color:#ffffff70 transparent}
body.sbadmin2 .sb2-nav .nav-group-label{color:#c7d4ff!important;padding:16px 12px 6px;margin:0;font-size:10px;font-weight:800;letter-spacing:.7px}
body.sbadmin2 .sb2-nav a{display:flex;align-items:center;gap:11px;flex:none;min-height:39px;padding:10px 12px;margin:0;border-radius:6px;color:#dbe5ff;font-size:12px;line-height:1.4;font-weight:600;border:0;box-shadow:none;transition:background-color .14s,color .14s;transform:none}
body.sbadmin2 .sb2-nav a:hover{background:#ffffff1c;color:#fff;transform:none}
body.sbadmin2 .sb2-nav a.active,body.sbadmin2 .sb2-nav a[aria-current=page]{background:#ffffff2a!important;color:#fff!important;box-shadow:inset 3px 0 #fff!important}
body.sbadmin2 .sb2-nav a svg{width:16px;height:16px;flex-shrink:0;color:inherit;opacity:.9}
body.sbadmin2 .sb2-sidebar .sidebar-foot{color:#dbe5ffc9;border-top:1px solid #ffffff30;margin:6px 16px 0;padding:13px 2px 0;text-align:left;font-size:10px}
body.sbadmin2 .sb2-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;margin:0 -26px 26px;padding:11px 28px;border:0;border-bottom:1px solid #edf0f6;border-radius:0;background:#fff;box-shadow:0 .1rem .9rem #3a3b4510;z-index:10}
body.sbadmin2 .sb2-topbar .workspace-title24{color:#5a5c69;font-size:15px;font-weight:800}
body.sbadmin2 .sb2-topbar .avatar{background:#e8ecf9;color:#4e73df}
body.sbadmin2 .sb2-topbar .account-name strong{color:#5a5c69}
body.sbadmin2 .sb2-topbar .account-name small{color:#858796}
body.sbadmin2 .page-head{margin-bottom:20px;align-items:center;gap:12px}
body.sbadmin2 .page-head h1{font-size:25px;font-weight:800;letter-spacing:-.55px;color:#5a5c69}
body.sbadmin2 .page-head p{color:#858796;font-size:12px;margin:5px 0 0}
body.sbadmin2 .page-head .eyebrow{color:#4e73df;font-size:10px;letter-spacing:1px}
body.sbadmin2 h2{font-size:16px;color:#4e73df;letter-spacing:0;font-weight:750}
body.sbadmin2 .panel,body.sbadmin2 .sb2-view .panel,body.sbadmin2 .stat{background:#fff!important;border:1px solid #e3e6f0!important;border-radius:9px!important;box-shadow:0 .15rem 1.75rem 0 rgba(58,59,69,.07)!important;min-width:0}
body.sbadmin2 .panel{padding:20px}
body.sbadmin2 .panel-head{padding-bottom:13px;border-bottom:1px solid #f0f1f5;margin-bottom:17px}
body.sbadmin2 .stats{gap:15px}
body.sbadmin2 .stats .stat{padding:19px;border-left:4px solid #4e73df!important}
body.sbadmin2 .stats .stat:nth-child(2){border-left-color:#1cc88a!important}
body.sbadmin2 .stats .stat:nth-child(3){border-left-color:#f6c23e!important}
body.sbadmin2 .stats .stat:nth-child(4){border-left-color:#36b9cc!important}
body.sbadmin2 .stat .label{color:#4e73df;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
body.sbadmin2 .stat strong{color:#5a5c69;font-weight:800}
body.sbadmin2 .stat-icon{background:#f4f6ff;border-radius:7px;color:#d1d3e2}
body.sbadmin2 .summary-grid25>.summary-card25{border:1px solid #e3e6f0;border-left:4px solid #4e73df;border-radius:9px;box-shadow:0 .15rem 1.75rem rgba(58,59,69,.07);background:#fff}
body.sbadmin2 .summary-grid25>.summary-card25{color:#5a5c69!important}
body.sbadmin2 .summary-grid25>.summary-card25 span{color:#4e73df!important}
body.sbadmin2 .summary-grid25>.summary-card25 strong{color:#5a5c69!important}
body.sbadmin2 .summary-grid25>.summary-card25 small{color:#858796!important}
body.sbadmin2 .summary-grid25>.summary-card25 svg{color:#d1d3e2!important}
body.sbadmin2 .summary-grid25>.summary-card25 .client-segments25{background:#eef2fd}
body.sbadmin2 .summary-grid25>.summary-card25 .client-segments25 a{color:#4e73df;border-color:#d9e1f3}
body.sbadmin2 .summary-grid25>.summary-card25 .client-segments25 strong{color:#4e73df!important}
body.sbadmin2 .summary-grid25>.summary-card25:nth-child(2){border-left-color:#1cc88a}
body.sbadmin2 .summary-grid25>.summary-card25:nth-child(3){border-left-color:#f6c23e}
body.sbadmin2 .summary-grid25>.summary-card25:nth-child(4){border-left-color:#36b9cc}
body.sbadmin2 .btn{border-radius:6px;background:#fff;color:#5a5c69;border:1px solid #d1d3e2;box-shadow:none;font-size:12px;font-weight:650;min-height:38px;padding:8px 12px;transform:none!important}
body.sbadmin2 .btn:hover{background:#f8f9fc;border-color:#b7b9cc;box-shadow:none;transform:none!important}
body.sbadmin2 .btn.primary,body.sbadmin2 .btn.primary:hover{color:#fff;background:#4e73df;border:1px solid #4e73df;box-shadow:none}
body.sbadmin2 .btn.danger{color:#e74a3b;border-color:#f3b6b1;background:#fff}
body.sbadmin2 .btn:disabled{opacity:.6}
body.sbadmin2 input:not([type=checkbox]),body.sbadmin2 select,body.sbadmin2 textarea{border-radius:6px;border:1px solid #d1d3e2;background-color:#fff;box-shadow:none;min-height:40px;font-size:13px;color:#5a5c69}
body.sbadmin2 input:focus,body.sbadmin2 select:focus,body.sbadmin2 textarea:focus{border-color:#bac8f3;box-shadow:0 0 0 .16rem #4e73df20;outline:0}
body.sbadmin2 input[type=checkbox]{appearance:auto!important;accent-color:#4e73df;background:#fff;box-shadow:none;border-radius:3px;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important}
body.sbadmin2 .table th{background:#f8f9fc;color:#858796;border-color:#e3e6f0;font-size:10px}
body.sbadmin2 .table td{border-color:#e3e6f0}
body.sbadmin2 .table tbody tr:hover{background:#f8f9fc}
body.sbadmin2 .badge{font-weight:750;border-radius:5px}
body.sbadmin2 dialog{border:1px solid #e3e6f0;border-radius:10px;background:#fff;box-shadow:0 1rem 3rem rgba(58,59,69,.2)}
body.sbadmin2 .modal-head{background:#f8f9fc;border-color:#e3e6f0}
body.sbadmin2 .modal-head h2{color:#5a5c69}
body.sbadmin2 .settings-tabs{background:#f8f9fc;border-radius:7px;border-color:#e3e6f0}
body.sbadmin2 .settings-tabs .btn.active{color:#fff;background:#4e73df;border-color:#4e73df}
body.sbadmin2 .login-wrap{max-width:1000px;margin:clamp(30px,8vh,90px) auto;padding:0;gap:0;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);box-shadow:0 .15rem 1.75rem rgba(58,59,69,.12);background:#fff;border-radius:10px;overflow:hidden}
body.sbadmin2 .login-intro{border:0;border-radius:0;box-shadow:none;background:linear-gradient(160deg,#4e73df,#224abe)!important;color:#fff;padding:44px}
body.sbadmin2 .login-intro h1,body.sbadmin2 .login-intro .brand strong{color:#fff}
body.sbadmin2 .login-intro p,body.sbadmin2 .login-intro .eyebrow,body.sbadmin2 .login-intro .brand small{color:#e5ecff}
body.sbadmin2 .login-intro .brand img{background:#fff;padding:4px;border-radius:8px}
body.sbadmin2 .login-intro .login-chips span{background:#ffffff1a;border-color:#ffffff66;color:#fff}
body.sbadmin2 .login-panel{border:0;box-shadow:none;border-radius:0;background:#fff;padding:44px}
body.sbadmin2 .login-panel h2{color:#5a5c69}
body.sbadmin2 .footer{color:#858796}
body.sbadmin2 .router-nav24[open]{background:#ffffff18!important;border-left:0}
body.sbadmin2 .router-nav24[open] a{color:#e5ecff!important}
body.sbadmin2 .router-nav24 a.active{background:#ffffff30!important;color:#fff!important}
/* Mobile menu uses the existing SuiteUI drawer, not jQuery / Bootstrap JS. */
@media(max-width:1023px){
 body.sbadmin2 .sb2-layout{display:block;padding:0;min-height:100vh}
 body.sbadmin2 .sb2-main{padding:0 14px 88px}
 body.sbadmin2 .sb2-sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;min-height:100dvh;width:min(290px,85vw)!important;max-width:85vw!important;z-index:1100;border-radius:0;transform:translateX(-105%);transition:transform .18s ease-out;will-change:transform}
 body.sbadmin2.nav-open .sb2-sidebar,body.sbadmin2 .sb2-sidebar.open{transform:translateX(0)}
 body.sbadmin2 .sb2-topbar{margin:0 -14px 17px;padding:10px 14px;min-height:57px}
 body.sbadmin2 .sb2-topbar .workspace-title24{font-size:13px}
 body.sbadmin2 .account-name{display:none}
 body.sbadmin2 .nav a{touch-action:manipulation}
 body.sbadmin2 .suite-bottom{box-shadow:0 -2px 14px rgba(58,59,69,.14);border:1px solid #e3e6f0;background:#fff;border-radius:10px}
 body.sbadmin2 .suite-bottom a,body.sbadmin2 .suite-bottom button{color:#5a5c69}
 body.sbadmin2 .suite-bottom a.active{color:#4e73df}
 body.sbadmin2 .panel{padding:15px}
 body.sbadmin2 .page-head h1{font-size:22px}
 body.sbadmin2 .login-wrap{width:calc(100% - 28px);margin:16px auto;display:flex;flex-direction:column;gap:0;overflow:hidden}
 body.sbadmin2 .login-intro{padding:24px}
 body.sbadmin2 .login-intro h1{font-size:26px}
 body.sbadmin2 .login-panel{padding:24px}
}
@media(max-width:760px){
 body.sbadmin2 #view .table tbody tr{border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(58,59,69,.06);border-color:#e3e6f0}
 body.sbadmin2 #view .summary-grid25{gap:10px}
 body.sbadmin2 #view .summary-grid25 .summary-card25{min-width:0;padding:14px}
 body.sbadmin2 .page-head{flex-wrap:wrap}
 body.sbadmin2 .page-head>.actions{width:100%;justify-content:flex-start}
 body.sbadmin2 .filters25 #search{min-width:0}
}
@media(prefers-reduced-motion:reduce){body.sbadmin2 .sb2-sidebar{transition:none}body.sbadmin2 .btn{transition:none}}


/* SB Admin 2 Mobilefix R1: mobile menu scrolling, responsive dashboard, vivid status tiles. */
/* Previous 'overflow:auto hidden' set overflow-y:hidden; keep the nav as the sole scrolling region. */
body.sbadmin2 .sb2-sidebar{overscroll-behavior:contain}
body.sbadmin2 .sb2-sidebar .sb2-nav{
 flex:1 1 auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;
 -webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;
 scrollbar-width:thin;scrollbar-color:#c7d7ff95 transparent;
 padding-bottom:max(18px,env(safe-area-inset-bottom));
}
body.sbadmin2 .sb2-sidebar .sb2-sidebar-brand,body.sbadmin2 .sb2-sidebar .sidebar-foot{flex-shrink:0}
body.sbadmin2 .sb2-sidebar .sb2-nav .nav-group-label{flex-shrink:0}
body.sbadmin2 .sb2-sidebar .sb2-nav .router-nav24{flex-shrink:0}
@media(max-width:1023px){
 body.sbadmin2 .sb2-sidebar{height:100dvh;min-height:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 body.sbadmin2.nav-open{overflow:hidden}
 body.sbadmin2 .sb2-main{padding-bottom:max(108px,calc(92px + env(safe-area-inset-bottom)))}
}
/* Six dashboard cards: three finances, one full-width customer status, two service cards. */
body.sbadmin2 #view .summary-grid25{
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;align-items:stretch;margin:18px 0 24px;
}
body.sbadmin2 #view .summary-grid25>.summary-card25{
 grid-column:span 2;min-width:0;min-height:132px;display:flex;align-items:flex-start;
 justify-content:space-between;gap:12px;padding:18px!important;
 border-radius:12px;box-shadow:0 3px 14px rgba(55,72,115,.07);
}
body.sbadmin2 #view .summary-grid25>.summary-card25>div:first-child{flex:1;min-width:0}
body.sbadmin2 #view .summary-grid25>.summary-card25>svg{width:28px;height:28px;flex:0 0 28px;opacity:.65}
body.sbadmin2 #view .summary-grid25>a.summary-card25>div>strong{
 font-size:clamp(20px,2.05vw,28px);font-weight:800;letter-spacing:-.04em;
 line-height:1.25;margin-top:11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
body.sbadmin2 #view .summary-grid25>.summary-card25 small{line-height:1.5;opacity:1}
body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(4){grid-column:1/-1;border-left-color:#36b9cc!important}
body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(5),
body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(6){grid-column:span 3}
/* Render the customer counts as individual tiles, not an absolute overlay obscuring the description. */
body.sbadmin2 #view .summary-grid25>.client-summary25{
 display:grid;grid-template-columns:minmax(0,1fr) 34px;column-gap:12px;row-gap:17px;
 align-items:start;min-height:0!important;padding:19px!important;
}
body.sbadmin2 #view .summary-grid25>.client-summary25>div:first-child{grid-column:1;grid-row:1}
body.sbadmin2 #view .summary-grid25>.client-summary25>svg{grid-column:2;grid-row:1}
body.sbadmin2 #view .summary-grid25>.client-summary25>div:first-child>strong{font-size:30px;margin-top:8px;line-height:1.2}
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25{
 position:static;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
 gap:10px;min-height:0;margin:0;background:transparent!important;overflow:visible;
}
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a{
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;
 min-height:84px;padding:10px 5px;border:1px solid var(--tile-border);border-radius:10px;
 background:var(--tile-bg)!important;color:var(--tile-ink)!important;text-decoration:none;
 transition:background-color .16s,box-shadow .16s;
}
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a:hover,
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a:focus-visible{
 box-shadow:0 0 0 2px var(--tile-border);filter:saturate(1.1)
}
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a>strong{
 color:var(--tile-ink)!important;font-size:clamp(20px,2vw,27px);line-height:1.12;
 font-weight:800;margin:0;letter-spacing:-.5px;font-variant-numeric:tabular-nums;
}
body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a>small{
 color:var(--tile-ink)!important;font-size:11px;line-height:1.3;margin:0;
 opacity:.87;text-align:center;overflow-wrap:anywhere;
}
body.sbadmin2 .client-segments25>a:nth-child(1){--tile-bg:#eaf2ff;--tile-ink:#2057ba;--tile-border:#c3d8ff}
body.sbadmin2 .client-segments25>a:nth-child(2){--tile-bg:#e1f8ed;--tile-ink:#087851;--tile-border:#9fdfc1}
body.sbadmin2 .client-segments25>a:nth-child(3){--tile-bg:#fff3d9;--tile-ink:#966008;--tile-border:#f2d28d}
body.sbadmin2 .client-segments25>a:nth-child(4){--tile-bg:#ffe6ec;--tile-ink:#b42d54;--tile-border:#f3b2c2}
body.sbadmin2 .client-segments25>a:nth-child(5){--tile-bg:#eee9ff;--tile-ink:#6547b7;--tile-border:#cfc2fd}
body.sbadmin2 #view .dashboard-bottom25{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
body.sbadmin2 #view .dashboard-bottom25 .panel{min-width:0;margin-top:0}
@media(min-width:761px) and (max-width:1180px){
 body.sbadmin2 #view .summary-grid25>.summary-card25{grid-column:span 3}
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(3){grid-column:1/-1}
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(4){grid-column:1/-1}
}
@media(max-width:760px){
 body.sbadmin2 #view .page-head{margin:0 0 12px;gap:12px}
 body.sbadmin2 #view .page-head h1{font-size:clamp(19px,5.5vw,23px);line-height:1.3;overflow-wrap:anywhere}
 body.sbadmin2 #view .page-head p{margin-top:5px;line-height:1.45}
 body.sbadmin2 #view .page-head>.actions{width:100%;margin-top:0}
 body.sbadmin2 #view .page-head .period25{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
 body.sbadmin2 #view .page-head .period25 input{width:min(220px,68%);min-width:0;min-height:42px;margin:0}
 body.sbadmin2 #view .summary-grid25{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:13px 0 19px}
 body.sbadmin2 #view .summary-grid25>.summary-card25{grid-column:1/-1;min-height:100px;padding:15px!important;gap:10px}
 body.sbadmin2 #view .summary-grid25>a.summary-card25>div>strong{
  font-size:clamp(22px,5.8vw,27px);line-height:1.2;white-space:normal;overflow-wrap:anywhere;margin-top:7px;
 }
 body.sbadmin2 #view .summary-grid25>.summary-card25 small{font-size:10px;margin-top:6px}
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(5),
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(6){grid-column:span 1;min-height:112px}
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(5)>div>strong,
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(6)>div>strong{font-size:23px}
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(5)>svg,
 body.sbadmin2 #view .summary-grid25>.summary-card25:nth-child(6)>svg{width:21px;height:21px;flex-basis:21px}
 body.sbadmin2 #view .summary-grid25>.client-summary25{grid-column:1/-1;min-height:0!important;padding:15px!important;row-gap:12px}
 body.sbadmin2 #view .summary-grid25>.client-summary25>div:first-child>strong{font-size:26px}
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a{grid-column:span 2;min-height:72px;padding:9px 4px}
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a:nth-child(4),
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a:nth-child(5){grid-column:span 3}
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a>strong{font-size:22px}
 body.sbadmin2 #view .summary-grid25>.client-summary25 .client-segments25>a>small{font-size:10px}
 body.sbadmin2 #view .dashboard-bottom25{grid-template-columns:minmax(0,1fr);gap:12px}
}
/* Bright neutral panels for fields in the client detail dialog. */
body.sbadmin2 dialog .detail-grid>div:not(.detail-column){background:#eff6ff;border:1px solid #cfe0fc;color:#244571}
body.sbadmin2 dialog .detail-grid>div:not(.detail-column):nth-child(3n+2){background:#ecfbf4;border-color:#bdeed2;color:#126345}
body.sbadmin2 dialog .detail-grid>div:not(.detail-column):nth-child(3n){background:#f8f1ff;border-color:#dfcaf8;color:#68419a}
body.sbadmin2 dialog .detail-grid>div:not(.detail-column) small{color:inherit;opacity:.8}