/* MT25: Nuevo servicio; visual layer only. Data, validation, API and bottom navigation stay canonical. */
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view {
  --request-form-navy: #152b45;
  --request-form-ink: #172f4c;
  --request-form-muted: #677c95;
  --request-form-stroke: #dfe7f0;
  --request-form-surface: #fff;
  --request-form-canvas: #f3f5f8;
  width: min(760px, 100%);
  min-width: 0;
  min-height: calc(100dvh - 7rem - var(--driver-mobile-nav-height, 80px));
  margin: 0 auto;
  padding: 0 0 1rem;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 0;
  /* Prevent scroll anchoring from reversing the compact stepper transition near the threshold. */
  overflow-anchor: none;
  color: var(--request-form-ink);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard:has(#driver-service-request-create-view:not(.d-none)) .driver-dashboard-main {
  padding-top: 0;
  gap: 0;
}
/* The old daily-summary grid has no visible cards in the wizard, so it must not reserve a row. */
:is(body.driver-body, .driver-portal-embed) #driver-dashboard:has(#driver-service-request-create-view:not(.d-none)) .driver-hero-grid {
  display: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard:has(#driver-service-request-create-view:not(.d-none)) .driver-app-hero {
  background: var(--request-form-navy, #152b45);
  box-shadow: none;
  border-bottom: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header {
  position: sticky;
  /* The top bar paints above this sticky header; a 2px overlap prevents a light raster seam. */
  top: calc(var(--driver-request-appbar-height, calc(4.5rem + env(safe-area-inset-top, 0px))) - 2px);
  z-index: 90;
  display: grid;
  gap: .62rem;
  width: 100%;
  margin: 0 0 .75rem;
  padding: 1rem 1.2rem 1.25rem;
  background: var(--request-form-navy);
  color: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: padding 220ms cubic-bezier(.4, 0, .2, 1),
              gap 220ms cubic-bezier(.4, 0, .2, 1),
              box-shadow 220ms cubic-bezier(.4, 0, .2, 1);
}
/* Use the canonical top bar's existing scroll state, not a second listener or a duplicate stepper. */
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-app-hero--scrolled + .driver-dashboard-main #driver-service-request-create-view .driver-service-request__header {
  padding-top: .55rem;
  padding-bottom: .65rem;
  gap: .3rem;
  box-shadow: 0 8px 16px -12px rgba(4, 17, 34, .55);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-app-hero--scrolled + .driver-dashboard-main #driver-service-request-create-view .driver-service-request__header h2 {
  font-size: 1.06rem;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-app-hero--scrolled + .driver-dashboard-main #driver-service-request-create-view .driver-service-request__step-info {
  font-size: .75rem;
  line-height: 1.2;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-app-hero--scrolled + .driver-dashboard-main #driver-service-request-create-view .driver-service-request__progress-track {
  margin-top: 0;
}
/* Keep keyboard-focused fields clear of both stacked sticky headers. */
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field :is(input, select, textarea) {
  scroll-margin-top: calc(var(--driver-request-appbar-height, 4.5rem) + 5rem);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header h2 {
  margin: 0;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1.2;
  font-weight: 740;
  letter-spacing: -.015em;
  transition: font-size 220ms cubic-bezier(.4, 0, .2, 1);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__step-info {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
  color: #f1f5fb;
  font-size: .82rem;
  line-height: 1.35;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__step-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__step-count {
  flex: 0 0 auto;
  color: #adbed1;
  font-size: .74rem;
  font-variant-numeric: tabular-nums;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__progress-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
  width: 100%;
  padding: 0;
  margin: .05rem 0 0;
  list-style: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__progress-segment {
  display: block;
  height: 3px;
  min-width: 0;
  border: 0;
  border-radius: 99px;
  background: #718399;
  opacity: .7;
  transition: background-color 160ms ease, opacity 160ms ease;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__progress-segment.is-complete {
  background: #fff;
  opacity: 1;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__content {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-width: 0;
  width: 100%;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--request-form-stroke);
  border-radius: 20px;
  background: var(--request-form-surface);
  box-shadow: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card-head {
  display: flex;
  align-items: center;
  gap: .6rem;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card-head i {
  flex: 0 0 auto;
  font-size: .95rem;
  color: var(--request-form-ink);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card-head h3 {
  margin: 0;
  color: var(--request-form-ink);
  font-size: .96rem;
  font-weight: 740;
  line-height: 1.3;
  letter-spacing: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card-subtitle {
  margin: -.1rem 0 0;
  color: var(--request-form-muted);
  font-size: .73rem;
  font-weight: 450;
  line-height: 1.5;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .95rem;
  width: 100%;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  width: 100%;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__pair > :only-child {
  grid-column: 1 / -1;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field {
  display: grid;
  align-content: start;
  gap: .4rem;
  min-width: 0;
  color: var(--request-form-muted);
  font-weight: 480;
  line-height: 1.3;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field > span {
  font-size: .75rem;
  color: var(--request-form-muted);
  font-weight: 480;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field input,
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field select,
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid var(--request-form-stroke);
  border-radius: 12px;
  background: #fafbfd;
  color: var(--request-form-ink);
  padding: .55rem .72rem;
  font-size: .86rem;
  font-weight: 520;
  line-height: 1.32;
  box-shadow: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field input:focus-visible,
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field select:focus-visible,
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field textarea:focus-visible {
  outline: 2px solid #477caa;
  outline-offset: 1px;
  border-color: var(--request-form-stroke);
  box-shadow: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field textarea {
  min-height: 72px;
  resize: vertical;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__money-input {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__money-symbol {
  position: absolute;
  left: .7rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--request-form-ink);
  font-size: .87rem;
  font-weight: 650;
  pointer-events: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__money-input input {
  padding-left: 1.45rem;
}

:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field-error {
  margin-top: -.15rem;
  font-size: .7rem;
  color: #aa3440;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-card {
  gap: .85rem;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-field {
  display: grid;
  gap: .22rem;
  min-width: 0;
  align-content: start;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-label {
  color: var(--request-form-muted);
  font-size: .74rem;
  font-weight: 470;
  line-height: 1.3;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-value {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--request-form-ink);
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__route-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1rem minmax(0, 1fr);
  align-items: center;
  gap: .45rem;
  width: 100%;
  min-width: 0;
  padding: .72rem .8rem;
  border-radius: 13px;
  background: var(--request-form-canvas);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__route-summary > i {
  justify-self: center;
  align-self: center;
  font-size: .85rem;
  color: var(--request-form-muted);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-payment {
  align-items: end;
  padding-bottom: .95rem;
  margin-bottom: -.15rem;
  border-bottom: 1px solid var(--request-form-stroke);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-payment > :last-child {
  text-align: right;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-value--amount {
  font-size: clamp(1.2rem, 5vw, 1.55rem);
  font-weight: 750;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-observation {
  gap: .25rem;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__review-observation .driver-service-request__review-value {
  font-size: .79rem;
  font-weight: 500;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__footer {
  position: sticky;
  bottom: calc(var(--driver-mobile-nav-height, 80px) + env(safe-area-inset-bottom, 0px));
  z-index: 12;
  width: 100%;
  min-width: 0;
  align-self: end;
  margin-top: .85rem;
  padding: .75rem 0 .45rem;
  border: 0;
  border-radius: 0;
  background: var(--request-form-canvas);
  box-shadow: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__actions {
  display: grid;
  grid-template-columns: minmax(92px, 108px) minmax(0, 1fr);
  gap: .65rem;
  width: 100%;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: .62rem .7rem;
  border: 1px solid var(--request-form-stroke);
  border-radius: 12px;
  background: var(--request-form-surface);
  color: var(--request-form-ink);
  font-size: .82rem;
  font-weight: 680;
  line-height: 1.25;
  white-space: normal;
  box-shadow: none;
  transform: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action--primary {
  background: var(--request-form-navy);
  border-color: var(--request-form-navy);
  color: #fff;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action--primary:disabled {
  background: #e1e6ef;
  color: #8496ad;
  border-color: #e1e6ef;
  opacity: 1;
  cursor: not-allowed;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action--secondary .bi-x-circle {
  display: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action:focus-visible {
  outline: 2px solid #477caa;
  outline-offset: 2px;
  box-shadow: none;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action--primary:not(:disabled):hover {
  background: #213e61;
  border-color: #213e61;
}
@media (max-width: 600px) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header {
    width: calc(100% + clamp(1rem, 5vw, 2.75rem) + clamp(1rem, 5vw, 2.75rem) + env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px));
    margin-left: calc(0px - clamp(1rem, 5vw, 2.75rem) - env(safe-area-inset-left, 0px));
    padding-left: calc(clamp(1rem, 5vw, 2.75rem) + env(safe-area-inset-left, 0px));
    padding-right: calc(clamp(1rem, 5vw, 2.75rem) + env(safe-area-inset-right, 0px));
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__card {
    padding: .95rem;
  }
}
@media (max-width: 355px) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__actions {
    grid-template-columns: minmax(85px, 1fr) minmax(0, 2fr);
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__pair {
    gap: .5rem;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field input,
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field select {
    padding-inline: .45rem;
  }
}
@media (max-width: 339.98px) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__pair {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 601px) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header {
    border-radius: 18px;
    margin-top: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__progress-segment,
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header,
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__header h2 {
    transition: none;
  }
}
@media (prefers-color-scheme: dark) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view {
    --request-form-ink: #eff5ff;
    --request-form-muted: #bdcbdc;
    --request-form-stroke: #3a4d65;
    --request-form-surface: #192c43;
    --request-form-canvas: #111f31;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field input,
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field select,
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request__field textarea {
    background: #20354d;
    color: var(--request-form-ink);
    color-scheme: dark;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-create-view .driver-service-request-action--primary:disabled {
    background: #33465c;
    border-color: #33465c;
    color: #b8c6d8;
  }
}

/* MT28: confirm discard of a draft, scoped to the Conductor portal. */
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-leave-dialog.driver-service-request-leave {
  --leave-ink: #172f4c;
  --leave-muted: #667a92;
  --leave-surface: #ffffff;
  --leave-stroke: #dfe7f0;
  color-scheme: light;
  box-sizing: border-box;
  width: min(420px, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid var(--leave-stroke);
  border-radius: 22px;
  background: var(--leave-surface);
  color: var(--leave-ink);
  box-shadow: 0 24px 65px rgba(6, 20, 41, .28);
  font-family: "Poppins", system-ui, sans-serif;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-leave-dialog::backdrop {
  background: rgba(4, 15, 32, .62);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__panel {
  display: grid;
  gap: 1.1rem;
  padding: clamp(1.1rem, 4.5vw, 1.5rem);
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave[open] .driver-service-request-leave__panel {
  animation: driver-service-request-leave-enter 200ms cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes driver-service-request-leave-enter {
  from { transform: translateY(8px) scale(.99); }
  to { transform: translateY(0) scale(1); }
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__heading {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__icon {
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  height: 46px;
  border-radius: 14px;
  background: #fff2dc;
  color: #9a611e;
  font-size: 1.17rem;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__heading-copy {
  display: grid;
  gap: .22rem;
  min-width: 0;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__heading-copy h2 {
  margin: 0;
  color: var(--leave-ink);
  font-size: 1.12rem;
  line-height: 1.3;
  letter-spacing: -.01em;
  font-weight: 740;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__eyebrow {
  margin: 0;
  color: var(--leave-muted);
  font-size: .72rem;
  line-height: 1.4;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__description {
  margin: 0;
  color: var(--leave-muted);
  font-size: .85rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: .65rem;
  margin-top: .1rem;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: 0;
  padding: .72rem .65rem;
  border: 1px solid transparent;
  border-radius: 12px;
  font: inherit;
  font-size: .77rem;
  line-height: 1.25;
  font-weight: 680;
  text-align: center;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--stay {
  border-color: #152b45;
  background: #152b45;
  color: #fff;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--stay:hover {
  border-color: #23415f;
  background: #23415f;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--discard {
  border-color: #e7c1c5;
  background: var(--leave-surface);
  color: #982d38;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--discard:hover {
  border-color: #c57d85;
  background: #fff3f4;
}
:is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button:focus-visible {
  outline: 3px solid #4b83bf;
  outline-offset: 3px;
}
@media (max-width: 345px) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__actions {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--stay {
    grid-row: 1;
  }
}
@media (prefers-color-scheme: dark) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard #driver-service-request-leave-dialog.driver-service-request-leave {
    --leave-ink: #eff5ff;
    --leave-muted: #bdcbdc;
    --leave-surface: #192c43;
    --leave-stroke: #3a4d65;
    color-scheme: dark;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__icon {
    background: #453922;
    color: #ffd497;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--discard {
    border-color: #8d5962;
    color: #ffb9c1;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button--discard:hover {
    background: #302e42;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave[open] .driver-service-request-leave__panel {
    animation: none;
  }
  :is(body.driver-body, .driver-portal-embed) #driver-dashboard .driver-service-request-leave__button {
    transition: none;
  }
}