.info-resize-handle{height:14px;min-height:14px;display:flex;justify-content:center;align-items:center;cursor:ns-resize;touch-action:none;background:#eef5ef;border-top:1px solid #b4ccbd;flex-shrink:0}.info-resize-handle span{height:4px;width:48px;border-radius:4px;background:#88a89a}.info-resize-handle:focus-visible{outline:2px solid #168583;outline-offset:-2px}.vehicle-statistics{padding:10px 12px 14px;border-top:1px solid #d8e5dc;background:#f7fbf8}.vehicle-statistics h3{font-size:12px;margin:0 0 8px;color:#235e55}.vehicle-statistics table{width:100%;font-size:10px;border-collapse:collapse}.vehicle-statistics td,.vehicle-statistics th{padding:7px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid #e1eae3}.vehicle-statistics th:first-child,.vehicle-statistics td:first-child{text-align:left}.vehicle-statistics p{font-size:10px;margin:8px 0 0;color:#6e8379}.statistics-scroll{overflow:auto}.desktop-quick-history{display:flex;gap:8px;padding:8px 12px}.desktop-quick-history button{font-size:11px}.history-markup{min-width:210px}.history-markup>strong{font-size:13px;color:#176b62}.history-markup table{font-size:11px;width:100%;border-collapse:collapse}.history-markup th,.history-markup td{padding:4px 5px;border-bottom:1px solid #e7eee8;text-align:left}.history-markup th{color:#5c7f71;font-weight:500}.history-markup p{font-size:11px;margin:7px 0}.historical-marker .vehicle-shape{filter:drop-shadow(0 1px 2px #0005)}
@media(min-width:701px){#object-panel:not([hidden]){height:var(--object-info-height,280px);min-height:100px;max-height:70dvh;overflow:hidden}#object-panel-data,#object-panel-history{height:calc(100% - 48px);overflow:auto}.object-data-columns{height:auto;min-height:180px;overflow:visible}.object-panel-bar{height:34px}.vehicle-statistics{max-width:none}#object-panel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:700px){.phone-telemetry{height:var(--phone-info-height,45%);max-height:80%;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding-top:0;touch-action:pan-y}.phone-telemetry>.info-resize-handle{position:sticky;top:0;z-index:2;margin:0 -10px 6px;height:20px;min-height:20px}.vehicle-statistics{padding:10px 0}.vehicle-statistics table{font-size:10px}.vehicle-statistics td,.vehicle-statistics th{padding:7px 5px}.phone-telemetry .vehicle-statistics td:last-child{color:#174e45}.vehicle-statistics h3{font-size:13px}.desktop-quick-history{display:none}#settings-icon_scale{width:100%}}
/* Keep the phone map, status strip and resizable sheet on the same boundary. */
@media(max-width:700px){
 .workspace{--phone-panel-height:clamp(100px,var(--phone-info-height,45%),80%)}
 .phone-telemetry{height:var(--phone-panel-height)}
 .phone-data-open:not(.playback-mode) #map{bottom:var(--phone-panel-height)!important}
 .phone-data-open:not(.playback-mode) .map-note{bottom:var(--phone-panel-height)}
}