/* Correção compartilhada de caixas de diálogo no tema escuro. */

html.theme-dark .modal,
html.theme-dark .modal-box,
html.theme-dark .modal-content,
html.theme-dark [role="dialog"],
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-box,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] [role="dialog"],
[data-theme="dark"] .modal,
[data-theme="dark"] .modal-box,
[data-theme="dark"] .modal-content,
[data-theme="dark"] [role="dialog"] {
  background: #0d182a !important;
  color: #f7fbff !important;
  border-color: #2c5a89 !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .55) !important;
}

html.theme-dark .modal h1,
html.theme-dark .modal h2,
html.theme-dark .modal h3,
html.theme-dark .modal h4,
html.theme-dark .modal-box h1,
html.theme-dark .modal-box h2,
html.theme-dark .modal-box h3,
html.theme-dark .modal-box h4,
html[data-theme="dark"] .modal h1,
html[data-theme="dark"] .modal h2,
html[data-theme="dark"] .modal h3,
html[data-theme="dark"] .modal h4,
html[data-theme="dark"] .modal-box h1,
html[data-theme="dark"] .modal-box h2,
html[data-theme="dark"] .modal-box h3,
html[data-theme="dark"] .modal-box h4 {
  color: #f7fbff !important;
}

html.theme-dark .modal p,
html.theme-dark .modal small,
html.theme-dark .modal label,
html.theme-dark .modal-box p,
html.theme-dark .modal-box small,
html.theme-dark .modal-box label,
html[data-theme="dark"] .modal p,
html[data-theme="dark"] .modal small,
html[data-theme="dark"] .modal label,
html[data-theme="dark"] .modal-box p,
html[data-theme="dark"] .modal-box small,
html[data-theme="dark"] .modal-box label {
  color: #aab9cf !important;
}

html.theme-dark .modal strong,
html.theme-dark .modal-box strong,
html[data-theme="dark"] .modal strong,
html[data-theme="dark"] .modal-box strong {
  color: #ffffff !important;
}

html.theme-dark .modal-head,
html.theme-dark .modal-body,
html.theme-dark .preview-text,
html[data-theme="dark"] .modal-head,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .preview-text {
  background: #0d182a !important;
  color: #f7fbff !important;
  border-color: #2c5a89 !important;
}

html.theme-dark .modal input,
html.theme-dark .modal select,
html.theme-dark .modal textarea,
html.theme-dark .modal-box input,
html.theme-dark .modal-box select,
html.theme-dark .modal-box textarea,
html[data-theme="dark"] .modal input,
html[data-theme="dark"] .modal select,
html[data-theme="dark"] .modal textarea,
html[data-theme="dark"] .modal-box input,
html[data-theme="dark"] .modal-box select,
html[data-theme="dark"] .modal-box textarea {
  background: #101f35 !important;
  color: #f7fbff !important;
  border-color: #355b84 !important;
}

html.theme-dark .modal input::placeholder,
html.theme-dark .modal textarea::placeholder,
html.theme-dark .modal-box input::placeholder,
html.theme-dark .modal-box textarea::placeholder,
html[data-theme="dark"] .modal input::placeholder,
html[data-theme="dark"] .modal textarea::placeholder,
html[data-theme="dark"] .modal-box input::placeholder,
html[data-theme="dark"] .modal-box textarea::placeholder {
  color: #8fa4bf !important;
}

html.theme-dark .modal-close,
html[data-theme="dark"] .modal-close {
  background: #173454 !important;
  color: #ffffff !important;
  border-color: #2c5a89 !important;
}

html.theme-dark .modal .btn.ghost,
html.theme-dark .modal-box .btn.ghost,
html[data-theme="dark"] .modal .btn.ghost,
html[data-theme="dark"] .modal-box .btn.ghost {
  background: #102a48 !important;
  color: #dceeff !important;
  border-color: #2c5a89 !important;
}

html.theme-dark .modal-actions button,
html[data-theme="dark"] .modal-actions button {
  color: #ffffff !important;
}

html.theme-dark .modal-back,
html.theme-dark .modal-backdrop,
html[data-theme="dark"] .modal-back,
html[data-theme="dark"] .modal-backdrop {
  background: rgba(0, 0, 0, .68) !important;
}