.settings-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); align-items: start; gap: 18px; }
.settings-page-content { min-width: 0; }
.settings-nav { align-self: start; position: sticky; top: 92px; padding: 7px; }
.settings-nav a { display: flex; align-items: center; gap: 9px; padding: 9px 10px; color: var(--color-text-muted); text-decoration: none; border-radius: 8px; white-space: nowrap; transition: color var(--transition), background var(--transition); }
.settings-nav a:hover { color: var(--color-text); background: var(--color-surface-subtle); }
.settings-nav a.active { color: var(--color-primary-dark); background: var(--color-primary-soft); font-weight: 700; }
.settings-nav i { width: 18px; flex: 0 0 18px; text-align: center; }
.settings-nav-divider { display: block; height: 1px; margin: 7px 8px; background: var(--color-border); }
.settings-inline-check { display: inline-flex; align-items: flex-start; gap: 7px; margin-top: 8px; color: var(--color-text-muted); font-size: 12px; line-height: 1.5; }
.settings-inline-check > input { flex: 0 0 auto; margin-top: 2px; }
.settings-inline-check > span { min-width: 0; }
.settings-test-actions form:first-child { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.settings-test-actions form:first-child .form-control { width: min(320px, 100%); }
.settings-variable-box { display: grid; gap: 10px; }
.settings-variable-box > div { display: flex; flex-wrap: wrap; gap: 6px; }
.settings-variable-box code { padding: 4px 7px; color: #4338ca; background: #eef2ff; border-radius: 6px; }
.backup-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--color-border); }.backup-row:last-child { border: 0; }
@media (max-width: 1099px) {
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { position: static; display: flex; overflow-x: auto; scrollbar-width: thin; }
  .settings-nav-divider { width: 1px; height: 28px; flex: 0 0 1px; margin: 5px 3px; }
}
@media (max-width: 767px) {
  .settings-layout { gap: 13px; }
  .settings-nav { margin-inline: -3px; }
  .settings-nav a { padding: 8px 9px; }
}
.team-access-page { gap: 24px; }
.team-access-page > .form-section,
.team-access-page > .panel { margin: 0; overflow: hidden; }
.team-access-page .form-actions { position: static; margin-top: 20px; padding: 0; border: 0; box-shadow: none; background: transparent; }
.team-access-page .button-group { flex-wrap: nowrap; }
.onboarding-shell { max-width: 1080px; margin: 0 auto; display: grid; gap: 22px; }
.onboarding-progress { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.onboarding-progress li { display: grid; justify-items: center; gap: 7px; color: var(--color-text-muted); font-size: 11px; text-align: center; }
.onboarding-progress span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--color-border); border-radius: 50%; background: #fff; font-weight: 800; }
.onboarding-progress li.active span,.onboarding-progress li.done span { color: #fff; border-color: var(--color-primary); background: var(--color-primary); }
.onboarding-choice-grid,.plan-grid,.usage-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.choice-card { display: grid; gap: 8px; min-height: 130px; padding: 18px; color: var(--color-text); text-decoration: none; border: 1px solid var(--color-border); border-radius: 12px; background: #fff; }
.choice-card i { color: var(--color-primary); font-size: 22px; }.choice-card span { color: var(--color-text-muted); }.choice-card.disabled { opacity: .62; }
.subscription-hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px; color: #fff; border-radius: 16px; background: linear-gradient(135deg,#111827,#312e81); }
.subscription-hero h2 { margin: 5px 0; }.subscription-hero strong { display: block; }
.usage-card { display: grid; gap: 8px; padding: 15px; border: 1px solid var(--color-border); border-radius: 11px; background: #fff; }.usage-card span { color: var(--color-text-muted); }.usage-card progress { width: 100%; accent-color: var(--color-primary); }
.plan-card.selected { border: 2px solid var(--color-primary); }.plan-card ul { min-height: 210px; padding-left: 18px; color: var(--color-text-muted); font-size: 12px; }
@media (max-width:767px){.onboarding-progress{grid-template-columns:repeat(3,1fr)}.onboarding-choice-grid,.plan-grid,.usage-grid{grid-template-columns:1fr}.subscription-hero{align-items:flex-start;flex-direction:column}}

.beta-pill { display: inline-flex; align-items: center; width: fit-content; padding: 3px 8px; color: #6d28d9; border: 1px solid #ddd6fe; border-radius: 999px; background: #f5f3ff; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.subscription-page { gap: 20px; }
.subscription-hero { flex-wrap: wrap; }
.subscription-hero-meta { display: flex; gap: 24px; }
.subscription-hero-meta span { display: grid; gap: 3px; }
.subscription-hero-meta small { color: #cbd5e1; }
.alert-card { display: flex; gap: 13px; padding: 15px 17px; border: 1px solid; border-radius: 12px; }
.alert-card i { margin-top: 3px; }.alert-card strong { display: block; }.alert-card p { margin: 3px 0 0; }
.alert-warning { color: #854d0e; border-color: #fde68a; background: #fffbeb; }.alert-danger { color: #991b1b; border-color: #fecaca; background: #fef2f2; }
.section-heading,.plan-prices,.compact-list > a,.compact-list > div,.danger-zone .panel-body { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.section-heading h2 { margin: 2px 0 0; }.plan-card .panel-body { display: grid; grid-template-rows: auto auto 1fr auto; gap: 14px; height: 100%; }
.plan-card h3 { margin: 5px 0; }.plan-code { color: var(--color-primary); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.plan-card ul { min-height: 0; display: grid; gap: 7px; margin: 0; list-style: none; padding: 0; }.plan-card li { display: flex; gap: 8px; }.plan-card li i { color: var(--color-success); margin-top: 2px; }
.plan-prices { align-items: baseline; }.plan-prices strong { font-size: 20px; }.plan-prices small { color: var(--color-text-muted); }
.plan-action { display: grid; gap: 10px; }.plan-action label { display: grid; gap: 5px; font-size: 12px; font-weight: 700; }
.usage-card.over-limit { border-color: #fca5a5; background: #fff7f7; }.danger-zone { border-color: #fecaca; }.danger-zone p { margin: 4px 0 0; color: var(--color-text-muted); }
.subscription-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }.compact-list { display: grid; gap: 0; }.compact-list > a,.compact-list > div { min-height: 52px; padding: 9px 0; color: inherit; text-decoration: none; border-bottom: 1px solid var(--color-border); }.compact-list > :last-child { border-bottom: 0; }.compact-list span { display: grid; gap: 2px; }.compact-list small { color: var(--color-text-muted); }
.empty-state-mini { color: var(--color-text-muted); text-align: center; justify-content: center !important; }
.result-card { max-width: 720px; margin: 40px auto; padding: 40px; text-align: center; }.result-card .button-group { justify-content: center; }.result-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 18px; font-size: 25px; }.result-icon.success { color: #4338ca; background: #eef2ff; }.result-icon.cancel { color: #991b1b; background: #fee2e2; }
.support-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 20px; align-items: start; }.legal-page { width: min(820px,100%); margin: 20px auto; }.legal-page h1 { margin-top: 16px; }.legal-content { line-height: 1.75; }.auth-legal-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 13px; margin-top: 18px; font-size: 12px; }
@media(max-width:1000px){.subscription-columns,.support-grid{grid-template-columns:1fr}.subscription-page .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.subscription-hero-meta,.danger-zone .panel-body{align-items:flex-start;flex-direction:column}.section-heading{align-items:flex-start}.result-card{padding:24px 18px}}
@media(max-width:767px){.subscription-page .plan-grid{grid-template-columns:1fr}}