/* GPS-Windland visual layer. Traccar 6.15.3. */
html, body { height:100%; }
body { margin:0; padding:0; background:#fafaf9; }
.root { display:flex; flex-direction:column; height:100%; }
:root { --wl-orange:#c2410c; --wl-soft:#fff7ed; --wl-border:#eadfd7; --wl-ink:#292524; }
.loader { border-right-color:var(--wl-orange) !important; }
/* Application controls: preserve layout, map canvas and native functionality. */
.MuiButton-root { border-radius:10px !important; text-transform:none !important; font-weight:650 !important; letter-spacing:.01em !important; }
.MuiButton-containedPrimary:not(.Mui-disabled) { background-color:var(--wl-orange) !important; color:white !important; box-shadow:0 4px 12px #c2410c26 !important; }
.MuiButton-containedPrimary:not(.Mui-disabled):hover { background-color:#9a3412 !important; }
.MuiOutlinedInput-root { border-radius:10px !important; }
.MuiOutlinedInput-root:not(.Mui-focused):not(.Mui-error) .MuiOutlinedInput-notchedOutline { border-color:#d6d3d1; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color:var(--wl-orange); }
.MuiDialog-paper { border-radius:20px !important; box-shadow:0 24px 80px #29252426 !important; }
.MuiDrawer-paper { border-color:var(--wl-border) !important; }
.MuiDrawer-paper .MuiListItemButton-root { border-radius:10px; margin:3px 8px; }
.MuiListItemButton-root.Mui-selected { background:#ffedd5 !important; color:#9a3412 !important; }
.MuiListItemButton-root.Mui-selected .MuiListItemIcon-root { color:#c2410c !important; }
.MuiTableHead-root .MuiTableCell-root { background:#fff7ed; color:#78350f; font-weight:700; border-bottom-color:#fed7aa; }
.MuiTableRow-root.MuiTableRow-hover:hover { background-color:#fffaf5; }
.MuiTableCell-root { border-bottom-color:#eee8e3; }
.MuiAppBar-root { box-shadow:0 1px 8px #2925240d !important; }
.MuiBottomNavigation-root { border-top:1px solid var(--wl-border); }
.MuiBottomNavigationAction-root.Mui-selected { color:var(--wl-orange); }
.MuiTooltip-tooltip { border-radius:8px !important; }
.maplibregl-ctrl-group { border-radius:10px !important; box-shadow:0 3px 16px #29252424 !important; overflow:hidden; }
/* Login only: scoped to the native direct-child form layout. */
main:has(> .MuiPaper-root > form input[type="password"]) { position:relative; isolation:isolate; background:#fffdfb; min-height:100%; }
main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] {
 position:relative; isolation:isolate; flex:0 0 48%; width:48%; box-sizing:border-box; margin:24px 0 24px 24px; padding:0; overflow:hidden;
 border:1px solid #fed7aa; border-radius:28px; background:linear-gradient(145deg,#fff7ed 0%,#ffedd5 100%); align-items:flex-start; justify-content:flex-start;
}
main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] > img { content:url('/logo.svg?v=layout2'); position:absolute; left:40px; top:34px; margin:0; width:260px; max-width:70%; max-height:none; }
main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"]::before {
 content:""; position:absolute; inset:34% -8% 0; z-index:-1; background:url('/windland-vehicles.png') center bottom / contain no-repeat; opacity:.30; mix-blend-mode:multiply; pointer-events:none;
}
main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"]::after {
 content:"Sempre perto.\A Mesmo à distância."; white-space:pre-line; position:absolute; left:42px; right:30px; top:23%; color:#7c2d12;
 font-family:Arial,sans-serif; font-size:clamp(28px,3.15vw,52px); font-weight:750; letter-spacing:-1.5px; line-height:1.12;
}
main:has(> .MuiPaper-root > form input[type="password"]) > .MuiPaper-root { position:relative; background:transparent; box-shadow:none; padding:60px 24px 36px; box-sizing:border-box; min-width:0; }
main:has(> .MuiPaper-root > form input[type="password"]) form { position:relative; box-sizing:border-box; width:100%; max-width:440px; padding:38px; background:#ffffffed; border:1px solid #f0e6df; border-radius:24px; box-shadow:0 16px 60px #78350f0b; }
main:has(> .MuiPaper-root > form input[type="password"]) form::before { content:"Bem-vindo à GPS-Windland"; display:block; margin:0 0 28px; font-family:Arial,sans-serif; font-size:25px; font-weight:700; line-height:1.3; letter-spacing:-.6px; color:#292524; }
main:has(> .MuiPaper-root > form input[type="password"]) form::after { content:"Motas, carros e camiões. Sempre consigo."; display:block; margin-top:26px; text-align:center; font-family:Arial,sans-serif; font-size:12px; line-height:1.6; color:#78716c; }
main:has(> .MuiPaper-root > form input[type="password"]) form .MuiButton-root { min-height:46px; }
main:has(> .MuiPaper-root > form input[type="password"]) form .MuiOutlinedInput-root { background:#fff; }
@media (max-width:1199px) {
 main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] { flex-basis:42%; width:42%; }
 main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] > img { display:block; }
 main:has(> .MuiPaper-root > form input[type="password"]) form > img { max-width:230px; }
}
@media (max-width:899px) {
 main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] { display:none; }
 main:has(> .MuiPaper-root > form input[type="password"])::before { content:""; position:absolute; inset:0; z-index:-1; background:url('/windland-vehicles.png') center bottom / 640px auto no-repeat; opacity:.30; pointer-events:none; }
 main:has(> .MuiPaper-root > form input[type="password"]) > .MuiPaper-root { padding:90px 20px 110px; }
 main:has(> .MuiPaper-root > form input[type="password"]) form { max-width:420px; padding:26px; }
 main:has(> .MuiPaper-root > form input[type="password"]) form::before { font-size:22px; margin-bottom:12px; text-align:center; }
}
@media (max-width:420px) {
 main:has(> .MuiPaper-root > form input[type="password"]) > .MuiPaper-root { padding:80px 14px 110px; }
 main:has(> .MuiPaper-root > form input[type="password"]) form { padding:22px; }
}
@media (prefers-reduced-motion:reduce) { .MuiButton-root,.MuiListItemButton-root { transition:none !important; } }
@media print { * { height:auto !important; overflow:visible !important; } }
/* Branded map navigation, without adding overlays to the geographic canvas. */
[class$="-sidebar"] > .MuiPaper-root[class$="-header"] { border-bottom:1px solid #f0e6df; box-shadow:none !important; background:#fff; }
[class$="-sidebar"] > .MuiPaper-root[class$="-header"]::before { content:""; display:block; height:48px; margin:12px 20px 0; background:url('/logo.svg?v=layout2') left center / 200px 50px no-repeat; }
[class$="-sidebar"] > [class$="-footer"] .MuiBottomNavigation-root { background:#fffcf8; min-height:62px; }
.MuiAccordion-root { border:1px solid #eee5de; box-shadow:0 3px 14px #78350f06 !important; }
.MuiAccordion-root::before { display:none; }
.MuiAccordion-root:first-of-type { border-top-left-radius:14px !important; border-top-right-radius:14px !important; }
.MuiAccordion-root:last-of-type { border-bottom-left-radius:14px !important; border-bottom-right-radius:14px !important; }
.MuiAccordionSummary-root { min-height:56px !important; }
.MuiAccordionSummary-root.Mui-expanded { background:#fffaf5; }
.MuiAccordionDetails-root { padding:16px 20px 22px !important; }
@media (min-width:900px) {
 [class$="-sidebar"]:has(> .MuiPaper-root[class$="-header"]) { border-radius:20px; overflow:hidden; box-shadow:0 8px 28px #29252426; }
}
@media (max-width:899px) {
 [class$="-sidebar"] > .MuiPaper-root[class$="-header"]::before { height:36px; margin:8px 16px 0; background-size:172px 43px; }
}
/* Login v3: one full-page illustration behind a centered sign-in card. */
main:has(> .MuiPaper-root > form input[type="password"]) {
 background:#fffaf5;
}
main:has(> .MuiPaper-root > form input[type="password"]) > [class$="-sidebar"] {
 display:none;
}
main:has(> .MuiPaper-root > form input[type="password"])::before {
 content:""; position:absolute; inset:0; z-index:-1;
 background:url('/windland-vehicles.png') center center / cover no-repeat;
 opacity:.30; pointer-events:none; mix-blend-mode:multiply;
}
main:has(> .MuiPaper-root > form input[type="password"]) > .MuiPaper-root {
 flex:1; width:100%; padding:84px 24px 48px; justify-content:center; align-items:center;
}
main:has(> .MuiPaper-root > form input[type="password"]) form {
 background:rgba(255,255,255,.94); backdrop-filter:none;
 border:1px solid rgba(234,223,215,.9); box-shadow:0 18px 70px #78350f18;
}
@media (min-width:1200px) {
 main:has(> .MuiPaper-root > form input[type="password"]) form::before {
 padding-top:76px; background:url('/logo.svg?v=layout3') center top / 256px 64px no-repeat;
 text-align:center; font-size:24px;
 }
}
@media (max-width:899px) {
 main:has(> .MuiPaper-root > form input[type="password"])::before {
 background-size:auto 100%; background-position:center;
 }
 main:has(> .MuiPaper-root > form input[type="password"]) > .MuiPaper-root {
 padding:84px 16px 40px;
 }
}
.windland-register-link { margin-top:24px; text-align:center; color:#57534e; font:14px/1.6 Arial,sans-serif; }
.windland-register-link a { color:#9a3412; font-weight:700; text-underline-offset:3px; }
.windland-register-link a:hover { color:#c2410c; }
.windland-register-link a:focus-visible { outline:2px solid #1d4ed8; outline-offset:4px; border-radius:3px; }