/* V23.6 standalone staff access, recovery, management and shift-home UI.
   Maintains semantic forms and keyboard navigation; no backend logic in CSS. */
:root{--v236-navy:#101e32;--v236-slate:#54647a;--v236-teal:#087e78;--v236-mint:#cdf8df;--v236-border:#dee7ee;--v236-shadow:0 18px 65px rgba(13,31,50,.11)}
[hidden]{display:none!important}.staff-auth-page{margin:0;min-height:100vh;background:#eef4f5;color:#16293a}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr)}.auth-intro{background:radial-gradient(circle at 85% 80%,#24696b 0,transparent 46%),linear-gradient(145deg,#101c31,#152f46);padding:clamp(30px,6vw,92px);display:flex;flex-direction:column;color:#fff;min-height:650px}.auth-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:17px;font-weight:900;line-height:.95;letter-spacing:.09em}.auth-brand b{font-size:13px;letter-spacing:.22em}.auth-mark{display:inline-grid;place-items:center;width:48px;height:48px;background:#c4f8d6;color:#123d42;border-radius:14px;font-size:16px;font-weight:900;letter-spacing:-.08em}.auth-kicker{font-size:11px;color:#21807d;letter-spacing:.16em;font-weight:850}.auth-intro .auth-kicker{color:#b0e5d4;margin-top:clamp(90px,15vh,180px)}.auth-intro h1{font-size:clamp(40px,4.2vw,68px);line-height:1.05;letter-spacing:-.045em;max-width:630px;margin:15px 0}.auth-intro h1 em{font-style:normal;color:#a8e7ce}.auth-lead{color:#cbdde1;line-height:1.7;max-width:480px;font-size:17px}.auth-benefits{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;color:#d4ecdd;font-size:12px}.auth-benefits span{border:1px solid #ffffff24;border-radius:100px;padding:10px 13px}.auth-back{color:#b6ddda;font-size:14px;font-weight:700;margin-top:auto;text-decoration:none}.auth-back:hover{text-decoration:underline}.auth-card{border:1px solid var(--v236-border);border-radius:24px;background:#fff;box-shadow:var(--v236-shadow);padding:clamp(24px,4vw,46px);align-self:center;width:min(480px,calc(100% - 48px));margin:35px auto}.auth-card h2{font-size:36px;line-height:1.05;margin:12px 0 8px;color:#162b3d}.auth-card h1{font-size:clamp(30px,4vw,43px)}.auth-card-head p,.auth-card>p,.account-panel>p{color:#60718a;font-size:14px;line-height:1.65}.role-select{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 20px}.role-choice{text-align:left;border:1.5px solid #dfe6ed;border-radius:14px;background:#f8fafb;padding:14px 13px;color:#293c50;font-weight:850;font-size:15px;min-height:80px}.role-choice span{display:block;color:#748397;font-size:11px;line-height:1.4;font-weight:500;margin-top:6px}.role-choice.selected{border-color:#087e78;background:#e9f7f1;color:#075c58}.role-choice.selected span{color:#297b74}.auth-form{display:grid;gap:10px}.auth-form label,.account-panel label{font-weight:750;color:#30465b;font-size:13px}.auth-form input,.auth-form select,.account-panel input{width:100%;min-height:47px;border:1px solid #cbd8e1;border-radius:11px;padding:10px 13px;background:#fff;color:#172b40}.auth-form input:focus,.auth-form select:focus,.account-panel input:focus{outline:3px solid #97dfd0;outline-offset:1px}.password-row{position:relative}.password-row input{padding-right:76px}.reveal-password{position:absolute;right:7px;top:6px;border:0;background:#edf4f6;border-radius:8px;padding:9px 13px;color:#35576b;font-size:12px;font-weight:800}.auth-submit{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#087e78;color:#fff!important;border:1px solid #087e78;border-radius:12px;min-height:50px;padding:12px 19px;font-weight:850;text-decoration:none;cursor:pointer;font-size:14px}.auth-submit:hover{background:#066560}.auth-form .auth-submit{width:100%;margin-top:12px}.auth-help-link{font-size:13px;text-decoration:none;color:#087e78;text-align:center;font-weight:750;padding:8px}.auth-help-link:hover{text-decoration:underline}.auth-message{min-height:24px;margin:16px 0 0;font-size:13px;color:#176c60;font-weight:650;line-height:1.5}.auth-message.bad{color:#b33c45}.auth-card-foot{border-top:1px solid #ebeff3;padding-top:18px;margin-top:19px;font-size:12px!important;color:#7c8a98!important}.express-form{padding:12px 0}.express-form p{font-size:12px;color:#788794}.auth-express{width:100%;background:#eef6f7;border:1px solid #a6c8ce;border-radius:10px;padding:11px;color:#285c62;font-weight:800}.simple-auth{max-width:700px;margin:0 auto;padding:48px 22px}.simple-auth .auth-card{width:100%;margin:24px 0}.simple-auth .auth-back{color:#27666d}.recovery-step{padding:18px 0;border-top:1px solid #e8edf2}.recovery-step b{font-size:16px}.recovery-step p{font-size:14px;color:#596a80}.recovery-step code{background:#f0f4f7;padding:2px 5px;border-radius:5px;font-size:13px}.auth-link{width:100%}
.account-page{background:#f5f8fa;min-height:100vh}.account-top{background:#11263a;color:#fff;padding:13px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.account-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900}.account-top nav{display:flex;gap:18px;flex-wrap:wrap}.account-top nav a{color:#dce7ed;font-size:13px;text-decoration:none;font-weight:700}.account-wrap{max-width:680px;margin:45px auto;padding:0 20px 55px}.security-wrap{max-width:1200px;margin:45px auto;padding:0 24px 65px}.account-heading{margin-bottom:25px}.account-heading h1{font-size:clamp(32px,4vw,47px);margin:12px 0}.account-heading p{color:#627186}.account-panel{padding:clamp(21px,3vw,28px);background:#fff;border:1px solid var(--v236-border);border-radius:20px;box-shadow:0 9px 35px rgba(19,42,60,.045);margin-bottom:20px}.account-panel h2{font-size:22px;margin:0 0 9px}.account-panel form{display:grid;gap:15px}.account-panel form label{display:grid;gap:7px}.account-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:17px;font-size:13px;font-weight:750}.account-foot a{color:#087b75}.security-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.security-toggle{display:flex!important;gap:12px;align-items:flex-start;font-size:14px!important;margin:20px 0}.security-toggle input{min-width:18px!important;width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px}.security-hint{font-size:12px;color:#718296;line-height:1.5;margin-top:12px}.muted-button{background:#fff!important;color:#174f51!important;border-color:#b9d4cf!important;min-height:42px}.section-horz{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.employee-accounts{display:grid;gap:0}.employee-line{padding:16px 0;border-top:1px solid #e4eaf0;display:flex;justify-content:space-between;gap:14px;align-items:center}.employee-line strong,.employee-line span{display:block}.employee-line span{font-size:12px;color:#63758a;margin-top:6px}.account-actions{display:flex;flex-wrap:wrap;gap:7px}.account-actions button{border:1px solid #c7d5de;background:#f6f9fb;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:750;color:#2d5066}.shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.shift-card{border-radius:18px;background:#fff;padding:25px;min-height:230px;display:flex;flex-direction:column;gap:10px;border:1px solid #dde8ed;box-shadow:0 5px 20px rgba(20,42,63,.04);text-decoration:none;transition:transform .15s,box-shadow .15s}.shift-card:hover{transform:translateY(-3px);box-shadow:var(--v236-shadow)}.shift-icon{font-size:26px;color:#16877a}.shift-card h2{font-size:21px;margin:4px 0}.shift-card p{font-size:13px;color:#617189;margin:0}.shift-card strong{margin-top:auto;color:#0b7773;font-size:13px}.shift-card.primary-task{background:linear-gradient(130deg,#12314a,#096b70);border:0;color:#fff}.shift-card.primary-task .shift-icon,.shift-card.primary-task strong{color:#c5fbe1}.shift-card.primary-task p{color:#d7ebed}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:35px 30px 30px}.auth-intro .auth-kicker{margin-top:38px}.auth-intro h1{font-size:38px}.auth-lead{font-size:14px}.auth-benefits{margin:9px 0 18px}.auth-card{margin:28px auto 45px}.auth-back{margin-top:10px}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:630px){.role-select{gap:8px}.role-choice{font-size:13px;padding:11px}.auth-intro{padding:27px 20px}.auth-benefits span{font-size:11px;padding:6px 10px}.auth-card{width:calc(100% - 26px);padding:23px 20px}.security-grid,.shift-grid{grid-template-columns:1fr}.employee-line{align-items:flex-start;flex-direction:column}.security-wrap{padding:0 15px 50px;margin:27px auto}.account-wrap{margin:27px auto}.account-top{padding:13px 16px}.account-top nav{gap:11px}.shift-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.shift-card{transition:none}}

.account-dialog{border:1px solid #d5e1e5;border-radius:19px;max-width:min(510px,calc(100% - 28px));width:100%;padding:28px;background:#fff;color:#173044;box-shadow:0 25px 60px #10233473}.account-dialog::backdrop{background:#0e223b9c}.account-dialog form{display:grid;gap:13px}.account-dialog h2{font-size:23px;margin:0}.account-dialog p{font-size:13px;color:#66798b}.account-dialog .account-actions{display:flex;flex-wrap:wrap}.account-dialog .account-actions button{flex:1}.account-dialog label{display:grid;gap:7px;font-size:13px;font-weight:750}.account-dialog input{padding:11px;border:1px solid #c3d4df;border-radius:10px}.account-dialog input:focus{outline:3px solid #97dfd0}