/* Account tab on the main dashboard. Uses the dashboard's own tab bar, cards and dialogs. */
#account-panel{display:grid;gap:18px}
#account-panel[hidden]{display:none}
.account-panel{display:grid;gap:18px}
.account-panel[hidden]{display:none}
#account-panel .acct-card{display:grid;gap:18px;padding:26px 28px}
.acct-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.acct-head h2{margin:2px 0 6px;font-size:1.25rem;letter-spacing:-.02em}
.acct-head p:not(.eyebrow){margin:0;max-width:62ch;color:var(--muted);font-size:.88rem;line-height:1.55}
.acct-state{flex:none;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;color:#52655d;background:#edf2ee;font-size:.74rem;font-weight:800}
.acct-state[data-on="1"]{color:#145a40;background:#cdeedb}
.acct-state:empty{display:none}

.acct-rows{display:grid;gap:10px;margin:0}
.acct-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(36,90,74,.13);border-radius:14px;background:#fffefa}
.acct-row dt{color:var(--forest-deep);font-size:.78rem;font-weight:800}
.acct-row dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0;min-width:0;font-size:.92rem;overflow-wrap:anywhere}
.acct-muted{color:var(--muted)}
.acct-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}
.acct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.acct-actions:empty{display:none}
.acct-quiet{color:#9a3040}

.acct-providers{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.acct-provider{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(36,90,74,.13);border-radius:14px;background:#fffefa}
.acct-provider>div{display:grid;flex:1;min-width:0}
.acct-provider strong{font-size:.92rem}
.acct-provider small{color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.acct-provider .button{white-space:nowrap}
.acct-mark{display:grid;flex:none;place-items:center;width:42px;height:42px;border:1px solid rgba(36,90,74,.13);border-radius:12px;background:#fff}
.acct-mark svg{width:22px;height:22px}
.acct-empty{padding:14px;color:var(--muted);font-size:.86rem;text-align:center}
.acct-danger .acct-head{align-items:center}

.acct-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.acct-plan{display:grid;align-content:start;gap:8px;padding:20px;border:1px solid rgba(36,90,74,.17);border-radius:18px;background:#fffefa}
.acct-plan.is-current{border-color:#7fb99d;background:#f1f9f3}
.acct-plan h3{margin:0;font-size:1rem}
.acct-price{margin:0;color:var(--forest-deep);font-size:1.7rem;font-weight:700;letter-spacing:-.04em}
.acct-price small{color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:0}
.acct-plan-line{margin:0 0 6px;color:var(--muted);font-size:.84rem}
.acct-current{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#145a40;font-size:.84rem;font-weight:800}

.acct-steps{display:flex;gap:8px;margin:0 0 4px;padding:0;list-style:none}
.acct-steps li{flex:1;padding:8px 12px;border-radius:999px;background:#edf2ee;color:var(--muted);font-size:.74rem;font-weight:800;text-align:center}
.acct-steps li.is-current{color:#fff;background:var(--forest)}
.acct-flash{min-height:1.4em;margin:0}
.acct-flash.is-error{color:var(--error,#a52c41)}

#account-panel .strength-checklist, #pw-dialog .strength-checklist{margin:4px 0 12px}
dialog input[inputmode="numeric"]{letter-spacing:.3em;font-variant-numeric:tabular-nums}

@media (max-width:640px){
  #account-panel .acct-card{padding:20px 18px}
  .acct-head{flex-direction:column;gap:12px}
  .acct-row{grid-template-columns:1fr;gap:6px}
  .acct-provider{flex-wrap:wrap}
  .acct-provider .button,.acct-provider .tiny-button{margin-left:56px}
}

/* The inner tab bar reads as secondary to the dashboard's own tabs. */
#account-nav{margin:0 0 6px;padding:0;border:0;background:transparent;gap:6px}
#account-nav button{min-height:42px;padding:8px 16px;border:1px solid rgba(36,90,74,.13);background:#f3f8f2;font-size:.78rem}
#account-nav button[aria-current=page]{border-color:var(--forest);color:#fff;background:var(--forest);box-shadow:none}
#account-nav button:hover:not([aria-current=page]){background:#fffefa}
#account-nav svg{width:18px;height:18px}

.acct-name-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.acct-sector-form{flex:1 1 100%;display:grid;gap:12px}
.acct-sector-form fieldset{margin:0;padding:0;border:0;min-width:0}
.acct-sector-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px 14px;margin-top:10px}
.acct-sector{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600}
.acct-sector input{width:18px;height:18px;accent-color:var(--forest-deep)}
.acct-sector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.acct-name-form input{min-height:36px;padding:6px 10px;border:1px solid #a9cab4;border-radius:9px;font:600 .88rem Manrope,system-ui,sans-serif}
.acct-name-form .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}