.customer-login-page{margin:0;min-height:100vh;background:#f4f6fa;color:#172238;font:16px/1.55 system-ui,sans-serif;display:grid;place-items:center;padding:24px;box-sizing:border-box}.customer-login-card{width:min(440px,100%);background:white;border:1px solid #dde3ed;border-radius:20px;padding:28px;box-shadow:0 14px 40px #2034550b;box-sizing:border-box}.customer-brand{font-weight:750;letter-spacing:.02em;color:#3154a4}.customer-login-card h1{font-size:26px;margin:12px 0}.customer-login-card label{display:block;font-weight:600;margin:14px 0}.customer-login-card [hidden]{display:none}.customer-login-card input{display:block;width:100%;box-sizing:border-box;border:1px solid #9cabc2;border-radius:8px;padding:11px;margin-top:6px;font:inherit}.customer-login-card button,.customer-account-bar button{font:inherit;border:1px solid #b6c3d8;border-radius:8px;background:white;color:#183c85;cursor:pointer;padding:9px 14px}.customer-login-card #customer-submit{background:#244fc1;color:white;border-color:#244fc1;width:100%;font-weight:700}.customer-login-card button:disabled{opacity:.55;cursor:wait}.customer-tabs{display:flex;gap:8px}.customer-tabs [aria-pressed=true]{background:#e9efff;border-color:#244fc1}.customer-hint{font-size:13px;color:#53647d}#customer-message{color:#a52a20;overflow-wrap:anywhere}.customer-account-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font:13px/1.4 system-ui,sans-serif;background:#eef3ff;color:#183460}.customer-account-bar span{overflow-wrap:anywhere}.customer-account-bar button{font-size:12px;white-space:nowrap}/* Reserve a visible account switch area in the fixed phone workspace. */
html[data-customer-id] .customer-account-bar{box-sizing:border-box;min-height:48px;position:relative;z-index:100}
html[data-customer-id] .customer-account-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:540px),(max-width:960px) and (pointer:coarse){
 html[data-customer-id] .customer-account-bar{position:fixed;top:var(--app-top,0px);left:0;right:0;height:48px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left))}
 html[data-customer-id] .studio{top:calc(var(--app-top,0px) + 48px);height:calc(var(--app-height,100dvh) - 48px)}
}