/* Modern, clean modal override: only target the modal container */
.modal-content-override {
  background: #fff !important;
  color: #181818 !important;
  box-shadow: 0 8px 32px 0 rgba(13,27,42,0.12) !important;
  border-radius: 1.25rem !important;
  border: 1px solid #e0e0e0 !important;
  padding: 2rem 1.5rem !important;
  max-width: 32rem;
  margin: auto;
  transition: box-shadow 0.2s, border 0.2s, background 0.2s;
}

.dark .modal-content-override {
  background: var(--card) !important;
  color: var(--card-foreground) !important;
  box-shadow: var(--shadow) !important;
  border: 1.5px solid var(--border) !important;
}

.modal-content-override input,
.modal-content-override textarea {
  background: #f5f6fa !important;
  color: #181818 !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 0.75rem !important;
  box-shadow: 0 1px 4px 0 rgba(13,27,42,0.06) !important;
  transition: box-shadow 0.2s, border 0.2s, background 0.2s;
}

.dark .modal-content-override input,
.dark .modal-content-override textarea {
  background: var(--background) !important;
  color: var(--foreground) !important;
  border: 1.5px solid var(--border) !important;
  box-shadow: 0 1px 4px 0 rgba(16,22,36,0.18) !important;
}

.modal-content-override button {
  border-radius: 0.75rem !important;
  font-weight: 600;
  transition: background 0.2s, color 0.2s;
}

.dark .modal-content-override button {
  background: var(--primary) !important;
  color: var(--primary-foreground) !important;
  border-radius: 0.75rem !important;
  font-weight: 600;
  box-shadow: 0 2px 8px 0 rgba(58,134,255,0.10) !important;
  border: 1.5px solid var(--primary) !important;
  transition: background 0.2s, color 0.2s, border 0.2s;
}

.dark .modal-content-override button:focus,
.dark .modal-content-override button:hover {
  background: var(--accent) !important;
  color: var(--accent-foreground) !important;
  border: 1.5px solid var(--accent) !important;
  box-shadow: 0 4px 16px 0 rgba(6,214,160,0.12) !important;
}