/* beta.7-mobile1 — installable, touch-first portal shell. */
:root{--sf-mobile-nav-h:68px;--sf-mobile-safe-bottom:env(safe-area-inset-bottom,0px);--sf-mobile-safe-top:env(safe-area-inset-top,0px)}
.sf-mobile-bottom-nav{display:none}.sf-install-app{display:none!important}.sf-install-app.sf-install-ready{display:flex!important}.sf-connection-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid var(--pk-border,#dce8ea);border-radius:999px;background:#fff;color:var(--pk-text-muted,#607780);font-size:11px;font-weight:750;white-space:nowrap}.sf-connection-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#2f9b62}.sf-connection-pill.offline::before{background:#b54a52}.sf-connection-pill.offline{color:#8c3940;background:#fff7f7}.sf-install-hint{display:block;margin-top:8px;color:#83929a;font-size:10px;line-height:1.4}.sf-mobile-bottom-nav button{touch-action:manipulation}.table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.sf-mobile-scroll-hint{display:none}
@media(max-width:860px){
  html{scroll-padding-top:84px}body{overscroll-behavior-y:none}.app:not(.hidden){padding-bottom:calc(var(--sf-mobile-nav-h) + var(--sf-mobile-safe-bottom))}
  main>header{position:sticky!important;top:0!important;z-index:70!important;padding-top:calc(12px + var(--sf-mobile-safe-top))!important;padding-bottom:12px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--pk-border,#dce8ea)!important}
  main>header #menuToggle{min-width:44px!important;min-height:44px!important;padding:8px 10px!important}main>header h2{font-size:20px!important}main>header p{font-size:11px!important;margin-top:2px!important}.header-actions{gap:6px!important}.header-actions button{min-height:40px!important;padding:8px 10px!important}.customer-chip{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  button,.button,input,select,textarea{min-height:44px}.row-actions,.report-actions,.sf-toolbar,.history-toolbar,.trip-selector,.report-controls{gap:8px!important}.row-actions>button,.report-actions>button{min-height:44px}
  .sf-mobile-bottom-nav{display:none;position:fixed;left:8px;right:8px;bottom:calc(8px + var(--sf-mobile-safe-bottom));z-index:1050;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;border:1px solid rgba(26,58,68,.14);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 36px rgba(15,35,44,.19);backdrop-filter:blur(16px)}
  .sf-app-active .sf-mobile-bottom-nav{display:grid}
  .sf-mobile-bottom-nav button{min-width:0;min-height:52px;padding:6px 4px;border-radius:13px;border:0;background:transparent;color:#637780;font-size:10px;font-weight:800;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}.sf-mobile-bottom-nav button.active,.sf-mobile-bottom-nav button[aria-current="page"]{background:#e8f4f4;color:#176e73}.sf-mobile-bottom-nav button[data-mobile-more="true"]{color:#354e59}
  .sf-mobile-scroll-hint{display:block;margin:-4px 0 8px;color:#82929a;font-size:10px}.table-wrap{position:relative;max-width:100%!important}.table-wrap table{min-width:max-content}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;background:inherit;box-shadow:1px 0 0 var(--pk-border,#dce8ea)}.table-wrap th:first-child{z-index:2;background:#eaf3f4}
  dialog{width:100vw!important;max-width:100vw!important;max-height:92dvh!important;margin:auto 0 0!important;border-radius:22px 22px 0 0!important;padding-bottom:calc(18px + var(--sf-mobile-safe-bottom))!important}.sf-drawer{width:100vw!important;max-width:100vw!important;border-radius:22px 22px 0 0!important;inset:auto 0 0!important;max-height:92dvh!important;padding-bottom:calc(20px + var(--sf-mobile-safe-bottom))!important}
  .login-shell{min-height:100dvh;padding:calc(18px + var(--sf-mobile-safe-top)) 14px calc(18px + var(--sf-mobile-safe-bottom))}.login-card{width:100%;max-width:430px;padding:26px 22px;border-radius:22px}.login-card input{font-size:16px}
  .panel{scroll-margin-top:92px}.map-box,.fleet-workspace,#vehicleMap,#historyMap{touch-action:pan-x pan-y}.fleet-workspace{max-height:calc(100dvh - 190px)}
}
@media(max-width:520px){
  main>header{gap:8px!important}.header-actions .customer-chip{display:none}.sf-connection-pill{padding:6px 8px}.cards{grid-template-columns:1fr 1fr!important;gap:9px!important}.cards article{padding:14px!important}.cards article strong{font-size:24px!important}.panel{margin-left:10px!important;margin-right:10px!important;padding:14px!important}.panel-grid,.cards{padding-left:10px!important;padding-right:10px!important}.sf-kpis,.telemetry-grid{grid-template-columns:1fr 1fr!important}.report-controls,.history-toolbar,.trip-selector{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}.report-controls>*,.history-toolbar>*,.trip-selector>*{width:100%!important;max-width:none!important}.report-controls label,.history-toolbar label,.trip-selector label{min-width:0!important}.map-toolbar{padding-left:10px;padding-right:10px}.map-tools{width:100%;justify-content:stretch!important}.map-tools button{flex:1}.sf-mobile-bottom-nav{left:6px;right:6px;bottom:calc(6px + var(--sf-mobile-safe-bottom));border-radius:16px}.sf-mobile-bottom-nav button{font-size:9px}.sf-connection-pill{font-size:0}.sf-connection-pill::after{content:"Online";font-size:10px}.sf-connection-pill.offline::after{content:"Offline"}
}
@media(display-mode:standalone){body{background:var(--pk-surface-subtle,#f5f8f9)}.sf-install-app{display:none!important}}