/* api#353 / Preland: согласованный светлый канон PDF/guest-quota.
 * Геометрию, состояния и тёмную тему задают существующие компоненты.
 * Этот файл совпадает с popup-theme.css прелендингов. */
body:not(.theme-dark) {
  --popup-surface: linear-gradient(180deg, #edf4fd, #faf0fa);
  --popup-title: #202334;
  --popup-text: #4b4f61;
  --popup-focus: #6439aa;
  --popup-shadow: 0 24px 80px rgb(25 31 49 / 18%);
  --popup-border: rgb(25 31 49 / 12%);
}

body:not(.theme-dark) .input-choice-popup,
body:not(.theme-dark) .upload-error-popup,
body:not(.theme-dark) .dp-overlay {
  background: rgb(25 31 49 / 35%);
}
body:not(.theme-dark) .modal-backdrop { background: #191f31; }
body:not(.theme-dark) .modal-backdrop.show { opacity: .35; }

body:not(.theme-dark) .input-choice-popup .input-choice-card,
body:not(.theme-dark) .upload-error-popup .upload-error-card,
body:not(.theme-dark) .modal-payment .modal-content,
body:not(.theme-dark) .dp-dialog {
  background: var(--popup-surface);
  color: var(--popup-title);
  color-scheme: light;
  border-color: var(--popup-border);
  box-shadow: var(--popup-shadow);
}

body:not(.theme-dark) .input-choice-popup h2,
body:not(.theme-dark) .input-choice-popup .input-choice-option,
body:not(.theme-dark) .modal-payment .close,
body:not(.theme-dark) .dp-close,
body:not(.theme-dark) .dp-retry {
  color: var(--popup-title);
  text-shadow: none;
}
body:not(.theme-dark) .input-choice-popup .input-choice-lead,
body:not(.theme-dark) .input-choice-popup .input-choice-or,
body:not(.theme-dark) .upload-error-popup p,
body:not(.theme-dark) .upload-error-popup .upload-error-close,
body:not(.theme-dark) .payment-modal-message-text span {
  color: var(--popup-text);
}
body:not(.theme-dark) .input-choice-popup .input-choice-other {
  color: #007bff;
}
body:not(.theme-dark) .input-choice-popup .input-choice-error {
  color: #c8322b;
}
body:not(.theme-dark) .payment-modal-link {
  color: var(--popup-title);
  background: rgb(255 255 255 / 80%);
}
body:not(.theme-dark) .payment-modal-link:hover {
  color: var(--popup-title);
  background: #fff;
}

body:not(.theme-dark) .input-choice-popup button:focus-visible,
body:not(.theme-dark) .input-choice-popup input:focus-visible,
body:not(.theme-dark) .upload-error-popup button:focus-visible,
body:not(.theme-dark) .upload-error-popup a:focus-visible,
body:not(.theme-dark) .modal-payment button:focus-visible,
body:not(.theme-dark) .modal-payment a:focus-visible,
body:not(.theme-dark) .dp-dialog button:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 3px;
}
body:not(.theme-dark) .dp-input {
  color: var(--popup-title);
  background: #fff;
  border-color: #ced4da;
}
body:not(.theme-dark) .dp-input::placeholder { color: #6c757d; }
body:not(.theme-dark) .dp-input:focus { border-color: #3d87e3; }
body:not(.theme-dark) .dp-input:focus-visible {
  outline: 2px solid var(--popup-focus);
  outline-offset: 2px;
}
body:not(.theme-dark) .dp-input.dp-invalid { border-color: #c8322b; }