/* Ten independent boot presentations, keyed to the existing mobile selector. */
@media(max-width:767px){
 html[data-boot-layout] body #login-screen:not([hidden]){--boot-led:#83cfff;--boot-surface:#2d65939c;--boot-shadow:#235e99;--boot-clock:#ff9aaa;--boot-email:#8bcbff;--boot-password:#c7a9ff;--boot-code:#64ebcc;--boot-radius:22px;margin-top:0!important;padding-top:calc(8px + env(safe-area-inset-top))!important;max-width:min(100%,620px)!important;min-width:0!important}
 html[data-boot-layout] body #login-screen .card{min-width:0!important;overflow:visible!important;border:1px solid var(--boot-led)!important;border-radius:25px!important;background:linear-gradient(157deg,#ffffff20,var(--boot-surface) 16%,#0b1c33e9 48%,#061426ed)!important;box-shadow:inset 0 2px #fffa,inset 0 -14px 26px #06182f8c,0 12px 0 color-mix(in srgb,var(--boot-shadow) 62%,transparent),0 24px 36px #000a,0 0 30px color-mix(in srgb,var(--boot-led) 50%,transparent)!important;padding:clamp(14px,4vw,23px)!important}
 html[data-boot-layout] body #login-screen .login-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;text-align:left!important;margin-bottom:17px!important;min-width:0!important}
 html[data-boot-layout] body #login-screen .login-head :is(.brand-mark,.eyebrow){display:none!important}
 html[data-boot-layout] body #login-screen .login-head h1{grid-row:1!important;margin:0!important;min-width:0!important;width:100%!important;padding:14px 15px 12px!important;font-size:clamp(1.45rem,6vw,2.15rem)!important;line-height:1.1!important;letter-spacing:-.025em!important;font-weight:850!important;text-align:left!important;color:#f9fcff!important;border:1px solid var(--boot-led)!important;border-radius:var(--boot-radius)!important;background:linear-gradient(135deg,#ffffff75,var(--boot-surface) 48%,#07192ff2)!important;box-shadow:inset 0 2px #fff9,inset 0 -12px 19px #04173098,0 7px 0 var(--boot-shadow),0 18px 25px #000a,0 0 30px color-mix(in srgb,var(--boot-led) 50%,transparent)!important;text-shadow:0 2px 3px #071420,0 0 21px color-mix(in srgb,var(--boot-led) 55%,transparent)!important;overflow-wrap:anywhere!important}
 html[data-boot-layout] body #login-screen .login-head .boot-clock{grid-row:2!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;min-height:27px!important;max-width:100%!important;padding:4px 11px!important;margin:7px 2px 1px!important;border:1px solid var(--boot-clock)!important;border-radius:99px!important;background:linear-gradient(140deg,#ffffff3d,#0b223fae)!important;box-shadow:inset 0 1px #fff9,0 3px 0 color-mix(in srgb,var(--boot-clock) 38%,transparent),0 0 16px color-mix(in srgb,var(--boot-clock) 78%,transparent)!important;color:var(--boot-clock)!important;font-size:.73rem!important;line-height:1.1!important;font-weight:850!important;letter-spacing:.06em!important;text-shadow:0 0 7px var(--boot-clock),0 0 14px var(--boot-clock)!important;font-variant-numeric:tabular-nums}
 html[data-boot-layout] body #login-screen .login-head .muted{grid-row:3!important;margin:2px 2px 6px!important;color:#c6d8eb!important;font-size:clamp(.77rem,2.9vw,.9rem)!important;line-height:1.3!important;text-align:left!important;overflow-wrap:anywhere!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login){min-width:0!important;gap:14px!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) label{display:grid!important;gap:8px!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;font-weight:740!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) input{width:100%!important;max-width:100%!important;min-width:0!important;min-height:55px!important;padding:11px 14px!important;border:1px solid var(--field-led)!important;border-radius:clamp(12px,3vw,19px)!important;color:#fff!important;background:linear-gradient(145deg,#ffffff45,color-mix(in srgb,var(--field-led) 19%,#0d2b4a) 32%,#091a34ec)!important;box-shadow:inset 0 2px #fff9,inset 0 -11px 16px #06192b8c,0 5px 0 color-mix(in srgb,var(--field-led) 44%,#15334b),0 12px 18px #0008,0 0 17px color-mix(in srgb,var(--field-led) 56%,transparent)!important;transition:filter .14s ease,transform .14s ease,box-shadow .14s ease!important}
 html[data-boot-layout] body #login-screen input::placeholder{color:#d8e7f4b8!important;opacity:1!important}
 html[data-boot-layout] body #login-screen #login-email{--field-led:var(--boot-email)}
 html[data-boot-layout] body #login-screen #login-password{--field-led:var(--boot-password)}
 html[data-boot-layout] body #login-screen #driver-code{--field-led:var(--boot-code);font-variant-numeric:tabular-nums!important;letter-spacing:.25em!important;text-align:center!important;font-weight:900!important;font-size:1.2rem!important}
 html[data-boot-layout] body #login-screen input:focus{outline:2px solid var(--field-led)!important;outline-offset:2px!important;transform:translateY(-2px)!important;filter:brightness(1.28)!important;box-shadow:inset 0 2px #fff9,0 6px 0 color-mix(in srgb,var(--field-led) 55%,#15334b),0 15px 22px #0009,0 0 29px var(--field-led)!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) button[type=submit]{width:100%!important;min-height:55px!important;height:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important;padding:10px 15px!important;border:1px solid var(--boot-led)!important;border-radius:var(--boot-radius)!important;background:linear-gradient(143deg,#e8f8ff88,var(--boot-surface) 42%,#071a33e8)!important;box-shadow:inset 0 2px #fff,inset 0 -12px 19px #08192d9c,0 6px 0 var(--boot-shadow),0 15px 23px #0009,0 0 23px color-mix(in srgb,var(--boot-led) 48%,transparent)!important;transition:transform .14s ease,filter .14s ease!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) button[type=submit]:active{transform:translateY(5px)!important;filter:brightness(1.5)!important;box-shadow:inset 0 5px 14px #061322,0 1px 0 var(--boot-led),0 0 34px var(--boot-led)!important}
 html[data-boot-layout] body #login-screen #driver-login>div:first-child h2{font-size:clamp(1.06rem,4vw,1.25rem)!important;line-height:1.15!important;color:#f8fcff!important;text-shadow:0 0 13px var(--boot-code)!important}
 html[data-boot-layout] body #login-screen #driver-login>div:first-child .hint{line-height:1.35!important;font-size:.78rem!important;overflow-wrap:anywhere!important}
 html[data-boot-layout] body #login-screen .divider{height:2px!important;background:linear-gradient(90deg,transparent,var(--boot-led),#fff,transparent)!important;box-shadow:0 0 11px var(--boot-led)!important}
 html[data-boot-layout="1"] body #login-screen{--boot-led:#88cfff;--boot-surface:#28699c9d;--boot-shadow:#1c609f;--boot-clock:#ff9baa;--boot-radius:20px}
 html[data-boot-layout="2"] body #login-screen{--boot-led:#baf4ff;--boot-surface:#4595a998;--boot-shadow:#3c7c88;--boot-clock:#ffbc80;--boot-radius:31px}
 html[data-boot-layout="2"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:50px!important}
 html[data-boot-layout="3"] body #login-screen{--boot-led:#cbb2ff;--boot-surface:#6545a499;--boot-shadow:#553b96;--boot-clock:#ff96cf;--boot-radius:9px}
 html[data-boot-layout="3"] body #login-screen .login-head .boot-clock{justify-self:center!important;border-radius:5px!important;transform:skewX(-8deg)}
 html[data-boot-layout="4"] body #login-screen{--boot-led:#d3e7f7;--boot-surface:#7792aa9d;--boot-shadow:#52708b;--boot-clock:#ff837e;--boot-radius:5px}
 html[data-boot-layout="4"] body #login-screen .login-head .boot-clock{justify-self:end!important;border-radius:3px!important;border-style:double!important;border-width:3px!important}
 html[data-boot-layout="5"] body #login-screen{--boot-led:#5df2c9;--boot-surface:#228e7b9d;--boot-shadow:#1c826f;--boot-clock:#ffb970;--boot-radius:27px}
 html[data-boot-layout="5"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:99px!important}
 html[data-boot-layout="6"] body #login-screen{--boot-led:#ffd585;--boot-surface:#365d89a4;--boot-shadow:#365e8a;--boot-clock:#ff8fa8;--boot-radius:8px 27px 8px 27px}
 html[data-boot-layout="6"] body #login-screen .login-head .boot-clock{justify-self:center!important;border-radius:4px 13px 4px 13px!important;transform:skewX(-7deg)}
 html[data-boot-layout="7"] body #login-screen{--boot-led:#ff91af;--boot-surface:#803c739d;--boot-shadow:#7e3766;--boot-clock:#8ef5f1;--boot-radius:22px 5px 22px 5px}
 html[data-boot-layout="7"] body #login-screen .login-head .boot-clock{justify-self:end!important;border-radius:15px 3px 15px 3px!important}
 html[data-boot-layout="8"] body #login-screen{--boot-led:#b1bbff;--boot-surface:#384e9da3;--boot-shadow:#405aab;--boot-clock:#a9ffcb;--boot-radius:5px}
 html[data-boot-layout="8"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:3px!important;border-style:double!important;border-width:3px!important}
 html[data-boot-layout="9"] body #login-screen{--boot-led:#68eee8;--boot-surface:#137d858f;--boot-shadow:#126c78;--boot-clock:#ff9cae;--boot-radius:31px 31px 7px 7px}
 html[data-boot-layout="9"] body #login-screen .login-head .boot-clock{justify-self:center!important;border-radius:99px 99px 3px 3px!important}
 html[data-boot-layout="10"] body #login-screen{--boot-led:#86d9ff;--boot-surface:#1c628ca5;--boot-shadow:#1c6a98;--boot-clock:#ffe19a;--boot-radius:7px 28px 7px 28px}
 html[data-boot-layout="10"] body #login-screen .login-head .boot-clock{justify-self:end!important;border-radius:3px 15px 3px 15px!important;transform:skewX(7deg)}
}
/* Each selector card shows its real boot hierarchy and its own time color/placement. */
.boot-mini{--mini-led:#88cfff;--mini-bg:#28699c9d;--mini-time:#ff9baa;display:grid;gap:6px;min-width:0;width:100%;min-height:102px;margin:5px 0 7px;padding:9px 11px;border:1px solid var(--mini-led);border-radius:14px;background:linear-gradient(143deg,#efffff88,var(--mini-bg) 42%,#071830e4);box-shadow:inset 0 2px #fff8,inset 0 -8px 13px #05162ca5,0 5px 0 color-mix(in srgb,var(--mini-led) 42%,#224360),0 11px 16px #0008}
.boot-mini-title{font-size:.8rem!important;line-height:1.1!important;overflow-wrap:anywhere;color:#fff!important;text-shadow:0 0 8px var(--mini-led)}
.boot-mini-clock{font-size:.58rem;color:var(--mini-time)!important;font-weight:850;text-shadow:0 0 7px var(--mini-time);justify-self:end}
.boot-mini-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.boot-mini-fields i{display:block;min-width:0;padding:3px 5px;border:1px solid #8bcbff;border-radius:6px;background:#27557c9f;color:#fff;font-size:.52rem;font-style:normal;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boot-mini-fields i:nth-child(2){border-color:#c7a9ff}.boot-mini-fields i:nth-child(3){border-color:#64ebcc;grid-column:1/-1}
.boot-mini[data-boot-mini="2"]{--mini-led:#baf4ff;--mini-bg:#4595a998;--mini-time:#ffbc80;border-radius:23px}.boot-mini[data-boot-mini="2"] .boot-mini-clock{justify-self:start}
.boot-mini[data-boot-mini="3"]{--mini-led:#cbb2ff;--mini-bg:#6545a499;--mini-time:#ff96cf;border-radius:8px}.boot-mini[data-boot-mini="3"] .boot-mini-clock{justify-self:center;transform:skewX(-8deg)}
.boot-mini[data-boot-mini="4"]{--mini-led:#d3e7f7;--mini-bg:#7792aa9d;--mini-time:#ff837e;border-radius:4px}.boot-mini[data-boot-mini="4"] .boot-mini-clock{justify-self:end;border:1px double var(--mini-time)}
.boot-mini[data-boot-mini="5"]{--mini-led:#5df2c9;--mini-bg:#228e7b9d;--mini-time:#ffb970;border-radius:23px}.boot-mini[data-boot-mini="5"] .boot-mini-clock{justify-self:start}
.boot-mini[data-boot-mini="6"]{--mini-led:#ffd585;--mini-bg:#365d89a4;--mini-time:#ff8fa8;border-radius:7px 22px 7px 22px}.boot-mini[data-boot-mini="6"] .boot-mini-clock{justify-self:center;transform:skewX(-7deg)}
.boot-mini[data-boot-mini="7"]{--mini-led:#ff91af;--mini-bg:#803c739d;--mini-time:#8ef5f1;border-radius:19px 4px 19px 4px}.boot-mini[data-boot-mini="7"] .boot-mini-clock{justify-self:end}
.boot-mini[data-boot-mini="8"]{--mini-led:#b1bbff;--mini-bg:#384e9da3;--mini-time:#a9ffcb;border-radius:3px;border:double 3px var(--mini-led)}.boot-mini[data-boot-mini="8"] .boot-mini-clock{justify-self:start}
.boot-mini[data-boot-mini="9"]{--mini-led:#68eee8;--mini-bg:#137d858f;--mini-time:#ff9cae;border-radius:25px 25px 6px 6px}.boot-mini[data-boot-mini="9"] .boot-mini-clock{justify-self:center}
.boot-mini[data-boot-mini="10"]{--mini-led:#86d9ff;--mini-bg:#1c628ca5;--mini-time:#ffe19a;border-radius:6px 25px 6px 25px}.boot-mini[data-boot-mini="10"] .boot-mini-clock{justify-self:end;transform:skewX(7deg)}
@media(prefers-reduced-motion:reduce){html[data-boot-layout] body #login-screen :is(input,button){transition:none!important}}