.staff-login { margin:0; background:#eef0f2; color:#20242a; font-family:Arial,Helvetica,sans-serif; }
.staff-login * { box-sizing:border-box; letter-spacing:0; }
.staff-login-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 28px; border-top:4px solid #c7242d; background:#20242a; }
.staff-login-brand { display:flex; align-items:center; gap:18px; color:#fff; text-decoration:none; }
.staff-login-brand img { display:block; width:130px; height:42px; object-fit:contain; }
.staff-login-brand span { padding-left:18px; border-left:1px solid #65666a; font-size:16px; }
.staff-login-back { display:flex; align-items:center; gap:8px; color:#e3e5e7; text-decoration:none; font-size:13px; }
.staff-login .login-grid { display:block; min-height:calc(100dvh - 78px); }
.staff-login .login-left { display:block; padding:64px 24px 32px; background:transparent; }
.staff-login .card { width:100%; max-width:430px; margin:0 auto; padding:32px; border:1px solid #d9dde2; border-radius:6px; background:#fff; box-shadow:0 2px 4px #20242a08; }
.staff-login .title { margin:0 0 12px; font-size:24px; line-height:1.25; font-weight:600; }
.staff-login .subtitle { margin:0 0 20px; padding:0; font-size:14px; line-height:1.6; color:#626a73; }
.staff-login .field-wrapper.input { position:relative; margin:0 0 20px; padding:0; }
.staff-login .field-wrapper.input svg { display:none; }
.staff-login .field-wrapper.input label { display:block; margin-bottom:8px; color:#353a40; font-size:13px; font-weight:600; }
.staff-login .login-form .field-wrapper .form-control { width:100%; min-height:48px; padding:12px 14px; border:1px solid #cdd3d9; border-radius:5px; background:#fff; color:#25282c; font-size:16px; box-shadow:none; }
.staff-login .form-control:focus { border-color:#c7242d; outline:2px solid #c7242d25; outline-offset:1px; }
.staff-login #password { padding-right:48px; }
.staff-login .staff-password-control { position:relative; }
.staff-login .staff-password-control .form-control { padding-right:52px; }
.staff-login .staff-password-toggle { position:absolute; right:2px; bottom:2px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:4px; background:transparent; color:#6f7580; font-size:16px; cursor:pointer; }
.staff-login .staff-password-toggle:hover { background:#f0f1f3; color:#20242a; }
.staff-login .staff-password-toggle:focus-visible { outline:2px solid #c7242d; outline-offset:1px; }
.staff-login .row-actions { display:flex; flex-direction:column; align-items:stretch; gap:24px; margin-top:16px; }
.staff-login .switch { display:flex; align-items:center; gap:9px; width:auto; min-height:44px; height:auto; color:#626a73; font-size:13px; cursor:pointer; }
.staff-login .switch input { display:block; position:static; opacity:1; width:18px; height:18px; flex-shrink:0; margin:0; accent-color:#c7242d; }
.staff-login .switch .slider { display:none; }
.staff-login .btn-connexion { width:100%; padding:0; margin:0; }
.staff-login .submit_btn { width:100%; min-height:46px; padding:12px 18px; border:0; border-radius:5px; background:#c7242d; color:#fff; font-size:14px; font-weight:600; text-transform:none; }
.staff-login .submit_btn:hover { background:#a91e27; }
.staff-login .staff-activation-link { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; text-align:center; }
.staff-login .staff-access-success-icon { display:grid; place-items:center; width:56px; height:56px; margin:0 0 24px; border-radius:50%; background:#edf7f0; color:#237a4b; font-size:30px; line-height:1; }
.staff-login .staff-access-success .subtitle { margin-bottom:16px; }
.staff-login .staff-access-success-hint { margin:0 0 28px; color:#626a73; font-size:13px; line-height:1.6; }
.staff-login .links-row { margin-top:22px; text-align:center; }
.staff-login .forgot-pass-link { color:#535b65; font-size:13px; text-decoration:none; border:0; }
.staff-login .forgot-pass-link:hover { color:#c7242d; text-decoration:underline; }
.staff-login .forgot-pass-link { display:inline-flex; align-items:center; min-height:44px; }
.staff-login .staff-login-back { min-height:44px; }
.staff-login .title,.staff-login .subtitle { overflow-wrap:anywhere; }
.staff-login .copyright { margin-top:40px; color:#858b92; text-align:center; font-size:12px; }
.staff-login-panel { display:none; }
@media (min-width:1024px) {
 .staff-login { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); min-height:100dvh; }
 .staff-login-header { display:none; }
 .staff-login .login-grid { grid-column:1; grid-row:1; display:flex; align-items:center; justify-content:center; min-height:100dvh; }
 .staff-login .login-left { width:100%; padding:48px; }
 .staff-login .card { padding:36px; border-radius:0; }
 .staff-login-panel { grid-column:2; grid-row:1; display:flex; flex-direction:column; justify-content:space-between; gap:48px; padding:48px; border-top:4px solid #c7242d; background:#20242a; color:#fff; }
 .staff-login-panel-brand { display:flex; align-items:center; gap:20px; }
 .staff-login-panel-brand img { width:150px; height:48px; object-fit:contain; }
 .staff-login-panel-brand span { border-left:1px solid #555b64; padding-left:20px; font-size:14px; color:#b9bec5; }
 .staff-login-panel-message { max-width:420px; }
 .staff-login-panel-message > i { font-size:36px; color:#ef4a50; }
 .staff-login-panel-message h2 { margin:24px 0 18px; font-size:32px; line-height:1.3; font-weight:600; }
 .staff-login-panel-message p { margin:0; color:#a2a8b1; font-size:15px; line-height:1.7; }
 .staff-login-panel-footer { color:#808792; font-size:12px; }
}
@media (max-width:600px) {
 .staff-login-header { flex-wrap:wrap; padding:10px 16px; }
 .staff-login-brand { gap:12px; }
 .staff-login-brand img { width:105px; height:34px; }
 .staff-login-brand span { padding-left:12px; font-size:14px; }
 .staff-login .login-left { padding:28px 16px max(24px,env(safe-area-inset-bottom)); }
 .staff-login .card { padding:24px 20px; }
 .staff-login .title { font-size:24px; }
}