.leaflet-div-icon.vehicle-div-icon{display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important}.search-section{text-align:center;margin-bottom:1.5rem;padding:1.5rem}.search-section h1{font-size:1.4rem;color:var(--text-heading);margin-bottom:.3rem}.search-section .subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.88rem}.search-section textarea{width:100%;max-width:600px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:.7rem;font-size:.9rem;font-family:monospace;resize:vertical;outline:none;transition:border-color .2s,background .2s}.search-section textarea:focus{border-color:var(--border-hover);background:var(--bg-input-focus)}.search-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem;flex-wrap:wrap}.view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding:0 .1rem}.result-count{color:var(--result-count-color);font-size:.85rem;font-weight:600}.view-btns{display:flex;gap:.25rem}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-btn);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.view-btn:hover,.view-btn.active{background:var(--bg-btn-hover);border-color:var(--border-hover);color:var(--text-heading)}.view-btn:disabled{opacity:.5;cursor:default}.results-grid{display:grid;gap:.75rem;margin-top:.25rem}.results-grid.cols-1{grid-template-columns:1fr}.results-grid.cols-2{grid-template-columns:1fr 1fr}.results-grid.cols-mini{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.device-box{background:var(--bg-device);border:1px solid var(--border);border-radius:6px;padding:.9rem 1rem;cursor:pointer;transition:all .15s}.device-box:hover{border-color:var(--border-hover);background:var(--bg-device-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.device-box.active{border-color:#198754;box-shadow:0 0 0 2px #19875433}.device-box.error-box{border-color:#dc354559;cursor:default;opacity:.85}.device-box.error-box:hover{transform:none;box-shadow:none}.box-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.box-did{font-weight:700;font-size:.88rem;font-family:monospace;letter-spacing:.02em}.box-did.online{color:#198754}[data-theme=dark] .box-did.online{color:#34d399}.box-did.offline{color:var(--text-muted)}.box-top-right{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.rel-time{font-size:.72rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.box-data{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.2rem}.box-data .bd-row{display:flex;justify-content:space-between;align-items:center;padding:.18rem 0;border-bottom:1px solid var(--border-row);font-size:.8rem;gap:.4rem}.bd-row .bd-key{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.bd-row .bd-val{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:flex-end;gap:.3rem;flex-wrap:wrap}.box-mini-data{display:grid;grid-template-columns:1fr 1fr;gap:.12rem .75rem;font-size:.79rem;padding-top:.3rem}.box-mini-data span{color:var(--text)}.box-mini-data .bi-label{color:var(--text-muted);font-weight:600;font-size:.71rem;text-transform:uppercase}.box-footer{margin-top:.45rem;padding-top:.35rem;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.3rem}.carousel-view{margin-top:.25rem}.carousel-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem}.carousel-tab{padding:.35rem .75rem;background:var(--bg-btn);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.78rem;font-family:monospace;cursor:pointer;transition:all .15s;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-tab:hover{background:var(--bg-btn-hover);color:var(--text-heading);border-color:var(--border-hover)}.carousel-tab.active{background:var(--bg-btn-hover);border-color:var(--border-hover);color:var(--text-heading);font-weight:700}.carousel-content{padding:1.25rem}.full-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.full-detail-did{font-weight:700;font-size:1.1rem;font-family:monospace}.full-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.detail-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.detail-panel{max-width:860px;width:100%;max-height:90vh;overflow-y:auto;padding:1.25rem 1.5rem}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.detail-title{font-weight:700;font-size:1.1rem;color:var(--text-heading);font-family:monospace}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.legend-section{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem;font-size:.79rem}.legend-desc{color:var(--text-muted);margin-right:.5rem}.legend-filter{border:none;cursor:pointer;font:inherit;font-size:.79rem;font-weight:600;transition:opacity .15s,outline .1s}.legend-filter:hover{opacity:.8}.legend-filter.filter-active{outline:2px solid currentColor;outline-offset:2px}.legend-clear{color:var(--text-muted);font-size:.78rem;cursor:pointer;text-decoration:underline;margin-left:.2rem}.legend-clear:hover{color:var(--text)}@media (max-width: 700px){.detail-content,.full-detail-grid,.results-grid.cols-2,.box-data{grid-template-columns:1fr}.carousel-tab{max-width:120px;font-size:.72rem;padding:.28rem .5rem}.detail-panel{padding:.85rem .75rem;max-height:95vh}.detail-overlay{padding:.4rem}.carousel-content{padding:.75rem}.detail-header{flex-wrap:wrap;gap:.3rem}.detail-title{font-size:.9rem;max-width:calc(100vw - 1.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-detail-header{flex-wrap:wrap;gap:.3rem}.full-detail-did{font-size:.9rem}}
