/* Organisation sign-in only. Owner Console retains its independent design. */
#loginScreen.customer-login,#login.customer-login{box-sizing:border-box;width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:64px max(6vw,24px);display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;justify-items:stretch;gap:8vw;border:0;border-radius:0;background:radial-gradient(ellipse at 5% 85%,#b32a81 0,transparent 55%),linear-gradient(120deg,#171e56,#502376 65%,#7c257b);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.customer-login .customer-login-intro{max-width:600px;text-align:left}
.customer-login .customer-monogram{display:flex;align-items:center;gap:12px;margin-bottom:36px;font-size:32px;line-height:1.2;letter-spacing:-2px;font-weight:900;color:#fff}
.customer-login .customer-monogram span{color:#f1c77c;font-size:30px}
.customer-login .customer-eyebrow{margin:0 0 22px;font-size:11px;font-weight:750;letter-spacing:2px;color:#dfd8f2}
#loginScreen .customer-login-intro h1,#login .customer-login-intro h1{margin:0 0 25px;font-size:clamp(40px,4.3vw,64px);font-weight:750;line-height:1.12;letter-spacing:-2px;color:#fff}
.customer-login .customer-description{max-width:420px;margin:0;font-size:18px;line-height:1.7;color:#dfd8f2}
.customer-login .customer-intro-line{width:72px;height:3px;background:#d9b96f;margin:35px 0 24px}
.customer-login .customer-login-intro small{font-size:10px;letter-spacing:2px;color:#e2d8ee;line-height:1.6}
#loginScreen.customer-login .login-card,#login.customer-login .login-card{box-sizing:border-box;position:relative;width:100%;max-width:420px;margin:0;padding:40px;border:1px solid #ffffff66;border-radius:20px;background:#fff;color:#182338;box-shadow:0 24px 80px #100a423b;text-align:left;overflow:visible}
#loginScreen.customer-login .login-card::before{content:none}
#loginScreen.customer-login .brand-block,#login.customer-login .brand-block{display:block;margin:0 0 26px;padding:0;border:0}
#loginScreen.customer-login .login-brand-eyebrow,#login.customer-login .login-brand-eyebrow{display:block;margin:0 0 12px;font-size:10px;font-weight:750;letter-spacing:2px;color:#705089}
#loginScreen.customer-login .brand-block h2,#login.customer-login .brand-block h2{margin:0 0 10px;font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-.6px;color:#182338}
#loginScreen.customer-login .brand-block p,#login.customer-login .brand-block p{margin:0;font-size:13px;line-height:1.6;color:#637187}
#loginScreen.customer-login #loginForm,#login.customer-login #loginForm{display:grid;gap:18px;margin:0}
#loginScreen.customer-login label,#login.customer-login label{display:flex;flex-direction:column;gap:7px;color:#30415b;font-size:12px;line-height:1.4;font-weight:650}
#loginScreen.customer-login input,#login.customer-login input{box-sizing:border-box;width:100%;max-width:100%;height:48px;min-width:0;padding:12px 14px;border:1px solid #d6ddea;border-radius:9px;background:#fff;color:#182338;font:inherit;font-size:14px;box-shadow:none}
#loginScreen.customer-login input:focus,#login.customer-login input:focus{outline:3px solid #8055a522;border-color:#8055a5}
#loginScreen.customer-login input[readonly]{background:#f3f5fa;color:#334665}
#loginScreen.customer-login button[type=submit],#login.customer-login button[type=submit]{box-sizing:border-box;position:relative;width:100%;height:48px;min-height:48px;margin:4px 0 0;padding:12px 35px 12px 16px;border:0;border-radius:9px;background:#552b83;color:#fff;font:inherit;font-size:14px;font-weight:700;box-shadow:none;cursor:pointer;transition:background .18s}
#loginScreen.customer-login button[type=submit]::after,#login.customer-login button[type=submit]::after{content:"→";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:19px}
#loginScreen.customer-login button[type=submit]:hover,#login.customer-login button[type=submit]:hover{background:#402060}
#loginScreen.customer-login button[type=submit]:focus-visible,#login.customer-login button[type=submit]:focus-visible{outline:3px solid #d4bce8;outline-offset:3px}
#loginScreen.customer-login .login-note,#login.customer-login .login-note{margin:24px 0 0;padding:20px 0 0;border-top:1px solid #e8eaf0;font-size:11px;line-height:1.7;color:#637187;text-align:left}
#loginScreen.customer-login .session-login-status{margin:0 0 20px;padding:10px 12px;border:1px solid #e7dfef;border-radius:8px;background:#f6f2fa;color:#624678;font-size:11px}
#login.customer-login #loginStatus{margin:12px 0 0;font-size:12px;line-height:1.5;color:#265d43;overflow-wrap:anywhere}
#login.customer-login #loginStatus:empty{display:none}
#login.customer-login #loginStatus.error{padding:10px;border-radius:7px;background:#fff0f1;color:#a51e32}
body:has(#login.customer-login:not([hidden]))>header,body:has(#login.customer-login:not([hidden]))>main>footer,body:has(#login.customer-login:not([hidden]))>main>#status{display:none}
body:has(#login.customer-login:not([hidden]))>main{max-width:none;margin:0;padding:0}
#loginScreen.customer-login.hidden,#login.customer-login[hidden]{display:none!important}
@media(max-width:1000px){#loginScreen.customer-login,#login.customer-login{gap:40px;padding:48px 5vw;grid-template-columns:minmax(0,1fr) 390px}.customer-login .customer-description{font-size:16px}#loginScreen .customer-login-intro h1,#login .customer-login-intro h1{font-size:48px}}
@media(max-width:760px){#loginScreen.customer-login,#login.customer-login{grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px;padding:32px 20px 48px}.customer-login .customer-login-intro{width:100%;max-width:420px}.customer-login .customer-monogram{margin-bottom:22px}.customer-login .customer-eyebrow{margin-bottom:14px}#loginScreen .customer-login-intro h1,#login .customer-login-intro h1{font-size:40px;margin-bottom:15px}.customer-login .customer-description{font-size:15px}.customer-login .customer-intro-line{margin:22px 0 16px}#loginScreen.customer-login .login-card,#login.customer-login .login-card{padding:30px 26px}}
@media(prefers-reduced-motion:reduce){.customer-login button,.customer-login input{transition:none!important}}

/* Keep the owner layout's left edge, card rhythm and responsive alignment. */
#loginScreen.customer-login .customer-login-intro,#login.customer-login .customer-login-intro{justify-self:start;width:100%;min-width:0}
#loginScreen.customer-login .login-card,#login.customer-login .login-card{justify-self:end}
#loginScreen.customer-login #loginForm,#login.customer-login #loginForm{gap:19px;margin:29px 0 22px}
#loginScreen.customer-login .brand-block,#login.customer-login .brand-block{margin-bottom:0}
#loginScreen.customer-login .brand-block .customer-org-name,#login.customer-login .brand-block .customer-org-name{margin:0 0 9px;color:#552b83;font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
#loginScreen.customer-login .organisation-field[hidden],#loginScreen.customer-login #sessionLoginStatus[hidden]{display:none!important}
#loginScreen.customer-login button[type=submit],#login.customer-login button[type=submit]{text-align:left}
#loginScreen.customer-login .login-note,#login.customer-login .login-note{margin-top:0}
@media(max-width:760px){#loginScreen.customer-login .customer-login-intro,#login.customer-login .customer-login-intro{justify-self:center}#loginScreen.customer-login .login-card,#login.customer-login .login-card{justify-self:center}}

/* Medn wordmark: keep the organisation text editable by centre branding. */
#loginScreen .medn-login-identity{display:flex;align-items:center;gap:14px;margin:14px 0 18px;min-width:0}
#loginScreen .medn-login-mark{width:60px;height:60px;flex:0 0 60px;filter:drop-shadow(0 5px 9px #102c4826)}
#loginScreen .medn-login-identity .customer-org-name{margin:0!important;color:#102c48!important;font-family:Arial,sans-serif;font-size:clamp(20px,2.3vw,28px)!important;font-weight:800!important;line-height:1.25;letter-spacing:-.6px;text-transform:none!important;overflow-wrap:normal}
#loginScreen .medn-login-identity .customer-org-name::first-letter{font-style:italic;color:#078b8a;font-size:1.16em}
@media(max-width:420px){#loginScreen .medn-login-identity{gap:10px}#loginScreen .medn-login-mark{width:46px;height:46px;flex-basis:46px}}

.medn-header-identity{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;padding:2px 0}
html body #dynamicTopbar .medn-header-mark{display:block!important;width:52px!important;height:52px!important;flex:0 0 52px;filter:drop-shadow(0 5px 9px #102c4826)}
html body #dynamicTopbar .medn-header-wordmark{font-family:Arial,sans-serif!important;font-size:clamp(18px,1.5vw,28px)!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.6px!important;color:#102c48!important;text-transform:none!important;text-align:left!important;white-space:normal!important}
html body #dynamicTopbar .medn-header-wordmark::first-letter{font-style:italic;color:#078b8a;font-size:1.16em}
@media(max-width:520px){.medn-header-identity{gap:10px}html body #dynamicTopbar .medn-header-mark{width:42px!important;height:42px!important;flex-basis:42px}}