/* Readable vehicle information, with the existing account/profile styles preserved. */
.dashboard-page { --muted: #56606c; }
.dashboard-page .content { max-width: 1480px; }
.dashboard-page .vehicle-hero { padding: 30px 36px; }
.dashboard-page .vehicle-hero h1 { font-size: 36px; line-height: 1.16; }
.dashboard-page .vehicle-hero h1 br { display: none; }
.dashboard-page .vehicle-selector-wrap { margin-top: 20px; }
.dashboard-page .vehicle-card { margin-top: 22px; padding-top: 18px; }
.dashboard-page .section-copy { font-size: 16px; }
.dashboard-page .vehicle-name { font-size: 23px; }
.dashboard-page .vehicle-meta { font-size: 14px; line-height: 1.8; gap: 10px 24px; }
.dashboard-page .vehicle-meta b { color: #455363; }
.dashboard-page .vehicle-selector-wrap label,
.dashboard-page .field label,
.dashboard-page .guardian-mode-box label { font-size: 14px; }
.dashboard-page .kpi { border-top: 3px solid #96bacb; padding-block: 24px; }
.dashboard-page .kpi>span { font-size: 13px; }
.dashboard-page .kpi>strong { font-size: 36px; margin-top: 12px; }
.dashboard-page .kpi:nth-child(2) { border-color: #93b59f; }
.dashboard-page .kpi:nth-child(3) { border-color: #c5acd4; }
.dashboard-page .kpi:nth-child(4) { border-color: #d6af85; }
.dashboard-page .panel-title { font-size: 27px; }
.dashboard-page .map-card .panel-title,
.dashboard-page .data-card .panel-title,
.dashboard-page .events-card .panel-title { font-size: 19px; }
.dashboard-page .panel-title-wrap p,
.dashboard-page .panel-sub,
.dashboard-page .section-topline p,
.dashboard-page .guardian-description { font-size: 14px; line-height: 1.75; }
.dashboard-page .park-item { padding: 20px; }
.dashboard-page .park-item strong { font-size: 15px; }
.dashboard-page .park-item>span { font-size: 13px; line-height: 1.7; }
.dashboard-page .data-row { font-size: 15px; gap: 20px; align-items: flex-start; }
.dashboard-page .data-row strong { font-weight: 600; }
.dashboard-page .data-grid { gap: 19px; }
.dashboard-page .coord { font-size: 14px; }
.dashboard-page .event-row { padding-block: 20px; }
.dashboard-page .event-row strong { font-size: 16px; }
.dashboard-page .event-row div>span,
.dashboard-page .event-severity { font-size: 13px; line-height: 1.7; }
.dashboard-page .vehicle-status-card span { font-size: 13px; }
.dashboard-page .vehicle-status-card strong { font-size: 21px; }
.dashboard-page .vehicle-status-card { padding: 20px; }
.dashboard-page .summary-stat span,
.dashboard-page .summary-stat small { font-size: 13px; }
.dashboard-page .summary-stat strong { font-size: 30px; }
.dashboard-page table { font-size: 14px; }
.dashboard-page th { font-size: 13px; padding: 14px; }
.dashboard-page td { padding: 18px 14px; }
.dashboard-page .energy-card h3 { font-size: 18px; }
.dashboard-page .energy-card small,
.dashboard-page .energy-card p { font-size: 13px; line-height: 1.7; }
.dashboard-page .energy-card .energy-number { font-size: 36px; }
.dashboard-page .action-button { font-size: 14px; }
.dashboard-page td .action-button { font-size: 13px; min-height: 40px; }
.dashboard-page .chip,
.dashboard-page .status-chip,
.dashboard-page .main-badge { font-size: 12px; }
.dashboard-page .empty,
.dashboard-page .status-collapsed-note { font-size: 14px; line-height: 1.8; }
.dashboard-page .toolbar label,
.dashboard-page .check-row,
.dashboard-page .camera-caption,
.dashboard-page .security-message,
.dashboard-page .section-note { font-size: 13px; line-height: 1.7; }
.dashboard-page .live-facts { font-size: 14px; }
.dashboard-page .content section[id] { scroll-margin-top: 14px; }
.dashboard-page .sidebar-copyright { display: block; margin: 20px 10px 0; font-size: 12px; color: #596573; line-height: 1.6; }
.dashboard-page .sidebar-copyright:hover { text-decoration: underline; }
@media (max-width: 1100px) { .dashboard-page .parking-layout { grid-template-columns: minmax(0,1fr); }.dashboard-page .park-list { display: flex; overflow-x: auto; max-height: none; padding-bottom: 12px; }.dashboard-page .park-item { min-width: 230px; max-width: 270px; }.dashboard-page .vehicle-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 540px) { .dashboard-page .panel { padding: 24px 20px; }.dashboard-page .kpi { padding: 19px 16px; }.dashboard-page .kpi>strong { font-size: 30px; }.dashboard-page .kpi>span { font-size: 12px; }.dashboard-page .vehicle-name { font-size: 21px; }.dashboard-page .vehicle-meta { font-size: 13px; }.dashboard-page .panel-title { font-size: 24px; }.dashboard-page .data-row { font-size: 14px; }.dashboard-page .summary-stat strong { font-size: 26px; } }