.account-nav { display:flex; gap:7px; align-items:center; overflow-x:auto; margin:0 0 18px; padding:9px; border:1px solid #30363d;  background:#161b22; scrollbar-width:thin; }
.account-nav a { flex:0 0 auto; padding:8px 10px;  color:#c9d1d9; text-decoration:none; font-size:13px; }
.account-nav a:hover { background:#21262d; color:#79c0ff; }
.account-nav span { margin-left:auto; padding:0 8px; color:#8b949e; white-space:nowrap; font-size:12px; }
.account-hero { padding:12px 0 4px; }
.account-hero h1 { margin:0 0 8px; color:#f0f6fc; font-size:clamp(26px,6vw,38px); }
.dashboard-cards,.activation-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.dashboard-card { margin:0; text-decoration:none; }
.dashboard-card strong,.dashboard-card span { display:block; }
.dashboard-card strong { font-size:28px; color:#f0f6fc; }
.dashboard-card span { margin-top:4px; color:#8b949e; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; }
.section-heading h2 { margin:0; }
.summary-list { display:grid; gap:0; }
.summary-row { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:14px 0; border-bottom:1px solid #30363d; }
.summary-row:last-child { border-bottom:0; }
.summary-row strong,.summary-row small { display:block; }
.summary-row small { margin-top:5px; color:#8b949e; line-height:1.55; }
.status-pill { display:inline-flex; flex:0 0 auto; padding:4px 9px; border:1px solid #484f58;  color:#8b949e; font-size:12px; font-weight:700; }
.status-pill.paid { border-color:#238636; background:#23863622; color:#56d364; }
.activation-card { max-width:none; margin:0; }
.security-form { max-width:520px; }
:root { --bg:#0d1117; --surface:#151b23; --elevated:#212830; --border:#3d444d; --text:#f0f6fc; --muted:#9198a1; --accent:#4493f8; --success:#3fb950; --warning:#d29922; --danger:#f85149; color:var(--text); background:var(--bg); }
body { color:var(--text); background:var(--bg); }
body:before { display:none; }
header,footer { border-color:var(--border); }
.card,.account-nav,.admin-quick-nav { background:var(--surface); border-color:var(--border); }
.account-nav a,.admin-quick-nav a { color:var(--text); }
button,.button { background:var(--accent); border-color:var(--accent); color:#fff; }
button.secondary,.button.secondary { background:var(--elevated); border-color:var(--border); color:var(--text); }
input,select,textarea { background:var(--bg); border-color:var(--border); color:var(--text); }
table th,table td { border-color:var(--border); }
*,*::before,*::after {  box-shadow:none!important; }
@media (min-width:701px) { .dashboard-cards { grid-template-columns:repeat(3,1fr); } .activation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Shared square, compact workspace for customer and reseller panels. */
.account-page { font-size:14px; }
.account-sidebar { position:fixed; inset:0 auto 0 0; width:242px; z-index:30; display:flex; flex-direction:column; overflow-y:auto; background:#10161d; border-right:1px solid var(--border); }
.account-brand { display:flex; align-items:center; gap:11px; padding:20px 19px; border-bottom:1px solid var(--border); color:var(--text); text-decoration:none; }
.account-brand-mark { display:grid; place-items:center; width:33px; height:33px; color:#07121f; background:var(--accent); font-size:19px; font-weight:800; }
.account-brand strong,.account-brand small { display:block; line-height:1.1; }
.account-brand strong { font-size:17px; }
.account-brand small { margin-top:4px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.15em; }
.account-side-links { display:block; padding:18px 11px; }
.account-side-link { display:flex; align-items:center; gap:8px; min-height:37px; padding:8px 12px; margin:2px 0; color:#c7d0d9; text-decoration:none; border-left:2px solid transparent; }
.account-side-link:hover { background:#212830; color:#fff; }
.account-side-link.is-active { background:#15375d; border-left-color:var(--accent); color:#fff; }
.unread-badge { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; background:#d29922; color:#10161d; font-size:10px; font-weight:800; line-height:1; }
.account-mobile-scrim,.account-nav-toggle { display:none; }
.account-workspace { margin-left:242px; width:calc(100% - 242px); max-width:none; min-width:0; min-height:100vh; display:flex; flex-direction:column; }
.account-workspace main { width:100%; max-width:none; min-width:0; overflow-x:hidden; }
.account-workspace .table-scroll { max-width:100%; overflow-x:auto; }
.account-page header,.account-page main,.account-page footer { max-width:none; width:100%; }
.account-page header { background:#111820; border-color:var(--border); padding:0 clamp(16px,3vw,38px); }
.account-page header .brand { font-size:16px; }
.account-top-brand{display:none;align-items:center;min-width:0}
.account-page header .page-breadcrumb{margin-left:2px}
.account-page header > nav { flex-wrap:wrap; justify-content:flex-end; }
.account-page header > nav form { margin:0; }
.account-page main { flex:1; padding:24px clamp(16px,3vw,38px) 44px; }
.account-page footer { padding:14px clamp(16px,3vw,38px); font-size:11px; }
.account-page .card { max-width:none; margin:0 0 14px; padding:17px; }
.reseller-metric-link{display:block;padding:14px;border:1px solid #3d444d;background:#151b23;color:inherit;text-decoration:none}.reseller-metric-link:hover{background:#1b2632;color:#f0f6fc}.reseller-metric-link span,.reseller-metric-link strong,.reseller-metric-link small{display:block}.reseller-metric-link span,.reseller-metric-link small{color:#9198a1}.reseller-metric-link strong{font-size:24px;margin-top:6px}.reseller-metric-link small{margin-top:5px;font-size:11px}
.account-page .account-hero { padding:0 0 10px; }
.account-page .account-hero h1,.account-page h1 { font-size:clamp(23px,2.5vw,31px); line-height:1.2; }
.account-page .dashboard-cards { gap:10px; margin:10px 0 16px; }
.account-page .dashboard-card { min-height:100px; border-top:2px solid #355779; }
.account-page .dashboard-card strong { font-size:24px; }
.account-page .table-scroll { border:1px solid var(--border); }
.account-page table { font-size:12px; }
.account-page th { background:#1b242d; color:#aeb9c4; font-size:10px; text-transform:uppercase; }
.account-page th,.account-page td { padding:9px 10px; }
.account-page :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.buy-product{max-width:none}.buy-product-steps{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;align-items:end}.buy-product-steps label{margin:0}.buy-total{min-height:70px;padding:11px 13px;border:1px solid var(--border);background:#111820}.buy-total span,.buy-total strong{display:block}.buy-total span{color:var(--muted);font-size:11px;text-transform:uppercase}.buy-total strong{margin-top:7px;color:#f0f6fc;font-size:20px}.buy-payment{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.buy-payment>form{max-width:760px}.buy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.buy-summary>div{padding:11px;border:1px solid var(--border);background:#111820}.buy-summary span,.buy-summary strong{display:block}.buy-summary span{color:var(--muted);font-size:11px}.buy-summary strong{margin-top:5px;color:#f0f6fc}
.skip-link { position:fixed; top:-100px; left:12px; z-index:100; padding:8px 12px; background:#f0f6fc; color:#0d1117; }
.skip-link:focus { top:8px; color:#0d1117; }
@media (max-width:800px) {
  .account-top-brand{display:inline-flex}
  .account-top-brand .gsm6-brand-product,.account-top-brand .gsm6-brand-role,.account-top-brand .gsm6-brand-divider{display:none}
  .account-top-brand .gsm6-brand-accent{height:20px;margin-right:6px}
  .account-page header .page-breadcrumb a,.account-page header .page-breadcrumb .page-breadcrumb-separator{display:none}
  .account-sidebar { display:none; width:min(86vw,270px); }
  .account-workspace { margin-left:0; width:100%; }
  .account-nav-toggle { display:inline-grid; place-items:center; width:34px; min-width:34px; min-height:34px; padding:0; margin-right:10px; background:var(--elevated); border:1px solid var(--border); color:var(--text); }
  .account-nav-open .account-sidebar { display:flex; }
  .account-nav-open .account-mobile-scrim { display:block; position:fixed; inset:0; z-index:29; width:100%; height:100%; padding:0; border:0; background:#0009; }
}
@media(max-width:1050px){.buy-product-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px) {
  .account-page header { flex-wrap:wrap; gap:8px; padding-top:10px; padding-bottom:10px; }
  .account-page header > nav { gap:8px; margin-left:auto; font-size:12px; }
  .account-page header .brand { min-width:0; }
  .account-page .dashboard-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .buy-product-steps,.buy-summary{grid-template-columns:1fr}
}