:root{--navy:#193050;--deep:#0D1726;--black:#101820;--panel:#152334;--panel2:#1b2c40;--line:#304156;--steel:#9CAEBB;--muted:#8395a5;--text:#F3F6F8;--lime:#DDFF75;--red:#ff807f;--green:#8dd8b4;--shadow:0 14px 38px #0b101b38;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--deep)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.hidden{display:none!important}.eyebrow{color:var(--steel);font-size:10px;font-weight:750;letter-spacing:.16em}.wordmark,.brand-lockup{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:850;letter-spacing:-.075em}.lmt-symbol{font-weight:900;font-size:33px;letter-spacing:-.09em;color:var(--text)}.wordmark-slash{color:var(--lime);font-weight:300;font-size:38px;margin:0 2px}.brand-small{letter-spacing:.08em;font-size:16px;font-weight:700}.btn{border:0;border-radius:9px;padding:15px 20px;font-weight:750;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.btn-accent{color:var(--deep);background:var(--lime)}.btn-accent:hover{filter:brightness(.94)}
.login-screen{display:grid;grid-template-columns:43% 57%;min-height:100vh}.login-brand{background:linear-gradient(155deg,#193050ed,#0d1726f5),repeating-linear-gradient(30deg,transparent 0px,transparent 68px,#92a9b911 69px,#92a9b911 70px);padding:48px clamp(24px,4vw,80px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.login-brand:before,.login-brand:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #9caebb29;border-radius:50%;left:-290px;top:20%;pointer-events:none}.login-brand:after{width:440px;height:440px;left:-180px;top:31%;border-color:#9caebb1e}.login-brand-copy{position:relative;z-index:1;max-width:540px}.login-brand-copy h1{font-size:clamp(49px,5.7vw,95px);line-height:1.01;letter-spacing:-.075em;margin:18px 0 24px;font-weight:770}.login-brand-copy h1 span{color:var(--lime)}.login-brand-copy p:last-child{color:#c0cfda;font-size:17px;line-height:1.7;max-width:410px}.login-brand-bottom{display:flex;justify-content:space-between;gap:8px;color:var(--steel);font:11px ui-monospace,monospace;letter-spacing:.07em}.login-form-area{background:radial-gradient(ellipse at right top,#1d2c3c,#10151e 50%,#0e131b);display:grid;place-items:center;padding:32px}.login-box{max-width:420px;width:100%}.login-box h2{font-size:38px;letter-spacing:-.04em;margin:12px 0}.subtle{color:var(--steel);font-size:14px;line-height:1.6;margin:0 0 38px}.login-box form{display:flex;flex-direction:column;gap:11px}.login-box label{font-size:12px;color:#d0dbe5;font-weight:650;margin-top:10px}.login-box input{padding:15px 16px;background:#1b2431;border:1px solid #3d4b5c;color:white;border-radius:8px;outline:none}.login-box input:focus{border-color:var(--lime)}.login-box button{margin-top:14px}.form-error{color:var(--red);font-size:13px;min-height:1em;margin:2px 0}.login-support{margin-top:38px;font:10px ui-monospace,monospace;letter-spacing:.14em;color:#7e94a6}
.dashboard{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--deep)}.topbar{height:72px;min-height:72px;background:#101c2a;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 26px;z-index:400}.topbar .lmt-symbol{font-size:27px}.topbar .wordmark-slash{font-size:29px}.topbar .brand-small{font-size:13px}.topbar-divider{height:24px;width:1px;background:var(--line);margin-left:16px}.topbar-section{font:10px ui-monospace,monospace;letter-spacing:.12em;color:var(--steel)}.topbar-right{display:flex;align-items:center;gap:22px}.live-pill{display:flex;align-items:center;gap:8px;color:#d4e4e9;font:11px ui-monospace,monospace;letter-spacing:.06em}.live-dot{width:8px;height:8px;border-radius:50%;background:#deab75;box-shadow:0 0 0 4px #deab751a}.live-dot.online{background:var(--lime);box-shadow:0 0 0 4px #ddff7520}.live-dot.error{background:var(--red);box-shadow:0 0 0 4px #ff807f1a}.user-name{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--steel)}.btn-icon{background:transparent;color:var(--text);border:1px solid #455264;border-radius:8px;width:38px;height:36px;font-size:22px}.btn-icon:hover{background:var(--panel2)}
.workarea{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr)}.sidebar{background:var(--deep);border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;overflow:hidden;z-index:300}.sidebar-title{padding:25px 24px 15px;display:flex;align-items:flex-end;justify-content:space-between}.sidebar-title h2{margin:7px 0 0;font-size:27px;letter-spacing:-.045em}.count-main{font:25px ui-monospace,monospace;color:var(--lime)}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 24px 22px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.summary-stats>div{padding:13px 8px 12px;text-align:center;display:flex;flex-direction:column;gap:6px}.summary-stats>div+div{border-left:1px solid var(--line)}.stat-label{color:var(--steel);font:9px ui-monospace,monospace;letter-spacing:.03em}.summary-stats strong{font-size:23px;letter-spacing:-.04em}.category-strip{padding:0 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-btn{background:#152333;border:1px solid #2e4258;border-radius:9px;text-align:left;color:var(--text);padding:12px;display:flex;align-items:center;gap:9px;min-height:50px}.category-btn:hover{background:#20344b}.category-btn.active{background:#1d3444;border-color:var(--lime)}.category-icon{display:grid;place-items:center;width:26px;height:26px;color:var(--lime);font-size:16px}.category-title{font-size:12px;font-weight:650;flex:1;white-space:nowrap}.category-count{font:12px ui-monospace,monospace;color:var(--steel)}.search-wrap{margin:0 16px 10px;border:1px solid var(--line);border-radius:9px;background:#1c2939;display:flex;align-items:center;padding:0 10px;gap:8px}.search-wrap span{font-size:25px;color:var(--steel)}.search-wrap input{height:42px;background:transparent;color:var(--text);min-width:0;width:100%;border:0;outline:0;font-size:13px}.search-wrap input::placeholder{color:#8499a8}.device-list{overflow-y:auto;flex:1;min-height:70px}.device-row{border:0;border-left:3px solid transparent;border-bottom:1px solid #253346;background:transparent;color:var(--text);width:100%;padding:16px 16px;display:flex;align-items:center;gap:12px;text-align:left}.device-row:hover{background:#1b2b3c}.device-row.selected{border-left-color:var(--lime);background:#21354b}.device-glyph{border:1px solid #3f5469;border-radius:10px;background:#24364b;color:var(--lime);display:grid;place-items:center;font-size:18px;min-width:42px;height:42px}.device-name{font-size:13px;font-weight:650;line-height:1.45}.device-sub{font-size:11px;color:var(--steel);margin-top:4px}.device-info{min-width:0;flex:1}.status-chip{font:9px ui-monospace,monospace;color:var(--green);letter-spacing:.05em}.status-chip.offline{color:var(--muted)}.device-empty{text-align:center;color:var(--steel);padding:28px 18px;font-size:13px;line-height:1.6}.sidebar-footer{display:flex;justify-content:space-between;gap:4px;border-top:1px solid var(--line);padding:12px 16px;color:#879baa;font:9px ui-monospace,monospace;letter-spacing:.025em}
.map-panel{position:relative;min-width:0;min-height:0;background:#e4e9e7}.map{position:absolute;inset:0;z-index:1}.map-top-info{position:absolute;top:22px;left:22px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:200}.map-heading{background:#0d1726e8;border:1px solid #5164786c;box-shadow:var(--shadow);padding:14px 18px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.map-heading strong{font-size:16px;letter-spacing:-.03em}.map-control{pointer-events:auto;color:var(--deep);background:var(--text);border:1px solid #d9e2eb;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:650;box-shadow:var(--shadow)}.map-control:hover{background:var(--lime)}.map-bottom-info{position:absolute;bottom:15px;right:20px;left:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:150;color:#394c5b;font:10px ui-monospace,monospace;text-shadow:0 1px 0 white}.map-fallback{position:absolute;inset:0;z-index:20;display:grid;place-items:center;text-align:center;padding:24px;color:#273e50;background:#eef3f4}.leaflet-control-zoom{margin-top:95px!important}.fleet-marker{width:35px;height:35px;border:3px solid white;border-radius:12px;display:grid;place-items:center;background:var(--navy);box-shadow:0 2px 13px #0005;color:var(--lime);font:bold 14px ui-monospace,monospace}.fleet-marker.offline{background:#667685;color:white;opacity:.8}.fleet-marker.drones{background:#476b36}.fleet-marker.phones{background:#245e77}.fleet-marker.tablets{background:#514d83}.fleet-marker.other{background:#5a6470}.detail-card{position:absolute;bottom:45px;left:22px;z-index:210;max-width:min(400px,calc(100% - 44px));min-width:310px;background:#101d2bf4;color:var(--text);box-shadow:var(--shadow);border:1px solid #344c64;border-radius:13px;padding:19px}.detail-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.detail-header h3{font-size:19px;line-height:1.2;letter-spacing:-.04em;margin:8px 0 4px}.detail-close{border:0;background:#2b3b4f;color:white;border-radius:7px;width:30px;height:30px;font-size:19px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.detail-value{font:18px ui-monospace,monospace;letter-spacing:-.05em}.detail-label{font:10px ui-monospace,monospace;color:var(--steel);margin-bottom:5px}.detail-select{margin-top:8px;border-top:1px solid #35495a;padding-top:15px;display:flex;gap:8px;align-items:center;justify-content:space-between}.detail-select label{color:var(--steel);font-size:11px}.detail-select select{background:#223850;border:1px solid #547086;border-radius:8px;color:var(--text);padding:8px;font-size:12px}.global-message{position:absolute;z-index:600;top:80px;right:20px;background:#512d32;border:1px solid #ba6565;border-radius:9px;padding:12px 18px;font-size:12px;color:white;max-width:350px}
@media(max-width:980px){.workarea{grid-template-columns:320px minmax(0,1fr)}.topbar-section{display:none}.topbar-divider{display:none}.sidebar-title{padding:20px 17px 12px}.summary-stats{margin:0 16px 14px}.category-strip{padding:0 12px 12px}.category-btn{padding:9px;gap:5px}.detail-card{bottom:50px}}
@media(max-width:680px){.login-screen{grid-template-columns:1fr}.login-brand{min-height:225px;padding:24px 22px}.login-brand-copy h1{font-size:43px;margin:8px 0 7px}.login-brand-copy p:last-child{display:none}.login-brand-bottom{display:none}.login-form-area{padding:30px 22px;place-items:start center}.login-box h2{font-size:30px}.subtle{margin-bottom:16px}.topbar{min-height:58px;height:58px;padding:0 12px}.topbar-right{gap:10px}.topbar .lmt-symbol{font-size:24px}.topbar .wordmark-slash{font-size:25px}.topbar .brand-small{font-size:12px}.user-name{display:none}.workarea{display:flex;flex-direction:column-reverse}.map-panel{flex:1;min-height:0}.sidebar{flex:0 0 42vh;max-height:45vh;box-shadow:0 -8px 30px #12192730;border-top:1px solid var(--line);border-right:none}.sidebar-title{display:none}.summary-stats{display:none}.category-strip{display:flex;overflow-x:auto;gap:8px;padding:10px 12px 8px;flex-shrink:0}.category-btn{min-width:105px;min-height:42px}.category-title{font-size:11px}.category-count{font-size:11px}.category-icon{width:17px;height:18px;font-size:14px}.search-wrap{margin:0 12px 5px;flex-shrink:0}.search-wrap input{height:34px}.device-row{padding:10px 14px}.device-glyph{width:34px;height:34px;min-width:34px}.sidebar-footer{display:none}.map-heading{padding:8px 12px}.map-heading strong{font-size:13px}.map-top-info{top:10px;left:10px;right:10px}.map-control{padding:8px 10px}.map-bottom-info{bottom:9px;font-size:8px}.map-bottom-info span:last-child{display:none}.detail-card{left:10px;right:10px;max-width:none;min-width:0;bottom:14px;padding:13px}.detail-grid{margin:10px 0}.detail-header h3{font-size:16px}.leaflet-control-zoom{margin-top:70px!important}}
/* LMT Fleet v0.2.1: map style picker, responsive drawer, richer device telemetry */
.map-actions{display:flex;gap:8px;align-items:flex-start;pointer-events:auto}
.style-switcher{position:relative;pointer-events:auto}
.map-style-menu{position:absolute;right:0;top:calc(100% + 8px);width:278px;max-height:min(450px,65vh);overflow-y:auto;background:#0d1726f7;color:var(--text);box-shadow:0 14px 32px #0007;border:1px solid #40536b;border-radius:11px;padding:8px;z-index:500}
.style-item{display:flex;align-items:center;gap:11px;width:100%;border:1px solid transparent;background:transparent;text-align:left;color:var(--text);border-radius:8px;padding:9px 7px;min-height:57px}
.style-item:hover:not(:disabled){background:#23374b}
.style-item.active{border-color:#ddff7580;background:#25394b}
.style-item:disabled{opacity:.46;cursor:not-allowed}
.style-preview{display:grid;place-items:center;border:1px solid #8193a7;border-radius:8px;background:#cfdcd5;color:#17283f;width:40px;min-width:40px;height:38px;font-size:20px}
.preview-soft{background:#e4e4e4;color:#777}.preview-night{background:#122238;color:#ddff75}.preview-streets{background:#e3e1cd}.preview-topo{background:#8ea37b}.preview-satellite{background:#4b6c56;color:white}
.style-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.style-copy strong{font-size:13px}.style-copy small{font-size:10px;line-height:1.4;color:var(--steel)}.style-check{font-weight:750;color:var(--lime);min-width:16px;text-align:center}
.styles-note{font-size:11px;line-height:1.5;color:#9caebb;margin:8px 8px 4px}
.tile-soft .leaflet-tile{filter:grayscale(.85) brightness(1.12) contrast(.9)}
.tile-night .leaflet-tile{filter:invert(.96) hue-rotate(180deg) brightness(.85) contrast(1.07) saturate(.75)}
/* Restrict tile filters to raster tiles only. Device markers remain their original colors. */
.workarea.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workarea.sidebar-collapsed .sidebar{visibility:hidden;border:0;overflow:hidden}
.detail-card{max-height:min(70vh,650px);overflow-y:auto;scrollbar-color:#425b73 transparent}
.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.detail-value{font-size:clamp(12px,1vw,17px);word-break:break-word;line-height:1.35}
.detail-label{font-size:9px;letter-spacing:.055em}
.detail-coords{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #35495a;padding:12px 0 3px;font:11px ui-monospace,monospace;color:#cedbe4;flex-wrap:wrap}
.detail-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mini-btn{background:#243a4f;color:#f3f6f8;border:1px solid #4b6479;border-radius:7px;padding:8px 11px;font-size:11px;text-decoration:none;font-weight:650;cursor:pointer}
.mini-btn:hover{background:#36536c;color:var(--lime)}
.detail-no-position{font-size:12px;color:var(--steel);line-height:1.5}
.fleet-marker.is-selected{border-color:var(--lime);box-shadow:0 0 0 4px #ddff7560,0 4px 20px #091521bb}
@media(max-width:980px){.map-actions{gap:6px}.map-top-info{left:12px;right:12px}.map-control{padding:9px 10px}.map-heading{padding:10px}}
@media(max-width:680px){
 .map-top-info{gap:5px;align-items:flex-start}
 .map-heading{display:none}
 .map-actions{width:100%;justify-content:space-between;gap:5px}
 .map-control{font-size:11px;padding:8px 9px}
 .map-style-menu{width:min(290px,calc(100vw - 20px))}
 .workarea.sidebar-collapsed{display:flex;flex-direction:column-reverse}
 .workarea.sidebar-collapsed .sidebar{display:none}
 .workarea.sidebar-collapsed .map-panel{flex:1}
 .detail-card{bottom:44px;max-height:min(54vh,440px);max-width:calc(100% - 20px);padding:12px}
 .detail-grid{gap:9px}
 .detail-value{font-size:12px}
 .detail-coords{font-size:10px}
 .leaflet-control-zoom{margin-top:0!important;margin-bottom:56px!important}
}
@media(max-width:385px){.map-control span{display:none}}

/* LMT Fleet 0.2.2 — read-only historical route and replay panel. */
.history-panel{position:absolute;right:20px;top:90px;bottom:45px;width:min(386px,calc(100% - 40px));overflow-y:auto;z-index:240;background:#101d2bf7;color:var(--text);border:1px solid #456078;border-radius:14px;padding:18px;box-shadow:0 16px 36px #08101d90;scrollbar-color:#50697a transparent}
.history-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.history-head h3{margin:7px 0 14px;font-size:19px;letter-spacing:-.04em}
.history-form{display:flex;flex-direction:column;gap:12px}.history-form label{font-size:11px;color:var(--steel);display:flex;flex-direction:column;gap:6px}.history-form select,.history-form input{width:100%;min-width:0;padding:10px;background:#213449;border:1px solid #527085;color:var(--text);border-radius:8px;color-scheme:dark;font-size:12px}
.history-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.history-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.history-presets button{background:#20354a;border:1px solid #405a71;border-radius:7px;padding:8px 4px;color:var(--text);font-size:10px}.history-presets button:hover,.history-presets button.active{border-color:var(--lime);color:var(--lime)}
.history-form .btn{padding:11px 13px;font-size:12px}.history-status{font-size:12px;color:var(--steel);line-height:1.5;margin:12px 0}
.history-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.history-metrics>div{border:1px solid #40556b;background:#192b3b;border-radius:9px;padding:11px}.history-metrics small{display:block;font:9px ui-monospace,monospace;color:var(--steel);margin-bottom:6px}.history-metrics strong{font:19px ui-monospace,monospace;color:var(--lime)}
.history-replay{border-top:1px solid #3d5368;margin-top:16px;padding-top:14px}.history-replay-head{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:var(--steel);gap:8px}.history-replay input[type=range]{display:block;width:100%;accent-color:var(--lime);margin:16px 0}.history-replay-controls{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}.history-replay-controls label{font-size:11px;color:var(--steel)}.history-replay-controls select{background:#243a4f;color:var(--text);border:1px solid #4b6479;border-radius:6px;padding:6px}.history-replay-controls>span{font:11px ui-monospace,monospace;color:var(--text)}.history-replay-meta{font-size:11px;color:var(--steel);margin-top:11px}.history-panel #history-clear{margin-top:12px}.history-point-icon{width:16px;height:16px;border-radius:50%;border:3px solid white;background:#ddff75;box-shadow:0 2px 8px #08162488}
@media(max-width:950px){.map-top-info{right:12px}.map-actions{gap:5px}.map-control{padding:9px}.history-panel{top:75px;right:12px;bottom:38px}.map-heading{display:none}}
@media(max-width:680px){.history-panel{left:8px;right:8px;top:55px;bottom:10px;width:auto;max-height:calc(100% - 68px);padding:12px}.history-head h3{font-size:16px}.history-dates{grid-template-columns:1fr 1fr}.history-metrics strong{font-size:16px}.map-actions .map-control{padding:8px 7px}.map-actions{flex-wrap:nowrap}}