/* ============================================
   DARK MODE OVERRIDES - Modals & Quick Actions
   Purpose: fix dark mode for modals and quick-actions-menu
   Load this AFTER main.css to ensure it takes precedence
   ============================================ */

/* Modal dark mode fixes - solid backgrounds */
[data-theme="dark"] .modal,
[data-theme="dark"] .floating-modal {
  background: #1e293b !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-overlay {
  background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .floating-modal-body {
  background: #0f172a !important;
}

[data-theme="dark"] .floating-modal-header {
  background: linear-gradient(
    135deg,
    var(--secondary),
    var(--primary)
  ) !important;
  color: white !important;
}

[data-theme="dark"] .floating-modal-title {
  color: white !important;
}

[data-theme="dark"] .floating-modal-controls button {
  color: white !important;
}

/* Form inputs inside modals in dark mode */
[data-theme="dark"] .modal input,
[data-theme="dark"] .modal textarea,
[data-theme="dark"] .modal select,
[data-theme="dark"] .floating-modal input,
[data-theme="dark"] .floating-modal textarea,
[data-theme="dark"] .floating-modal select {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid #475569 !important;
}

/* Modal labels and text */
[data-theme="dark"] .modal label,
[data-theme="dark"] .floating-modal label {
  color: #f1f5f9 !important;
}

/* Quick actions menu dark mode - solid backgrounds, no transparency */
[data-theme="dark"] .quick-actions-menu {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] .quick-actions-item {
  background: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .quick-actions-item:hover {
  background: #0f172a !important;
}

[data-theme="dark"] .quick-actions-item i {
  color: var(--primary) !important;
}