html,body{width:100%;max-width:100%;overflow-x:hidden}.container,.auth,.card,.form,label,input,select,button{min-width:0;max-width:100%}.container{width:100%;max-width:100vw}.auth{width:100%;max-width:480px}.auth h1{white-space:normal;overflow-wrap:anywhere}.auth>.card{width:100%}input,select,button{display:block}.photo-upload,.upload-inline{display:grid;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px;margin:12px 0}@media(max-width:560px){.container{padding-left:18px;padding-right:18px}.auth{width:calc(100vw - 36px);max-width:calc(100vw - 36px)}.auth h1{font-size:2rem;line-height:1.08}.auth>.card{width:calc(100vw - 36px)}.card{padding:18px}.top{gap:8px}.top .link{padding:7px;font-size:.8rem}}

@media(max-width:768px){.auth-shell .container{min-height:calc(100dvh - 64px);padding:24px 20px 36px}}
@media(max-width:420px){.auth-shell .top{height:56px}.auth-shell .container{place-items:start center;min-height:calc(100dvh - 56px);padding:16px}.auth-shell .auth,.auth-shell .auth>.card{width:100%;max-width:100%}.auth-card.card{padding:22px 18px}.auth-card h1{font-size:1.65rem}.auth-brand{margin-bottom:20px}.auth-form{margin-top:18px}}
@media(max-width:375px){.auth-shell .container{place-items:start center;padding:12px}.auth-card.card{padding:20px 16px}.auth-note{margin-top:17px;padding-top:15px}.auth-links{margin-top:15px}}
@media(max-width:320px){.auth-shell .top{padding:0 12px}.auth-shell .brand{font-size:.84rem}.auth-card.card{padding:18px 14px}.auth-brand{margin-bottom:17px}.auth-brand small{font-size:.68rem}.auth-card h1{font-size:1.5rem}.auth-note{font-size:.8rem}}

