#accountSection .customer-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
#accountSection .customer-account-card{background:#192438;border:1px solid #334155;border-radius:14px;padding:22px;min-width:0}
#accountSection .customer-account-label{color:#b8c5d8;font-size:13px;font-weight:600;margin-bottom:10px}
#accountSection .customer-account-value{color:#f8fafc;font-size:23px;font-weight:700;overflow-wrap:anywhere}
#accountSection .customer-account-note{color:#b8c5d8;font-size:13px;line-height:1.6;margin:10px 0 0}
#accountSection .customer-account-error{color:#fecaca;background:#3b2028;padding:18px;border-radius:12px;margin:20px 0}
#customerAccountRefresh{background:#24334b;color:#f8fafc;border:1px solid #475569;border-radius:10px;padding:11px 16px;cursor:pointer}
#customerAccountRefresh:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){#accountSection .customer-account-grid{grid-template-columns:1fr}#accountSection .customer-account-card{padding:18px}}

#accountInfo{background:transparent;border:0;color:#cbd5e1;font:inherit;cursor:pointer;padding:8px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.customer-settings-tabs button{padding:10px 17px;border-radius:10px;background:#24334b;color:#cbd5e1;border:1px solid #334155;cursor:pointer}
.customer-settings-tabs button[aria-pressed=true]{background:#563c85;color:#fff;border-color:#8060b7}
#accountSection [hidden]{display:none!important}
.customer-settings-form{max-width:820px}.customer-settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.customer-settings-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:12px 0}
.customer-settings-field label{color:#cbd5e1;font-size:14px}
.customer-settings-field input,.customer-settings-field select{width:100%;box-sizing:border-box;background:#101827;color:#f8fafc;border:1px solid #475569;border-radius:10px;padding:12px;font:inherit}
.customer-settings-field input:read-only{color:#b8c5d8}
.customer-settings-form button,.customer-orders-refresh{background:#563c85;color:#fff;border:1px solid #8060b7;padding:11px 18px;border-radius:10px;cursor:pointer;margin:12px 0}
.customer-settings-form .customer-password-toggle{background:#24334b;border-color:#475569;margin:4px 0;align-self:flex-start;padding:6px 10px;font-size:12px}
.customer-settings-description{color:#b8c5d8;line-height:1.6;max-width:820px}
#customerSettingsMessage{color:#c4b5fd;line-height:1.5;margin:16px 0}
.customer-order{border:1px solid #334155;border-radius:12px;padding:18px;margin:14px 0;background:#192438}
.customer-order h3{margin:0 0 10px;color:#f8fafc}.customer-order p{color:#b8c5d8;line-height:1.6;margin:6px 0;overflow-wrap:anywhere}
@media(max-width:640px){.customer-settings-form-grid{grid-template-columns:1fr}#accountInfo{max-width:150px}.customer-settings-tabs button{padding:9px 12px}}

.customer-recovery-button{background:transparent;color:#c4b5fd;border:0;cursor:pointer;padding:12px;font:inherit}
#accountInfo{min-width:0;flex-shrink:1}.topbar>div{min-width:0}.topbar #viewSubtitle{overflow-wrap:anywhere}
@media(max-width:640px){#accountInfo{max-width:110px}.topbar{gap:10px}}
#accountSection{background:#151d2d;color:#f8fafc}#accountSection h2,#accountSection h3{color:#f8fafc}.customer-settings-field label{margin:0}.customer-settings-form-grid{align-items:start}

/* Customer sign-in: match the dark customer workspace. */
#loginView{background:#0b101c;min-height:100dvh;box-sizing:border-box;padding:24px;}
#loginView .login-card{box-sizing:border-box;width:100%;max-width:430px;background:#151d2d!important;border:1px solid #303b50;border-radius:20px;padding:32px;box-shadow:0 24px 70px rgba(0,0,0,.3);}
#loginView .brand{color:#f8fafc!important;font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:0 0 10px;}
#loginView .muted{color:#afbdd1!important;font-size:14px;line-height:1.6;margin:0 0 8px;}
#loginView label{color:#d9e3f1!important;font-size:13px;line-height:1.5;margin:20px 0 8px;}
#loginView input{box-sizing:border-box;width:100%;min-height:48px;background:#0e1625!important;color:#f8fafc!important;border:1px solid #46536b!important;border-radius:10px;padding:12px 14px;font-size:16px;line-height:1.4;}
#loginView input:focus{outline:2px solid #a78bfa;outline-offset:2px;border-color:#a78bfa!important;}
#loginView input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0e1625 inset!important;-webkit-text-fill-color:#f8fafc!important;caret-color:#f8fafc;}
#loginView .primary-btn{background:#7552b7!important;color:#fff!important;border:1px solid #9674d1!important;font-weight:600;font-size:15px;min-height:48px;padding:12px 16px;margin-top:24px;border-radius:10px;}
#loginView .primary-btn:hover{background:#8661c9!important;}
#loginView .primary-btn:focus-visible,#loginView .customer-recovery-button:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px;}
#loginView .customer-recovery-button{display:block;width:auto;margin:14px auto 0;padding:6px 8px;color:#c4b5fd!important;font-size:13px;background:transparent!important;border:0;line-height:1.5;}
#loginView .customer-settings-description{font-size:13px;line-height:1.6;color:#b8c5d8!important;margin:12px 0 0;}
#loginView .customer-settings-description:empty,#loginView #loginMessage:empty{display:none;}
#loginView #loginMessage{font-size:13px;line-height:1.6;color:#fecaca!important;margin:16px 0 0;overflow-wrap:anywhere;}
@media(max-width:480px){#loginView{padding:18px;}#loginView .login-card{padding:26px 22px;border-radius:16px;}}