/* Driver on-duty: full-screen map; hide legacy portal chrome */

body.cc-driver-on-duty .shell-container,
body.cc-driver-on-duty .shell-footer {
  display: none !important;
}

body.cc-driver-on-duty {
  background: #0b100e;
}

.cc-map-ride-mode .cc-ride-pip,
.cc-map-ride-mode .cc-ride-pip__sheet,
.cc-driver-duty-pip {
  font-family: var(--font-ui);
}

.cc-driver-duty-pip .cc-ride-pip__eyebrow {
  text-transform: none;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: normal;
  font-weight: 600;
  color: #c5a880;
}

/* Display lines must stay cream on night PiP (driver-portal skin can set dark ink). */
body.cc-driver-on-duty .cc-driver-duty-pip .cc-ride-pip__title,
body.cc-driver-on-duty .cc-driver-duty-pip .cc-ride-pip__eta,
body.cc-map-ride-mode .cc-driver-duty-pip .cc-ride-pip__title,
body.cc-map-ride-mode .cc-driver-duty-pip .cc-ride-pip__eta {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 28px;
  color: #f8efde !important;
  -webkit-text-fill-color: #f8efde !important;
}

.cc-driver-duty-pip .cc-ride-pip__eta {
  font-size: 28px;
  line-height: 32px;
}

.cc-driver-duty-pip .cc-ride-pip__title--eta {
  text-wrap: balance;
  text-wrap: pretty;
  max-width: 100%;
}

.cc-driver-duty-pip .cc-ride-pip__eta-prefix {
  white-space: nowrap;
}

/* Fit card to duty content within viewport + safe area (no 40dvh clip). */
body.cc-driver-on-duty .cc-ride-pip {
  max-height: calc(
    100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 52px
  );
}

body.cc-driver-on-duty .cc-ride-pip__scrim {
  overflow: visible;
  max-height: inherit;
}

body.cc-driver-on-duty .cc-ride-pip__sheet,
body.cc-driver-on-duty .cc-ride-pip__sheet:has(> .cc-ride-pip-content:not(.cc-ride-pip-content--expanded)),
body.cc-driver-on-duty .cc-ride-pip__sheet:has(> .cc-driver-duty-pip) {
  max-height: calc(
    100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 96px
  ) !important;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

.cc-driver-duty-pip .cc-ride-pip__eta-label,
.cc-driver-duty-pip .cc-ride-pip__line,
.cc-driver-duty-pip .cc-ride-pip__meta {
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
  color: #f8efde;
}

.cc-driver-duty-pip .cc-ride-pip__text-action {
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
}

.cc-driver-duty-pip .cc-ride-pip__actions--primary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 6px;
}

.cc-driver-duty-pip .cc-ride-pip__primary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 10px 16px;
  box-sizing: border-box;
  border: none;
  border-radius: 999px;
  background: #f8efde !important;
  color: #0b120e !important;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
}

.cc-driver-duty-pip .cc-ride-pip__primary-btn:hover {
  background: #fff8ee !important;
}

.cc-driver-duty-pip .cc-ride-pip__primary-btn:focus-visible {
  outline: 2px solid #f8efde;
  outline-offset: 2px;
}

.cc-driver-duty-pip .cc-ride-pip__actions--secondary {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.cc-driver-duty-pip .cc-ride-pip__text-action--quiet {
  color: #beb5a4;
  font-weight: 500;
}

#driver-offer-countdown {
  color: #c5a880;
  font-weight: 700;
}