/* Enabled by phone-layout's orientation check, never by a portrait keyboard.
   The named size container also reaches isolated Backend/Dispatch styles. */
html.fleet-phone-landscape .fleet-module-host{
  top:var(--fleet-phone-safe-top,env(safe-area-inset-top));
  bottom:var(--fleet-preview-space,0px);
  left:0;
  right:var(--fleet-landscape-rail);
  padding-left:var(--fleet-phone-safe-left,env(safe-area-inset-left));
  box-sizing:border-box;
  background:#fff;
  container:fleet-landscape-module / size;
}
/* Continue each module's existing canvas through the notch inset. Paint the
   four full-page gradients once so they have no seam at the content edge. */
html.fleet-phone-landscape .fleet-module-host:has(>#nativeAlerts){background:radial-gradient(circle at 100% 0,rgba(15,114,143,.09),transparent 30%),#f4f7fb}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeAccount){background:radial-gradient(circle at 100% 0,rgba(14,116,144,.06),transparent 28%),#f4f7fb}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeSupport){background:radial-gradient(circle at 100% 0,rgba(8,116,159,.08),transparent 31%),radial-gradient(circle at 4% 96%,rgba(51,117,163,.05),transparent 27%),#f3f6fa}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeBusiness){background:radial-gradient(circle at 78% 0,rgba(37,99,235,.08),transparent 31%),radial-gradient(circle at 12% 90%,rgba(15,114,143,.06),transparent 28%),#f6f8fb}
html.fleet-phone-landscape #nativeAlerts :is(#lynqAlertsCenter,.lynq-alerts-center__body),
html.fleet-phone-landscape #nativeAccount :is(#lynqFleetAccount,.lynq-account__body),
html.fleet-phone-landscape #nativeSupport :is(#lynqFleetSupport,.lynq-support__body),
html.fleet-phone-landscape #nativeBusiness :is(#lynqBusinessDiscovery,.lynq-business__body){background:transparent}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeMaintenance){background:#f4f7fa}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeDispatch){background:#eef3f8}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeFleetBackend){background:#f4f6f9}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeEcoScoring,>#nativeFahrtenbuch){background:#eee}
html.fleet-phone-landscape .fleet-module-host:has(>#nativeEcoAdmin){background:#edf1f5}
html.fleet-phone-landscape .fleet-module-host:has(>.fleet-module-status:not([hidden])){background:#f8fafc}
html.fleet-phone-landscape .fleet-module-status{left:var(--fleet-phone-safe-left,env(safe-area-inset-left))}
html.fleet-phone-landscape #fleetShell::before{content:"";position:fixed;inset:0 0 0 auto;width:var(--fleet-landscape-rail);background:#fff;border-left:1px solid #e3ebf0;pointer-events:none}
html.fleet-phone-landscape .fleet-module-host :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea){font-size:16px!important;max-width:100%;min-width:0}
html.fleet-phone-landscape .fleet-module-host :is(button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden])){min-height:44px}
html.fleet-phone-landscape .fleet-module-host dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}

/* Control: filters flow horizontally; the document scrolls as one surface. */
html.fleet-phone-landscape #nativeControl{background:#fff}
html.fleet-phone-landscape #nativeControl .cv-content{padding:14px 18px 20px}
html.fleet-phone-landscape #nativeControl .cv-heading{margin-bottom:12px}
html.fleet-phone-landscape #nativeControl h2{font-size:25px}
html.fleet-phone-landscape #nativeControl .cv-toolbar{gap:12px;margin-bottom:18px;flex-wrap:wrap}
html.fleet-phone-landscape #nativeControl .cv-scope-switch{width:auto}
html.fleet-phone-landscape #nativeControl .cv-scope{flex:1;min-width:0}
html.fleet-phone-landscape #nativeControl .cv-operations{grid-template-columns:repeat(2,minmax(0,1fr))}
html.fleet-phone-landscape #nativeControl .cv-card{padding:14px}
html.fleet-phone-landscape #nativeControl .cv-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html.fleet-phone-landscape #nativeControl .cv-scroll[data-view="unit"] .cv-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
html.fleet-phone-landscape #nativeControl .cv-kpi{padding:12px}
html.fleet-phone-landscape #nativeControl .cv-kpi-hour .cv-number strong{font-size:23px}
html.fleet-phone-landscape #nativeControl .cv-grid{grid-template-columns:1fr}
html.fleet-phone-landscape #nativeControl .cv-plot{height:180px}


