.account-chip{display:flex;gap:8px;align-items:center;font-size:12px}.avatar{background:var(--line);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--ink);font-weight:700}.tier-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--surface);padding:14px 18px;border-radius:12px;margin-bottom:23px;font-size:13px}.plan-current{border:2px solid var(--green)!important}.planlist{line-height:2;font-size:13px;padding-left:18px}.meter{background:var(--line);height:7px;border-radius:20px;margin:12px 0}.meter span{display:block;width:0;height:100%;background:var(--green)}.signin-card{max-width:500px;margin:55px auto}.signin-card h1{font-size:32px;letter-spacing:-1px}.feature-matrix{width:100%;border-collapse:collapse;font-size:13px;min-width:550px}.feature-matrix th,.feature-matrix td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left}.preview-selector{display:flex;gap:7px;flex-wrap:wrap}.preview-selector button.active{background:var(--green);color:var(--ink)}.feature-lock{padding:15px 18px;border:1px solid var(--line);background:var(--surface);border-radius:11px;line-height:1.6;font-size:13px}.account-details{overflow-wrap:anywhere}.sidebar .usage-box{border:1px solid var(--line);border-radius:9px;padding:13px;margin-top:22px;font-size:12px}.upgrade-area{margin-top:22px}.tiers-actions{display:grid;gap:9px;margin-top:20px}.tiers-actions button{width:100%}.feature-lock .row{margin-top:12px}.account-sheet{max-width:820px;margin:auto}@media(max-width:720px){.sidebar .usage-box{display:none}.account-chip span.name{display:none}.tier-banner{align-items:flex-start;flex-wrap:wrap}.signin-card{margin:25px auto}.tier-banner button{padding:8px 12px}}

/* Shared workspace header: quiet access to plans, without a promotional block. */
.workspace-header-links{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-left:auto}
.header-plans-link{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:13px;text-decoration:none;white-space:nowrap}
.header-plans-link:hover,.header-plans-link[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.header-plans-link:focus-visible{outline:2px solid var(--citron);outline-offset:4px;border-radius:3px}
@media(max-width:760px){.app-top>.workspace-header-links{margin-left:auto;gap:0}.workspace-header-links>.account-chip,.workspace-header-links>a[target="_top"]{display:none!important}.header-plans-link{font-size:12px}.app-top>.mobile-header-actions{margin-left:0!important}}
@media(max-width:480px){.app-top>.workspace-header-links{order:5;flex-basis:100%;justify-content:flex-end}.app-top{flex-wrap:wrap!important}.header-plans-link{min-height:32px}}

/* Account summary precedes primary navigation. */
.sidebar>.usage-box{margin-top:0;margin-bottom:22px;flex-shrink:0}
/* Keep account context on the sidebar background, aligned with nav text. */
.sidebar>.usage-box{background:transparent;border:0;border-radius:0;padding:0 12px;margin:0 0 12px;box-shadow:none}
.sidebar>.usage-box .meter{margin:10px 0}
.sidebar>.usage-box p.fine{margin:8px 0}
@media(min-width:721px) and (max-width:1000px){.sidebar>.usage-box{padding-inline:9px}}
