@layer components{.auth-page{max-width:34rem;padding-block:var(--space-12) var(--space-20)}.auth-heading{margin-bottom:var(--space-6)}.auth-heading h1,.account-page-heading h1{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}.auth-heading h1{margin-top:var(--space-3)}.account-notice{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-brand);padding:var(--space-4) var(--space-5);font-size:var(--text-small);color:var(--color-ink-secondary)}.account-notice p:first-child{color:var(--color-ink);font-weight:var(--weight-medium)}.account-notice p+p{margin-top:var(--space-2)}.auth-form{margin-top:var(--space-8);gap:var(--space-5);display:grid}.auth-name-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-field{min-width:0}.auth-field label{font-size:var(--text-small);font-weight:var(--weight-medium);margin-bottom:var(--space-2);display:block}.auth-field input{width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-3);border:1px solid var(--color-ink-muted);border-radius:var(--radius-control);background:var(--color-canvas);color:var(--color-ink);font-size:var(--text-body)}.auth-field input[aria-invalid=true]{border-color:var(--color-error)}.auth-field-hint,.auth-field-error{margin-top:var(--space-2);font-size:var(--text-small)}.auth-field-hint{color:var(--color-ink-secondary)}.auth-field-error,.auth-error-summary{color:var(--color-error)}.auth-error-summary{border-left:2px solid var(--color-error);padding-left:var(--space-3);font-size:var(--text-small)}.auth-submit{border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-1)}.auth-submit p{font-size:var(--text-small);color:var(--color-ink-secondary);margin-bottom:var(--space-4)}.auth-submit .action{width:100%}.auth-alternative{text-align:center;margin-top:var(--space-6);font-size:var(--text-small)}.auth-alternative a,.account-text-link{color:var(--color-brand);text-underline-offset:4px;text-decoration:underline}.auth-alternative a{padding-block:var(--space-3);display:inline-block}.auth-noscript{margin-top:var(--space-4)}.account-shell{padding-block:var(--space-10) var(--space-20)}.account-shell-heading{align-items:center;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:space-between;display:flex}.account-status{color:var(--color-ink-secondary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);padding:var(--space-1) var(--space-3);font-size:var(--text-small);display:inline-block}.account-layout{gap:var(--space-10);grid-template-columns:11rem minmax(0,1fr);display:grid}.account-navigation ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.account-navigation a{min-height:var(--control-height);padding:var(--space-3) var(--space-4);font-size:var(--text-small);color:var(--color-ink-secondary);border-left:3px solid #0000;align-items:center;display:flex}.account-navigation a:hover{background:var(--color-surface);color:var(--color-brand)}.account-navigation a[aria-current=page]{background:var(--color-brand-soft);color:var(--color-brand);border-left-color:var(--color-brand);font-weight:var(--weight-semibold)}.account-content{min-width:0}.account-page-heading{justify-content:space-between;align-items:center;gap:var(--space-5);margin-block:var(--space-8);flex-wrap:wrap;display:flex}.account-page-heading p{color:var(--color-ink-secondary);margin-top:var(--space-3)}.account-overview-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.account-section{border-top:1px solid var(--color-border-strong);min-width:0;padding-block:var(--space-6) var(--space-8)}.account-section-heading{align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex}.account-section-heading h2{font-size:var(--text-large);font-weight:var(--weight-medium)}.account-text-link{font-size:var(--text-small);padding-block:var(--space-3)}.account-empty{background:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border)}.account-empty-title{font-size:var(--text-large);font-weight:var(--weight-medium)}.account-empty>p+p{margin-top:var(--space-2);color:var(--color-ink-secondary)}.account-empty-action{margin-top:var(--space-6)}.account-section-note{font-size:var(--text-small);color:var(--color-ink-secondary);margin-top:var(--space-4)}.account-detail-rows{margin:0}.account-detail-rows>div{justify-content:space-between;gap:var(--space-2) var(--space-6);padding-block:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.account-detail-rows dt{color:var(--color-ink-secondary)}.account-detail-rows dd{overflow-wrap:anywhere;margin:0}.account-action-disabled{color:var(--color-ink-secondary);background:var(--color-surface);border-color:var(--color-border-strong);cursor:not-allowed}}@media (max-width:61rem){.account-layout{gap:var(--space-6);grid-template-columns:1fr}.account-navigation ul{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.account-navigation a{padding-inline:var(--space-2);border-bottom:3px solid #0000;border-left:0;justify-content:center}.account-navigation a[aria-current=page]{border-bottom-color:var(--color-brand)}.account-overview-grid{grid-template-columns:1fr;gap:0}}@media (max-width:40rem){.auth-page{padding-block:var(--space-8) var(--space-16)}.auth-name-fields{gap:var(--space-5);grid-template-columns:1fr}.account-shell{padding-block:var(--space-8) var(--space-16)}.account-shell-heading{margin-bottom:var(--space-5)}.account-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr))}.account-page-heading{margin-block:var(--space-6)}.account-page-heading .action{width:100%}.account-empty{padding:var(--space-5)}.account-detail-rows>div{gap:var(--space-1);flex-direction:column}.account-notice{padding:var(--space-4)}}