/* Shared page density, without shrinking controls or changing visibility rules. */
html.fleet-phone-landscape #nativeMaintenance{padding:12px 16px 24px}
html.fleet-phone-landscape #nativeMaintenance .mt-header{gap:12px;align-items:center}
html.fleet-phone-landscape #nativeMaintenance h1{font-size:22px}
html.fleet-phone-landscape #nativeMaintenance .mt-tabs{margin-bottom:12px;gap:16px;overflow-x:auto}
html.fleet-phone-landscape #nativeMaintenance .mt-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
html.fleet-phone-landscape #nativeMaintenance .mt-kpi{min-height:0;padding:12px}
html.fleet-phone-landscape #nativeMaintenance .mt-kpi strong{font-size:25px}
html.fleet-phone-landscape #nativeMaintenance .mt-panel{padding:14px}
html.fleet-phone-landscape #nativeMaintenance :is(.mt-plan-grid,.mt-work-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html.fleet-phone-landscape #nativeSettings #lynqUserManagement .lynq-settings__rail{padding:6px 12px;overflow-x:auto}
html.fleet-phone-landscape #nativeSettings #lynqUserManagement .lynq-settings__rail-head{display:none}
html.fleet-phone-landscape #nativeSettings #lynqUserManagement .lynq-settings__tabs{display:flex;gap:6px;min-width:max-content}
html.fleet-phone-landscape #nativeSettings #lynqUserManagement .lynq-settings__tab{min-height:44px;padding:8px 14px;width:auto;flex:0 0 auto}
html.fleet-phone-landscape #nativeEcoScoring{padding:6px}
html.fleet-phone-landscape #nativeFahrtenbuch{padding:6px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-stage{padding:12px 14px 22px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-summary{gap:8px;margin-top:10px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-summary-card{padding:12px;min-height:0}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-summary-card strong{font-size:22px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-unit-context{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);padding:10px;gap:10px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-unit-context>button{grid-column:auto}
html.fleet-phone-landscape #nativeAlerts #lynqAlertsCenter .lynq-alerts-center__content,
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support__content{padding:12px 16px 24px}
html.fleet-phone-landscape #nativeAlerts .fleet-alert-hub-tabs{margin-bottom:12px}
html.fleet-phone-landscape #nativeAlerts .fleet-alert-hub-tabs button{min-height:44px;padding:8px;font-size:13px}
html.fleet-phone-landscape #nativeAlerts .fleet-alert-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html.fleet-phone-landscape #nativeAlerts .fleet-alert-hub-card{padding:14px;gap:10px}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-hero{gap:16px;margin-bottom:12px}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-hero h2{font-size:24px}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-workspace{min-height:280px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport :is(.lynq-support-state,.lynq-support-empty) p{font-size:15px;line-height:1.5}
html.fleet-phone-landscape #nativeAccount .lynq-account__content{padding:12px 16px 24px}
html.fleet-phone-landscape #nativeAccount .tracker-certificates-account{padding:16px;margin-top:12px}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business__stage{padding:14px 18px 24px}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business-welcome{min-height:0;gap:18px;align-content:start}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business-welcome__copy h2{font-size:28px;line-height:1.15;margin:6px 0 10px}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business-welcome__lead{font-size:15px;line-height:1.5}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business-intro textarea{min-height:84px}
html.fleet-phone-landscape #nativeBusiness #lynqBusinessDiscovery .lynq-business-gate{margin:24px auto}

