/* Selected-vehicle information sheet; isolated from history and dashboard panels. */
body #widgets.fleet-widget-sheet { --sheet-surface:#fff; --sheet-muted:#f6f8fa; --sheet-line:#e3e8ee; --sheet-text:#253242; --sheet-label:#5c6878; background:var(--sheet-muted) !important; color:var(--sheet-text); border:1px solid var(--sheet-line); border-radius:8px 8px 0 0 !important; box-shadow:0 -5px 22px rgba(20,35,55,.12) !important; }
body #widgets.fleet-widgets-dark { --sheet-surface:#242930; --sheet-muted:#1c2127; --sheet-line:#3a424d; --sheet-text:#edf1f5; --sheet-label:#b8c2ce; }
body #widgets.fleet-widget-sheet .widgets-content { padding:10px !important; gap:10px !important; background:var(--sheet-muted) !important; scrollbar-width:thin; scrollbar-color:#a6b0bc transparent; }
body #widgets.fleet-widget-sheet .widget { background:var(--sheet-surface) !important; color:var(--sheet-text) !important; border:1px solid var(--sheet-line) !important; border-radius:6px !important; box-shadow:none !important; margin:0 8px 0 0 !important; vertical-align:top; }
body #widgets.fleet-widget-sheet .widget-heading { background:var(--sheet-surface) !important; color:var(--sheet-text) !important; padding:9px 12px !important; border-bottom:1px solid var(--sheet-line) !important; border-radius:5px 5px 0 0 !important; }
body #widgets.fleet-widget-sheet .widget-title { font-size:13px !important; font-weight:600; line-height:20px; }
body #widgets.fleet-widget-sheet .widget-title > i { font-size:15px; margin-right:6px; color:var(--sheet-label); }
body #widgets.fleet-widget-sheet .widget-actions { font-size:11px; font-weight:500; }
body #widgets.fleet-widget-sheet .widget-body { background:var(--sheet-surface) !important; color:var(--sheet-text) !important; padding:8px 10px !important; border:0 !important; height:164px !important; scrollbar-width:thin; }
body #widgets.fleet-widget-sheet .widget-device .widget-body { width:300px; }
/* Keep sensors compact even when legacy widgets calculate inline body widths. */
body #widgets.fleet-widget-sheet .widget-sensors { width:300px !important; min-width:0 !important; max-width:calc(100vw - 80px); }
body #widgets.fleet-widget-sheet .widget-sensors .widget-body { width:100% !important; min-width:0 !important; max-width:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; white-space:normal; }
body #widgets.fleet-widget-sheet .widget-sensors .table { float:none; margin-left:0 !important; }
body #widgets.fleet-widget-sheet .widget-sensors .table td { white-space:normal; overflow-wrap:anywhere; }
body #widgets.fleet-widget-sheet .table { width:100% !important; margin:0; table-layout:fixed; background:transparent !important; font-size:11px; }
body #widgets.fleet-widget-sheet .table td { padding:5px 3px !important; line-height:17px; vertical-align:top; border:0; border-bottom:1px solid var(--sheet-line) !important; }
body #widgets.fleet-widget-sheet .table tr:last-child td { border-bottom:0 !important; }
body #widgets.fleet-widget-sheet .table td:first-child { color:var(--sheet-label); width:43%; font-weight:400; white-space:normal; overflow-wrap:break-word; }
body #widgets.fleet-widget-sheet .table td:last-child { color:var(--sheet-text); width:57%; font-weight:500; font-variant-numeric:tabular-nums; }
body #widgets.fleet-widget-sheet .widget-sensors .table td:first-child { width:60%; }
body #widgets.fleet-widget-sheet .widget-sensors .table td:last-child { width:40%; text-align:right; }
body #widgets.fleet-widget-sheet .widget-sensors .table .icon { font-size:16px; margin-right:5px; color:var(--sheet-label); }
body #widgets.fleet-widget-sheet [data-device="address"] { white-space:normal; overflow-wrap:anywhere; line-height:17px; }
body #widgets.fleet-widget-sheet .widget-empty { background:none !important; color:var(--sheet-label); padding:22px 14px !important; text-align:center; font-size:12px; line-height:19px; }
body #widgets.fleet-widget-sheet .widget-empty::before,
body #widgets.fleet-widget-sheet .widget-empty::after { background:none !important; }
body #widgets.fleet-widget-sheet .widget-empty p { margin:12px 0; }
body #widgets.fleet-widget-sheet .btn { border-radius:5px !important; box-shadow:none !important; }
body #widgets.fleet-widget-sheet .widget-sensor-graph .sensor-graph { height:145px; }
@media(max-width:767px) {
 body #widgets.fleet-widget-sheet .widget-sensors { width:260px !important; }
 body #widgets.fleet-widget-sheet .widgets-content { padding:8px !important; scroll-snap-type:x proximity; }
 body #widgets.fleet-widget-sheet .widget { scroll-snap-align:start; }
 body #widgets.fleet-widget-sheet .widget-body { max-width:calc(100vw - 80px); height:150px !important; }
}