.account-admin-content { display:flex; flex-direction:column; gap:12px; padding:0 32px 34px; }
#accountRoot { display:grid; gap:26px; }
.account-message { border:0.5px solid rgba(30,154,106,0.28); border-radius:var(--radius); background:rgba(30,154,106,0.08); color:var(--success); padding:10px 12px; font-size:12px; font-weight:700; }
.account-message.bad { border-color:rgba(199,78,58,0.32); background:rgba(199,78,58,0.08); color:var(--danger); }
.account-kpis { margin-bottom:0; }
.kpi-grid.billing-kpis { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media (max-width: 1280px) { .kpi-grid.billing-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.account-two-col { display:grid; grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr); gap:26px; align-items:start; }
.users-grid, .brand-config-grid { display:grid; grid-template-columns:minmax(0,0.86fr) minmax(0,1.14fr); gap:26px; align-items:start; }
.brand-side-stack { display:grid; gap:12px; align-items:start; }
.add-brand-card .card-head { margin-bottom:10px; }
.add-brand-status { display:grid; gap:7px; margin-top:10px; border:0.5px solid rgba(15,118,110,0.22); border-radius:var(--radius); background:rgba(15,118,110,0.07); color:var(--ink-2); padding:10px; font-size:12px; line-height:1.45; }
.add-brand-status[hidden] { display:none; }
.add-brand-status strong { color:var(--ink); font-size:12px; }
.add-brand-status span { color:var(--ink-3); font-size:11px; }
.add-brand-status.warn { border-color:rgba(199,122,42,0.28); background:rgba(199,122,42,0.08); }
.add-brand-status.bad { border-color:rgba(199,78,58,0.30); background:rgba(199,78,58,0.08); }
.add-brand-status #confirmAddBrandBtn,
.add-brand-status #confirmRemoveBrandBtn,
.add-brand-status #confirmReactivateBrandBtn { justify-self:start; width:auto; min-width:0; padding-inline:10px; color:#fff !important; }
.account-head { display:flex; align-items:center; gap:12px; margin:10px 0 16px; }
.avatar { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:rgba(15,118,110,0.1); color:var(--indigo); font-family:var(--font-mono); font-size:13px; font-weight:850; }
.password-row, .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.form-field { display:grid; gap:5px; min-width:0; }
.form-field.full, .access-check.full { grid-column:1/-1; }
.form-field label, .access-check { color:var(--ink-3); font-family:var(--font-mono); font-size:9px; font-weight:850; letter-spacing:0.08em; text-transform:uppercase; }
.form-field input, .form-field select, .form-field textarea, .role-select { width:100%; border:0.5px solid var(--hair); border-radius:var(--radius); background:var(--surface); color:var(--ink); font-family:var(--font-ui); font-size:12px; padding:8px 10px; }
.form-field textarea { resize:vertical; line-height:1.45; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus, .role-select:focus { outline:none; border-color:var(--indigo); box-shadow:0 0 0 3px rgba(15,118,110,0.10); }
.drawer-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; }
.access-checks { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.access-check { display:inline-flex; align-items:center; gap:5px; letter-spacing:0; text-transform:none; color:var(--ink-2); }
.access-check input { width:auto; margin:0; }
.user-actions { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.danger-link { color:var(--danger) !important; }
.subtext { display:block; margin-top:4px; color:var(--ink-3); font-size:11px; line-height:1.35; }
.brand-cell strong { display:block; color:var(--ink); font-size:12px; line-height:1.3; }
.brand-cell span { display:block; margin-top:4px; color:var(--ink-3); font-size:11px; line-height:1.35; word-break:break-word; }
.mini-token-row { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.usage-stack { display:grid; gap:12px; }
.usage-meter { display:grid; gap:7px; border-bottom:0.5px solid var(--hair); padding-bottom:12px; }
.usage-meter:last-child { border-bottom:0; padding-bottom:0; }
.usage-meter strong { display:block; color:var(--ink); font-size:13px; }
.usage-meter span { color:var(--ink-3); font-size:11px; }
.meter-track { height:8px; overflow:hidden; border-radius:999px; background:rgba(15,118,110,0.10); }
.meter-track div { height:100%; border-radius:999px; background:var(--indigo); }
.pricing-panel { border-radius:var(--radius-lg); background:linear-gradient(160deg,#2a2566,#1c1848); box-shadow:0 24px 60px rgba(16,19,39,0.22); padding:24px; }
.pricing-panel-head { display:flex; align-items:end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.pricing-panel-head .label { color:var(--warn); }
.pricing-panel-head .card-title { color:#fff; font-size:17px; }
.pricing-panel-head .note { margin-top:4px; color:rgba(255,255,255,0.62); }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; align-items:stretch; }
.price-card { display:flex; flex-direction:column; border:0.5px solid var(--hair); border-top:4px solid var(--ink-3); border-radius:var(--radius-lg); background:var(--surface); padding:16px; min-width:0; }
.price-card.tier-pro { border-top-color:var(--indigo); }
.price-card.tier-growth { border-top-color:var(--warn); }
.price-card.tier-scale { border-top-color:#26215c; }
.price-card.tier-pro .price-name { color:var(--indigo); }
.price-card.tier-growth .price-name { color:var(--warn); }
.price-card.tier-scale .price-name { color:#26215c; }
.price-card.current { box-shadow:0 18px 44px rgba(16,19,39,0.35); }
.price-card.locked:not(.current) { opacity:0.82; }
.price-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.price-name { color:var(--ink-3); font-family:var(--font-mono); font-size:10px; font-weight:850; letter-spacing:0.11em; text-transform:uppercase; }
.price-amt { margin-top:8px; color:var(--ink); font-family:var(--font-display); font-size:34px; font-weight:400; line-height:1; }
.price-amt small { font-family:var(--font-ui); font-size:13px; color:var(--ink-3); font-weight:600; }
.price-annual { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:6px; color:var(--ink-3); font-size:11px; }
.price-annual em { display:inline-flex; align-items:center; border-radius:999px; background:rgba(15,118,110,0.1); color:var(--indigo); font-style:normal; font-family:var(--font-mono); font-size:9px; font-weight:850; padding:3px 7px; }
.price-lines { margin:12px 0 14px; display:grid; }
.price-line { display:flex; justify-content:space-between; gap:10px; border-top:0.5px solid var(--hair); padding:7px 0; font-size:12px; color:var(--ink-3); }
.price-line b { color:var(--ink); font-weight:850; white-space:nowrap; }
.price-actions { margin-top:auto; display:grid; gap:7px; }
.price-actions button:disabled { cursor:not-allowed; opacity:0.72; }
.price-fineprint { margin-top:14px; border:0.5px solid rgba(255,255,255,0.16); border-radius:var(--radius-lg); background:rgba(255,255,255,0.07); padding:12px 14px; color:rgba(255,255,255,0.72); font-size:12px; line-height:1.55; }
.price-fineprint b { color:#fff; }
@media (min-width: 1121px) { .price-card.current { transform:translateY(-8px); } }
@media (max-width: 980px) {
  .account-two-col, .users-grid, .brand-config-grid { grid-template-columns:1fr; }
  .pricing-grid { grid-template-columns:1fr; }
  .pricing-panel { padding:18px 14px; }
}
@media (max-width: 640px) {
  .account-admin-content { padding:0 16px 24px; }
  .password-row, .form-grid { grid-template-columns:1fr; }
}
