/* FleetCare mobile-first refinement */
@media(max-width:900px){
  html,body{overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:pan-y}
  button,a,input,select,textarea{touch-action:manipulation}
  body{font-size:14px}
  .main-content{width:100%;padding:18px 16px calc(92px + env(safe-area-inset-bottom));margin:0}
  .topbar{position:sticky;top:0;z-index:4;min-height:48px;margin:0 -16px 20px;padding:7px 16px 12px;background:rgba(8,10,14,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.045)}
  .topbar h1{font-size:21px;line-height:1.2;letter-spacing:-.7px}.topbar .eyebrow{font-size:9px}.top-actions{gap:7px}.top-actions .avatar{display:none}.command-trigger{width:38px;height:38px;border-radius:11px}.icon-btn{width:38px;height:38px}
  .vehicle-strip{margin:0 -16px 26px;padding:2px 16px 8px;scroll-padding-left:16px;scroll-snap-type:x proximity}.vehicle-chip{min-width:184px;min-height:55px;padding:11px 13px;scroll-snap-align:start}.vehicle-chip:active{transform:scale(.98)}
  .section-heading{align-items:center;margin-bottom:13px}.section-heading h2{font-size:16px}.section-heading>.text-button{font-size:10px;white-space:nowrap}.section-heading.compact{margin-top:28px}
  .metric-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.metric-card{min-height:111px;padding:14px 13px;border-radius:15px}.metric-card p{max-width:100px;margin-bottom:11px;font-size:9px;line-height:1.3}.metric-card strong{font-size:17px;letter-spacing:-.55px}.metric-card small{font-size:8px;line-height:1.3}.metric-icon{width:27px;height:27px;border-radius:8px}
  .dashboard-grid,.insights-grid{gap:11px}.panel{padding:16px;border-radius:15px}.panel h3{font-size:17px}.chart-panel{padding-bottom:15px}.bar-chart{height:126px;gap:8px;margin-top:14px}.chart-labels{font-size:8px}.health-panel{min-height:168px}.progress-track{margin-top:18px}
  .activity-list{padding:1px 15px}.activity{min-height:61px;padding:12px 0}.activity-icon{width:31px;height:31px}.activity-main strong{font-size:11px}.activity-main small{font-size:9px}.activity-value{font-size:10px}
  .mobile-nav{height:calc(67px + env(safe-area-inset-bottom));padding:6px 12px env(safe-area-inset-bottom);gap:0}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:58px;min-height:52px;padding:4px 5px;color:#687285;font-size:9px;line-height:1}.mobile-nav button svg{width:20px;height:20px;stroke-width:1.6}.mobile-nav button.active svg{filter:drop-shadow(0 0 5px rgba(108,124,255,.35))}.mobile-nav button span{font-size:9px}.mobile-nav .quick-add{width:46px;height:46px;min-width:46px;min-height:46px;margin-top:-25px;border-radius:14px;font-size:25px}.mobile-nav .quick-add:active{transform:translateY(1px) scale(.96)}
  .modal-backdrop{padding:0}.modal{width:100%;max-height:calc(100dvh - 18px);padding:24px 16px calc(22px + env(safe-area-inset-bottom));border-radius:17px 17px 0 0}.modal h2{font-size:20px}.modal .intro{font-size:10px}.modal-close{top:14px;right:14px;width:38px;height:38px;border-radius:10px;font-size:19px}.quick-options{grid-template-columns:1fr 1fr;gap:8px}.quick-option{min-height:88px;padding:13px 12px;font-size:11px;border-radius:11px}.quick-option:active{transform:scale(.98)}
  .form-grid{grid-template-columns:1fr;gap:11px}.form-group.full{grid-column:auto}.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:16px}.form-group textarea{min-height:90px}.form-submit{min-height:46px;font-size:13px}
  .timeline-list{max-width:none}.timeline-item{min-height:61px;padding:12px 11px}.timeline-item .delete-event{opacity:1;padding:8px;color:#8e98aa}.segmented{max-width:100%;margin-left:auto}.segmented button{min-height:32px;padding:6px 8px}.select-control{min-height:40px;font-size:13px}
  .vehicle-grid{grid-template-columns:1fr;gap:11px}.vehicle-card-top{height:128px}.vehicle-card-body{padding:16px}.vehicle-actions button{min-height:40px}
  .donut-row{justify-content:flex-start;gap:16px}.donut{width:112px;height:112px;flex-basis:112px}.breakdown-row{font-size:10px}.settings-grid{gap:11px}.settings-grid .panel{min-height:0}.button-row{gap:8px}.button-row>*{min-height:42px}
  .toast{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));left:12px;justify-content:flex-start;min-width:0;transform:translateY(20px);opacity:0}.toast.show{transform:none;opacity:1}
  .command-backdrop{padding:12px}.command-palette{width:100%;max-height:calc(100dvh - 24px);border-radius:15px}.command-search{padding:14px 13px}.command-search input{font-size:16px}.command-results{max-height:calc(100dvh - 180px)}.command-results button{min-height:44px;padding:11px 9px}
}
@media(max-width:520px){.main-content{padding-right:13px;padding-left:13px}.topbar{margin-right:-13px;margin-left:-13px;padding-right:13px;padding-left:13px}.vehicle-strip{margin-right:-13px;margin-left:-13px;padding-right:13px;padding-left:13px;scroll-padding-left:13px}.section-heading h2{font-size:15px}.section-heading:has(.segmented){align-items:flex-start;gap:8px}.segmented{max-width:214px}.metric-card{min-height:105px}.metric-card strong{font-size:16px}.metric-card p{font-size:8px}.panel{padding:15px}.bar-chart{height:115px}.quick-options{grid-template-columns:1fr}.modal{padding-right:15px;padding-left:15px}.modal-close{width:36px;height:36px}.mobile-nav button{min-width:53px}}
@media(orientation:landscape) and (max-width:900px){.mobile-nav{height:58px}.main-content{padding-bottom:72px}.modal{max-height:100dvh;overflow:auto}.quick-options{grid-template-columns:repeat(2,1fr)}}