/* Shared app surfaces. Important declarations in this layer take precedence over
   legacy, unlayered page overrides without escalating selector specificity.
   The runtime class limits these rules to the client mobile experience. */
@layer creek-mobile-pages {
  /* Hide scroll indicators without changing each page's scrolling behavior. */
  html:has(body.cmt-design-enabled),body.cmt-design-enabled,body.cmt-design-enabled * {scrollbar-width:none!important;-ms-overflow-style:none!important}
  html:has(body.cmt-design-enabled)::-webkit-scrollbar,body.cmt-design-enabled::-webkit-scrollbar,body.cmt-design-enabled *::-webkit-scrollbar {display:none!important;width:0!important;height:0!important}
  @media(max-width:760px) {
    html,body,body * {scrollbar-width:none!important;-ms-overflow-style:none!important}
    html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar {display:none!important;width:0!important;height:0!important}
  }
  body.cmt-design-enabled {
    --cf-app-card-radius:6px; --cf-app-control-radius:4px; --cf-app-card-shadow:0 2px 8px #2021240d;
    --cf-text:#202124; --cf-muted:#656970; --cf-border:#e1e3e6;
    --panel:#fff; --panel-soft:#f6f6f6; --ink:#202124; --muted:#656970;
    background:#fff!important;
  }
  body.cmt-design-enabled .dashboard-main {
    background:#fff!important;padding:18px 16px calc(28px + env(safe-area-inset-bottom))!important;
  }
  /* New native shells reserve the tab bar outside the WebView. Older apps and
     mobile browsers keep the existing web bar and its layout offsets. */
  body.cmt-design-enabled.cmt-native-tabs .cmt-primary-nav {display:none!important}
  body.cmt-design-enabled.cmt-native-tabs .cmt-sheet {bottom:0!important}
  body.cmt-design-enabled.cmt-native-tabs .dashboard-main {padding-bottom:28px!important}
  body.cmt-design-enabled .app-topbar {display:none!important}
  body.cmt-design-enabled .left-sidebar {background:#fff!important;box-shadow:none!important;border-bottom:1px solid #e1e3e6!important}
  body.cmt-design-enabled :is(#cf-global-menu,.cmt-page-menu,.cmt-toolbar .cmt-round) {border-radius:0!important;box-shadow:none!important;background:#fff!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog) {color:#202124!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox) {min-width:0!important;padding:0!important}
  body.cmt-design-enabled :is(.cf-page-heading,.panel-heading,.cf-mobile-settings-heading) {margin:0 0 18px!important;gap:10px!important}
  body.cmt-design-enabled :is(.cf-page-heading h1,.panel-heading h2,.cf-mobile-settings-heading h1,#cf-inbox-title) {font-size:24px!important;line-height:1.25!important;font-weight:500!important;letter-spacing:-.4px!important;color:#202124!important;margin:0!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(h2,h3) {font-size:17px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:600!important;color:#202124!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(p,.muted-note) {font-size:14px!important;line-height:1.5!important;color:#656970!important;overflow-wrap:anywhere}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox) :is(.cf-card,.dashboard-panel,.settings-panel,.hardware-panel,.new-side-card,.cf-workspace-toolbar,.cf-client-options,.cf-device-group,.pl-card,.metric-card,.mc-northstar-card,.overview-map-panel,.overview-recs-panel,.fi-attention-card,.cf-listings-card,.cf-priority-card,.cf-rules-card,.cf-audit-filter-card) {
    border:1px solid #e1e3e6!important;border-radius:var(--cf-app-card-radius)!important;box-shadow:var(--cf-app-card-shadow)!important;background:#fff!important;min-width:0!important;padding:16px!important;
  }
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox) :is(.cf-card-head,.settings-panel-title) {padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid #e1e3e6!important}
  body.cmt-design-enabled :is(.settings-grid,.cf-dashboard-grid,.cf-split-wide) {gap:16px!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog,.cmt-root) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;min-height:44px!important;border:1px solid #d6d9dd!important;border-radius:var(--cf-app-control-radius)!important;box-shadow:none!important;background:#fff!important;color:#202124!important;padding:10px 12px!important;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  }
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog,.cmt-root) :is(input,textarea)::placeholder {color:#777b82!important;opacity:1!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) label {font-size:14px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#656970!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(input,select,textarea):disabled {background:#f6f6f6!important;color:#656970!important;opacity:1!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog) button:not(.cf-inbox-open-row):not(.cmt-vehicle-option):not(.cmt-menu-row):not(.cmt-round) {
    border-radius:var(--cf-app-control-radius)!important;box-shadow:none!important;font:500 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;min-height:44px!important;height:auto!important;max-width:100%!important;white-space:normal!important;
  }
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(.btn-secondary,.secondary,.cvo-secondary) {background:#fff!important;border:1px solid #d6d9dd!important;color:#202124!important;padding:10px 12px!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(.btn-primary,.cvo-primary) {background:#ff3600!important;border:1px solid #ff3600!important;color:#fff!important;padding:10px 12px!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) button:disabled {opacity:.5!important;cursor:default!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog) :is(button,a,select,summary):focus-visible {outline:2px solid #ff3600!important;outline-offset:-3px!important}
  body.cmt-design-enabled :is(.cl-view,dialog) :is(.cf-pill,.role-badge,.creek-sec-verification,.creek-method-controls,.cvo-step,.cvo-coverage,.cvo-dropzone) {border-radius:0!important;box-shadow:none!important}

  /* Mobile panels occupy the available screen, including short lists and empty states. */
  body.cmt-design-enabled .cmt-overlay {inset:0!important;align-items:stretch!important;padding:0!important;overflow:hidden!important;overscroll-behavior:contain!important}
  body.cmt-design-enabled .cmt-overlay[hidden] {display:none!important}
  body.cmt-design-enabled .cmt-navigation-host {overflow:hidden!important}
  body.cmt-design-enabled .cmt-dialog:not(.cmt-navigation) {box-sizing:border-box!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
  body.cmt-design-enabled .cmt-dialog:not(.cmt-navigation)>header {position:sticky!important;top:0!important;z-index:2!important;display:flex!important;justify-content:space-between!important;gap:12px!important;height:auto!important;min-height:68px!important;margin:0 -16px 16px!important;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;background:#fff!important;border-bottom:1px solid #e1e3e6!important}
  body.cmt-design-enabled .cmt-dialog:not(.cmt-navigation)>header h2 {order:-1!important;font-size:20px!important;line-height:1.3!important;font-weight:500!important;letter-spacing:-.3px!important;margin:0!important}
  body.cmt-design-enabled :is(.cmt-dialog>header .cmt-round,.creek-sec-heading [data-close],.cvo-close,.modal-close) {width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;flex:0 0 44px!important;padding:10px!important;margin:0!important;background:#fff!important;border:1px solid #e1e3e6!important;border-radius:0!important;color:#202124!important;box-shadow:none!important}
  body.cmt-design-enabled .cmt-dialog>header .cmt-round svg {width:20px!important;height:20px!important}
  body.cmt-design-enabled .cmt-dialog .cmt-vehicle-option {padding:12px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:3px 10px!important}
  body.cmt-design-enabled .cmt-dialog .cmt-vehicle-option>span:not(.cmt-make-badge) {font-size:15px!important;line-height:1.35!important}
  body.cmt-design-enabled .cmt-dialog .cmt-vehicle-option small {font-size:12px!important;line-height:1.4!important}
  body.cmt-design-enabled .cmt-dialog .cmt-vehicle-option .cmt-vehicle-updated {font-size:11px!important}
  body.cmt-design-enabled .cmt-dialog .cmt-make-badge {width:32px!important;height:32px!important;min-width:32px!important}
  body.cmt-design-enabled .cmt-dialog>.cmt-search {margin:0 0 14px!important;width:100%!important}
  body.cmt-design-enabled .cmt-dialog>button:not(.cmt-menu-row) {display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #d6d9dd!important;width:100%!important}
  body.cmt-design-enabled .cmt-dialog:not(.cmt-navigation) .cmt-menu-row {border-radius:0!important;box-shadow:none!important;border-bottom:1px solid #e1e3e6!important;background:#fff!important;padding:12px!important;font-size:14px!important}

  body.cmt-design-enabled :is(.creek-sec-heading [data-close],.cvo-close) {font-size:24px!important;line-height:1!important}
  body.cmt-design-enabled #cl-settings-section #cf-tracking-device-settings>h2 {padding:14px!important;margin:0!important}
  body.cmt-design-enabled #cl-settings-section #cf-tracking-device-settings summary {padding:12px 14px!important;min-height:48px!important;font-size:14px!important}

  /* Notifications keep filters together and put the inbox directly below. */
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-controls {padding:12px!important;margin:0 0 16px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-control-top {gap:10px!important;margin:0 0 12px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;border:1px solid #d6d9dd!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button {margin:0!important;padding:10px 4px!important;border:0!important;border-right:1px solid #d6d9dd!important;background:#fff!important;color:#202124!important;cursor:pointer;touch-action:manipulation;transition:background-color .12s ease,color .12s ease,transform .12s ease}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button:active:not(:disabled) {transform:scale(.97);background:#e9e9ed!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button[aria-pressed=true]:active:not(:disabled) {background:#3a3a3c!important}
  @media(prefers-reduced-motion:reduce) {body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button {transition:none;transform:none!important}}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button:last-child {border-right:0!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-tabs button[aria-pressed=true] {background:#242424!important;color:#fff!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-toolbar {width:100%!important;gap:8px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-toolbar button {font-size:12px!important;padding:8px 10px!important;flex:1!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-filters {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-filters label {min-width:0!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-row {border-radius:0!important;box-shadow:none!important;padding:12px!important;margin:0!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-row h3 {font-size:14px!important;font-weight:600!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-list-card .cf-pill {background:#f5f5f5!important;color:#656970!important;font-size:12px!important;border-radius:0!important;padding:5px 8px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-rows>p {padding:16px 0!important;margin:0!important;font-size:14px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-more-menu {border-radius:0!important;box-shadow:none!important;border:1px solid #d6d9dd!important}

  /* Settings are account controls; date/export tools belong to data pages. */
  body.cmt-design-enabled #cl-settings-section .cf-workspace-toolbar {display:none!important}
  body.cmt-design-enabled #cl-settings-section .cf-mobile-settings-heading p {margin:6px 0 0!important}
  body.cmt-design-enabled #cl-settings-section :is(#cf-mobile-notification-settings,#cf-tracking-device-settings) {border-radius:var(--cf-app-card-radius)!important;box-shadow:var(--cf-app-card-shadow)!important;background:#fff!important;margin:0 0 16px!important;border:1px solid #e1e3e6!important;padding:0!important}
  body.cmt-design-enabled #cl-settings-section #cf-mobile-notification-settings button {min-height:48px!important;width:100%!important;border:0!important;padding:12px 14px!important;font-size:14px!important}
  body.cmt-design-enabled #cl-settings-section #cf-tracking-device-settings>summary {min-height:48px!important;padding:12px 14px!important;font-size:14px!important;line-height:1.5!important;color:#202124!important}
  body.cmt-design-enabled #cl-settings-section .settings-form {gap:14px!important}
  body.cmt-design-enabled #cl-settings-section .settings-panel-title {font-size:16px!important}
  body.cmt-design-enabled #cl-settings-section .form-group {gap:6px!important;margin:0!important}
  body.cmt-design-enabled #cl-settings-section .settings-info-row {padding:10px 0!important;font-size:13px!important;min-height:40px!important}
  body.cmt-design-enabled .cl-view .cf-client-options {padding:0!important;margin:0 0 14px!important}
  body.cmt-design-enabled .cl-view .cf-client-options>summary {min-height:48px!important;padding:12px 14px!important;font-size:14px!important;line-height:1.5!important}
  body.cmt-design-enabled .cl-view .cf-client-options>.cf-card {margin:0!important;border-width:1px 0 0!important}

  /* Account protection, support, documents and vehicle setup use the same forms. */
  body.cmt-design-enabled :is(dialog,.modal-card) {box-sizing:border-box!important;position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;transform:none!important;overscroll-behavior:contain!important}
  body.cmt-design-enabled .modal-overlay {padding:0!important;align-items:stretch!important}
  body.cmt-design-enabled :is(.creek-sec-account,.cvo) {padding:0!important}
  body.cmt-design-enabled :is(.creek-sec-account,.cvo)[open] {display:flex!important;flex-direction:column!important;overflow:hidden!important}
  body.cmt-design-enabled .creek-sec-heading {flex:0 0 auto!important;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;margin:0!important;border-bottom:1px solid #e1e3e6!important;gap:12px!important}
  body.cmt-design-enabled :is(.creek-sec-heading,.cvo>header,.modal-head) h2 {font-size:20px!important;font-weight:500!important;line-height:1.3!important;letter-spacing:-.3px!important}
  body.cmt-design-enabled .creek-sec-body {flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:16px 16px calc(20px + env(safe-area-inset-bottom))!important}
  body.cmt-design-enabled .creek-sec-card {padding:16px!important;border:1px solid #e1e3e6!important;border-radius:var(--cf-app-card-radius)!important;box-shadow:var(--cf-app-card-shadow)!important;margin:0 0 14px!important;background:#fff!important}
  body.cmt-design-enabled .creek-sec-card h3 {font-size:16px!important;line-height:1.4!important}
  body.cmt-design-enabled .creek-sec-account .creek-sec-actions {grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  body.cmt-design-enabled .creek-sec-account [data-share] {grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin-top:14px!important}
  body.cmt-design-enabled .creek-sec-account [data-share]>button {background:#ff3600!important;color:#fff!important}
  body.cmt-design-enabled .creek-sec-account .creek-sec-more {margin:12px 0 0!important}
  body.cmt-design-enabled .creek-sec-more>summary {min-height:44px!important;padding:10px 0!important;font-size:13px!important}
  body.cmt-design-enabled .creek-sec-body>.creek-sec-manage {margin:0 0 14px!important}
  body.cmt-design-enabled #cf-support-dialog {padding:0 16px calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important}
  body.cmt-design-enabled #cf-support-dialog .cf-support-dialog-head {position:sticky!important;top:0!important;z-index:2!important;margin:0 -16px 16px!important;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;background:#fff!important;border-bottom:1px solid #e1e3e6!important}
  body.cmt-design-enabled #cf-support-heading {font-size:20px!important;line-height:1.3!important;font-weight:500!important}
  body.cmt-design-enabled #cf-support-dialog form {gap:12px!important}
  body.cmt-design-enabled .cvo>header {flex:0 0 auto!important;padding:calc(12px + env(safe-area-inset-top)) 16px 12px!important;gap:12px!important;border-bottom:1px solid #e1e3e6!important;background:#fff!important}
  body.cmt-design-enabled .cvo>main {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px 16px calc(20px + env(safe-area-inset-bottom))!important}
  body.cmt-design-enabled .cvo .cvo-actions {position:static!important;padding:12px 0 0!important;background:#fff!important}
  body.cmt-design-enabled .cvo :is(fieldset,.cvo-choice,.cvo-document,.cvo-stepper,.cvo-summary) {border-radius:0!important;box-shadow:none!important}

  @media (max-width:400px) {
    body.cmt-design-enabled .cvo .cvo-grid {grid-template-columns:minmax(0,1fr)!important}
  }

  @media (hover:hover) {
    body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) :is(.btn-primary,.btn-secondary,.secondary,.cvo-primary,.cvo-secondary):hover:not(:disabled) {background:#ff3600!important;border-color:#ff3600!important;color:#fff!important}
  }
}

/* Keep navigation available in full-screen workspace pages and their headers. */
.cmt-dialog-menu {display:none}
@layer creek-mobile-pages {
  body.cmt-design-enabled :is(.cmt-dialog,dialog.creek-sec-account,#cf-support-dialog,dialog.cvo) .cmt-has-navigation {display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
  body.cmt-design-enabled :is(.cmt-dialog,dialog.creek-sec-account,#cf-support-dialog,dialog.cvo) .cmt-has-navigation>:is(h2,.cmt-vehicle-heading) {grid-column:2!important;order:0!important;min-width:0!important;margin:0!important;text-align:left!important}
  body.cmt-design-enabled :is(.cmt-dialog,dialog.creek-sec-account,#cf-support-dialog,dialog.cvo) .cmt-has-navigation>button {grid-column:3!important;order:1!important;min-width:44px!important;min-height:44px!important}
  body.cmt-design-enabled :is(.cmt-dialog,dialog.creek-sec-account,#cf-support-dialog,dialog.cvo) .cmt-has-navigation>.cmt-dialog-menu {display:grid!important;place-items:center!important;grid-column:1!important;order:-1!important;width:44px!important;height:44px!important;padding:10px!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#252528!important;box-shadow:none!important;cursor:pointer}
  body.cmt-design-enabled .cmt-dialog-menu svg {display:block!important;width:24px!important;height:24px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  body.cmt-design-enabled .cmt-dialog-menu>span {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
}


/* Reference style shared by tracking, fleet lists, account and utility screens.
   Full-screen page shells remain edge-to-edge; only content cards have corners. */
@layer creek-mobile-pages {
  body.cmt-design-enabled :is(.cmt-fleet-summary,.cmt-profile-identity) {
    border-radius:var(--cf-app-card-radius)!important;
    background:#242424!important;color:#fff!important;
    box-shadow:var(--cf-app-card-shadow)!important;
  }
  body.cmt-design-enabled .cmt-profile-identity :is(strong,small) {color:#fff!important}
  body.cmt-design-enabled .cmt-fleet-summary p {color:#e0e0e0!important}
  body.cmt-design-enabled :is(.cmt-vehicle-list,.cmt-fleet-list,.cmt-menu-group,.cmt-vehicle-actions,.cmt-vehicle-info,.cmt-key-readings,.cmt-trip-list,.cf-inbox-list-card) {
    border:1px solid #e1e3e6!important;border-radius:var(--cf-app-card-radius)!important;
    background:#fff!important;box-shadow:var(--cf-app-card-shadow)!important;
  }
  body.cmt-design-enabled :is(.cmt-vehicle-list,.cmt-fleet-list,.cmt-menu-group,.cmt-vehicle-actions) {overflow:hidden}
  body.cmt-design-enabled .cmt-sheet:not(.expanded) {
    border-radius:12px!important;box-shadow:0 3px 12px #20212412!important;
  }
  body.cmt-design-enabled :is(.cmt-primary-action,.cmt-details,.cmt-menu-logout,.cmt-picker,.cmt-back-map,.cmt-day-step,.cmt-map-controls .cmt-round) {
    border-radius:var(--cf-app-control-radius)!important;
  }
  body.cmt-design-enabled .cmt-dialog .cmt-menu-row {font-weight:500!important;min-height:48px!important}
  body.cmt-design-enabled .cmt-vehicle-action>span {font-size:15px!important}
  body.cmt-design-enabled .cmt-vehicle-action small {font-size:13px!important;line-height:1.5!important}
  body.cmt-design-enabled :is(.cmt-readings,.cmt-date-form,.cmt-settings) {font-size:14px!important;line-height:1.5!important}
  body.cmt-design-enabled .cmt-readings>div {font-size:14px!important;padding:12px 0!important}
  body.cmt-design-enabled :is(.cmt-key-readings,.cmt-trip-totals) strong {font-variant-numeric:tabular-nums}
  /* Neutral input focus wins over legacy important focus rules in this layer. */
  body.cmt-design-enabled :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=color]),textarea,[contenteditable="true"]):is(:focus,:focus-visible) {
    outline:none!important;box-shadow:none!important;border-color:#656970!important;
  }
}

@layer creek-mobile-pages {
  body.cmt-design-enabled .cmt-overview h1 {font:500 24px/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#202124!important;letter-spacing:-.4px!important}
  body.cmt-design-enabled .cmt-overview h2 {font:600 17px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#202124!important;letter-spacing:0!important}
}


/* Private Email reference: calm system typography and inset, grouped surfaces.
   Keep this in the existing layer so it wins consistently in iOS WebView and Safari. */
@layer creek-mobile-pages {
  body.cmt-design-enabled {
    --cf-app-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",sans-serif;
    --cf-app-card-radius:20px;--cf-app-control-radius:12px;--cf-app-card-shadow:none;
    --cf-text:#2c2c2e;--cf-muted:#6c6c70;--cf-border:#e5e5e7;
    font:400 16px/1.5 var(--cf-app-font)!important;background:#f7f7f9!important;
    -webkit-text-size-adjust:100%;
  }
  body.cmt-design-enabled :is(.dashboard-main,.cmt-root,.cmt-overview,.cmt-dialog,.cl-view,#cf-notification-inbox,dialog,.modal-card),
  body.cmt-design-enabled :is(button,input,select,textarea,label,p,small,span,a,th,td,h1,h2,h3,h4,strong,summary,dt,dd) {font-family:var(--cf-app-font)!important;letter-spacing:normal!important}
  body.cmt-design-enabled :is(.dashboard-main,.cmt-dialog:not(.cmt-navigation)) {background:#f7f7f9!important}
  body.cmt-design-enabled :is(.cmt-overview h1,.cf-page-heading h1,.panel-heading h2,.cf-mobile-settings-heading h1,#cf-inbox-title) {font-size:24px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:-.5px!important;color:#2c2c2e!important}
  body.cmt-design-enabled :is(.cmt-dialog>header h2,.cmt-navigation>header h2,.creek-sec-heading h2,.cvo>header h2,.modal-head h2,#cf-support-heading) {font-size:22px!important;font-weight:650!important;line-height:1.3!important;letter-spacing:-.4px!important}
  body.cmt-design-enabled :is(.cmt-overview h2,.cmt-root .cmt-body h3,.settings-panel-title,.cl-view h3,.creek-sec-card h3) {font-size:17px!important;font-weight:600!important;line-height:1.4!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog,.cmt-root) :is(p,.muted-note) {font-size:15px!important;font-weight:400!important;line-height:1.5!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card) label {font-size:15px!important;font-weight:400!important;color:#6c6c70!important}
  body.cmt-design-enabled :where(.cl-view,#cf-notification-inbox,dialog,.modal-card,.cmt-dialog) button:not(.cmt-round) {font-size:16px!important;font-weight:500!important;line-height:1.4!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-root) .cmt-vehicle-option>span:not(.cmt-make-badge),
  body.cmt-design-enabled .cmt-fleet-list .cmt-vehicle-option>span:not(.cmt-make-badge),
  body.cmt-design-enabled .cmt-root .cmt-vehicle-title h2 {font-size:17px!important;font-weight:600!important;line-height:1.35!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option small {font-size:13px!important;line-height:1.45!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option .cmt-vehicle-updated {font-size:12px!important}
  body.cmt-design-enabled :is(.cmt-fleet-list,.cmt-vehicle-list,.cmt-vehicle-actions,.cmt-vehicle-info,.cmt-key-readings,.cmt-menu-group) {border:0!important;box-shadow:none!important}
  body.cmt-design-enabled :is(.cmt-fleet-list,.cmt-vehicle-list) .cmt-vehicle-option {padding:16px!important;gap:3px 12px!important;border-bottom-color:#e5e5e7!important}
  body.cmt-design-enabled :is(.cmt-readings>div,.cmt-action-row,.settings-info-row,.cmt-vehicle-info>summary) {font-size:16px!important;font-weight:400!important;line-height:1.5!important}
  body.cmt-design-enabled .cmt-vehicle-action>span {font-size:16px!important;font-weight:400!important}
  body.cmt-design-enabled .cmt-key-readings strong {font-size:17px!important;font-weight:600!important}
  body.cmt-design-enabled :is(.cmt-key-readings span,.cmt-health small,.cmt-status,.cmt-status strong,.cmt-vehicle-title p) {font-size:13px!important}
  body.cmt-design-enabled .cmt-primary-nav button {font-size:12px!important;font-weight:500!important}
  body.cmt-design-enabled .cmt-tabs button {font-size:14px!important;font-weight:500!important}
  body.cmt-design-enabled :is(.cmt-dialog>header,.cmt-navigation>header) {background:#f7f7f9!important;border-bottom:0!important;margin-bottom:12px!important}
  body.cmt-design-enabled :is(.cmt-dialog>header .cmt-round,.creek-sec-heading [data-close],.cvo-close,.modal-close) {border:0!important;background:transparent!important;border-radius:50%!important}
  body.cmt-design-enabled .cmt-dialog>header .cmt-round svg {width:24px!important;height:24px!important}
  body.cmt-design-enabled .cmt-navigation {width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)!important;background:#f7f7f9!important;overflow:hidden!important}
  body.cmt-design-enabled .cmt-navigation>header {position:static!important;flex:0 0 64px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:0!important}
  body.cmt-design-enabled .cmt-navigation>.cmt-profile-identity {flex:0 0 auto!important;display:grid!important;gap:3px!important;margin:8px 0 24px!important;padding:18px!important;border:0!important;border-radius:20px!important;background:#fff!important;color:#2c2c2e!important}
  body.cmt-design-enabled .cmt-navigation .cmt-profile-identity strong {color:#2c2c2e!important;font-size:18px!important;line-height:1.4!important;font-weight:600!important}
  body.cmt-design-enabled .cmt-navigation .cmt-profile-identity small {color:#6c6c70!important;font-size:14px!important;font-weight:400!important}
  body.cmt-design-enabled .cmt-navigation .cmt-account-label {color:#6c6c70!important;font-size:13px!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-content {flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 0 12px!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-section {margin:0 0 24px!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-group-title {font-size:16px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important;color:#6c6c70!important;padding:0 12px!important;margin:0 0 10px!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-group {border:0!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important;padding:0 12px!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-group .cmt-menu-row {display:grid!important;grid-template-columns:24px minmax(0,1fr) 16px!important;align-items:center!important;gap:12px!important;min-height:56px!important;width:100%!important;padding:14px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid #e5e5e7!important;border-radius:0!important;background:#fff!important;color:#2c2c2e!important;font-size:17px!important;line-height:1.4!important;font-weight:400!important;text-align:left!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-group .cmt-menu-row:last-child {border-bottom:0!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-row>span {grid-column:2!important;grid-row:1!important;min-width:0!important;overflow-wrap:anywhere!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-row>svg {grid-column:1!important;grid-row:1!important;display:block!important;width:24px!important;height:24px!important;stroke-width:1.8!important;color:currentColor!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-row>svg.cmt-menu-chevron {grid-column:3!important;grid-row:1!important;width:16px!important;height:16px!important;color:#8e8e93!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-group .cmt-menu-row[aria-current=page] {color:#c52f06!important;background:#fff5f1!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-footer {position:static!important;flex:0 0 auto!important;padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important;border:0!important;margin:0!important;background:#f7f7f9!important;box-shadow:none!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-footer .cmt-menu-logout {display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;width:100%!important;border:0!important;border-radius:14px!important;background:#ff3600!important;color:#fff!important;font-size:16px!important;font-weight:500!important}
  body.cmt-design-enabled .cmt-navigation .cmt-menu-logout svg {display:block!important;width:22px!important;height:22px!important}
  body.cmt-design-enabled #cl-settings-section :is(#cf-mobile-notification-settings button,#cf-tracking-device-settings>summary) {font-size:17px!important;font-weight:400!important;min-height:56px!important;padding:16px!important}
  body.cmt-design-enabled #cl-settings-section .settings-panel-title {font-size:17px!important;font-weight:600!important}
  body.cmt-design-enabled #cl-settings-section .settings-info-row {font-size:15px!important}
  body.cmt-design-enabled #cf-notification-inbox .cf-inbox-row h3 {font-size:16px!important;font-weight:600!important}
  body.cmt-design-enabled .cmt-text-action {font-size:14px!important;font-weight:500!important}
  @media(hover:hover) {body.cmt-design-enabled .cmt-navigation .cmt-menu-group .cmt-menu-row:hover {background:#fff5f1!important;color:#c52f06!important}}
  @media(max-width:360px) {body.cmt-design-enabled .cmt-navigation {padding-left:16px!important;padding-right:16px!important}body.cmt-design-enabled .cmt-navigation .cmt-menu-group .cmt-menu-row {font-size:16px!important;gap:10px!important}}
}

/* Compact vehicle selector, shared with the overview's vehicle list. */
@layer creek-mobile-pages {
  body.cmt-design-enabled .cmt-dialog.cmt-vehicles-dialog {padding-left:12px!important;padding-right:12px!important;outline:none!important}
  body.cmt-design-enabled #cmt-vehicles-dialog>header {align-items:center!important;min-height:64px!important;margin:0 -12px 8px!important;padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important;background:#f7f7f9!important;border:0!important}
  body.cmt-design-enabled .cmt-vehicles-dialog .cmt-vehicle-heading {min-width:0!important;order:-1!important}
  body.cmt-design-enabled .cmt-vehicles-dialog .cmt-vehicle-heading h2 {font-size:23px!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.6px!important}
  body.cmt-design-enabled .cmt-vehicles-dialog>header .cmt-round {background:transparent!important;border:0!important;box-shadow:none!important;color:#252528!important}
  body.cmt-design-enabled .cmt-vehicles-dialog>header .cmt-round:not(:focus-visible) {outline:none!important}
  body.cmt-design-enabled .cmt-vehicles-dialog>header .cmt-round:focus-visible {outline:2px solid #656970!important;outline-offset:-3px!important}
  body.cmt-design-enabled .cmt-vehicles-dialog>header .cmt-round svg {width:21px!important;height:21px!important;stroke-width:1.8!important}
  body.cmt-design-enabled .cmt-vehicle-search {position:relative!important;margin:0 8px 14px!important}
  body.cmt-design-enabled .cmt-vehicle-search>svg {position:absolute!important;top:14px!important;left:13px!important;width:18px!important;height:18px!important;color:#73737b!important;pointer-events:none!important}
  body.cmt-design-enabled #cmt-vehicles-dialog .cmt-vehicle-search input.cmt-search {width:100%!important;height:46px!important;min-height:46px!important;border:1px solid transparent!important;border-radius:12px!important;background:#eeeef1!important;margin:0!important;padding:0 12px 0 40px!important;font-size:16px!important}
  body.cmt-design-enabled .cmt-vehicles-dialog .cmt-vehicle-list {border-radius:19px!important;background:#fff!important}
  body.cmt-design-enabled .cmt-vehicle-option {position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-height:92px!important;width:100%!important;margin:0!important;padding:16px 14px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#252528!important;box-shadow:none!important;text-align:left!important;white-space:normal!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option {grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;padding:16px 14px!important}
  body.cmt-design-enabled .cmt-vehicle-option+.cmt-vehicle-option::before {content:'';position:absolute;top:0;left:62px;right:14px;height:1px;background:#e9e9ed}
  body.cmt-design-enabled .cmt-vehicle-option[aria-pressed=true] {border:0!important;background:#fff6f1!important;outline:none!important}
  body.cmt-design-enabled .cmt-vehicle-option:focus-visible {outline:2px solid #656970!important;outline-offset:-3px!important}
  body.cmt-design-enabled .cmt-vehicle-option>.cmt-list-vehicle-icon {grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;align-self:start!important;width:36px!important;height:36px!important;margin:2px 0 0!important;border-radius:11px!important;background:#f0f0f3!important;color:#73737b!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-list-vehicle-icon svg {grid-row:auto!important;display:block!important;width:21px!important;height:21px!important;color:inherit!important;stroke-width:1.65!important}
  body.cmt-design-enabled .cmt-vehicle-option[aria-pressed=true]>.cmt-list-vehicle-icon {background:#fff!important;color:#d93200!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option>.cmt-vehicle-copy {display:block!important;grid-column:2!important;min-width:0!important;font-size:16px!important;line-height:1.4!important;font-weight:400!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-top {display:flex!important;align-items:baseline!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:5px 8px!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-name {min-width:0!important;font-size:16px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.25px!important;overflow-wrap:anywhere!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status {display:inline-flex!important;align-items:center!important;gap:5px!important;padding:3px 7px!important;border-radius:7px!important;font-size:11px!important;line-height:1.4!important;font-weight:500!important;color:#656570!important;background:#f0f0f3!important;white-space:nowrap!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status::before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status[data-activity="No GPS"],
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status[data-activity=Idle] {background:#fff2df!important;color:#91600f!important}
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status[data-activity=Moving],
  body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-status[data-activity=Parked] {background:#edf6ef!important;color:#39704a!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option .cmt-vehicle-meta {display:block!important;margin:3px 0 0!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important;color:#73737b!important}
  body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option .cmt-vehicle-updated {display:block!important;margin:4px 0 0!important;font-size:12px!important;line-height:1.4!important;font-weight:400!important;color:#73737b!important}
  body.cmt-design-enabled .cmt-vehicles-dialog .cmt-vehicle-count {margin:16px 0 8px!important;text-align:center!important;font-size:12px!important;line-height:1.4!important;color:#73737b!important}
  @media(hover:hover) {body.cmt-design-enabled .cmt-vehicle-option:hover {background:#fafafa!important}body.cmt-design-enabled .cmt-vehicle-option[aria-pressed=true]:hover {background:#fff6f1!important}}
  @media(max-width:360px) {
    body.cmt-design-enabled :is(.cmt-dialog,.cmt-fleet-list) .cmt-vehicle-option {grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;padding:14px 11px!important}
    body.cmt-design-enabled .cmt-vehicle-option>.cmt-list-vehicle-icon {width:30px!important;height:34px!important}
    body.cmt-design-enabled .cmt-vehicle-option .cmt-vehicle-name {font-size:15px!important}
    body.cmt-design-enabled .cmt-vehicle-option+.cmt-vehicle-option::before {left:50px}
  }
}