/* Cabinet and staff shell: shared dimensions and controls with ip.uk.app. */
.ip-developer{max-width:none;padding:0 0 48px;min-width:0}
.ip-developer .btn{max-width:100%;white-space:normal}
.ip-developer .account-tabs{overflow:visible;flex-wrap:wrap;gap:8px}
.ip-developer .account-tabs .btn{padding:10px 16px}
.ip-developer .account-tabs [role=tab]{flex:0 1 auto;min-width:0;white-space:nowrap}
.ip-developer .account-tabs [aria-selected=false]{background:var(--surface-2);color:var(--accent);border-color:var(--line)}
.ip-developer .account-tabs [aria-selected=true]{background:#0b57d0;color:#fff;border-color:transparent}
.ip-developer [role=tabpanel]{min-width:0}
.ip-developer .account-profile .actions{gap:10px}
.ip-developer .account-table-wrap{max-width:100%;border-radius:16px}
.ip-developer .account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.ip-developer #dev-service-quotas{grid-template-columns:repeat(2,minmax(0,1fr))}
.ip-developer .account-metrics>.info{min-width:0}
.ip-developer .account-metrics strong{font-size:clamp(24px,2.5vw,34px);overflow-wrap:anywhere}
.ip-developer .actions>.field{min-width:0}
.ip-developer #project-form>.field,.ip-developer #staff-search>.field{flex:1}
.ip-developer #project-form,.ip-developer #staff-search{align-items:flex-end}
.ip-developer .billing-plan{border-radius:24px;padding:24px}
.ip-developer .billing-plan .btn{max-width:100%;white-space:normal}
.ip-admin>h1{margin:0 0 24px;letter-spacing:-.025em}
.ip-admin #staff-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.ip-admin .staff-users-table{min-width:620px}
.ip-admin .staff-finance-table{min-width:680px}
.ip-admin td .field{margin:0}
.ip-admin td select{min-width:145px}
.ip-admin .staff-pill{font-size:13px;line-height:1.5;white-space:nowrap}
.ip-admin .closure-details{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:16px 0}
.ip-admin .closure-details dt{color:var(--muted)}
.ip-admin .closure-details dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){
 .ip-developer .usage-tabs,.ip-admin .account-tabs{flex-wrap:wrap;overflow:visible;padding-bottom:0}
 .ip-developer .account-tabs [role=tab]{flex:1 0 auto;padding:10px 15px}
 .ip-developer .account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ip-developer #dev-service-quotas{grid-template-columns:1fr}
 .ip-admin #staff-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ip-admin #staff-search{display:block}
 .ip-admin #staff-search .btn{width:100%}
 .ip-developer #project-form{display:block}
 .ip-developer .info,.ip-developer .billing-plan{padding:20px}
 .ip-admin .closure-details{grid-template-columns:1fr;gap:3px}
 .ip-admin .closure-details dd{margin-bottom:10px}
}