/* Common mobile and legacy-browser standard; reusable by the future Driver UI. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:"Noto Sans Myanmar","Myanmar Text",system-ui,sans-serif;font-size:16px;line-height:1.8}
[hidden],dialog:not([open]){display:none!important}
.compat-form{display:contents;border:0;padding:0;margin:0;min-width:0}
.app-shell{width:calc(100% - 40px);max-width:1180px;min-width:0}
.commercial-page{max-width:920px}.admin-page{max-width:1200px}.report-page{max-width:1280px}.settings-page{max-width:760px}.emergency-page{max-width:1040px}
.app-shell>*,.dash-top>*,.brand-bar>*,.booking-card>*,.commercial-entry>*,.latest-booking>*,.report-meta>*,.report-filters>*,.map-dialog-head>*{min-width:0}
.brand-bar{height:auto;min-height:96px;flex-wrap:wrap;gap:12px;padding:16px 0}
.dash-top{flex-wrap:wrap;gap:16px}.back-link,.ghost-btn{white-space:normal}
button,a,input,select,textarea{touch-action:manipulation}
button,input,select,textarea{font-size:16px}button,.back-link{min-height:44px}
input,select,textarea{max-width:100%;min-width:0}
select{min-height:44px}
label,.choice-section legend{font-size:.875rem}p,dd,h1,h2,h3,.booking-meta,.account-note,.user-row,.emergency-row,.commercial-entry{overflow-wrap:break-word;word-wrap:break-word}
.commercial-entry,.latest-booking{grid-template-columns:auto minmax(0,1fr) auto}
.welcome-panel h1,.dash-top h1{font-size:2.65rem;font-size:clamp(2.1rem,5.4vw,5rem);line-height:1.6}
.route-line{width:90%;max-width:430px}.auth-layout{gap:40px}.welcome-panel{padding-left:0}
.map-modal{top:0;right:0;bottom:0;left:0;overflow:auto;align-items:start;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.map-dialog{width:100%;max-width:720px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;-webkit-overflow-scrolling:touch}
.map-dialog iframe{height:35vh;min-height:140px;max-height:360px}.map-dialog-head{flex-wrap:wrap;gap:12px}.map-search{grid-template-columns:minmax(0,1fr) auto}
#archiveDialog{width:calc(100% - 24px);max-width:940px}#outcomeDialog{width:calc(100% - 28px);max-width:560px}
.compat-dialog{position:fixed;top:50%;left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);z-index:1002;max-height:90vh;max-height:90dvh;overflow:auto}
.compat-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:rgba(2,9,22,.85)}.compat-modal-open{overflow:hidden}
.compat-notice{position:relative;z-index:1003;padding:14px 20px;color:#ffe5a0;background:#283447;border-bottom:2px solid #ffd166;line-height:1.9;overflow-wrap:break-word}
.compat-notice a{display:inline-block;margin:8px 14px;color:#fff;text-decoration:underline}
.compat-blocked .dashboard-view,.compat-blocked #dashboardView,.compat-blocked #adminWorkspace,.compat-blocked #reportWorkspace,.compat-blocked #settingsWorkspace,.compat-blocked #emergencyWorkspace{display:none!important}
.emergency-dock{width:calc(100% - 24px);max-width:390px;right:12px;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.has-emergency-dock{padding-bottom:260px;padding-bottom:var(--sos-clearance,260px)}
.emergency-dock .emergency-actions{flex-wrap:wrap}.emergency-dock .emergency-actions a{min-height:44px;display:inline-flex;align-items:center}
.report-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.report-table-wrap table{font-size:14px}.report-table-wrap td small,.report-metrics small,.report-help,.report-warning{font-size:13px}
/* These selectors deliberately do not require :is(), :has() or :focus-visible. */
.chip-grid label>span,.license-color>span,.choice-card,.selection-card,.selection-option>.selection-surface,.tab,.selection-tab,.user-row,.selection-item,.remember,.auto-location,.add-stop-toggle,.selection-toggle,select{
  border:2px solid #5da9d2;background-color:#123853;color:#e5f5ff;line-height:1.8
}
.chip-grid input:checked+span,.license-color input:checked+span,.selection-option>input:checked+.selection-surface,.compat-selected,.tab[aria-selected=true],.selection-tab[aria-selected=true],.user-row[aria-pressed=true],.selection-item[aria-pressed=true],.file-field.compat-selected>span{
  background-color:#ffd166!important;border-color:#ffdd8d!important;color:#15263a!important
}
.choice-card.compat-selected small,.selection-card.compat-selected small,.license-color input:checked+span small,.user-row[aria-pressed=true] small{color:#314459}
.chip-grid label,.license-color,.selection-option{position:relative;min-width:0}
.chip-grid label>span,.license-color>span,.selection-option>.selection-surface{display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 12px;overflow-wrap:break-word}
.chip-grid label>span::before,.license-color>span::before,.selection-option>.selection-surface::before{content:"";display:inline-block;width:22px;height:22px;flex:0 0 22px;border:2px solid #5da9d2;border-radius:50%;margin-right:8px;text-align:center;font:900 15px/18px system-ui,sans-serif}
.chip-grid input:checked+span::before,.license-color input:checked+span::before,.selection-option>input:checked+.selection-surface::before{content:"✓";background:#15263a;color:#ffd166;border-color:#15263a}
.chip-grid input[type=radio],.license-color input[type=radio],.choice-card input[type=radio],.selection-option input[type=radio],.selection-card input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);opacity:0}
.choice-card::before,.selection-card::before,.tab::before,.selection-tab::before,.user-row::before,.selection-item::before{content:"";display:inline-block;width:22px;height:22px;min-width:22px;border:2px solid #5da9d2;border-radius:50%;vertical-align:middle;text-align:center;line-height:20px;margin-right:8px}
.choice-card.compat-selected::before,.selection-card.compat-selected::before,.tab[aria-selected=true]::before,.selection-tab[aria-selected=true]::before,.user-row[aria-pressed=true]::before,.selection-item[aria-pressed=true]::before{content:"✓";background:#15263a;color:#ffd166;border-color:#15263a}
.user-row,.selection-item{position:relative;padding-left:52px}.user-row::before,.selection-item::before{position:absolute;left:16px;top:20px}
.compat-disabled,.chip-grid input:disabled+span,.license-color input:disabled+span,select:disabled{background-color:#263445!important;border-color:#738195!important;color:#a7b4c4!important;cursor:not-allowed}
.compat-focus,button:focus,a:focus,select:focus,.chip-grid input:focus+span,.license-color input:focus+span{outline:3px solid white;outline-offset:3px}
.remember,.auto-location,.add-stop-toggle,.selection-toggle{width:auto;max-width:100%;padding:12px 14px;margin:8px 0 18px;border-radius:11px}
input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;width:22px;height:22px;flex:0 0 22px}
.no-flex-gap .brand>*,.no-flex-gap .dash-top>*,.no-flex-gap .selection-key>*,.no-flex-gap .report-actions>*,.no-flex-gap .location-actions>*,.no-flex-gap .emergency-actions>*,.no-flex-gap .report-filters>*{margin-right:10px;margin-bottom:8px}
.no-flex-gap .choice-card>*,.no-flex-gap .remember>*,.no-flex-gap .auto-location>*,.no-flex-gap .add-stop-toggle>*{margin-right:10px}
@media(max-width:520px){
  .app-shell{width:calc(100% - 24px)}.brand-bar{min-height:82px}.brand small{font-size:12px;letter-spacing:.07em}.form-panel{padding:24px 18px}
  .commercial-entry{padding:16px 12px;gap:10px}.latest-booking{grid-template-columns:auto minmax(0,1fr)}.booking-meta{grid-column:1/-1;text-align:left}
  .map-modal{padding:10px}.map-dialog{padding:14px}.map-search{grid-template-columns:1fr}.map-search button{min-height:44px}
  .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics strong{font-size:1.6rem}
  .back-link,.ghost-btn{max-width:100%;white-space:normal}.report-filters label{flex-basis:100%}
}
@media(max-width:360px){.chip-grid,.passenger-types,.license-color-grid,.report-metrics,.status-grid{grid-template-columns:1fr}.brand-bar,.dash-top,.commercial-hero{align-items:flex-start}.brand-bar{gap:10px}.booking-card{padding:16px}.commercial-entry{grid-template-columns:minmax(0,1fr)}.commercial-entry-icon,.commercial-entry>strong{display:none}}
@media(max-height:500px){.emergency-dock{position:relative;right:auto;bottom:auto;margin:16px auto}.has-emergency-dock{padding-bottom:0}.map-dialog iframe{height:140px;min-height:140px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.compat-notice,.emergency-dock,.compat-backdrop{display:none!important}.has-emergency-dock{padding-bottom:0}}
