.login-new{background:var(--bg);color:var(--fg)}
.login-stage{padding:52px 0 72px;background:var(--surface);border-bottom:1px solid var(--line)}
.login-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:36px;align-items:stretch}
.login-story,.login-panel{min-width:0}
.login-story{position:relative;overflow:hidden;border-radius:12px;background:#111;color:#fff;min-height:660px}
.login-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%}
.login-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002 15%,#0005 55%,#000d 100%)}
.login-story-copy{position:absolute;z-index:2;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:space-between}
.login-breadcrumb{display:flex;gap:9px;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.login-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.login-story-bottom{max-width:560px}
.login-story .eyebrow{color:#fff;margin-bottom:14px}
.login-story h1{font-size:clamp(3rem,4.8vw,4.7rem);max-width:650px}
.login-story h1 span{color:var(--primary)}
.login-story p{color:#e5e5e5;font-size:1.05rem;max-width:510px;margin-top:20px}
.login-image-path{margin-top:24px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 15px;border-radius:7px;background:#111d;color:#fff;font-size:.68rem;letter-spacing:.08em;line-height:1.5}
.login-image-path b{font-size:.73rem;letter-spacing:0;color:var(--primary);word-break:break-all}
.login-panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:44px;display:flex;flex-direction:column;justify-content:center}
.login-panel-head{margin-bottom:26px}
.login-panel-head h2{font-size:clamp(2.2rem,3.3vw,3.55rem);margin-bottom:12px}
.login-panel-head p{max-width:560px}
.role-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:9px}
.role-toggle button{min-height:46px;border:0;border-radius:6px;background:transparent;color:var(--fg);font-weight:700}
.role-toggle button.selected{background:var(--primary);color:#111}
.auth-form-new{display:grid;gap:17px}
.auth-form-new>label{display:grid;gap:7px;font-weight:700;font-size:.88rem}
.auth-form-new input[type=email],.auth-form-new input[type=password],.auth-form-new input[type=text]{width:100%;height:54px;border:1px solid var(--line);border-radius:7px;padding:12px 15px;background:var(--bg);color:var(--fg);font-weight:400}
.password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--bg)}
.password-field input{border:0!important;border-radius:0!important;min-width:0}
.password-toggle{border:0;border-inline-start:1px solid var(--line);background:var(--surface);color:var(--fg);padding:0 18px;font-weight:700}
.password-toggle:hover{background:var(--fg);color:var(--bg)}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.88rem}
.auth-row label{display:flex;align-items:center;gap:8px;font-weight:600}
.auth-row input{accent-color:var(--primary)}
.auth-row a,.login-panel-foot a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.login-submit{width:100%;min-height:54px;border:0;border-radius:7px;background:#111;color:#fff;font-weight:800}
.login-submit:hover{background:var(--primary);color:#111}
.demo-note{display:block;color:var(--muted);font-size:.78rem;line-height:1.55}
.login-panel-foot{margin-top:24px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}
.login-panel-foot p{font-size:.9rem}
.login-help{padding:64px 0}
.login-help-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}
.login-help-copy h2{max-width:470px;margin-bottom:16px}
.login-help-copy p{max-width:480px}
.login-help-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.login-help-items article{padding:26px 24px;min-height:180px;border-inline-end:1px solid var(--line)}
.login-help-items article:last-child{border-inline-end:0}
.login-help-items span{display:block;color:#0f766e;font-weight:800;font-size:.76rem;letter-spacing:.08em;margin-bottom:34px}
html[data-theme=dark] .login-help-items span{color:var(--primary)}
.login-help-items h3{font-size:1.05rem;margin-bottom:8px}
.login-help-items p{font-size:.86rem}
[dir=rtl] .login-story>img{transform:scaleX(-1)}
@media(max-width:980px){
 .login-stage{padding:38px 0 56px}
 .login-grid{grid-template-columns:1fr;gap:24px}
 .login-story{min-height:500px}
 .login-panel{padding:38px}
 .login-help-grid{grid-template-columns:1fr;gap:30px}
 .login-help-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}
 .login-help-copy h2{margin:0}
}
@media(max-width:700px){
 .login-stage{padding:22px 0 40px}
 .login-story{min-height:410px;border-radius:10px}
 .login-story-copy{padding:24px}
 .login-story h1{font-size:3.05rem}
 .login-story p{font-size:.95rem;margin-top:16px}
 .login-image-path{max-width:100%}
 .login-panel{padding:25px 20px;border-radius:10px}
 .login-panel-head{margin-bottom:22px}
 .login-panel-head h2{font-size:2.45rem}
 .auth-row{align-items:flex-start;flex-direction:column;gap:12px}
 .login-panel-foot{align-items:flex-start;flex-direction:column}
 .login-help{padding:46px 0}
 .login-help-copy{display:block}
 .login-help-copy h2{margin-bottom:14px}
 .login-help-items{grid-template-columns:1fr}
 .login-help-items article{min-height:0;padding:22px 0;border-inline-end:0;border-bottom:1px solid var(--line)}
 .login-help-items article:last-child{border-bottom:0}
 .login-help-items span{margin-bottom:12px}
}

/* Separate customer/admin access — requested login-only adjustment */
.separate-login-forms{display:grid;gap:18px}
.login-account-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.login-account-card.admin-login-card{background:var(--surface)}
.login-account-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line)}
.login-account-head .account-index{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#111;font-size:.72rem;font-weight:900;letter-spacing:.06em}
.login-account-head h3{font-size:1.12rem;margin:0 0 4px}
.login-account-head p{font-size:.82rem;color:var(--muted);margin:0}
.separate-demo-note{margin-top:16px}
@media(max-width:700px){
 .login-account-card{padding:18px}
 .login-account-head{gap:11px}
}