body[data-page="public-transport-request"] {
  min-width: 0;
  overflow-x: clip;
  background: var(--mdr-bg, #F4F6F5) !important;
  color: var(--mdr-text, #18231E);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

body[data-page="public-transport-request"] *,
body[data-page="public-transport-request"] *::before,
body[data-page="public-transport-request"] *::after { box-sizing: border-box; }

.mdrrmo-transport {
  min-height: 100vh;
  min-height: 100dvh;
  padding-bottom: 96px;
  background: var(--mdr-bg, #F4F6F5);
  color: var(--mdr-text, #18231E);
  font-family: var(--font-sans, Figtree, ui-sans-serif, system-ui, sans-serif);
  line-height: 1.45;
}

.mdrrmo-transport [hidden] { display: none !important; }
.transport-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

.mdrrmo-transport__topbar {
  position: sticky;
  z-index: 1030;
  top: 0;
  display: flex;
  height: calc(52px + env(safe-area-inset-top));
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: env(safe-area-inset-top) 12px 0;
  border-bottom: 1px solid var(--mdr-border, #E4E9E6);
  background: var(--mdr-surface, #FFF);
}

.mdrrmo-transport__mobile-title { display: flex; width: 100%; min-width: 0; align-items: center; gap: 8px; }
.mdrrmo-transport__mobile-home,
.mdrrmo-transport__mobile-track,
.mdrrmo-transport__icon-button {
  display: inline-flex;
  width: 44px;
  min-width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--mdr-text-2, #39463F);
  font: inherit;
  font-size: 16px;
  text-decoration: none;
  touch-action: manipulation;
}
.mdrrmo-transport__mobile-home:focus-visible,
.mdrrmo-transport__mobile-track:focus-visible,
.mdrrmo-transport__icon-button:focus-visible,
.mdrrmo-transport__button:focus-visible,
.mdrrmo-transport__review-edit:focus-visible {
  outline: 3px solid #CFE8DA;
  outline-offset: 1px;
}
.mdrrmo-transport__mobile-home > i,
.mdrrmo-transport__mobile-track > i,
.mdrrmo-transport__icon-button > i { display: none; }
.mdrrmo-transport__mobile-home::before { content: "←"; font: 22px/1 Arial, sans-serif; }
.mdrrmo-transport__mobile-track::before { content: "⌖"; font: 19px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-house::before { content: "⌂"; font: 17px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-location-dot::before,
.mdrrmo-transport i.fa-map-location-dot::before,
.mdrrmo-transport i.fa-location-crosshairs::before { content: "⌖"; font: 17px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-truck-medical::before { content: "✚"; font: 15px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-triangle-exclamation::before { content: "⚠"; font: 16px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-user { position: relative; display: inline-block; width: 16px; height: 18px; font-size: 0; }
.mdrrmo-transport i.fa-user::before { position: absolute; top: 0; left: 5px; width: 6px; height: 6px; border: 1.5px solid currentColor; border-radius: 50%; content: ""; }
.mdrrmo-transport i.fa-user::after { position: absolute; bottom: 0; left: 2px; width: 12px; height: 8px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 8px 8px 0 0; content: ""; }
.mdrrmo-transport i.fa-bed-pulse::before { content: "✚"; font: 18px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-route::before { content: "↗"; font: 19px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-clipboard-check::before { content: "✓"; font: 18px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-arrow-left::before { content: "←"; font: 18px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-arrow-right::before { content: "→"; font: 18px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-check::before { content: "✓"; font: 15px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-circle-exclamation::before { content: "!"; font: 15px/1 Arial, sans-serif; }
.mdrrmo-transport i.fa-circle-info::before { content: "ⓘ"; font: 16px/1 Arial, sans-serif; }
.mdrrmo-transport__icon-button::before { width: 17px; height: 17px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; content: ""; transform: rotate(35deg); }
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button::before { width: auto; height: auto; border: 0; content: "☼"; font: 19px/1 Arial, sans-serif; transform: none; }
.mdrrmo-transport__mobile-copy { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; line-height: 1.2; }
.mdrrmo-transport__mobile-copy strong { overflow: hidden; color: var(--mdr-text, #18231E); font-size: 16px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.mdrrmo-transport__mobile-copy small { overflow: hidden; color: var(--mdr-primary-on-tint, #17603F); font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.mdrrmo-transport__mobile-track { width: auto; padding: 0 4px; color: var(--mdr-primary-on-tint, #17603F); font-size: 12px; font-weight: 600; }
.mdrrmo-transport__mobile-track i { font-size: 14px; }
.mdrrmo-transport__brand,
.mdrrmo-transport__top-actions { display: none; }
.mdrrmo-transport__brand { min-width: 0; align-items: center; gap: 10px; color: var(--mdr-text, #18231E); text-decoration: none; }
.mdrrmo-transport__brand-mark { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border-radius: 50%; background: #C8283C; }
.mdrrmo-transport__brand-mark span { width: 18px; height: 18px; border-radius: 50%; background: #F2C94C; }
.mdrrmo-transport__brand-copy { display: flex; min-width: 0; flex-direction: column; line-height: 1.15; }
.mdrrmo-transport__brand-copy strong { font-size: 16px; font-weight: 600; }
.mdrrmo-transport__brand-copy small { margin-top: 2px; color: var(--mdr-muted, #63706A); font-size: 11px; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; }
.mdrrmo-transport__top-actions { align-items: center; gap: 10px; }
.mdrrmo-transport__top-actions .mdrrmo-transport__button { min-height: 40px; padding: 0 13px; font-size: 13px; }
.mdrrmo-transport__icon-button { border-color: var(--mdr-border, #E4E9E6); background: var(--mdr-surface, #FFF); }
.mdrrmo-transport__icon-button .transport-theme-toggle__sun { display: none; }
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button .transport-theme-toggle__moon { display: none; }
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button .transport-theme-toggle__sun { display: inline-block; }

.mdrrmo-transport__main { padding: 14px 0 24px; }
.mdrrmo-transport__shell { display: flex; max-width: 1240px; flex-direction: column; }
.mdrrmo-transport__hero { order: 1; display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; }
.mdrrmo-transport__hero-copy { min-width: 0; }
.mdrrmo-transport__eyebrow { display: none; color: var(--mdr-primary-on-tint, #17603F); font-size: 13px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; }
.mdrrmo-transport__eyebrow i { margin-right: 6px; }
.mdrrmo-transport__hero h1 { margin: 0; color: var(--mdr-text, #18231E); font-size: 24px; font-weight: 650; letter-spacing: -.025em; line-height: 1.2; }
.mdrrmo-transport__hero p { max-width: 540px; margin: 0; color: var(--mdr-muted, #63706A); font-size: 13.5px; line-height: 1.5; }

.mdrrmo-transport__warning {
  order: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid #F3C6CC;
  border-radius: 11px;
  background: #FDECEE;
  color: #5B1119;
  font-size: 13px;
  line-height: 1.45;
}
.mdrrmo-transport__warning > i { flex: 0 0 auto; margin-top: 2px; color: #B3202F; }
.mdrrmo-transport__warning > i { display: none; }
.mdrrmo-transport__warning::before { flex: 0 0 auto; margin-top: 1px; color: #B3202F; content: "⚠"; font: 16px/1 Arial, sans-serif; }
.mdrrmo-transport__warning p { min-width: 0; flex: 1 1 auto; margin: 0; }
.mdrrmo-transport__warning a { color: #B3202F; font-weight: 700; text-decoration: underline; }
.mdrrmo-transport__warning-dismiss {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  margin: -5px -7px -5px 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: 24px/1 Arial, sans-serif;
  cursor: pointer;
}
.mdrrmo-transport__warning-dismiss:focus-visible { outline: 3px solid currentColor; outline-offset: 1px; }

.mdrrmo-transport__error-summary {
  order: 2;
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid #C8283C;
  border-radius: 12px;
  background: var(--mdr-danger-tint, #FDECEE);
  color: var(--mdr-danger-text, #B3202F);
}
.mdrrmo-transport__error-summary h2 { margin: 0 0 5px; font-size: 15px; font-weight: 650; }
.mdrrmo-transport__error-summary ul { margin: 0; padding-left: 21px; font-size: 13px; }

.mdrrmo-transport__workspace {
  order: 3;
  scroll-margin-top: calc(52px + env(safe-area-inset-top) + 10px);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--mdr-border, #E4E9E6);
  border-radius: 14px;
  background: var(--mdr-surface, #FFF);
  box-shadow: 0 1px 2px rgb(24 35 30 / 4%);
}
.mdrrmo-transport__stepper { padding: 15px 14px 10px; }
.mdrrmo-transport__stepper ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.mdrrmo-transport__step { position: relative; min-width: 0; text-align: center; }
.mdrrmo-transport__step::after { position: absolute; z-index: 0; top: 14px; left: calc(50% + 14px); width: calc(100% - 28px); height: 2px; background: var(--mdr-border, #E4E9E6); content: ""; }
.mdrrmo-transport__step:last-child::after { display: none; }
.mdrrmo-transport__step[data-step-state="completed"]::after { background: var(--mdr-primary, #1F7A52); }
.mdrrmo-transport__step button { position: relative; z-index: 1; display: flex; width: 100%; min-width: 0; min-height: 54px; flex-direction: column; align-items: center; gap: 4px; padding: 0 2px; border: 0; background: transparent; color: var(--mdr-muted, #63706A); font: inherit; }
.mdrrmo-transport__step button:focus-visible { outline: 3px solid #CFE8DA; outline-offset: 2px; border-radius: 8px; }
.mdrrmo-transport__step button:disabled { cursor: default; }
.mdrrmo-transport__step-node { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 50%; background: var(--mdr-surface, #FFF); color: var(--mdr-muted, #63706A); font-size: 12px; font-weight: 650; }
.mdrrmo-transport__step[data-step-state="current"] .mdrrmo-transport__step-node { border-color: var(--mdr-primary, #1F7A52); outline: 4px solid var(--mdr-primary-tint, #E7F3EC); background: var(--mdr-primary, #1F7A52); color: #FFF; }
.mdrrmo-transport__step[data-step-state="completed"] .mdrrmo-transport__step-node { border-color: var(--mdr-primary, #1F7A52); background: var(--mdr-primary, #1F7A52); color: transparent; font-size: 0; }
.mdrrmo-transport__step[data-step-state="completed"] .mdrrmo-transport__step-node::after { color: #FFF; content: "✓"; font-size: 14px; }
.mdrrmo-transport__step-copy { display: flex; min-width: 0; flex-direction: column; align-items: center; }
.mdrrmo-transport__step-copy strong { overflow: hidden; max-width: 100%; color: var(--mdr-text-2, #39463F); font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.mdrrmo-transport__step[data-step-state="current"] .mdrrmo-transport__step-copy strong { color: var(--mdr-primary-on-tint, #17603F); }
.mdrrmo-transport__step-copy small { display: none; color: var(--mdr-muted, #63706A); font-size: 12px; }
.mdrrmo-transport__progress-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.mdrrmo-transport__form { min-width: 0; }
.mdrrmo-transport__panel { min-width: 0; margin: 0; padding: 14px 14px 20px; border-top: 1px solid var(--mdr-border-soft, #EEF1F0); background: var(--mdr-surface, #FFF); }
.mdrrmo-transport__panel[hidden] { display: none !important; }
.mdrrmo-transport__panel-head { display: flex; min-width: 0; align-items: center; gap: 10px; margin: 0 0 17px; }
.mdrrmo-transport__panel-head > span:first-child { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; border-radius: 10px; background: var(--mdr-primary-tint, #E7F3EC); color: var(--mdr-primary-on-tint, #17603F); font-size: 16px; }
.mdrrmo-transport__panel-head > div { min-width: 0; flex: 1 1 auto; }
.mdrrmo-transport__panel-head h2 { margin: 0; color: var(--mdr-text, #18231E); font-size: 17px; font-weight: 650; line-height: 1.25; }
.mdrrmo-transport__panel-head h2:focus { outline: 3px solid #CFE8DA; outline-offset: 3px; border-radius: 3px; }
.mdrrmo-transport__panel-head p { display: none; margin: 3px 0 0; color: var(--mdr-muted, #63706A); font-size: 13px; }
.mdrrmo-transport__step-count { display: none; padding: 5px 9px; border-radius: 999px; background: var(--mdr-neutral-bg, #EEF1F0); color: var(--mdr-neutral-text, #44514A); font-size: 11px; font-weight: 600; white-space: nowrap; }

.mdrrmo-transport__field-grid { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mdrrmo-transport__field { display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: 5px; }
.mdrrmo-transport__field label,
.mdrrmo-transport__destination legend,
.mdrrmo-transport__checkbox-field legend { margin: 0; color: var(--mdr-text-2, #39463F); font-size: 14px; font-weight: 600; }
.required-marker { color: #C8283C; }
.field-optional { color: var(--mdr-muted, #63706A); font-size: 13px; font-weight: 400; }
.mdrrmo-transport__field .form-control,
.mdrrmo-transport__field .form-select {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid #D5DDD8;
  border-radius: 10px;
  background-color: var(--mdr-surface, #FFF);
  color: var(--mdr-text, #18231E);
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  box-shadow: none;
}
.mdrrmo-transport__field .form-select { appearance: none; padding-right: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2363706A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m3 6 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }
.mdrrmo-transport__field textarea.form-control { min-height: 92px; resize: vertical; }
.mdrrmo-transport__field .form-control::placeholder { color: var(--mdr-faint, #7B8780); opacity: 1; }
.mdrrmo-transport__field .form-control:focus,
.mdrrmo-transport__field .form-select:focus { border-color: var(--mdr-primary, #1F7A52); outline: 0; box-shadow: 0 0 0 3px #CFE8DA; }
.mdrrmo-transport__field .form-control[aria-invalid="true"],
.mdrrmo-transport__field .form-select[aria-invalid="true"],
.mdrrmo-transport__field .form-control.is-invalid,
.mdrrmo-transport__field .form-select.is-invalid,
.mdrrmo-transport__consents .form-check-input.is-invalid { border-color: #C8283C; }
.mdrrmo-transport__field .form-control[readonly] { background: var(--mdr-surface-subtle, #F1F4F2); }
.mdrrmo-transport__field .form-text,
.mdrrmo-transport__destination .form-text { min-height: 16px; margin: 0; color: var(--mdr-muted, #63706A); font-size: 12px; line-height: 1.35; }
.mdrrmo-transport__field .invalid-feedback,
.mdrrmo-transport__field .text-danger { display: block; margin: 0; color: #C8283C; font-size: 12px; line-height: 1.35; }
.mdrrmo-transport__field--wide,
.mdrrmo-transport__field--span-2,
.mdrrmo-transport__mobile-wide,
.mdrrmo-transport__checkbox-field,
.mdrrmo-transport__destination { min-width: 0; }
.mdrrmo-transport__coordinate-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 16px 0; padding: 12px; border: 1px solid var(--mdr-border-soft, #EEF1F0); border-radius: 12px; background: var(--mdr-surface-subtle, #F1F4F2); }
.mdrrmo-transport__coordinate-panel strong { color: var(--mdr-text, #18231E); font-size: 14px; }
.mdrrmo-transport__coordinate-panel p { margin: 3px 0 0; color: var(--mdr-muted, #63706A); font-size: 12px; }
.mdrrmo-transport__coordinate-status { grid-column: 1 / -1; color: var(--mdr-muted, #63706A); font-size: 12px; }
.mdrrmo-transport__destination { margin: 16px 0; padding: 0; border: 0; }
.mdrrmo-transport__radio-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 8px; }
.mdrrmo-transport__radio-grid label { display: flex; min-height: 56px; align-items: center; gap: 9px; padding: 10px; border: 1px solid #D5DDD8; border-radius: 11px; color: var(--mdr-text-2, #39463F); background: var(--mdr-surface, #FFF); font-size: 13px; font-weight: 600; cursor: pointer; }
.mdrrmo-transport__radio-grid label.is-selected { border-color: var(--mdr-primary, #1F7A52); background: var(--mdr-primary-tint, #E7F3EC); color: var(--mdr-primary-on-tint, #17603F); }
.mdrrmo-transport__radio-grid input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: var(--mdr-primary, #1F7A52); }
.mdrrmo-transport__radio-grid input.is-invalid { outline: 2px solid #C8283C; outline-offset: 2px; }
.mdrrmo-transport__radio-grid input:focus-visible { outline: 3px solid #CFE8DA; outline-offset: 2px; }
.mdrrmo-transport__checkbox-field { margin: 16px 0 0; padding: 0; border: 0; }
.mdrrmo-transport__checkbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 8px 0; }
.mdrrmo-transport__checkbox-option { min-width: 0; cursor: pointer; }
.mdrrmo-transport__checkbox-option > span { display: flex; min-height: 48px; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid #D5DDD8; border-radius: 10px; background: var(--mdr-surface, #FFF); color: var(--mdr-text-2, #39463F); font-size: 13px; font-weight: 500; }
.mdrrmo-transport__checkbox-option > span i { display: none; color: var(--mdr-primary, #1F7A52); }
.mdrrmo-transport__checkbox-option input:checked + span { border-color: var(--mdr-primary, #1F7A52); background: var(--mdr-primary-tint, #E7F3EC); color: var(--mdr-primary-on-tint, #17603F); }
.mdrrmo-transport__checkbox-option input:checked + span i { display: inline-block; }
.mdrrmo-transport__checkbox-option input:focus-visible + span { outline: 3px solid #CFE8DA; outline-offset: 2px; }
.mdrrmo-transport__checkbox-option input:disabled + span { opacity: .55; }

.mdrrmo-transport__button {
  display: inline-flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
}
.mdrrmo-transport__button--primary { border-color: var(--mdr-primary-action, #1F7A52); background: var(--mdr-primary-action, #1F7A52); color: var(--mdr-primary-action-text, #FFF); }
.mdrrmo-transport__button--track { border-color: var(--mdr-primary-tint, #E7F3EC); background: var(--mdr-primary-tint, #E7F3EC); color: var(--mdr-primary-on-tint, #17603F); }
.mdrrmo-transport__button--ghost,
.mdrrmo-transport__button--outline { border-color: var(--mdr-border, #E4E9E6); background: var(--mdr-surface, #FFF); color: var(--mdr-text-2, #39463F); }
.mdrrmo-transport__button--outline { min-height: 48px; justify-content: flex-start; border-color: var(--mdr-primary, #1F7A52); color: var(--mdr-primary-on-tint, #17603F); }
.mdrrmo-transport__button:disabled { opacity: .6; cursor: wait; }
.mdrrmo-transport__form-actions { position: fixed; z-index: 1025; right: 0; bottom: 0; left: 0; display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 16px calc(env(safe-area-inset-bottom) + 10px); border-top: 1px solid var(--mdr-border, #E4E9E6); background: var(--mdr-surface, #FFF); box-shadow: 0 -8px 18px rgb(24 35 30 / 6%); }
.mdrrmo-transport__form-actions > [data-cancel-button] { width: 104px; min-width: 104px; }
.mdrrmo-transport__form-actions-primary { display: flex; min-width: 0; flex: 1 1 auto; justify-content: flex-end; gap: 8px; }
.mdrrmo-transport__form-actions-primary > button { min-width: 0; }
.mdrrmo-transport__form-actions-primary [data-next-step],
.mdrrmo-transport__form-actions-primary [data-submit-request] { flex: 1 1 auto; }
.mdrrmo-transport__form-actions-primary [data-next-step] i { margin-left: 2px; }
.mdrrmo-transport__after-submit { display: none; }
.mdrrmo-transport__cancel-request-later { display: none; order: 4; }
.mdrrmo-transport__review { display: grid; gap: 10px; }
.mdrrmo-transport__review-step-card { min-width: 0; padding: 12px; border: 1px solid var(--mdr-border-soft, #EEF1F0); border-radius: 12px; background: var(--mdr-surface, #FFF); }
.mdrrmo-transport__review-step-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.mdrrmo-transport__review-section { margin: 0; color: var(--mdr-text, #18231E); font-size: 15px; font-weight: 650; }
.mdrrmo-transport__review-item { display: grid; grid-template-columns: minmax(100px, .7fr) minmax(0, 1.3fr); align-items: start; gap: 8px; margin: 0; padding: 9px 0; border-bottom: 1px solid var(--mdr-border-soft, #EEF1F0); }
.mdrrmo-transport__review-item:last-child { border-bottom: 0; }
.mdrrmo-transport__review-item dt { color: var(--mdr-muted, #63706A); font-size: 12px; font-weight: 500; }
.mdrrmo-transport__review-item dd { min-width: 0; margin: 0; color: var(--mdr-text-2, #39463F); font-size: 13px; overflow-wrap: anywhere; }
.mdrrmo-transport__review-edit { padding: 0; border: 0; background: none; color: var(--mdr-primary-on-tint, #17603F); font: inherit; font-size: 12px; font-weight: 600; }
.mdrrmo-transport__consents { display: grid; gap: 14px; margin-top: 18px; }
.mdrrmo-transport__consents .form-check { min-height: 44px; margin: 0; padding-left: 32px; }
.mdrrmo-transport__consents .form-check-input { width: 20px; height: 20px; margin-left: -32px; accent-color: var(--mdr-primary, #1F7A52); }
.mdrrmo-transport__consents .form-check-label { color: var(--mdr-text-2, #39463F); font-size: 14px; }
.mdrrmo-transport__confirm-note { margin: 16px 0 0; padding: 12px; border-radius: 10px; background: var(--mdr-surface-subtle, #F1F4F2); color: var(--mdr-muted, #63706A); font-size: 13px; }
.mdrrmo-transport__confirm-note i { margin-right: 4px; }
.mdrrmo-transport__offline-note { margin: 8px 0 0; color: #C8283C; font-size: 13px; }
.mdrrmo-transport__client-field-error { display: block; color: #C8283C; font-size: 12px; line-height: 1.35; }

.mdrrmo-transport__map-modal .modal-content { overflow: hidden; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 16px; background: var(--mdr-surface, #FFF); color: var(--mdr-text, #18231E); }
.mdrrmo-transport__map-modal .modal-header,
.mdrrmo-transport__map-modal .modal-footer { border-color: var(--mdr-border-soft, #EEF1F0); }
.mdrrmo-transport__map-modal .modal-title { color: var(--mdr-text, #18231E); font-size: 18px; font-weight: 650; }
.mdrrmo-transport__map-modal .modal-body { display: flex; flex-direction: column; gap: 10px; }
.mdrrmo-transport__map-modal .modal-content { overscroll-behavior: contain; }
.mdrrmo-transport__map-canvas { min-height: 48vh; border-radius: 10px; }
.mdrrmo-transport__map-status,
.mdrrmo-transport__map-coordinates { color: var(--mdr-muted, #63706A); font-size: 13px; }
.mdrrmo-transport__map-coordinates { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.mdrrmo-transport__map-coordinates strong { color: var(--mdr-text-2, #39463F); }
.modal-open body[data-page="public-transport-request"] { overflow: hidden; }

html[data-bs-theme="dark"] .mdrrmo-transport__warning { border-color: var(--mdr-danger-text, #FF9BA5); background: var(--mdr-danger-tint, #3A2025); color: var(--mdr-text, #E6EDE9); }
html[data-bs-theme="dark"] .mdrrmo-transport__warning > i,
html[data-bs-theme="dark"] .mdrrmo-transport__warning a { color: var(--mdr-danger-text, #FF9BA5); }
html[data-bs-theme="dark"] .mdrrmo-transport__field .form-control,
html[data-bs-theme="dark"] .mdrrmo-transport__field .form-select { border-color: var(--mdr-border, #26332C); }
html[data-bs-theme="dark"] .mdrrmo-transport__radio-grid label,
html[data-bs-theme="dark"] .mdrrmo-transport__checkbox-option > span { border-color: var(--mdr-border, #26332C); }

@media (min-width: 768px) {
  .mdrrmo-transport { padding-bottom: 24px; }
  .mdrrmo-transport__topbar { position: relative; height: 60px; padding: 0 max(20px, calc((100vw - 1440px) / 2)); }
  .mdrrmo-transport__mobile-title { display: none; }
  .mdrrmo-transport__brand { display: inline-flex; }
  .mdrrmo-transport__top-actions { display: flex; }
  .mdrrmo-transport__main { padding-top: 22px; }
  .mdrrmo-transport__hero { order: 0; margin-bottom: 16px; }
  .mdrrmo-transport__warning { order: 1; }
  .mdrrmo-transport__hero h1 { font-size: 32px; }
  .mdrrmo-transport__hero p { font-size: 15px; }
  .mdrrmo-transport__warning { align-items: center; padding: 12px 16px; font-size: 14px; }
  .mdrrmo-transport__workspace { scroll-margin-top: 12px; border-radius: 16px; }
  .mdrrmo-transport__stepper { padding: 20px 24px 12px; }
  .mdrrmo-transport__stepper ol { gap: 0; }
  .mdrrmo-transport__step button { min-height: 72px; gap: 4px; }
  .mdrrmo-transport__step-node { width: 34px; height: 34px; flex-basis: 34px; font-size: 13px; }
  .mdrrmo-transport__step::after { top: 16px; left: calc(50% + 17px); width: calc(100% - 34px); }
  .mdrrmo-transport__step-copy strong { font-size: 13px; }
  .mdrrmo-transport__step-copy small { display: block; }
  .mdrrmo-transport__panel { padding: 24px; border-top: 1px solid var(--mdr-border-soft, #EEF1F0); }
  .mdrrmo-transport__panel-head { gap: 12px; margin-bottom: 20px; }
  .mdrrmo-transport__panel-head > span:first-child { width: 44px; height: 44px; flex-basis: 44px; font-size: 18px; }
  .mdrrmo-transport__panel-head h2 { font-size: 20px; }
  .mdrrmo-transport__panel-head p { display: block; }
  .mdrrmo-transport__step-count { display: inline-flex; }
  .mdrrmo-transport__field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; row-gap: 16px; }
  .mdrrmo-transport__field--wide,
  .mdrrmo-transport__field--span-2,
  .mdrrmo-transport__mobile-wide,
  .mdrrmo-transport__checkbox-field,
  .mdrrmo-transport__destination { grid-column: 1 / -1; }
  .mdrrmo-transport__mobile-half { grid-column: auto; }
  .mdrrmo-transport__coordinate-panel { grid-template-columns: minmax(0, 1fr) minmax(180px, auto) minmax(180px, auto); align-items: center; gap: 12px; padding: 14px; }
  .mdrrmo-transport__form-actions { position: static; min-height: 64px; margin: 0 24px; padding: 14px 0 0; border-top: 1px solid var(--mdr-border-soft, #EEF1F0); background: transparent; box-shadow: none; }
  .mdrrmo-transport__form-actions > [data-cancel-button] { width: auto; min-width: 74px; }
  .mdrrmo-transport__form-actions-primary { flex: 0 0 auto; }
  .mdrrmo-transport__form-actions-primary > button { min-width: 112px; flex: 0 0 auto; }
  .mdrrmo-transport__form-actions-primary [data-next-step],
  .mdrrmo-transport__form-actions-primary [data-submit-request] { flex: 0 0 auto; }
  .mdrrmo-transport__after-submit { display: none; }
  .mdrrmo-transport__map-modal .modal-dialog { max-width: 840px; }
  .mdrrmo-transport__map-canvas { min-height: 55vh; }
}

@media (max-width: 767.98px) {
  .mdrrmo-transport__form-actions { padding-right: 12px; padding-left: 12px; }
  .mdrrmo-transport[data-current-step="0"] .mdrrmo-transport__form-actions > [data-cancel-button] { display: inline-flex; }
  .mdrrmo-transport:not([data-current-step="0"]) .mdrrmo-transport__form-actions > [data-cancel-button] { display: none; }
  .mdrrmo-transport__form-actions-primary { justify-content: space-between; }
  .mdrrmo-transport__form-actions-primary [data-previous-step] { min-width: 0; flex: 0 0 auto; padding-right: 10px; padding-left: 10px; }
  .mdrrmo-transport__form-actions-primary [data-next-step],
  .mdrrmo-transport__form-actions-primary [data-submit-request] { min-width: 0; flex: 1 1 auto; padding-right: 10px; padding-left: 10px; }
  .mdrrmo-transport:not([data-current-step="0"]) .mdrrmo-transport__cancel-request-later { display: block; margin: 12px 14px 0; color: var(--mdr-muted, #63706A); font-size: 13px; text-align: center; text-decoration: none; }
  .mdrrmo-transport__map-modal .modal-dialog { width: 100%; max-width: none; height: 100%; margin: 0; }
  .mdrrmo-transport__map-modal .modal-content { height: 100dvh; padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); border: 0; border-radius: 0; }
  .mdrrmo-transport__map-modal .modal-body { min-height: 0; overflow: auto; }
  .mdrrmo-transport__map-canvas { min-height: 45dvh; flex: 1 1 auto; }
  .mdrrmo-transport__map-modal .modal-footer { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
}

@media (min-width: 1024px) {
  .mdrrmo-transport__topbar { height: 60px; }
  .mdrrmo-transport__main { padding-top: 26px; }
  .mdrrmo-transport__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 540px); align-items: end; gap: 28px; margin-bottom: 16px; }
  .mdrrmo-transport__eyebrow { display: inline-block; margin-bottom: 8px; }
  .mdrrmo-transport__hero h1 { font-size: 36px; }
  .mdrrmo-transport__hero p { padding-bottom: 3px; }
  .mdrrmo-transport__workspace { display: grid; grid-template-columns: 272px minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; gap: 14px 22px; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .mdrrmo-transport__stepper { grid-column: 1; grid-row: 1; padding: 14px; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 15px; background: var(--mdr-surface, #FFF); }
  .mdrrmo-transport__stepper ol { display: flex; flex-direction: column; gap: 4px; }
  .mdrrmo-transport__step { text-align: left; }
  .mdrrmo-transport__step::after { display: none; }
  .mdrrmo-transport__step button { min-height: 60px; flex-direction: row; justify-content: flex-start; gap: 10px; padding: 8px 10px; border: 1px solid transparent; border-radius: 11px; text-align: left; }
  .mdrrmo-transport__step[data-step-state="current"] button { border-color: transparent; background: var(--mdr-primary-tint, #E7F3EC); }
  .mdrrmo-transport__step-node { width: 36px; height: 36px; flex-basis: 36px; }
  .mdrrmo-transport__step-copy { align-items: flex-start; }
  .mdrrmo-transport__step-copy strong { font-size: 14px; }
  .mdrrmo-transport__step-copy small { font-size: 12px; }
  .mdrrmo-transport__form { display: flex; min-height: 100%; grid-column: 2; grid-row: 1 / span 2; flex-direction: column; }
  .mdrrmo-transport__panel { flex: 1 1 auto; padding: 28px; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 16px; }
  .mdrrmo-transport__panel-head { margin-bottom: 22px; }
  .mdrrmo-transport__panel-head h2 { font-size: 22px; }
  .mdrrmo-transport__field-grid { column-gap: 22px; row-gap: 16px; }
  .mdrrmo-transport__field .form-control,
  .mdrrmo-transport__field .form-select { min-height: 44px; }
  .mdrrmo-transport__field textarea.form-control { min-height: 96px; }
  .mdrrmo-transport__coordinate-panel { grid-template-columns: minmax(0, 1fr) minmax(185px, auto); }
  .mdrrmo-transport__form-actions { margin: 0 28px; }
  .mdrrmo-transport__after-submit { display: block; grid-column: 1; grid-row: 2; padding: 14px; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 15px; background: var(--mdr-surface, #FFF); }
  .mdrrmo-transport__after-submit h2 { margin: 0 0 8px; color: var(--mdr-text, #18231E); font-size: 14px; font-weight: 650; }
  .mdrrmo-transport__after-submit h2 i { margin-right: 5px; color: var(--mdr-muted, #63706A); }
  .mdrrmo-transport__after-submit p { margin: 0 0 8px; color: var(--mdr-muted, #63706A); font-size: 12px; line-height: 1.5; }
  .mdrrmo-transport__after-submit p:last-child { margin-bottom: 0; }
}

@media (max-width: 767.98px) {
  .mdrrmo-transport.keyboard-covers-action-bar .mdrrmo-transport__form-actions { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .mdrrmo-transport *, .mdrrmo-transport *::before, .mdrrmo-transport *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Phase 8 compact layout refinements, scoped to the public request page. */
.mdrrmo-transport__hero h1 { font-size: clamp(24px, 2.4vw, 30px); font-weight: 600; letter-spacing: -.02em; }
.mdrrmo-transport__brand-mark { overflow: hidden; background: var(--mdr-surface, #FFF); }
.mdrrmo-transport__brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.mdrrmo-transport__mobile-logo { display: block; width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; }
.mdrrmo-transport__hero p { max-width: 64ch; }
.mdrrmo-transport__warning { padding-block: 8px; }
.mdrrmo-transport__workspace { box-shadow: 0 1px 3px rgb(24 35 30 / 4%); }
.mdrrmo-transport__panel-head { margin-bottom: 12px; }
.mdrrmo-transport__panel-head h2 { font-weight: 600; }
.mdrrmo-transport__field-grid { row-gap: 10px; }
.mdrrmo-transport__field label,
.mdrrmo-transport__destination legend,
.mdrrmo-transport__checkbox-field legend { font-size: 13px; }
.mdrrmo-transport__field .form-control,
.mdrrmo-transport__field .form-select { min-height: 42px; padding-block: 8px; border-radius: 8px; }
.mdrrmo-transport__field .form-text { min-height: 0; font-size: 11px; }
.mdrrmo-transport__radio-grid label,
.mdrrmo-transport__checkbox-option > span { min-height: 42px; border-radius: 8px; }
.mdrrmo-transport__consents { gap: 8px; margin-top: 12px; }
.mdrrmo-transport__confirm-note { margin-top: 10px; padding: 9px 11px; }

@media (min-width: 768px) {
  .mdrrmo-transport__main { padding-top: 16px; }
  .mdrrmo-transport__hero { margin-bottom: 10px; }
  .mdrrmo-transport__hero h1 { font-size: 28px; }
  .mdrrmo-transport__hero p { font-size: 13px; }
  .mdrrmo-transport__workspace { border-radius: 12px; }
  .mdrrmo-transport__stepper { padding: 10px 20px 4px; }
  .mdrrmo-transport__step button { min-height: 56px; }
  .mdrrmo-transport__step-node { width: 28px; height: 28px; flex-basis: 28px; }
  .mdrrmo-transport__step::after { top: 13px; left: calc(50% + 14px); width: calc(100% - 28px); }
  .mdrrmo-transport__step-copy small { display: none; }
  .mdrrmo-transport__panel { padding: 14px 20px; }
  .mdrrmo-transport__panel-head { margin-bottom: 10px; }
  .mdrrmo-transport__panel-head > span:first-child { width: 34px; height: 34px; flex-basis: 34px; }
  .mdrrmo-transport__panel-head h2 { font-size: 18px; }
  .mdrrmo-transport__panel-head p { font-size: 12px; }
  .mdrrmo-transport__field-grid { column-gap: 14px; row-gap: 9px; }
  .mdrrmo-transport__form-actions { min-height: 52px; margin-inline: 20px; padding-top: 8px; }
  .mdrrmo-transport__form-actions .mdrrmo-transport__button { min-height: 42px; }
  .mdrrmo-transport__after-submit { display: none; }
}

@media (min-width: 1024px) {
  .mdrrmo-transport__workspace { display: block; overflow: hidden; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 12px; background: var(--mdr-surface, #FFF); box-shadow: 0 1px 3px rgb(24 35 30 / 4%); }
  .mdrrmo-transport__stepper { border: 0; border-radius: 0; background: transparent; }
  .mdrrmo-transport__stepper ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mdrrmo-transport__step { text-align: center; }
  .mdrrmo-transport__step::after { display: block; }
  .mdrrmo-transport__step button { min-height: 56px; flex-direction: column; justify-content: center; padding: 0 2px; text-align: center; }
  .mdrrmo-transport__step-copy { align-items: center; }
  .mdrrmo-transport__form { display: block; min-height: 0; }
  .mdrrmo-transport__panel { min-height: 0; padding: 14px 22px 16px; border: 0; border-top: 1px solid var(--mdr-border-soft, #EEF1F0); border-radius: 0; }
  .mdrrmo-transport__panel-head { margin-bottom: 10px; }
  .mdrrmo-transport__panel-head h2 { font-size: 18px; }
  .mdrrmo-transport__field-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mdrrmo-transport__field--span-2 { grid-column: span 2; }
  .mdrrmo-transport__field--wide,
  .mdrrmo-transport__mobile-wide,
  .mdrrmo-transport__checkbox-field,
  .mdrrmo-transport__destination { grid-column: 1 / -1; }
  .mdrrmo-transport__field--span-2.mdrrmo-transport__mobile-wide { grid-column: span 2; }
  .mdrrmo-transport__field-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mdrrmo-transport__field-grid--two.mdrrmo-transport__mobile-paired-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mdrrmo-transport__panel--review .mdrrmo-transport__review { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mdrrmo-transport__panel--review .mdrrmo-transport__consents { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mdrrmo-transport__form-actions { margin-inline: 22px; }
}

@media (max-width: 767.98px) {
  .mdrrmo-transport__main { padding-top: 10px; }
  .mdrrmo-transport__hero { margin-bottom: 10px; }
  .mdrrmo-transport__hero h1 { font-size: 22px; }
  .mdrrmo-transport__stepper { padding: 10px 8px 4px; }
  .mdrrmo-transport__panel { padding: 12px; }
  .mdrrmo-transport__panel-head { margin-bottom: 10px; }
  .mdrrmo-transport__field-grid { gap: 9px; }
  .mdrrmo-transport__field .form-control,
  .mdrrmo-transport__field .form-select { min-height: 44px; }
  .mdrrmo-transport__checkbox-grid { gap: 6px; }
  .mdrrmo-transport__checkbox-option > span { padding-inline: 8px; font-size: 12px; }
}

/* Keep result notifications available from the header without adding page height. */
.mdrrmo-transport__top-actions { position: relative; }
.mdrrmo-transport__notification-menu { position: relative; display: flex; align-items: center; }
.mdrrmo-transport__notification-toggle {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--mdr-border, #D5DDD8);
  border-radius: 10px;
  color: var(--mdr-primary-on-tint, #17603F);
  background: var(--mdr-surface, #FFF);
  font-size: 17px;
  cursor: pointer;
  list-style: none;
}
.mdrrmo-transport__notification-toggle::-webkit-details-marker { display: none; }
.mdrrmo-transport__notification-toggle:focus-visible,
.mdrrmo-transport__icon-button:focus-visible { outline: 3px solid #CFE8DA; outline-offset: 2px; }
.mdrrmo-transport__notification-menu[open] .mdrrmo-transport__notification-toggle { border-color: var(--mdr-primary, #1F7A52); background: var(--mdr-primary-tint, #E7F3EC); }
.mdrrmo-transport__notification-popover { position: absolute; z-index: 1100; top: calc(100% + 8px); right: 0; width: min(420px, calc(100vw - 24px)); }
.mdrrmo-transport__notification-popover .public-push-opt-in { margin: 0 !important; padding: 14px !important; border-color: var(--mdr-border, #D5DDD8) !important; border-radius: 12px !important; color: var(--mdr-text, #18231E); background: var(--mdr-surface, #FFF) !important; box-shadow: 0 12px 28px rgb(24 35 30 / 16%); }
.mdrrmo-transport__notification-popover .public-push-opt-in strong { color: var(--mdr-text, #18231E); font-size: 14px; font-weight: 600; }
.mdrrmo-transport__notification-popover .public-push-opt-in p { margin: 4px 0 0; color: var(--mdr-muted, #63706A); font-size: 12px; line-height: 1.45; }
.mdrrmo-transport__notification-popover .public-push-opt-in > .d-flex { margin-top: 10px !important; }
.mdrrmo-transport__notification-popover [data-public-push-enable],
.mdrrmo-transport__notification-popover [data-public-push-disable] { min-height: 42px; border-color: var(--mdr-primary, #1F7A52); color: var(--mdr-primary-on-tint, #17603F); background: var(--mdr-surface, #FFF); font: inherit; font-size: 13px; font-weight: 600; }
.mdrrmo-transport__notification-popover [data-public-push-status] { color: var(--mdr-muted, #63706A); font-size: 12px; }
.mdrrmo-transport__icon-button { border-color: var(--mdr-border, #D5DDD8); color: var(--mdr-primary-on-tint, #17603F); background: var(--mdr-surface, #FFF); }
.mdrrmo-transport__icon-button::before { display: none; }
.mdrrmo-transport__icon-button > i { display: inline-block; font-size: 16px; }
.mdrrmo-transport__icon-button .transport-theme-toggle__sun { display: none; }
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button .transport-theme-toggle__moon { display: none; }
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button .transport-theme-toggle__sun { display: inline-block; }
.mdrrmo-transport__form-actions > [data-cancel-button],
.mdrrmo-transport__form-actions-primary > button { min-height: 48px; }

@media (min-width: 768px) {
  .mdrrmo-transport__notification-menu { margin-left: 2px; }
  .mdrrmo-transport__form-actions > [data-cancel-button] { min-width: 92px; }
  .mdrrmo-transport__form-actions-primary > [data-next-step],
  .mdrrmo-transport__form-actions-primary > [data-submit-request] { min-width: 176px; }
}

@media (max-width: 767.98px) {
  .mdrrmo-transport__topbar { gap: 6px; }
  .mdrrmo-transport__mobile-title { width: auto; flex: 1 1 auto; gap: 6px; }
  .mdrrmo-transport__mobile-track { width: 44px; min-width: 44px; height: 44px; justify-content: center; padding: 0; font-size: 0; }
  .mdrrmo-transport__mobile-track::before { content: ""; }
  .mdrrmo-transport__mobile-track i { display: inline-block; font-size: 15px; }
  .mdrrmo-transport__top-actions { display: flex; flex: 0 0 auto; gap: 5px; }
  .mdrrmo-transport__top-actions > a { display: none; }
  .mdrrmo-transport__top-actions .mdrrmo-transport__icon-button,
  .mdrrmo-transport__notification-toggle { width: 40px; min-width: 40px; height: 40px; }
  .mdrrmo-transport__notification-popover { position: fixed; top: calc(52px + env(safe-area-inset-top) + 6px); right: 8px; }
  .mdrrmo-transport__form-actions > [data-cancel-button] { width: 92px; min-width: 92px; }
  .mdrrmo-transport__form-actions-primary [data-next-step],
  .mdrrmo-transport__form-actions-primary [data-submit-request] { flex: 0 1 176px; }
}

html[data-bs-theme="dark"] .mdrrmo-transport__notification-toggle,
html[data-bs-theme="dark"] .mdrrmo-transport__icon-button { border-color: var(--mdr-border, #35443B); color: #D4EBDD; background: var(--mdr-surface, #17221B); }
html[data-bs-theme="dark"] .mdrrmo-transport__notification-popover .public-push-opt-in { border-color: var(--mdr-border, #35443B) !important; color: var(--mdr-text, #E6EDE9); background: var(--mdr-surface, #17221B) !important; }
html[data-bs-theme="dark"] .mdrrmo-transport__notification-popover .public-push-opt-in strong { color: var(--mdr-text, #E6EDE9); }

@media (min-width: 1024px) {
  .mdrrmo-transport__workspace { display: block; overflow: hidden; border: 1px solid var(--mdr-border, #E4E9E6); border-radius: 12px; background: var(--mdr-surface, #FFF); }
  .mdrrmo-transport__stepper { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 7px 14px; border: 0; border-bottom: 1px solid var(--mdr-border-soft, #EEF1F0); border-radius: 0; background: var(--mdr-surface, #FFF); }
  .mdrrmo-transport__stepper ol { display: flex; min-width: 0; flex-direction: row; align-items: center; gap: 0; }
  .mdrrmo-transport__step { display: flex; min-width: 0; flex: 1 1 0; align-items: center; gap: 7px; text-align: left; }
  .mdrrmo-transport__step::after { position: static; display: block; width: auto; height: 1px; flex: 1 1 auto; background: var(--mdr-border, #D5DDD8); content: ""; }
  .mdrrmo-transport__step:last-child::after { display: none; }
  .mdrrmo-transport__step[data-step-state="completed"]::after { background: var(--mdr-primary, #1F7A52); }
  .mdrrmo-transport__step button { width: auto; min-height: 30px; flex: 0 0 auto; flex-direction: row; justify-content: flex-start; gap: 6px; padding: 2px 6px; border: 1px solid transparent; border-radius: 7px; text-align: left; }
  .mdrrmo-transport__step[data-step-state="current"] button { background: var(--mdr-primary-tint, #E7F3EC); }
  .mdrrmo-transport__step-node { width: 20px; height: 20px; flex-basis: 20px; font-size: 11px; }
  .mdrrmo-transport__step-copy { align-items: flex-start; }
  .mdrrmo-transport__step-copy strong { font-size: 11px; }
  .mdrrmo-transport__step-copy small { display: none; }
  .mdrrmo-transport__step::after { top: auto; left: auto; }
  .mdrrmo-transport__progress-label { position: static; width: auto; height: auto; flex: 0 0 auto; overflow: visible; clip: auto; color: var(--mdr-muted, #63706A); font-size: 10px; white-space: nowrap; }
  .mdrrmo-transport__form { display: flex; min-height: 314px; flex-direction: column; }
  .mdrrmo-transport__panel { min-height: 0; flex: 1 1 auto; padding: 12px 16px; border: 0; border-radius: 0; }
  .mdrrmo-transport__panel-head { display: none; }
  .mdrrmo-transport__field .form-control,
  .mdrrmo-transport__field .form-select { min-height: 38px; padding: 6px 10px; font-size: 14px; }
  .mdrrmo-transport__field .form-select { padding-right: 34px; }
  .mdrrmo-transport__field label { font-size: 12px; }
  .mdrrmo-transport__field .form-text { font-size: 10px; }
  .mdrrmo-transport__form-actions { min-height: 48px; flex: 0 0 auto; align-items: center; gap: 12px; margin: 0 14px; padding: 5px 0; border-top: 1px solid var(--mdr-border-soft, #EEF1F0); }
  .mdrrmo-transport__form-actions > [data-cancel-button] { width: auto; min-width: 74px; min-height: 36px; padding-inline: 12px; }
  .mdrrmo-transport__footer-note { min-width: 0; flex: 1 1 auto; margin: 0; color: var(--mdr-muted, #63706A); font-size: 10px; text-align: center; }
  .mdrrmo-transport__form-actions-primary { flex: 0 0 auto; }
  .mdrrmo-transport__form-actions-primary > button { min-height: 40px; }
  .mdrrmo-transport__form-actions-primary > [data-next-step],
  .mdrrmo-transport__form-actions-primary > [data-submit-request] { min-width: 112px; }
}

@media (max-width: 1023.98px) {
  .mdrrmo-transport__footer-note { display: none; }
}

@media (min-width: 768px) {
  .mdrrmo-transport__pickup-grid { grid-template-areas: "barangay landmark" "address address"; }
  .mdrrmo-transport__pickup-barangay { grid-area: barangay; }
  .mdrrmo-transport__pickup-address { grid-area: address; }
  .mdrrmo-transport__pickup-landmark { grid-area: landmark; }
  .mdrrmo-transport__coordinate-input-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mdrrmo-transport__schedule-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .mdrrmo-transport__schedule-grid .mdrrmo-transport__schedule-field { min-width: 0; grid-column: auto; }
  .mdrrmo-transport__schedule-grid input[type="datetime-local"] { width: 100%; min-width: 0; }
}

@media (min-width: 1024px) {
  .mdrrmo-transport__coordinate-panel { grid-template-columns: minmax(0, 1fr) minmax(170px, 190px) minmax(220px, 250px); align-items: center; gap: 8px 12px; margin: 12px 0; padding: 12px; }
  .mdrrmo-transport__coordinate-panel .mdrrmo-transport__button { min-height: 40px; justify-content: center; padding-inline: 10px; white-space: normal; }
  .mdrrmo-transport__coordinate-status { grid-column: 1 / -1; }
  .mdrrmo-transport__coordinate-input-grid { grid-template-columns: repeat(2, minmax(0, 360px)); }
  .mdrrmo-transport__schedule-grid { column-gap: 14px; }
  .mdrrmo-transport__schedule-grid .form-control { box-sizing: border-box; }
}