/* OpsControl canonical UI — Phase 5 Administration */
.oc-admin-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0 12px}
.oc-admin-search{min-width:220px;max-width:360px;flex:1}
.oc-admin-search input{height:36px!important;min-height:36px!important;font-size:11px}
.oc-admin-tabs{display:flex;gap:3px;background:#fff;border:1px solid var(--oc-border);border-radius:10px;padding:5px;box-shadow:var(--oc-shadow-soft);margin:10px 0 12px}
.oc-admin-tabs button{border:0;background:transparent;border-radius:7px;padding:8px 10px;font-size:10px;font-weight:800;color:#52647a;min-height:34px}
.oc-admin-tabs button.active{background:#eaf5ff;color:#0873b7}
.oc-admin-hidden{display:none!important}

#manager-sites.oc-admin-phase5 #clientFormCard,
#manager-sites.oc-admin-phase5 #siteFormCard,
#manager-sites.oc-admin-phase5 #clientDetailCard,
#manager-sites.oc-admin-phase5 #siteDetailCard,
#manager-access.oc-admin-phase5 #accessDetailCard{
 position:fixed!important;right:0!important;top:72px!important;bottom:0!important;width:min(600px,96vw)!important;
 max-height:calc(100vh - 72px)!important;overflow:auto!important;margin:0!important;z-index:1200!important;
 border-radius:14px 0 0 14px!important;box-shadow:-18px 0 50px rgba(19,42,72,.18)!important;padding:20px!important
}
#manager-sites.oc-admin-phase5 #clientFormCard::before,
#manager-sites.oc-admin-phase5 #siteFormCard::before,
#manager-sites.oc-admin-phase5 #clientDetailCard::before,
#manager-sites.oc-admin-phase5 #siteDetailCard::before,
#manager-access.oc-admin-phase5 #accessDetailCard::before{
 content:"";position:fixed;inset:72px 0 0 0;background:rgba(5,19,38,.28);z-index:-1;pointer-events:none
}
#manager-sites.oc-admin-phase5 #clientSiteSummary{margin:10px 0!important}
#manager-sites.oc-admin-phase5 #clientSiteList{margin-top:10px!important}
#manager-sites.oc-admin-phase5 .card{scroll-margin-top:100px}
#manager-finance.oc-admin-phase5>div:first-child,
#manager-imports.oc-admin-phase5>div:first-child,
#manager-access.oc-admin-phase5>div:first-child,
#manager-sites.oc-admin-phase5>div:first-child{margin-bottom:8px}
#manager-finance.oc-admin-phase5>.notice.warn{font-size:10px!important;margin-top:8px!important}
#manager-finance.oc-admin-phase5>.card{margin-top:10px!important}
#manager-finance.oc-admin-phase5>.grid.grid-2{gap:10px!important;margin-top:10px!important}
#manager-finance.oc-admin-phase5 #financeSummary{margin:10px 0!important}
#manager-finance.oc-admin-phase5 #financeList{overflow:auto}
#manager-imports.oc-admin-phase5>.notice{margin-top:8px!important;font-size:10px!important}
#manager-imports.oc-admin-phase5 .import-type-grid{gap:8px!important;margin:10px 0!important}
#manager-imports.oc-admin-phase5 .import-type-card{min-height:auto!important;padding:11px!important}
#manager-imports.oc-admin-phase5 .import-stepbar{margin:10px 0!important;gap:5px!important}
#manager-imports.oc-admin-phase5 .import-step{padding:8px!important;font-size:10px!important}
#manager-imports.oc-admin-phase5 .import-file-box{padding:14px!important}
#manager-imports.oc-admin-phase5>.card{margin-top:10px!important}
#manager-access.oc-admin-phase5>.notice{margin-top:8px!important;font-size:10px!important}
#manager-access.oc-admin-phase5 #accessSummary{margin:10px 0!important}
#manager-access.oc-admin-phase5 #accessList{margin-top:10px!important}
#managementUserAdmin{margin-top:10px!important}
.oc-finance-banner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}
.oc-finance-stat{background:#fff;border:1px solid var(--oc-border);border-radius:9px;padding:10px;box-shadow:var(--oc-shadow-soft)}
.oc-finance-stat span{font-size:9px;text-transform:uppercase;color:var(--oc-muted);font-weight:800}
.oc-finance-stat b{display:block;font-size:18px;margin-top:3px}
.oc-import-progress{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #d6eaf7;background:#f5fbff;border-radius:9px;font-size:10px;color:#47617e;margin-bottom:10px}
.oc-import-progress b{color:#0a6fab}
.oc-access-filtered{display:none!important}
@media(max-width:820px){
 #manager-sites.oc-admin-phase5 #clientFormCard,#manager-sites.oc-admin-phase5 #siteFormCard,#manager-sites.oc-admin-phase5 #clientDetailCard,#manager-sites.oc-admin-phase5 #siteDetailCard,#manager-access.oc-admin-phase5 #accessDetailCard{top:64px!important;max-height:calc(100vh - 64px)!important;width:100%!important;border-radius:0!important}
 .oc-finance-banner{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .oc-admin-tabs{overflow:auto}.oc-admin-tabs button{white-space:nowrap}
 .oc-admin-tools{display:grid;grid-template-columns:1fr}.oc-admin-search{max-width:none}
 .oc-finance-banner{grid-template-columns:1fr 1fr}
 #manager-finance.oc-admin-phase5>.grid.grid-2{grid-template-columns:1fr!important}
 #manager-imports.oc-admin-phase5 .import-type-grid{grid-template-columns:1fr!important}
 #manager-imports.oc-admin-phase5 .import-stepbar{display:grid!important;grid-template-columns:1fr 1fr!important}
}