/* Account access uses the same monochrome tokens as the storefront. */
.access-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block:8px 24px}
.access-heading h1,.access-auth-heading h1{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.12;letter-spacing:-.035em;margin:8px 0 12px}
.access-heading p,.access-auth-heading p{margin:0;max-inline-size:66ch;color:var(--muted);line-height:1.55}
.access-heading .eyebrow,.access-auth-heading .eyebrow{margin:0}
.access-heading>a{flex-shrink:0}
.access-connect{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;align-items:center;padding:24px;border:1px solid var(--separator);border-radius:14px;background:var(--surface)}
.access-connect h2{margin:0 0 9px;font-size:1.18rem;line-height:1.3}
.access-connect p{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted)}
.access-connect-actions,.access-proof{min-inline-size:0}
.access-proof>label{display:block;font-size:.78rem;font-weight:750;margin-block:0 8px;color:var(--muted)}
.access-code-row{display:flex;gap:8px;min-inline-size:0;align-items:stretch;margin-block-end:9px}
.access-code-row input{min-inline-size:0;flex:1;width:100%;padding:12px;border:1px solid var(--edge);border-radius:8px;background:var(--input-bg);color:var(--text);font-family:ui-monospace,monospace;font-size:.84rem}
.access-code-row button{flex-shrink:0}
.access-proof>small,.access-copy-status{display:block;font-size:.77rem;color:var(--muted);line-height:1.5}
.access-copy-status:empty{display:none}
.access-action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block-start:14px}
.access-action-row form{margin:0}
.access-action-row button,.access-action-row .button,.access-row-action button,.access-terminate summary{min-block-size:40px;padding:9px 13px;font-size:.8rem;border:1px solid var(--edge);border-radius:8px;font-weight:750;line-height:1.3}
.access-maturity{font-size:.82rem;color:var(--muted);line-height:1.55;margin-block:17px 23px}
.access-maturity span{display:block;margin-block-start:4px}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.access-section{min-inline-size:0;border:1px solid var(--edge);border-radius:14px;background:var(--surface);padding:20px}
.access-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.access-section-heading h2{margin:0;font-size:1.15rem;line-height:1.3}
.access-count{font-size:.8rem;font-weight:800;border:1px solid var(--edge);padding:4px 9px;border-radius:7px;line-height:1.4}
.access-section-note{font-size:.8rem;color:var(--muted);line-height:1.5;margin:10px 0 15px;min-block-size:2.5em}
.access-list{list-style:none;padding:0;margin:0}
.access-row{display:flex;align-items:start;justify-content:space-between;gap:14px;padding-block:16px;border-block-start:1px solid var(--separator)}
.access-row-main{display:grid;gap:5px;min-inline-size:0;overflow-wrap:anywhere}
.access-row-main>strong{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.91rem;line-height:1.35}
.access-row-main>small,.access-row-main>span{color:var(--muted);font-size:.74rem;line-height:1.5}
.access-current{font-weight:700;font-size:.65rem;border:1px solid var(--edge);padding:3px 6px;border-radius:5px;white-space:nowrap}
.access-row-action{flex-shrink:0;max-inline-size:45%}
.access-row-action form{margin:0}
.access-row-action button:disabled{opacity:.46;cursor:not-allowed}
.access-terminate summary{list-style:none;cursor:pointer;background:var(--surface-raised);color:var(--text);text-align:center}
.access-terminate summary::-webkit-details-marker{display:none}
.access-terminate[open] summary{border-color:var(--text)}
.access-confirm{margin-block-start:10px;max-inline-size:230px;overflow-wrap:anywhere}
.access-confirm p{font-size:.78rem;line-height:1.45;color:var(--muted);margin:0 0 10px}
.access-confirm button{width:100%;background:var(--control-bg);color:var(--control-text)}
.access-empty{padding-block:15px;border-block-start:1px solid var(--separator);color:var(--muted);font-size:.86rem}
.access-bottom{display:flex;gap:18px;flex-wrap:wrap;margin-block:24px 8px;font-size:.88rem;font-weight:750}
.access-bottom a{text-decoration:underline;text-underline-offset:4px}
.access-auth-heading{margin-block:8px 22px}
.access-auth-form{max-inline-size:560px;padding:24px;border:1px solid var(--separator);border-radius:14px;background:var(--surface);margin-block:0 20px}
.access-auth-form h2{font-size:1.05rem;margin:0 0 12px}
.access-auth-form>p{font-size:.88rem;line-height:1.55;color:var(--muted);margin-block:0 18px}
.access-auth-form .button{margin-block-end:18px}
.access-auth-form form label{display:grid;gap:7px;margin:0 0 17px;text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:750;color:var(--text)}
.access-auth-form form input:not([type=checkbox]){min-block-size:44px;inline-size:100%;min-inline-size:0;padding:11px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--input-bg);color:var(--text)}
.access-auth-form form label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center;font-weight:500;color:var(--muted)}
.access-auth-form form>button{inline-size:100%;min-block-size:44px}
.access-auth-options{display:flex;gap:16px;flex-wrap:wrap;font-size:.86rem;margin-block:16px}
.access-auth-options a{font-weight:750;text-decoration:underline;text-underline-offset:4px}
.access-auth-form .access-field-note,.access-field-note{font-size:.78rem;line-height:1.55;color:var(--muted);max-inline-size:64ch;margin-block:-5px 18px}
.access-auth-form .access-email-note{font-size:.76rem;line-height:1.6;padding-block-start:18px;margin-block:18px 0;border-block-start:1px solid var(--separator)}
.access-email-note a{text-decoration:underline;text-underline-offset:3px}
.access-email-status{display:grid;gap:6px;padding:14px 16px;margin-block-end:20px;border:1px solid var(--separator);border-inline-start:3px solid var(--accent,var(--text));border-radius:9px;background:var(--surface-raised);overflow-wrap:anywhere}
.access-email-status span{color:var(--muted);font-size:.76rem}.access-email-status strong{font-size:.88rem}
#auth-email-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}
.account-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;border-block-end:1px solid var(--separator)}
.account-notice:last-child{border-block-end:0}
.account-notice>div{min-inline-size:0;overflow-wrap:anywhere}
.account-notice h2,.account-notice h3{font-size:1rem;line-height:1.35;margin:0 0 7px}
.account-notice p{font-size:.88rem;line-height:1.5;margin:0 0 8px;color:var(--muted)}
.account-notice time{font-size:.76rem;color:var(--muted)}
.account-notice>.button{flex-shrink:0;font-size:.8rem}
.notification-inbox{padding-block:0}
.notification-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;padding-block:15px}
.notification-mark{display:grid;place-items:center;inline-size:38px;block-size:38px;border:1px solid var(--separator);border-radius:10px;color:var(--text);background:var(--surface-raised)}
.notification-mark svg{inline-size:19px;block-size:19px}
.notification-content h2{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;font-size:.9rem;margin:0 0 5px}
.notification-state{font-size:.72rem;font-weight:650;color:var(--muted)}
.notification-content p{display:flex;flex-wrap:wrap;gap:3px 12px;margin:0;font-size:.72rem}
.notification-reference{overflow-wrap:anywhere}
.notification-row>.button{min-block-size:40px;padding:9px 12px;font-size:.74rem;white-space:nowrap}
@media(max-width:1000px){.access-grid{grid-template-columns:minmax(0,1fr)}.access-section-note{min-block-size:0}}
@media(max-width:700px){.access-connect{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}.access-heading{align-items:start;flex-direction:column;gap:14px}.access-heading>a{font-size:.82rem}.access-section{padding:16px}.access-code-row{flex-wrap:wrap}.access-code-row input{flex-basis:100%;font-size:.79rem}.access-code-row button{min-inline-size:110px}.access-auth-form{padding:18px}.account-notice{flex-wrap:wrap;gap:10px}.account-notice>.button{margin-inline-start:0}}
@media(max-width:380px){.access-row{flex-wrap:wrap;gap:10px}.access-row-action{max-inline-size:100%}.access-row-main{inline-size:100%}.access-confirm{max-inline-size:none}}
@media(max-width:580px){.notification-row{grid-template-columns:32px minmax(0,1fr);gap:8px 10px;padding-block:14px}.notification-mark{inline-size:32px;block-size:32px;border-radius:8px}.notification-row>.button{grid-column:2;justify-self:start}.notification-content h2{font-size:.85rem}.notification-reference{max-inline-size:100%}}