/* Compact summaries leave room for the working list on a short screen. */
html.fleet-phone-landscape #nativeMaintenance .mt-header{flex-direction:row}
html.fleet-phone-landscape #nativeMaintenance .mt-header-actions{width:auto}
html.fleet-phone-landscape #nativeMaintenance .mt-status:empty{min-height:0;margin:4px 0}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .lynq-eco-driving__body{padding:10px 12px}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpis{grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:6px}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpi{min-height:74px;padding:8px;gap:6px}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpi--summary{grid-column:auto}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpi-icon{width:26px;height:26px}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpi-face{width:22px;height:22px}
html.fleet-phone-landscape #nativeEcoScoring #lynqEcoDriving .fleet-score__kpi-value{font-size:22px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-pilot{min-height:0;padding:9px 12px;gap:10px;grid-template-columns:1fr auto}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-pilot>.material-icons{display:none}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-unit-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 14px;margin-top:8px}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-unit-context__icon{display:none}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-unit-context label{grid-column:1;grid-row:1 / span 2}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch :is(.fb-unit-context__detail,.fb-unit-context__mode){grid-column:2}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-title-row{padding:14px 2px 12px;gap:12px;align-items:center}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-title-row h2{font-size:24px}
html.fleet-phone-landscape #nativeAlerts #lynqAlertsCenter .lynq-alerts-center__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html.fleet-phone-landscape #nativeAccount #lynqFleetAccount .lynq-account__intro{margin-bottom:12px}
html.fleet-phone-landscape #nativeAccount #lynqFleetAccount .lynq-account__intro h2{font-size:24px}
html.fleet-phone-landscape #nativeAccount #lynqFleetAccount .lynq-account__summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html.fleet-phone-landscape #nativeAccount #lynqFleetAccount .lynq-account-card{padding:14px;min-height:0;grid-template-columns:minmax(0,1fr);gap:8px}
html.fleet-phone-landscape #nativeAccount #lynqFleetAccount .lynq-account-card__icon{display:none}

/* The selected trip uses the width: its map and detail remain visible together. */
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-wrap.tr-wrap--viewer-open:not(.tr-wrap--viewer-expanded){flex-direction:row!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-wrap.tr-wrap--viewer-open:not(.tr-wrap--viewer-expanded) .tr-viewer{flex:1 1 58%!important;width:58%!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:none!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-wrap.tr-wrap--detail-bottom:not(.tr-wrap--viewer-expanded) .tr-trip-detail-panel{flex:0 0 42%!important;width:42%!important;min-width:0!important;height:100%!important;border-top:0;border-left:1px solid #e2e8ef}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-trip-detail-panel__content{padding:6px 8px!important;overflow:auto!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-title{font-size:16px!important;line-height:22px!important}
html.fleet-phone-landscape #nativeReports #lynqGeozoneReportsUnified .gz-title{font-size:16px!important}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-title-row{flex-direction:row;text-align:left}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-title-row__actions{width:auto;flex:0 0 auto}
html.fleet-phone-landscape #nativeFahrtenbuch #lynqFahrtenbuch .fb-title-row p{font-size:13px}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-wrap.tr-wrap--viewer-open:not(.tr-wrap--viewer-expanded) .tr-main{flex-direction:row!important;gap:0!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified .tr-wrap.tr-wrap--viewer-open .tr-viewer{flex-direction:column!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-top{height:64px!important;min-height:64px!important;max-height:64px!important;flex:0 0 64px!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-toolbar{display:flex!important;height:64px!important;min-height:64px!important;padding:0!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-toolbar>:not(.tr-selected-header--mobile){display:none!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-selected-header--mobile{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:64px!important;padding:6px 10px!important}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-selected-header--mobile .tr-selected-header__main{display:flex!important;align-items:center;justify-content:space-between;gap:12px;height:100%}
html.fleet-phone-landscape #nativeReports #lynqReportsUnified.is-trip-selected .tr-wrap{height:100%!important}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-hero{flex-direction:row;align-items:center}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-hero__actions{width:auto;flex:0 0 auto}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-summary-card{padding:12px;gap:10px;min-height:0}
html.fleet-phone-landscape #nativeSupport #lynqFleetSupport .lynq-support-workspace :is(.lynq-support-tickets,.lynq-support-detail){display:flex;min-width:0;min-height:280px}
html.fleet-phone-landscape #nativeMaintenance .mt-summary-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}