/* Account, pricing and staff pages. Uses tokens from web.css. */
.acct { padding-block: 1.5rem 3rem; }
.acct-head { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: flex-start; }
.acct-sec { margin-top: 2rem; }
.account-tabs { display: flex; gap: .25rem; overflow-x: auto; margin: 1rem 0 1.5rem; border-bottom: 1px solid var(--line); -webkit-overflow-scrolling: touch; }
.account-tabs a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 1rem; color: var(--ink-2); text-decoration: none; white-space: nowrap; font-weight: 500; border-bottom: 3px solid transparent; }
.account-tabs a[aria-current="page"] { color: var(--primary); border-bottom-color: var(--primary); font-weight: 700; }
.attempt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.attempt-row { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: .8rem 1rem; }
.attempt-main { display: flex; flex-direction: column; min-width: 0; }
.attempt-score { text-align: right; display: flex; flex-direction: column; }
.attempt-act { grid-column: 1 / -1; }
@media (min-width: 700px) { .attempt-row { grid-template-columns: 1fr auto auto; } .attempt-act { grid-column: auto; } }
.score-big { font-size: 1rem; margin: 0; }
.score-big b { font-size: 2.6rem; line-height: 1; color: var(--ink); }
.stat b { font-size: 1.8rem; }
table.mini { font-size: .93rem; }
table.mini .is-chosen th, table.mini .is-chosen td { background: var(--primary-soft); }
.ok { color: var(--ok); font-weight: 700; }
.no { color: var(--danger); font-weight: 700; }
.weak-list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .7rem; }
.weak-list li { display: grid; grid-template-columns: 1fr 5rem; gap: .25rem .75rem; align-items: center; }
.weak-list li > div:first-child { display: flex; flex-direction: column; grid-column: 1 / -1; }
.meter { height: 12px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); overflow: hidden; grid-column: 1; }
.meter span { display: block; height: 100%; background: var(--primary); }
.weak-list b { text-align: right; }
.auth-links { margin: 1rem 0; }
.steps { padding-left: 1.3rem; } .steps li { margin-bottom: .5rem; }
.has-pw-toggle { position: relative; }
.pw-toggle { margin-top: .4rem; }
.api-doc summary { cursor: pointer; min-height: 48px; display: flex; align-items: center; font-weight: 600; }
.api-doc pre { overflow-x: auto; background: var(--surface-2); padding: .8rem; border-radius: 10px; }