/* MailFD - Supplementary Styles */

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  body.dark-mode {
    background-color: #0f172a;
    color: #e2e8f0;
  }

  body.dark-mode .bg-white {
    background-color: #1e293b;
  }

  body.dark-mode .bg-gray-50\/70,
  body.dark-mode .bg-gray-50 {
    background-color: #1a2332;
  }

  body.dark-mode .text-gray-900 {
    color: #f1f5f9;
  }

  body.dark-mode .text-gray-700 {
    color: #cbd5e1;
  }

  body.dark-mode .text-gray-600 {
    color: #94a3b8;
  }

  body.dark-mode .text-gray-500 {
    color: #64748b;
  }

  body.dark-mode .text-gray-400 {
    color: #475569;
  }

  body.dark-mode .border-gray-100,
  body.dark-mode .border-gray-200 {
    border-color: #334155;
  }

  body.dark-mode .border-gray-50 {
    border-color: #1e293b;
  }

  body.dark-mode .from-indigo-50,
  body.dark-mode .bg-indigo-50 {
    background-color: #1e1b4b;
  }

  body.dark-mode .hero-bg {
    background: linear-gradient(135deg, #0f172a 0%, #1a1a2e 30%, #16213e 60%, #1a1a2e 100%);
  }

  body.dark-mode .glass {
    background: rgba(15, 23, 42, 0.85);
  }

  body.dark-mode .shadow-gray-100\/50 {
    box-shadow: none;
  }

  body.dark-mode .shadow-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  }
}

/* Print styles */
@media print {
  header, footer, #back-to-top, #customer-service, #chat-window,
  .no-print { display: none !important; }
}

/* Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}