/* Keep delivery and payment dialogs above the optional assistant. */
#relayModal, #paymentModal { z-index: 300; }
#relayModal .PR-Disabled { cursor: not-allowed; opacity: .65; }
#relayModal input, #relayModal button { max-width: 100%; }

/* Notices need a dark surface as well as the inherited light text. */
html[data-theme="dark"] .checkout-contact .notice,
html[data-theme="dark"] .checkout-summary .notice,
html[data-theme="dark"] #relayModal .notice,
html[data-theme="dark"] #paymentModal .notice {
  background: #303c32;
  color: #e8eee9 !important;
  border-color: #546650;
}
html[data-theme="dark"] #paymentModal .notice p {
  color: #e8eee9;
}