/* Shared account shell uses the storefront's fonts and color tokens. */
.account-shell .management-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end;margin:20px 0}
.account-shell .management-form label{color:var(--muted);line-height:2}
.account-shell .management-form select{display:block;width:100%;min-height:44px;padding:10px;background:#101112;color:var(--text);border:1px solid #414842;border-radius:5px}
.account-shell .customer-order pre{white-space:pre-wrap;overflow-wrap:anywhere}
.account-shell .customer-order h3{overflow-wrap:anywhere}
html:has(.account-shell),body.account-shell{height:auto;min-height:100%;overflow:auto}
.account-shell [hidden]{display:none!important}
.account-shell header .brand{color:var(--text);text-decoration:none}
.account-shell header nav{display:flex;gap:24px;align-items:center}
.account-shell a{color:var(--lime);text-underline-offset:4px}
.account-shell header nav a{font-size:12px;text-decoration:none}
.account-shell header nav a[aria-current]{border-bottom:2px solid var(--lime);padding:26px 0;color:var(--text)}
.account-shell main{display:block;height:auto;min-height:0;width:100%;max-width:1120px;padding:48px 28px;margin:0 auto}
.account-shell h1{font:700 clamp(32px,4vw,48px)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0 16px}
.account-shell h1 i{font-style:normal;color:var(--lime)}
.account-shell h2{font-size:20px}
.account-shell p{font-size:13px;line-height:1.7;color:var(--muted)}
.account-shell .account-intro{max-width:680px;margin-bottom:28px}
.account-shell .account-card,.account-shell .admin-box,.account-shell .customer-order{background:#181e1b;border:1px solid #343c37;border-radius:12px;padding:28px;width:100%;box-shadow:none;position:static;margin:0 0 20px}
.account-shell .account-card{border-top:3px solid var(--lime)}
.account-shell .customer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 0}
.account-shell button{font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.6px;border:1px solid #414842;background:#101412;color:var(--text);min-height:44px;padding:12px 20px;cursor:pointer;border-radius:5px}
.account-shell button.buy-button{display:inline-block;width:auto;min-width:210px;background:var(--lime);border-color:var(--lime);color:#101112;margin:8px 0}
.account-shell button:hover{border-color:var(--lime)}
.account-shell button:disabled{opacity:.5;cursor:not-allowed}
.account-shell :is(button,a,input):focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.account-shell input{display:block;width:100%;background:#101112;color:var(--text);border:1px solid #414842;border-radius:5px;min-height:44px;padding:12px;font:13px Inter,sans-serif}
.account-shell #adminForm{display:flex;align-items:end;gap:12px;margin:24px 0}
.account-shell #adminForm label{flex:1;color:var(--muted);line-height:2}
.account-shell #adminForm .buy-button{margin:0}
.account-shell .admin-email-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.account-shell #orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.account-shell .customer-order{margin:0}
.account-shell #status:empty{display:none}
@media(max-width:650px){.account-shell header{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:16px}.account-shell .brand small{display:none}.account-shell header nav{gap:16px}.account-shell header nav a[aria-current]{padding:8px 0}.account-shell main{padding:28px 16px}.account-shell .account-card,.account-shell .admin-box,.account-shell .customer-order{padding:20px}.account-shell #orders{grid-template-columns:1fr}.account-shell #adminForm{display:block}.account-shell #adminForm .buy-button{margin-top:12px}}