.map-filters{display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(110px,1fr)) auto;gap:12px;align-items:end;padding:18px 22px}.map-filters label{margin:0;font-size:13px}.map-filters input,.map-filters select{min-width:0;width:100%;height:44px}.map-filters button{min-height:44px}.map-summary{display:flex;flex-wrap:wrap;gap:12px 24px;padding:15px 22px;background:#f5f8fa;border-block:1px solid #dce2e9;font-size:13px}.map-summary span:last-child{margin-left:auto}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.map-canvas-pane{min-width:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;color:#58677b}.map-toolbar button{font-size:12px}.fleet-map-workspace #fleet-map{height:clamp(380px,58vh,680px);min-height:380px;background:#e8eef0;font-family:'Segoe UI',Tahoma,sans-serif;isolation:isolate;z-index:0}.map-records{max-height:760px;overflow:auto;border-left:1px solid #dce2e9}.map-records h2{font-size:16px;margin:0;padding:20px 16px;border-bottom:1px solid #dce2e9}.map-record{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;text-align:left;border:0;border-bottom:1px solid #e5ebf0;border-radius:0;padding:16px;gap:8px;align-items:start;white-space:normal}.map-record small{display:block;font-size:11px;margin-top:4px;line-height:1.6}.map-record>small{grid-column:1/-1}.map-record strong{overflow-wrap:anywhere;color:#007b82;font-size:14px}.map-record .tag{font-size:10px;padding:3px 5px}.map-record.selected{background:#e5f2f2}.map-legend{display:flex;gap:18px;padding:14px 18px;font-size:12px;flex-wrap:wrap}.map-legend>span{display:flex;align-items:center;gap:6px}.map-dot{width:9px;height:9px;border-radius:50%;background:#617083}.map-dot.online{background:#007b82}.map-dot.stale{background:#a56a00}.map-dot.offline{background:#b42d3c}.map-status{font-size:12px;margin:0;padding:0 18px 16px}.map-source-warning{padding:12px 22px;background:#fff2d9;color:#775000;font-size:13px}.fleet-marker{background:transparent;border:0}.fleet-marker>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#617083;border:2px solid white;border-radius:50%;box-shadow:0 2px 5px #18294c35;color:white;font:600 13px 'Segoe UI',Tahoma,sans-serif}.fleet-marker.online>span{background:#007b82}.fleet-marker.stale>span{background:#a56a00}.fleet-marker.offline>span{background:#b42d3c}.fleet-marker svg{width:22px;height:22px}.fleet-marker:focus-visible{outline:3px solid #18294c;outline-offset:3px;border-radius:50%}.machine-popup{font-family:'Segoe UI',Tahoma,sans-serif;font-size:12px;line-height:1.6}.machine-popup strong{font-size:16px;color:#007b82}.machine-popup p{margin:8px 0}.map-selected{padding:20px;border-top:1px solid #dce2e9;display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.map-selected .machine-popup{flex:1}.map-mobile-switch{display:none}.fleet-map-workspace .leaflet-control-zoom a{width:40px;height:40px;line-height:40px}.fleet-map-workspace .leaflet-control-attribution{font-size:10px}.rule-templates{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.rule-timing{margin:22px 0}.rule-row{padding:18px 0;border-bottom:1px solid #e1e7ed;display:flex;justify-content:space-between;gap:20px;align-items:center}.rule-row:last-child{border:0}.rule-row p{margin:6px 0;font-size:13px}.device-log-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.device-log-links a{display:inline-flex;padding:12px 18px;border:1px solid #bdc8d4;border-radius:7px;text-decoration:none}.device-log-links a:first-child{background:#007b82;color:white;border-color:#007b82}section[hidden]{display:none}
@media(max-width:1150px){.map-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout{grid-template-columns:minmax(0,1fr) 260px}.map-summary span:last-child{margin-left:0}}
@media(max-width:850px){.map-filters{padding:16px;gap:10px}.map-layout{display:block}.map-mobile-switch{display:flex;padding:12px 16px;gap:8px}.map-mobile-switch button[aria-pressed=true]{background:#18294c;color:white;border-color:#18294c}.fleet-map-workspace[data-map-pane=map] .map-records,.fleet-map-workspace[data-map-pane=list] .map-canvas-pane{display:none}.map-records{border-left:0;max-height:600px}.fleet-map-workspace #fleet-map{height:52vh;min-height:340px}.map-summary{padding:13px 16px;gap:6px 18px}.rule-row{align-items:start;flex-direction:column}.map-legend{gap:12px}.map-toolbar{padding:10px;font-size:11px}}

.nav-alarm-count{float:right;display:inline-flex;min-width:23px;height:23px;align-items:center;justify-content:center;padding:0 5px;margin-left:8px;border-radius:6px;background:#f5d6db;color:#8b1f30;font-size:12px;font-variant-numeric:tabular-nums}nav button[aria-label="การแจ้งเตือน"]{display:block}