/* FROTA-BOOT-PREMIUM-10-20260926: ten distinct boot layouts on the existing selector. */
@media(max-width:767px){
 html[data-boot-layout] body #login-screen:not([hidden]){isolation:isolate!important;padding-top:calc(4px + env(safe-area-inset-top))!important}
 html[data-boot-layout] body #login-screen .card{position:relative!important;box-shadow:inset 0 2px #ffffffe3,inset 0 -22px 39px #020e20c4,0 14px 0 color-mix(in srgb,var(--boot-led) 36%,#0a294d),0 29px 40px #000c,0 0 44px color-mix(in srgb,var(--boot-led) 68%,transparent)!important}
 html[data-boot-layout] body #login-screen .login-head h1{position:relative!important;box-shadow:inset 0 2px #ffffffe8,inset 0 -17px 31px #061327b0,0 9px 0 color-mix(in srgb,var(--boot-led) 50%,#102c4d),0 24px 28px #000a,0 0 45px color-mix(in srgb,var(--boot-led) 80%,transparent)!important;text-shadow:0 2px 3px #000d,0 0 28px var(--boot-led)!important}
 html[data-boot-layout] body #login-screen .login-head .boot-clock{box-shadow:inset 0 2px #fff,inset 0 -6px 10px #05122599,0 5px 0 color-mix(in srgb,var(--boot-clock) 46%,#12314b),0 13px 19px #000a,0 0 29px var(--boot-clock)!important;text-shadow:0 0 9px var(--boot-clock),0 0 22px var(--boot-clock)!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) input{box-shadow:inset 0 2px #fffffff0,inset 0 -12px 19px #03152ba9,0 6px 0 color-mix(in srgb,var(--field-led) 55%,#122c49),0 15px 20px #0009,0 0 27px color-mix(in srgb,var(--field-led) 76%,transparent)!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) input:focus{box-shadow:inset 0 2px #fffffff5,0 7px 0 color-mix(in srgb,var(--field-led) 62%,#15334b),0 19px 27px #0009,0 0 40px var(--field-led)!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) button[type=submit]{box-shadow:inset 0 2px #fff,inset 0 -17px 25px #071628c2,0 8px 0 color-mix(in srgb,var(--boot-led) 55%,#15394e),0 19px 28px #000b,0 0 34px color-mix(in srgb,var(--boot-led) 79%,transparent)!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) button[type=submit]:active{box-shadow:inset 0 8px 19px #051425,0 1px 0 var(--boot-led),0 0 40px var(--boot-led)!important}
 html[data-boot-layout] body #login-screen .login-head .boot-clock{margin-bottom:5px!important}
 html[data-boot-layout] body #login-screen :is(#admin-login,#driver-login) label{font-size:clamp(.8rem,3vw,.93rem)!important}
 html[data-boot-layout] body #login-screen #driver-code{letter-spacing:.28em!important}
 /* 01 - Safira / vertical light rail and executive right clock. */
 html[data-boot-layout="1"] body #login-screen{--boot-led:#79c8ff;--boot-surface:#245d9ea8;--boot-shadow:#17639e;--boot-clock:#ffa0af;--boot-email:#83d1ff;--boot-password:#c5a3ff;--boot-code:#72f4ce;--boot-radius:17px}
 html[data-boot-layout="1"] body #login-screen .card{border-left:4px solid #a2dfff!important;background:linear-gradient(105deg,#c1edff32,#143758d9 28%,#08182def)!important}
 html[data-boot-layout="1"] body #login-screen .login-head h1{border-radius:9px 24px 9px 24px!important;text-align:left!important}
 html[data-boot-layout="1"] body #login-screen .login-head .boot-clock{justify-self:end!important;border-radius:99px!important}
 html[data-boot-layout="1"] body #login-screen #admin-login{border-left:2px solid #a0daff!important;padding-left:13px!important}
 html[data-boot-layout="1"] body #login-screen #driver-login{border-left:2px solid #6bf4d1!important;padding-left:13px!important}
 /* 02 - Arctic disc / pale cyan layered compartments, left clock. */
 html[data-boot-layout="2"] body #login-screen{--boot-led:#b1f5ff;--boot-surface:#368da7a6;--boot-shadow:#2a8190;--boot-clock:#ffd080;--boot-email:#a4f1ff;--boot-password:#ddd0ff;--boot-code:#83e9db;--boot-radius:33px}
 html[data-boot-layout="2"] body #login-screen .card{border-radius:34px!important;background:radial-gradient(circle at 12% 5%,#e4fbff70,transparent 45%),linear-gradient(159deg,#2d758ca8,#0a273ae8)!important}
 html[data-boot-layout="2"] body #login-screen .login-head h1{border-radius:35px!important;padding-inline:19px!important}
 html[data-boot-layout="2"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:50%!important;width:112px!important;min-height:48px!important;justify-content:center!important}
 html[data-boot-layout="2"] body #login-screen :is(#admin-login,#driver-login){padding:14px!important;border:1px solid #c0f5fbba!important;border-radius:25px!important;background:linear-gradient(142deg,#d2fbff38,#082b43bc)!important}
 /* 03 - Violet prism / faceted, indigo card and centered clock. */
 html[data-boot-layout="3"] body #login-screen{--boot-led:#d0b3ff;--boot-surface:#6550abaf;--boot-shadow:#6045a8;--boot-clock:#ff9fde;--boot-email:#aac5ff;--boot-password:#ffb9ef;--boot-code:#87edee;--boot-radius:7px 25px 7px 25px}
 html[data-boot-layout="3"] body #login-screen .card{border:double 3px #d7c0ff!important;border-radius:7px 31px 7px 31px!important;background:linear-gradient(140deg,#7f66c86b,#161847dc 58%,#0a1633f0)!important}
 html[data-boot-layout="3"] body #login-screen .login-head h1{border:double 3px #e6d5ff!important;border-radius:5px 27px 5px 27px!important}
 html[data-boot-layout="3"] body #login-screen .login-head .boot-clock{justify-self:center!important;transform:none!important;border-radius:5px!important}
 html[data-boot-layout="3"] body #login-screen #admin-login{padding:13px!important;border:1px solid #b99fff!important;border-radius:7px 22px 7px 22px!important;background:#674ba827!important}
 html[data-boot-layout="3"] body #login-screen #driver-login{padding:13px!important;border:1px solid #88ede8!important;border-radius:22px 7px 22px 7px!important;background:#1b799229!important}
 /* 04 - Chrome panel / sharp silver lines and digital red clock. */
 html[data-boot-layout="4"] body #login-screen{--boot-led:#e2f0ff;--boot-surface:#718ea9a8;--boot-shadow:#537797;--boot-clock:#ff8c86;--boot-email:#b7e7ff;--boot-password:#c8c4ff;--boot-code:#8bf1d1;--boot-radius:4px}
 html[data-boot-layout="4"] body #login-screen .card{border-radius:6px!important;border:double 3px #c6deee!important;background:linear-gradient(180deg,#d4e5f245,#354f68a9 15%,#0c2239ef)!important}
 html[data-boot-layout="4"] body #login-screen .login-head h1{border-radius:3px!important;border:2px solid #e5f4ff!important;letter-spacing:.015em!important}
 html[data-boot-layout="4"] body #login-screen .login-head .boot-clock{justify-self:end!important;border:double 3px #ffaaa4!important;border-radius:3px!important}
 html[data-boot-layout="4"] body #login-screen :is(#admin-login,#driver-login) input{border-radius:5px!important}
 /* 05 - Emerald shell / capsule form and left amber clock. */
 html[data-boot-layout="5"] body #login-screen{--boot-led:#5af4c7;--boot-surface:#168c78b5;--boot-shadow:#147967;--boot-clock:#ffd28c;--boot-email:#87e8ee;--boot-password:#c3aaff;--boot-code:#8bffc8;--boot-radius:99px}
 html[data-boot-layout="5"] body #login-screen .card{border-radius:37px!important;background:radial-gradient(circle at 87% 0,#80f7d169,transparent 42%),linear-gradient(163deg,#1b796bba,#071f2beb)!important}
 html[data-boot-layout="5"] body #login-screen .login-head h1{border-radius:33px 33px 12px 12px!important}
 html[data-boot-layout="5"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:99px!important}
 html[data-boot-layout="5"] body #login-screen :is(#admin-login,#driver-login) input{border-radius:99px!important}
 html[data-boot-layout="5"] body #login-screen #driver-login{padding:13px!important;background:#3edaa21e!important;border-radius:23px!important}
 /* 06 - Golden circuit / navy panel with amber rails, centered clock. */
 html[data-boot-layout="6"] body #login-screen{--boot-led:#ffcf78;--boot-surface:#385c89af;--boot-shadow:#345781;--boot-clock:#ff9aa8;--boot-email:#95d5ff;--boot-password:#d5b5ff;--boot-code:#79efc6;--boot-radius:8px 27px 8px 27px}
 html[data-boot-layout="6"] body #login-screen .card{border-left:3px solid #ffe4a3!important;border-right:3px solid #ffd388!important;background:linear-gradient(155deg,#395f85d1,#0b2038ee 50%,#09172cee)!important}
 html[data-boot-layout="6"] body #login-screen .login-head h1{border-radius:8px 27px 8px 27px!important;border-top:3px solid #ffe4b0!important}
 html[data-boot-layout="6"] body #login-screen .login-head .boot-clock{justify-self:center!important;transform:none!important;border-radius:5px 14px 5px 14px!important}
 html[data-boot-layout="6"] body #login-screen :is(#admin-login,#driver-login) button[type=submit]{border-radius:7px 22px 7px 22px!important}
 /* 07 - Ruby edge / rose accent and inset right clock. */
 html[data-boot-layout="7"] body #login-screen{--boot-led:#ff92ba;--boot-surface:#874272ad;--boot-shadow:#7b3769;--boot-clock:#92f9f0;--boot-email:#9cd7ff;--boot-password:#ffbedc;--boot-code:#8cedd9;--boot-radius:25px 6px 25px 6px}
 html[data-boot-layout="7"] body #login-screen .card{border-radius:27px 7px 27px 7px!important;background:radial-gradient(circle at 8% 5%,#ed8bb366,transparent 40%),linear-gradient(145deg,#672e64b7,#101b39ec)!important}
 html[data-boot-layout="7"] body #login-screen .login-head h1{border-radius:23px 5px 23px 5px!important;border-right:4px solid #ffaad4!important}
 html[data-boot-layout="7"] body #login-screen .login-head .boot-clock{justify-self:end!important;border-radius:13px 3px 13px 3px!important}
 html[data-boot-layout="7"] body #login-screen #admin-login{border-top:2px solid #ff9fc5!important;padding-top:13px!important}
 /* 08 - Frost frame / pale indigo double frame, left green clock. */
 html[data-boot-layout="8"] body #login-screen{--boot-led:#bdc9ff;--boot-surface:#4555a5a8;--boot-shadow:#3e539f;--boot-clock:#adffcf;--boot-email:#c0e2ff;--boot-password:#c9b9ff;--boot-code:#9df5d6;--boot-radius:4px}
 html[data-boot-layout="8"] body #login-screen .card{border:double 4px #d6e5ff!important;border-radius:5px!important;background:linear-gradient(132deg,#b2c6ff52,#27376fc9 39%,#10183dee)!important}
 html[data-boot-layout="8"] body #login-screen .login-head h1{border:double 3px #edf1ff!important;border-radius:4px!important}
 html[data-boot-layout="8"] body #login-screen .login-head .boot-clock{justify-self:start!important;border-radius:3px!important;border:double 3px #bcffd7!important}
 html[data-boot-layout="8"] body #login-screen :is(#admin-login,#driver-login) input{border-radius:5px!important}
 /* 09 - Teal orbit / domed title, center rose clock. */
 html[data-boot-layout="9"] body #login-screen{--boot-led:#63f4ed;--boot-surface:#147b85a5;--boot-shadow:#0f6974;--boot-clock:#ff9eb2;--boot-email:#92e8ff;--boot-password:#d2b3ff;--boot-code:#8bffc3;--boot-radius:34px 34px 8px 8px}
 html[data-boot-layout="9"] body #login-screen .card{border-radius:39px 39px 12px 12px!important;background:radial-gradient(ellipse at 50% 0,#87f7ef68,transparent 48%),linear-gradient(166deg,#115b70b7,#062537e8)!important}
 html[data-boot-layout="9"] body #login-screen .login-head h1{border-radius:99px 99px 12px 12px!important;text-align:center!important}
 html[data-boot-layout="9"] body #login-screen .login-head .boot-clock{justify-self:center!important;border-radius:99px 99px 5px 5px!important;transform:none!important}
 html[data-boot-layout="9"] body #login-screen #driver-login{border:1px solid #87efeab6!important;padding:14px!important;border-radius:25px!important}
 /* 10 - Cobalt ribbon / asymmetric sky blue glass and gold clock. */
 html[data-boot-layout="10"] body #login-screen{--boot-led:#89d4ff;--boot-surface:#216d9fb8;--boot-shadow:#1a6c9b;--boot-clock:#ffe0a0;--boot-email:#9be4ff;--boot-password:#ceb3ff;--boot-code:#80f2d1;--boot-radius:8px 29px 8px 29px}
 html[data-boot-layout="10"] body #login-screen .card{border-radius:8px 35px 8px 35px!important;background:linear-gradient(115deg,#59b8ef65,#19598bc3 33%,#081b37ec)!important}
 html[data-boot-layout="10"] body #login-screen .login-head h1{border-radius:8px 29px 8px 29px!important;border-bottom:3px solid #c4ebff!important}
 html[data-boot-layout="10"] body #login-screen .login-head .boot-clock{justify-self:end!important;transform:none!important;border-radius:3px 18px 3px 18px!important}
 html[data-boot-layout="10"] body #login-screen #admin-login{padding:12px!important;border:1px solid #b3e3ffb9!important;border-radius:7px 23px 7px 23px!important;background:#4a9ac428!important}
}
/* Selector previews represent each boot LED/clock treatment. */
.boot-mini{box-shadow:inset 0 2px #fff,inset 0 -12px 18px #051329b0,0 7px 0 color-mix(in srgb,var(--mini-led) 50%,#173650),0 16px 22px #0009,0 0 27px color-mix(in srgb,var(--mini-led) 72%,transparent)!important}
.boot-mini-title{text-shadow:0 0 12px var(--mini-led)!important}
.boot-mini-clock{text-shadow:0 0 11px var(--mini-time),0 0 17px var(--mini-time)!important}
.boot-mini[data-boot-mini="1"]{--mini-led:#79c8ff;--mini-bg:#245d9ea8;--mini-time:#ffa0af;border-radius:9px 24px 9px 24px;border-left:4px solid #a2dfff}.boot-mini[data-boot-mini="1"] .boot-mini-clock{justify-self:end}
.boot-mini[data-boot-mini="2"]{--mini-led:#b1f5ff;--mini-bg:#368da7a6;--mini-time:#ffd080;border-radius:30px}.boot-mini[data-boot-mini="2"] .boot-mini-clock{justify-self:start;border-radius:50%;padding:4px;background:#5797ad73}
.boot-mini[data-boot-mini="3"]{--mini-led:#d0b3ff;--mini-bg:#6550abaf;--mini-time:#ff9fde;border:double 3px #d7c0ff;border-radius:7px 26px 7px 26px}.boot-mini[data-boot-mini="3"] .boot-mini-clock{justify-self:center;transform:none}
.boot-mini[data-boot-mini="4"]{--mini-led:#e2f0ff;--mini-bg:#718ea9a8;--mini-time:#ff8c86;border:double 3px #c6deee;border-radius:5px}.boot-mini[data-boot-mini="4"] .boot-mini-clock{justify-self:end}
.boot-mini[data-boot-mini="5"]{--mini-led:#5af4c7;--mini-bg:#168c78b5;--mini-time:#ffd28c;border-radius:26px}.boot-mini[data-boot-mini="5"] .boot-mini-clock{justify-self:start}
.boot-mini[data-boot-mini="6"]{--mini-led:#ffcf78;--mini-bg:#385c89af;--mini-time:#ff9aa8;border-radius:7px 22px 7px 22px}.boot-mini[data-boot-mini="6"] .boot-mini-clock{justify-self:center;transform:none}
.boot-mini[data-boot-mini="7"]{--mini-led:#ff92ba;--mini-bg:#874272ad;--mini-time:#92f9f0;border-radius:21px 6px 21px 6px}.boot-mini[data-boot-mini="7"] .boot-mini-clock{justify-self:end}
.boot-mini[data-boot-mini="8"]{--mini-led:#bdc9ff;--mini-bg:#4555a5a8;--mini-time:#adffcf;border:double 3px #d6e5ff;border-radius:4px}.boot-mini[data-boot-mini="8"] .boot-mini-clock{justify-self:start}
.boot-mini[data-boot-mini="9"]{--mini-led:#63f4ed;--mini-bg:#147b85a5;--mini-time:#ff9eb2;border-radius:30px 30px 7px 7px}.boot-mini[data-boot-mini="9"] .boot-mini-clock{justify-self:center}
.boot-mini[data-boot-mini="10"]{--mini-led:#89d4ff;--mini-bg:#216d9fb8;--mini-time:#ffe0a0;border-radius:7px 26px 7px 26px}.boot-mini[data-boot-mini="10"] .boot-mini-clock{justify-self:end;transform:none}