/* EXP logistics night surfaces. Screen only: day mode and printed documents are unchanged. */
@media screen {
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-palettes,
  html[data-ambiance="night"] .planner-exp-address-modal-backdrop {
    --exp-log-night-text: #eef5fb;
    --exp-log-night-muted: #b1c3d2;
    --exp-log-night-accent: #9bdcc6;
    --exp-log-night-line: #3a566b;
  }

  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #102638 !important;
    box-shadow: none !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty > span {
    border-color: var(--exp-log-night-line) !important;
    background: #1b3b4c !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty > p strong,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary strong {
    color: var(--exp-log-night-text) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty > p small,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary small,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary em {
    color: var(--exp-log-night-muted) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-identity > small,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-parcels > header small {
    color: var(--exp-log-night-accent) !important;
  }

  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary > button,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-toggle,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-parcels > header .planner-exp-add-shipment {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #163149 !important;
    box-shadow: none !important;
  }
  /* Legacy header rules color nested spans independently of their button. */
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-toggle > span,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary > button > span {
    color: inherit !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-toggle svg {
    color: #d3eee7 !important;
    background: #284a5a !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary > button:hover:not(:disabled),
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-toggle:hover,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-parcels > header .planner-exp-add-shipment:hover {
    border-color: #83b8c5 !important;
    background: #24465d !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-address-summary > button:disabled {
    color: #a4b5c3 !important;
    background: #172c3b !important;
    opacity: 1 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty > button {
    border-color: #518a76 !important;
    color: #f5fff8 !important;
    background: #246149 !important;
    box-shadow: none !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-palette-empty > button:hover {
    background: #2c7055 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-palettes button:focus-visible {
    outline: 2px solid #b3e6d4 !important;
    outline-offset: 3px;
  }

  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status {
    color: #e0eaf2 !important;
    background: #233e51 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status.is-active {
    color: #c7e4ff !important;
    background: #1a3f5b !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status.is-warning {
    color: #f8d59d !important;
    background: #423522 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status.is-success {
    color: #bbefd5 !important;
    background: #204a3c !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status.is-danger {
    color: #ffc2b8 !important;
    background: #4b2e31 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status > strong,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-status > small {
    color: inherit !important;
    opacity: 1 !important;
  }

  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-logistics-palettes :is(.planner-exp-shipment,.planner-exp-shipping-tool,.planner-exp-pod,.planner-exp-label-ready,.planner-exp-quote-list) {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #102638 !important;
    box-shadow: none !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment > header,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipping-tool.is-open > label,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-prep-section > legend {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #163149 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(strong,label,legend) {
    color: var(--exp-log-night-text) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment small,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-pod > div > small {
    color: var(--exp-log-night-muted) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment-package-icon,
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment > header > em {
    color: #e0eaf2 !important;
    background: #233e51 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment > header > em:is(.is-ready,.is-delivered) {
    color: #bbefd5 !important;
    background: #204a3c !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment > header > em.is-delayed {
    color: #f8d59d !important;
    background: #423522 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(button,.planner-exp-pod > span > label) {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #163149 !important;
    box-shadow: none !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment button:hover:not(:disabled) {
    background: #24465d !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment .planner-exp-shipment-delete {
    color: #ffc2b8 !important;
    background: #4b2e31 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(input,textarea)::placeholder {
    color: #a4b5c3 !important;
    opacity: 1;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(input,select,textarea) {
    color-scheme: dark;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(.planner-exp-dhl-guidance,.planner-exp-delay) {
    border-color: #806641 !important;
    color: #f8d59d !important;
    background: #423522 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment .planner-exp-dhl-error {
    border-color: #88565a !important;
    color: #ffc2b8 !important;
    background: #4b2e31 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment .planner-exp-dhl-ready {
    color: #bbefd5 !important;
    background: #204a3c !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop .planner-detail.is-exp .planner-exp-shipment :is(.planner-exp-dhl-guidance,.planner-exp-dhl-error,.planner-exp-dhl-ready) :is(strong,span) {
    color: inherit !important;
  }

  /* Address dialogs are portaled outside the expedition detail. */
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #102638 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(header,address,.planner-exp-address-history) {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #163149 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(h3,strong,label) {
    color: var(--exp-log-night-text) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(p,small,address span,footer > span,summary) {
    color: var(--exp-log-night-muted) !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(header > span,header > em) {
    border-color: #3e7262 !important;
    color: #bbefd5 !important;
    background: #204a3c !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal button {
    border-color: var(--exp-log-night-line) !important;
    color: var(--exp-log-night-text) !important;
    background: #163149 !important;
    box-shadow: none !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal button:hover:not(:disabled) {
    background: #24465d !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal button:is(.planner-exp-primary,.planner-exp-address-internal-confirm) {
    color: #f5fff8 !important;
    background: #246149 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal .planner-exp-address-warning-confirm {
    color: #f8d59d !important;
    background: #423522 !important;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(input,textarea)::placeholder {
    color: #a4b5c3 !important;
    opacity: 1;
  }
  html[data-ambiance="night"] .planner-modal-backdrop.planner-exp-address-modal-backdrop .modal :is(button,input,textarea):focus-visible {
    outline: 2px solid #b3e6d4 !important;
    outline-offset: 3px;
  }
}