.stats{grid-template-columns:repeat(4,1fr)}.stats>.overdue-stat{background:#fff4f2;border-color:#e5aaa4;box-shadow:inset 0 4px #b42318}.stats>.overdue-stat strong,.queue article.overdue .overdue-time{color:#b42318}.queue article.overdue{background:#fff4f2;box-shadow:inset 6px 0 #b42318}.queue article.overdue:hover{background:#ffebe7;box-shadow:inset 6px 0 #b42318}.driver-queue-position{text-align:center;background:#eff8f3;border:1px solid #b5e5d2;border-radius:15px;gap:5px;margin:20px 0;padding:18px;display:grid}.driver-queue-position small{color:#087c65;letter-spacing:.14em;font-size:9px;font-weight:900}.driver-queue-position strong{color:var(--green);font:38px Georgia,serif}.driver-queue-position span{color:#536462;font-size:13px;font-weight:700}@media (width<=900px){.stats{grid-template-columns:1fr 1fr}}@media (width<=600px){.stats>div:last-child{grid-column:auto}}.staff-picker-wrap>.modal-backdrop{pointer-events:none;background:0 0;place-items:end center;padding:0 14px 18px}.modal-backdrop:has(.staff-password-modal){pointer-events:none;background:0 0;place-items:end center;padding:0 14px 18px}.staff-picker-page{place-items:start center;min-height:auto;padding-block:24px}.staff-picker-wrap{width:min(100%,430px)}.return-dashboard{color:#17382f;cursor:pointer;background:#fff;border:1px solid #cfd9d3;border-radius:10px;margin:0 0 12px;padding:10px 13px;font-size:12px;font-weight:900}.return-dashboard:hover,.return-dashboard:focus-visible{background:#f0f8f4;border-color:#087c65}.staff-picker-heading{margin-bottom:12px}.staff-picker-heading h1{margin:4px 0 5px;font-size:30px}.staff-picker-heading p{font-size:12px}.staff-picker-card{border-radius:14px;padding:12px;box-shadow:0 8px 24px #17382b12}.staff-picker-title{padding-bottom:9px}.staff-picker-title h2{font-size:18px}.staff-picker-list{gap:6px}.staff-picker-list>button{border-radius:10px;grid-template-columns:34px 1fr auto;gap:8px;padding:8px}.staff-picker-list .staff-avatar{width:32px;height:32px}.staff-picker-list>button strong{padding:8px 9px}.staff-password-modal{pointer-events:auto;text-align:left;border:1px solid #cfd9d3;border-radius:15px;grid-template-columns:40px 1fr auto;align-items:center;gap:8px 11px;width:min(390px,100vw - 28px);max-height:none;padding:14px;display:grid;box-shadow:0 14px 42px #102a2c38}.staff-password-modal .modal-close{float:none;width:30px;height:30px;font-size:22px;line-height:28px;position:absolute;top:7px;right:8px}.staff-password-modal .staff-avatar.large{width:40px;height:40px;margin:0;font-size:15px}.staff-password-modal h2{align-self:end;margin:0 28px 0 0;font-size:19px}.staff-password-modal>p{grid-column:2/-1;align-self:start;margin:-5px 0 2px;font-size:10px}.staff-password-modal label{grid-column:1/3;font-size:9px}.staff-password-modal label input{padding:10px}.staff-password-modal>.primary{grid-column:3;align-self:end;width:auto;padding:11px 15px}.staff-password-modal>.form-error{grid-column:1/-1;margin:0}@media (width<=440px){.staff-picker-wrap>.modal-backdrop{padding-bottom:10px}.modal-backdrop:has(.staff-password-modal){padding-bottom:10px}.staff-password-modal{grid-template-columns:36px 1fr auto;padding:12px}.staff-password-modal .staff-avatar.large{width:36px;height:36px}.staff-password-modal h2{font-size:17px}.staff-picker-page{padding:16px 10px}.staff-picker-heading h1{font-size:27px}.staff-picker-list>button{grid-template-columns:32px 1fr auto}.staff-picker-list>button strong{grid-column:auto;width:auto}}.on-shift-dropdown{z-index:12;width:290px;position:fixed;bottom:16px;right:18px}.on-shift-dropdown>button{color:#17382f;cursor:pointer;background:#fff;border:1px solid #bcd2c7;border-radius:11px;align-items:center;gap:8px;width:100%;padding:10px 11px;font-size:12px;font-weight:900;display:flex;box-shadow:0 8px 24px #102a2c20}.on-shift-dropdown>button>span,.on-shift-menu p>span{color:#20a66e}.on-shift-dropdown>button b{color:#087c65;background:#dff6ed;border-radius:99px;min-width:22px;padding:3px 6px;font-size:10px}.on-shift-dropdown>button small{text-overflow:ellipsis;white-space:nowrap;color:#52645e;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.on-shift-dropdown>button em{color:#75827e;margin-left:auto;font-size:9px;font-style:normal}.on-shift-menu{background:#fff;border:1px solid #d8e2dc;border-radius:11px;width:100%;position:absolute;bottom:calc(100% + 7px);right:0;overflow:hidden;box-shadow:0 12px 30px #102a2c24}.on-shift-menu p{color:#314840;border-top:1px solid #edf1ee;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.on-shift-menu p:first-child{border-top:0}.on-shift-menu .none-on-shift{color:#74807d;font-weight:600}@media (width<=600px){.on-shift-dropdown{width:min(290px,100vw - 20px);bottom:10px;right:10px}}.start-shift-mini{z-index:12;background:#fff;border:1px solid #bcd2c7;border-radius:13px;grid-template-columns:1fr auto;gap:9px;width:min(310px,100vw - 24px);padding:12px;display:grid;position:fixed;bottom:16px;right:18px;box-shadow:0 10px 28px #102a2c28}.start-shift-mini>div{grid-column:1/-1;align-items:center;gap:8px;display:flex}.start-shift-mini>div>span{color:#20a66e}.start-shift-mini p{gap:1px;margin:0;display:grid}.start-shift-mini p b{font-size:13px}.start-shift-mini p small{color:#71807b;font-size:9px}.start-shift-mini label{color:#70807b;gap:3px;font-size:8px;font-weight:900;display:grid}.start-shift-mini input{padding:9px 10px}.start-shift-mini>button{color:#fff;cursor:pointer;background:#087c65;border:0;border-radius:9px;align-self:end;padding:11px 12px;font-size:11px;font-weight:900}.start-shift-error{color:#a23c3c;grid-column:1/-1;font-size:10px}@media (width<=600px){.start-shift-mini{bottom:10px;right:10px}}.start-shift-mini{width:min(330px,100vw - 24px)}.start-shift-mini .start-shift-name{grid-column:1/-1}.start-shift-mini .start-shift-name input{color:#263b35;background:#f3f6f3;font-weight:800}.on-shift-dropdown{z-index:12;width:290px;margin:10px 18px 0 auto;position:relative;bottom:auto;right:auto}.on-shift-menu{margin-top:7px;position:static}.on-shift-dropdown:has(.on-shift-menu){margin-bottom:10px}@media (width<=600px){.on-shift-dropdown{width:min(290px,100vw - 20px);margin:8px 10px 0 auto;position:relative;bottom:auto;right:auto}}.staff-picker-list>button strong{font-size:0}.staff-picker-list>button strong:after{content:"Sign in";font-size:10px}.staff-password-modal>p{font-size:0}.staff-password-modal>p:after{content:"Enter your allocated password to sign in.";font-size:10px}.staff-password-modal>.primary{font-size:0}.staff-password-modal>.primary:after{content:"Sign in";font-size:12px}main:has(>.on-shift-dropdown){flex-direction:column;min-height:100vh;display:flex}main:has(>.on-shift-dropdown)>header{order:-3}main:has(>.on-shift-dropdown)>.on-shift-dropdown{order:-2}main:has(>.on-shift-dropdown)>section{order:-1}.dash-tools .signout{font-size:0}.dash-tools .signout:after{content:"Staff list / sign in";font-size:12px}.dropdown-signout{color:#963b35;text-align:left;cursor:pointer;background:#fff7f6;border:0;border-top:1px solid #ead9d7;width:100%;padding:10px 12px;font-size:11px;font-weight:900}