@media(max-width:767px){
  .operational-shell .top{height:64px;padding:0 16px}
  .operational-shell .brand span:first-child{width:31px;height:31px;border-radius:9px}
  .portal-shell{display:block;min-height:calc(100dvh - 64px)}
  .side-nav{display:none}
  .portal-shell>.container{width:100%;max-width:100%;padding:20px 16px calc(92px + env(safe-area-inset-bottom))}
  .mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;padding:6px 5px max(6px,env(safe-area-inset-bottom));border-top:1px solid #e1e6ed;background:#fff;box-shadow:0 -7px 26px rgba(15,23,42,.08)}
  .mobile-nav a{display:flex;width:auto;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 0 3px;color:#6b7585;text-decoration:none;font-size:.56rem;font-weight:750;line-height:1.05;overflow-wrap:anywhere}
  .mobile-nav a.active-nav{color:#cf2e2e}
  .mobile-nav .nav-icon{width:22px;height:22px;flex-basis:22px;border:0;background:transparent;font-size:.58rem}
  .mobile-nav .active-nav .nav-icon{background:#fff0f0}
  .mobile-nav .nav-icon-performance+span{font-size:.48rem;letter-spacing:-.04em}
  .dashboard-page{max-width:none}
  .dashboard-hero{min-height:0;padding:23px 20px;border-radius:19px}
  .dashboard-hero h1{margin-top:9px;font-size:clamp(1.75rem,8vw,2.35rem)}
  .dashboard-hero .eyebrow{margin-top:18px}
  .dashboard-hero p{font-size:.91rem}
  .hero-actions{width:100%;max-width:none}
  .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 16px}
  .dashboard-kpis>div{padding:13px 12px}
  .dashboard-kpis>div:last-child{grid-column:1/-1}
  .dashboard-grid,.dashboard-rail{grid-template-columns:1fr}
  .alerts-card{grid-column:auto}
  .dashboard-card.card{padding:18px;border-radius:15px}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .job-route-summary{grid-template-columns:1fr}
  .performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:768px){
  .mobile-nav{display:none!important}
}
@media(max-width:420px){
  .operational-shell .top{padding:0 12px}
  .top-actions{gap:1px}
  .header-action{padding:7px 8px;font-size:.76rem}
  .portal-shell>.container{padding-right:13px;padding-left:13px}
  .dashboard-hero{padding:21px 17px}
  .dashboard-hero h1{font-size:1.82rem}
  .dashboard-kpis{gap:8px}
  .dashboard-kpis strong{font-size:1.05rem}
  .dashboard-card.card{padding:16px}
  .quick-actions>a{grid-template-columns:30px minmax(0,1fr);column-gap:8px;padding:11px 9px}
  .quick-icon{width:30px;height:30px}
  .support-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:375px){
  .brand-copy{font-size:.82rem}
  .header-action{padding-right:6px;padding-left:6px;font-size:.71rem}
  .dashboard-hero h1{font-size:1.7rem}
  .dashboard-kpis span{font-size:.6rem}
  .quick-actions b{font-size:.72rem}
  .quick-actions small{font-size:.61rem}
}
@media(max-width:320px){
  .operational-shell .top{padding:0 9px}
  .brand-copy{font-size:.75rem}
  .header-action{padding-right:4px;padding-left:4px;font-size:.67rem}
  .portal-shell>.container{padding-right:10px;padding-left:10px}
  .dashboard-hero{padding:19px 15px}
  .dashboard-hero h1{font-size:1.55rem}
  .dashboard-kpis>div{padding:11px 9px}
  .dashboard-kpis strong{font-size:.96rem}
  .dashboard-card.card{padding:14px}
  .quick-actions>a{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}
  .quick-icon{grid-row:auto;margin:0 auto 3px}
  .mobile-nav a{font-size:.52rem}
}

/* Premium mobile order, navigation and density. */
@media(max-width:767px){
  .operational-shell .top{height:60px}
  .portal-shell{min-height:calc(100dvh - 60px)}
  .portal-shell>.container{padding-top:14px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .header-status{display:none}
  .alerts-link svg{width:17px;height:17px}
  .mobile-nav{z-index:13;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:5px}
  .mobile-nav a,.mobile-nav button{display:flex;width:auto;min-width:0;min-height:53px;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:4px 2px;border:0;border-radius:9px;background:transparent;color:#6b7585;text-decoration:none;font:inherit;font-size:.62rem;font-weight:760;line-height:1;box-shadow:none}
  .mobile-nav a.active-nav,.mobile-nav button.active-nav{color:#cf2e2e}
  .mobile-nav .nav-icon{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;border-radius:8px}
  .mobile-nav .nav-icon svg{width:18px;height:18px}
  .mobile-nav .active-nav .nav-icon{background:#fff0f0}
  .mobile-more-menu{position:fixed;right:12px;bottom:calc(73px + env(safe-area-inset-bottom));left:12px;z-index:14;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border:1px solid #e1e5eb;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.2)}
  .mobile-more-menu[hidden]{display:none}
  .mobile-more-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px}
  .mobile-more-heading b{font-size:1rem}
  .mobile-more-close{min-height:34px;padding:6px 9px;border-radius:9px;background:#f1f4f7;color:#475569;font-size:.72rem}
  .mobile-more-menu>a{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:10px;border:1px solid #e6e9ee;border-radius:13px;color:#273449;text-decoration:none}
  .mobile-more-menu>a.active-nav{border-color:#f2b7b7;background:#fff4f4;color:#c82c2c}
  .mobile-more-menu>a>svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-more-menu a b,.mobile-more-menu a small{display:block;overflow-wrap:anywhere}
  .mobile-more-menu a b{font-size:.76rem}.mobile-more-menu a small{margin-top:2px;color:#8490a1;font-size:.62rem;line-height:1.2}
  body.mobile-menu-open:before{position:fixed;inset:0;z-index:12;background:rgba(15,23,42,.32);content:""}

  .dashboard-page{display:flex;flex-direction:column;gap:14px}
  .dashboard-hero{order:1;min-height:0;padding:20px 18px;border-radius:22px}
  .dashboard-hero h1{font-size:clamp(1.55rem,7vw,1.9rem)}
  .dashboard-hero .eyebrow{margin-top:14px}
  .hero-vehicle{margin-top:11px}
  .dashboard-grid{display:contents}
  .grid-active{order:2}.dashboard-kpis{order:3}.grid-vehicle{order:4}.grid-location{order:5}.grid-earnings{order:6}.grid-quick{order:7}.grid-performance{order:8}.grid-alerts{order:9}
  .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
  .dashboard-kpis>div{min-height:88px;padding:12px;border-radius:16px}
  .dashboard-kpis>div:last-child{grid-column:1/-1;min-height:78px}
  .dashboard-kpis small{font-size:.62rem}
  .dashboard-card.card{padding:17px;border-radius:18px}
  .quick-actions>a{min-height:69px}
  .location-consent .location-start{width:100%}
  .location-help-desktop{display:none}
  .location-help-mobile{display:block}
}
@media(max-width:390px){
  .header-action{gap:5px}
  .alerts-link span{display:none}
  .dashboard-page{gap:12px}
  .dashboard-hero{padding:18px 16px}
  .dashboard-card.card{padding:15px}
  .quick-actions>a{grid-template-columns:28px minmax(0,1fr);column-gap:7px;padding:10px 8px}
  .quick-icon{width:28px;height:28px}
}
@media(max-width:340px){
  .mobile-more-menu{grid-template-columns:1fr}
  .mobile-more-heading{grid-column:auto}
  .dashboard-kpis>div{padding:10px 9px}
  .dashboard-kpis strong{font-size:.92rem}
  .quick-actions small{display:none}
  .quick-actions>a{min-height:55px}
}