/* Phase 7 subscription, usage and secure account recovery */
.billing-top{display:flex;justify-content:space-between;gap:15px;align-items:start;flex-wrap:wrap}
.billing-top h2{font-size:clamp(23px,3vw,34px);margin:4px 0;color:#245e52}
.billing-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0 5px}
.billing-usage .attention-row{font-size:12px;gap:9px}
.billing-usage .registry-progress{height:8px}
.p7-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:13px}
.p7-readiness>div{border:1px solid #e5ebe7;background:#fafcfb;border-radius:12px;padding:13px;display:flex;justify-content:space-between;gap:8px;flex-direction:column}
.p7-readiness>div span{font-size:11px;color:#667e75}
.p7-readiness>div strong{font-size:12px;color:#336a56}
.phase7-auth-links{display:flex;gap:14px;margin:13px 0;flex-wrap:wrap}
.phase7-auth-links button{background:transparent;border:0;text-decoration:underline;color:#217264;font-size:12px;cursor:pointer;padding:3px 0}
#p7Status,#phase7Result{font-size:12px;line-height:1.5;color:#2d7764}
@media(max-width:730px){.billing-usage,.p7-readiness{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.billing-usage,.p7-readiness{grid-template-columns:1fr}}

/* Phase 10 Super Admin: workspace feature control and secure backup tools */
.platform-feature-picker{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px;padding:13px;margin-top:12px;border:1px solid #dfebdf;border-radius:11px;background:#f8fcf8;max-width:550px}
.platform-feature-picker[hidden]{display:none!important}
.platform-feature-picker label{font-size:11px;color:#365f4b;display:flex;gap:9px;align-items:center;line-height:1.45}
.platform-feature-picker input{accent-color:#407d62;width:15px;height:15px;flex-shrink:0}
.platform-backup-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}
.platform-workspace-row[hidden]{display:none!important}
@media(max-width:640px){.platform-feature-picker{grid-template-columns:1fr}.platform-backup-bar .btn{width:100%;justify-content:center}}
