/* Local RTL, Font Fallback & Comprehensive Color Palette Overrides for Offline PHP Output */
@import "dark-mode-fixes.css";

@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('Vazirmatn'), local('Vazir'), local('IRANSans'), local('B Yekan'), local('Tahoma'), local('Arial');
}

:root {
  --google-blue: #4285f4;
  --google-red: #ea4335;
  --google-yellow: #fbbc05;
  --google-green: #34a853;
  --font-sans: 'Vazirmatn', Tahoma, 'B Yekan', Arial, sans-serif;
}

body, input, select, textarea, button, table, td, th {
  font-family: var(--font-sans);
  direction: rtl;
  text-align: right;
  font-feature-settings: "ss01", "ss02";
  -webkit-font-feature-settings: "ss01", "ss02";
}

body {
  background-color: #f8fafc;
  color: #0f172a;
}

.dark body {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
}

/* Enforce Persian digit glyphs and right alignment across numbers and text */
span, p, div, label, input, select, textarea, td, th, h1, h2, h3, h4, h5, h6, .font-mono {
  direction: rtl;
  text-align: right;
  font-feature-settings: "ss01", "ss02", "cv01";
  -webkit-font-feature-settings: "ss01", "ss02", "cv01";
}

/* ==========================================================================
   ZEBRA STRIPING FOR ALL TABLES & LISTS (یک در میان رنگی)
   ========================================================================== */
html:not(.dark) table tbody tr:nth-child(even):not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]):not([class*="bg-blue"]) {
  background-color: #f8fafc !important;
}
html:not(.dark) table tbody tr:nth-child(odd):not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]):not([class*="bg-blue"]) {
  background-color: #ffffff !important;
}
html:not(.dark) table tbody tr:hover:not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]) {
  background-color: #f1f5f9 !important;
}

html:not(.dark) .zebra-rows > *:nth-child(even),
html:not(.dark) .zebra-list > div:nth-child(even),
html:not(.dark) .zebra-list > li:nth-child(even) {
  background-color: #f8fafc !important;
}
html:not(.dark) .zebra-rows > *:nth-child(odd),
html:not(.dark) .zebra-list > div:nth-child(odd),
html:not(.dark) .zebra-list > li:nth-child(odd) {
  background-color: #ffffff !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* ==========================================================================
   1. GOOGLE BRAND & ARBITRARY HEX COLOR UTILITIES
   ========================================================================== */
.bg-\[\#4285F4\], .bg-\[\#4285f4\] { background-color: #4285f4 !important; }
.text-\[\#4285F4\], .text-\[\#4285f4\] { color: #4285f4 !important; }
.border-\[\#4285F4\], .border-\[\#4285f4\] { border-color: #4285f4 !important; }
.focus\:border-\[\#4285F4\]:focus { border-color: #4285f4 !important; }
.focus\:ring-\[\#4285F4\]:focus { --tw-ring-color: #4285f4 !important; }
.hover\:bg-\[\#4285F4\]:hover { background-color: #4285f4 !important; }
.hover\:border-\[\#4285F4\]:hover { border-color: #4285f4 !important; }
.hover\:text-\[\#4285F4\]:hover { color: #4285f4 !important; }
.peer-checked\:bg-\[\#4285F4\]:peer-checked { background-color: #4285f4 !important; }
.group-hover\:text-\[\#4285F4\]:group-hover { color: #4285f4 !important; }

.bg-\[\#4285F4\]\/10 { background-color: rgba(66, 133, 244, 0.1) !important; }
.bg-\[\#4285F4\]\/20 { background-color: rgba(66, 133, 244, 0.2) !important; }
.hover\:bg-\[\#4285F4\]\/20:hover { background-color: rgba(66, 133, 244, 0.2) !important; }
.hover\:bg-\[\#357ae8\]:hover { background-color: #357ae8 !important; }

.bg-\[\#34A853\], .bg-\[\#34a853\] { background-color: #34a853 !important; }
.text-\[\#34A853\], .text-\[\#34a853\] { color: #34a853 !important; }
.border-\[\#34A853\], .border-\[\#34a853\] { border-color: #34a853 !important; }
.focus\:border-\[\#34A853\]:focus { border-color: #34a853 !important; }
.hover\:border-\[\#34A853\]:hover { border-color: #34a853 !important; }
.group-hover\:text-\[\#34A853\]:group-hover { color: #34a853 !important; }
.bg-\[\#34A853\]\/20 { background-color: rgba(52, 168, 83, 0.2) !important; }

.bg-\[\#EA4335\], .bg-\[\#ea4335\] { background-color: #ea4335 !important; }
.text-\[\#EA4335\], .text-\[\#ea4335\] { color: #ea4335 !important; }
.bg-\[\#EA4335\]\/20 { background-color: rgba(234, 67, 53, 0.2) !important; }

.bg-\[\#FBBC05\], .bg-\[\#fbbc05\] { background-color: #fbbc05 !important; }
.text-\[\#FBBC05\], .text-\[\#fbbc05\] { color: #fbbc05 !important; }
.hover\:border-\[\#FBBC05\]:hover { border-color: #fbbc05 !important; }
.group-hover\:text-\[\#FBBC05\]:group-hover { color: #fbbc05 !important; }
.bg-\[\#FBBC05\]\/20 { background-color: rgba(251, 188, 5, 0.2) !important; }

.bg-\[\#14182c\] { background-color: #14182c !important; }

/* ==========================================================================
   2. SLATE COLOR PALETTE (v3/v4 Slate)
   ========================================================================== */
.bg-slate-50 { background-color: #f8fafc !important; }
.bg-slate-100 { background-color: #f1f5f9 !important; }
.bg-slate-200 { background-color: #e2e8f0 !important; }
.bg-slate-300 { background-color: #cbd5e1 !important; }
.bg-slate-400 { background-color: #94a3b8 !important; }
.bg-slate-500 { background-color: #64748b !important; }
.bg-slate-600 { background-color: #475569 !important; }
.bg-slate-700 { background-color: #334155 !important; }
.bg-slate-800 { background-color: #1e293b !important; }
.bg-slate-900 { background-color: #0f172a !important; }
.bg-slate-950 { background-color: #020617 !important; }

/* Slate Opacity Variants */
.bg-slate-50\/20 { background-color: rgba(248, 250, 252, 0.2) !important; }
.bg-slate-50\/30 { background-color: rgba(248, 250, 252, 0.3) !important; }
.bg-slate-50\/50 { background-color: rgba(248, 250, 252, 0.5) !important; }
.bg-slate-50\/80 { background-color: rgba(248, 250, 252, 0.8) !important; }
.bg-slate-100\/50 { background-color: rgba(241, 245, 249, 0.5) !important; }
.bg-slate-100\/60 { background-color: rgba(241, 245, 249, 0.6) !important; }
.bg-slate-200\/80 { background-color: rgba(226, 232, 240, 0.8) !important; }
.bg-slate-800\/40 { background-color: rgba(30, 41, 59, 0.4) !important; }
.bg-slate-800\/60 { background-color: rgba(30, 41, 59, 0.6) !important; }
.bg-slate-900\/40 { background-color: rgba(15, 23, 42, 0.4) !important; }
.bg-slate-900\/60 { background-color: rgba(15, 23, 42, 0.6) !important; }

/* Slate Hovers */
.hover\:bg-slate-50:hover { background-color: #f8fafc !important; }
.hover\:bg-slate-50\/50:hover { background-color: rgba(248, 250, 252, 0.5) !important; }
.hover\:bg-slate-50\/80:hover { background-color: rgba(248, 250, 252, 0.8) !important; }
.hover\:bg-slate-100:hover { background-color: #f1f5f9 !important; }
.hover\:bg-slate-100\/70:hover { background-color: rgba(241, 245, 249, 0.7) !important; }
.hover\:bg-slate-200:hover { background-color: #e2e8f0 !important; }
.hover\:bg-slate-200\/60:hover { background-color: rgba(226, 232, 240, 0.6) !important; }
.hover\:bg-slate-300:hover { background-color: #cbd5e1 !important; }
.hover\:bg-slate-700:hover { background-color: #334155 !important; }
.hover\:bg-slate-900:hover { background-color: #0f172a !important; }
.peer-checked\:bg-slate-800:peer-checked { background-color: #1e293b !important; }

/* Slate Text Colors */
.text-slate-100 { color: #f1f5f9 !important; }
.text-slate-200 { color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-500 { color: #64748b !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-700 { color: #334155 !important; }
.text-slate-800 { color: #1e293b !important; }
.text-slate-900 { color: #0f172a !important; }

.hover\:text-slate-100:hover { color: #f1f5f9 !important; }
.hover\:text-slate-200:hover { color: #e2e8f0 !important; }
.hover\:text-slate-600:hover { color: #475569 !important; }
.hover\:text-slate-700:hover { color: #334155 !important; }
.hover\:text-slate-800:hover { color: #1e293b !important; }
.group-hover\:text-slate-800:group-hover { color: #1e293b !important; }
.placeholder\:text-slate-400::placeholder { color: #94a3b8 !important; }

/* Slate Borders & Divides */
.border-slate-50 { border-color: #f8fafc !important; }
.border-slate-100 { border-color: #f1f5f9 !important; }
.border-slate-100\/80 { border-color: rgba(241, 245, 249, 0.8) !important; }
.border-slate-150 { border-color: #e9eef5 !important; }
.border-slate-200 { border-color: #e2e8f0 !important; }
.border-slate-200\/40 { border-color: rgba(226, 232, 240, 0.4) !important; }
.border-slate-200\/50 { border-color: rgba(226, 232, 240, 0.5) !important; }
.border-slate-200\/60 { border-color: rgba(226, 232, 240, 0.6) !important; }
.border-slate-200\/80 { border-color: rgba(226, 232, 240, 0.8) !important; }
.border-slate-300 { border-color: #cbd5e1 !important; }
.border-slate-300\/50 { border-color: rgba(203, 213, 225, 0.5) !important; }
.border-slate-400 { border-color: #94a3b8 !important; }
.border-slate-700\/30 { border-color: rgba(51, 65, 85, 0.3) !important; }
.border-slate-700\/50 { border-color: rgba(51, 65, 85, 0.5) !important; }
.border-slate-800 { border-color: #1e293b !important; }
.border-slate-800\/30 { border-color: rgba(30, 41, 59, 0.3) !important; }
.border-slate-800\/40 { border-color: rgba(30, 41, 59, 0.4) !important; }
.border-slate-800\/50 { border-color: rgba(30, 41, 59, 0.5) !important; }
.border-slate-800\/60 { border-color: rgba(30, 41, 59, 0.6) !important; }
.border-slate-800\/80 { border-color: rgba(30, 41, 59, 0.8) !important; }
.border-slate-850 { border-color: #162032 !important; }
.border-slate-900 { border-color: #0f172a !important; }
.hover\:border-slate-200:hover { border-color: #e2e8f0 !important; }
.hover\:border-slate-800:hover { border-color: #1e293b !important; }

.divide-slate-50 > :not([hidden]) ~ :not([hidden]) { border-color: #f8fafc !important; }
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: #f1f5f9 !important; }

/* ==========================================================================
   3. EMERALD COLOR PALETTE
   ========================================================================== */
.bg-emerald-50 { background-color: #ecfdf5 !important; }
.bg-emerald-50\/50 { background-color: rgba(236, 253, 245, 0.5) !important; }
.bg-emerald-50\/60 { background-color: rgba(236, 253, 245, 0.6) !important; }
.bg-emerald-50\/70 { background-color: rgba(236, 253, 245, 0.7) !important; }
.bg-emerald-50\/75 { background-color: rgba(236, 253, 245, 0.75) !important; }
.bg-emerald-100 { background-color: #d1fae5 !important; }
.bg-emerald-500 { background-color: #10b981 !important; }
.bg-emerald-500\/20 { background-color: rgba(16, 185, 129, 0.2) !important; }
.bg-emerald-600 { background-color: #059669 !important; }

.hover\:bg-emerald-50:hover { background-color: #ecfdf5 !important; }
.hover\:bg-emerald-100:hover { background-color: #d1fae5 !important; }
.hover\:bg-emerald-500:hover { background-color: #10b981 !important; }
.hover\:bg-emerald-600:hover { background-color: #059669 !important; }
.hover\:bg-emerald-700:hover { background-color: #047857 !important; }
.peer-checked\:bg-emerald-600:peer-checked { background-color: #059669 !important; }

.text-emerald-400 { color: #34d399 !important; }
.text-emerald-500 { color: #10b981 !important; }
.text-emerald-600 { color: #059669 !important; }
.text-emerald-700 { color: #047857 !important; }
.text-emerald-800 { color: #065f46 !important; }
.text-emerald-900 { color: #064e3b !important; }
.text-emerald-950 { color: #022c22 !important; }
.hover\:text-emerald-800:hover { color: #065f46 !important; }

.border-emerald-100 { border-color: #d1fae5 !important; }
.border-emerald-200 { border-color: #a7f3d0 !important; }
.border-emerald-200\/50 { border-color: rgba(167, 243, 208, 0.5) !important; }
.border-emerald-200\/80 { border-color: rgba(167, 243, 208, 0.8) !important; }
.border-emerald-300 { border-color: #6ee7b7 !important; }
.border-emerald-400\/30 { border-color: rgba(52, 211, 153, 0.3) !important; }
.border-emerald-500\/30 { border-color: rgba(16, 185, 129, 0.3) !important; }
.focus\:border-emerald-600:focus { border-color: #059669 !important; }

/* ==========================================================================
   4. ROSE COLOR PALETTE
   ========================================================================== */
.bg-rose-50 { background-color: #fff1f2 !important; }
.bg-rose-50\/50 { background-color: rgba(255, 241, 242, 0.5) !important; }
.bg-rose-100 { background-color: #ffe4e6 !important; }
.bg-rose-500 { background-color: #f43f5e !important; }
.bg-rose-500\/10 { background-color: rgba(244, 63, 94, 0.1) !important; }
.bg-rose-600 { background-color: #e11d48 !important; }
.bg-rose-950\/40 { background-color: rgba(76, 5, 25, 0.4) !important; }

.hover\:bg-rose-50:hover { background-color: #fff1f2 !important; }
.hover\:bg-rose-100:hover { background-color: #ffe4e6 !important; }
.hover\:bg-rose-600:hover { background-color: #e11d48 !important; }
.hover\:bg-rose-700:hover { background-color: #be123c !important; }
.hover\:bg-rose-950\/20:hover { background-color: rgba(76, 5, 25, 0.2) !important; }
.hover\:bg-rose-950\/40:hover { background-color: rgba(76, 5, 25, 0.4) !important; }
.group-hover\:bg-rose-500\/20:group-hover { background-color: rgba(244, 63, 94, 0.2) !important; }

.text-rose-300 { color: #fca5a5 !important; }
.text-rose-400 { color: #fb7185 !important; }
.text-rose-500 { color: #f43f5e !important; }
.text-rose-600 { color: #e11d48 !important; }
.text-rose-700 { color: #be123c !important; }
.text-rose-800 { color: #9f1239 !important; }
.text-rose-950 { color: #4c0519 !important; }
.hover\:text-rose-200:hover { color: #fecdd3 !important; }
.hover\:text-rose-300:hover { color: #fca5a5 !important; }
.hover\:text-rose-700:hover { color: #be123c !important; }
.hover\:text-rose-800:hover { color: #9f1239 !important; }
.group-hover\:text-rose-300:group-hover { color: #fca5a5 !important; }

.border-rose-100 { border-color: #ffe4e6 !important; }
.border-rose-100\/30 { border-color: rgba(255, 228, 230, 0.3) !important; }
.border-rose-100\/50 { border-color: rgba(255, 228, 230, 0.5) !important; }
.border-rose-200 { border-color: #fecdd3 !important; }
.border-rose-200\/50 { border-color: rgba(254, 205, 211, 0.5) !important; }
.border-rose-500\/20 { border-color: rgba(244, 63, 94, 0.2) !important; }
.border-rose-900\/40 { border-color: rgba(136, 19, 55, 0.4) !important; }

/* ==========================================================================
   5. AMBER COLOR PALETTE
   ========================================================================== */
.bg-amber-50 { background-color: #fffbeb !important; }
.bg-amber-50\/30 { background-color: rgba(255, 251, 235, 0.3) !important; }
.bg-amber-50\/50 { background-color: rgba(255, 251, 235, 0.5) !important; }
.bg-amber-50\/60 { background-color: rgba(255, 251, 235, 0.6) !important; }
.bg-amber-50\/70 { background-color: rgba(255, 251, 235, 0.7) !important; }
.bg-amber-100 { background-color: #fef3c7 !important; }
.bg-amber-500 { background-color: #f59e0b !important; }
.bg-amber-600 { background-color: #d97706 !important; }

.hover\:bg-amber-50:hover { background-color: #fffbeb !important; }
.hover\:bg-amber-100:hover { background-color: #fef3c7 !important; }
.hover\:bg-amber-600:hover { background-color: #d97706 !important; }
.hover\:bg-amber-700:hover { background-color: #b45309 !important; }
.peer-checked\:bg-amber-600:peer-checked { background-color: #d97706 !important; }

.text-amber-500 { color: #f59e0b !important; }
.text-amber-600 { color: #d97706 !important; }
.text-amber-700 { color: #b45309 !important; }
.text-amber-800 { color: #92400e !important; }
.text-amber-900 { color: #78350f !important; }
.text-amber-950 { color: #451a03 !important; }
.hover\:text-amber-950:hover { color: #451a03 !important; }

.border-amber-100 { border-color: #fef3c7 !important; }
.border-amber-150 { border-color: #fde68a !important; }
.border-amber-200 { border-color: #fde68a !important; }
.border-amber-200\/50 { border-color: rgba(253, 230, 138, 0.5) !important; }
.border-amber-200\/60 { border-color: rgba(253, 230, 138, 0.6) !important; }
.border-amber-300 { border-color: #fcd34d !important; }
.border-amber-300\/80 { border-color: rgba(252, 211, 77, 0.8) !important; }
.border-amber-600 { border-color: #d97706 !important; }
.focus\:border-amber-500:focus { border-color: #f59e0b !important; }

.file\:bg-amber-100::file-selector-button { background-color: #fef3c7 !important; }
.file\:text-amber-800::file-selector-button { color: #92400e !important; }
.hover\:file\:bg-amber-200:hover::file-selector-button { background-color: #fde68a !important; }

/* ==========================================================================
   6. INDIGO COLOR PALETTE
   ========================================================================== */
.bg-indigo-50 { background-color: #eef2ff !important; }
.bg-indigo-50\/20 { background-color: rgba(238, 242, 255, 0.2) !important; }
.bg-indigo-50\/40 { background-color: rgba(238, 242, 255, 0.4) !important; }
.bg-indigo-50\/50 { background-color: rgba(238, 242, 255, 0.5) !important; }
.bg-indigo-100 { background-color: #e0e7ff !important; }
.bg-indigo-100\/20 { background-color: rgba(224, 231, 255, 0.2) !important; }
.bg-indigo-500 { background-color: #6366f1 !important; }
.bg-indigo-500\/10 { background-color: rgba(99, 102, 241, 0.1) !important; }
.bg-indigo-500\/20 { background-color: rgba(99, 102, 241, 0.2) !important; }
.bg-indigo-500\/30 { background-color: rgba(99, 102, 241, 0.3) !important; }
.bg-indigo-600 { background-color: #4f46e5 !important; }

.hover\:bg-indigo-100:hover { background-color: #e0e7ff !important; }
.hover\:bg-indigo-600:hover { background-color: #4f46e5 !important; }
.hover\:bg-indigo-700:hover { background-color: #4338ca !important; }
.group-hover\:bg-indigo-600\/20:group-hover { background-color: rgba(79, 70, 229, 0.2) !important; }

.text-indigo-100 { color: #e0e7ff !important; }
.text-indigo-200 { color: #c7d2fe !important; }
.text-indigo-300 { color: #a5b4fc !important; }
.text-indigo-400 { color: #818cf8 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.text-indigo-700 { color: #4338ca !important; }
.text-indigo-800 { color: #3730a3 !important; }
.text-indigo-900 { color: #312e81 !important; }
.text-indigo-950 { color: #1e1b4b !important; }
.group-hover\:text-indigo-400:group-hover { color: #818cf8 !important; }
.group-hover\:text-indigo-700:group-hover { color: #4338ca !important; }

.border-indigo-100 { border-color: #e0e7ff !important; }
.border-indigo-100\/40 { border-color: rgba(224, 231, 255, 0.4) !important; }
.border-indigo-100\/60 { border-color: rgba(224, 231, 255, 0.6) !important; }
.border-indigo-200 { border-color: #c7d2fe !important; }
.border-indigo-200\/60 { border-color: rgba(199, 210, 254, 0.6) !important; }
.border-indigo-400 { border-color: #818cf8 !important; }
.border-indigo-400\/30 { border-color: rgba(129, 140, 248, 0.3) !important; }
.border-indigo-500\/10 { border-color: rgba(99, 102, 241, 0.1) !important; }
.border-indigo-500\/20 { border-color: rgba(99, 102, 241, 0.2) !important; }
.border-indigo-500\/30 { border-color: rgba(99, 102, 241, 0.3) !important; }
.border-indigo-500\/40 { border-color: rgba(99, 102, 241, 0.4) !important; }
.border-indigo-700 { border-color: #4338ca !important; }
.focus\:border-indigo-500:focus { border-color: #6366f1 !important; }
.group-hover\:border-indigo-500\/20:group-hover { border-color: rgba(99, 102, 241, 0.2) !important; }
.ring-indigo-500\/10 { --tw-ring-color: rgba(99, 102, 241, 0.1) !important; }

/* ==========================================================================
   7. BLUE, PURPLE, GREEN, RED, YELLOW PALETTES
   ========================================================================== */
/* Blue */
.bg-blue-50 { background-color: #eff6ff !important; }
.bg-blue-50\/50 { background-color: rgba(239, 246, 255, 0.5) !important; }
.bg-blue-50\/60 { background-color: rgba(239, 246, 255, 0.6) !important; }
.bg-blue-100 { background-color: #dbeafe !important; }
.bg-blue-100\/30 { background-color: rgba(219, 234, 254, 0.3) !important; }
.bg-blue-500 { background-color: #3b82f6 !important; }
.bg-blue-500\/20 { background-color: rgba(59, 130, 246, 0.2) !important; }
.bg-blue-600 { background-color: #2563eb !important; }

.hover\:bg-blue-100:hover { background-color: #dbeafe !important; }
.hover\:bg-blue-600:hover { background-color: #2563eb !important; }
.hover\:bg-blue-700:hover { background-color: #1d4ed8 !important; }
.peer-checked\:bg-blue-600:peer-checked { background-color: #2563eb !important; }

.text-blue-200 { color: #bfdbfe !important; }
.text-blue-300 { color: #93c5fd !important; }
.text-blue-400 { color: #60a5fa !important; }
.text-blue-500 { color: #3b82f6 !important; }
.text-blue-600 { color: #2563eb !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.text-blue-800 { color: #1e40af !important; }
.text-blue-900 { color: #1e3a8a !important; }
.text-blue-950 { color: #172554 !important; }
.hover\:text-blue-600:hover { color: #2563eb !important; }
.hover\:text-blue-700:hover { color: #1d4ed8 !important; }
.hover\:text-blue-800:hover { color: #1e40af !important; }

.border-blue-100 { border-color: #dbeafe !important; }
.border-blue-100\/30 { border-color: rgba(219, 234, 254, 0.3) !important; }
.border-blue-100\/50 { border-color: rgba(219, 234, 254, 0.5) !important; }
.border-blue-100\/70 { border-color: rgba(219, 234, 254, 0.7) !important; }
.border-blue-200 { border-color: #bfdbfe !important; }
.border-blue-200\/50 { border-color: rgba(191, 219, 254, 0.5) !important; }
.border-blue-500 { border-color: #3b82f6 !important; }
.hover\:border-blue-300:hover { border-color: #93c5fd !important; }
.hover\:border-blue-500:hover { border-color: #3b82f6 !important; }
.focus\:border-blue-500:focus { border-color: #3b82f6 !important; }

/* Purple */
.bg-purple-50 { background-color: #faf5ff !important; }
.bg-purple-50\/60 { background-color: rgba(250, 245, 255, 0.6) !important; }
.bg-purple-100 { background-color: #f3e8ff !important; }
.bg-purple-100\/50 { background-color: rgba(243, 232, 255, 0.5) !important; }
.bg-purple-500 { background-color: #a855f7 !important; }
.hover\:bg-purple-100:hover { background-color: #f3e8ff !important; }
.peer-checked\:bg-purple-600:peer-checked { background-color: #9333ea !important; }

.text-purple-600 { color: #9333ea !important; }
.text-purple-700 { color: #7e22ce !important; }
.text-purple-800 { color: #6b21a8 !important; }
.text-purple-900 { color: #581c87 !important; }

.border-purple-100 { border-color: #f3e8ff !important; }
.border-purple-200 { border-color: #e9d5ff !important; }
.border-purple-200\/30 { border-color: rgba(233, 213, 255, 0.3) !important; }
.border-purple-200\/50 { border-color: rgba(233, 213, 255, 0.5) !important; }

/* Green */
.bg-green-50 { background-color: #f0fdf4 !important; }
.bg-green-500 { background-color: #22c55e !important; }
.text-green-500 { color: #22c55e !important; }
.text-green-600 { color: #16a34a !important; }
.text-green-700 { color: #15803d !important; }
.border-green-100 { border-color: #dcfce7 !important; }
.border-green-200 { border-color: #bbf7d0 !important; }

/* Yellow */
.bg-yellow-50 { background-color: #fefce8 !important; }
.text-yellow-300 { color: #fde047 !important; }
.border-yellow-100 { border-color: #fef9c3 !important; }

/* Red */
.bg-red-50 { background-color: #fef2f2 !important; }
.text-red-600 { color: #dc2626 !important; }
.text-red-700 { color: #b91c1c !important; }
.border-red-100 { border-color: #fee2e2 !important; }
.border-red-200 { border-color: #fecaca !important; }

/* Teal & Transparent */
.text-teal-400 { color: #2dd4bf !important; }
.text-transparent { color: transparent !important; }

/* ==========================================================================
   8. WHITE / BLACK / OPACITY OVERRIDES & SHADOWS
   ========================================================================== */
.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1) !important; }
.bg-white\/20 { background-color: rgba(255, 255, 255, 0.2) !important; }
.bg-white\/70 { background-color: rgba(255, 255, 255, 0.7) !important; }
.bg-white\/80 { background-color: rgba(255, 255, 255, 0.8) !important; }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9) !important; }

.bg-black\/5 { background-color: rgba(0, 0, 0, 0.05) !important; }
.bg-black\/15 { background-color: rgba(0, 0, 0, 0.15) !important; }
.bg-black\/40 { background-color: rgba(0, 0, 0, 0.4) !important; }

.border-white\/5 { border-color: rgba(255, 255, 255, 0.05) !important; }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.border-white\/30 { border-color: rgba(255, 255, 255, 0.3) !important; }
.border-white\/40 { border-color: rgba(255, 255, 255, 0.4) !important; }
.border-black\/5 { border-color: rgba(0, 0, 0, 0.05) !important; }

.text-white\/60 { color: rgba(255, 255, 255, 0.6) !important; }
.text-white\/70 { color: rgba(255, 255, 255, 0.7) !important; }
.text-white\/80 { color: rgba(255, 255, 255, 0.8) !important; }

.shadow-xs, .shadow-2xs, .shadow-3xs { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; }
.shadow-sm { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important; }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important; }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important; }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-blue-500\/10 { box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.1), 0 4px 6px -2px rgba(59, 130, 246, 0.05) !important; }
.shadow-blue-500\/20 { box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.2), 0 4px 6px -2px rgba(59, 130, 246, 0.1) !important; }
.shadow-blue-500\/25 { box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.25), 0 4px 6px -2px rgba(59, 130, 246, 0.1) !important; }
.shadow-indigo-500\/25 { box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.25), 0 4px 6px -2px rgba(99, 102, 241, 0.1) !important; }
.shadow-indigo-950\/20 { box-shadow: 0 10px 15px -3px rgba(30, 27, 75, 0.2) !important; }
.shadow-rose-500\/10 { box-shadow: 0 10px 15px -3px rgba(244, 63, 94, 0.1) !important; }

/* ==========================================================================
   9. GRADIENTS & BACKGROUND CLIP
   ========================================================================== */
.bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important; }
.bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important; }
.bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)) !important; }
.bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important; }

.from-\[\#090b14\] { --tw-gradient-from: #090b14; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(9, 11, 20, 0)); }
.from-\[\#4285F4\], .from-\[\#4285f4\] { --tw-gradient-from: #4285f4; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(66, 133, 244, 0)); }
.from-slate-50 { --tw-gradient-from: #f8fafc; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(248, 250, 252, 0)); }
.from-slate-900 { --tw-gradient-from: #0f172a; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15, 23, 42, 0)); }
.from-blue-600 { --tw-gradient-from: #2563eb; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0)); }
.from-blue-700 { --tw-gradient-from: #1d4ed8; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0)); }
.from-indigo-200 { --tw-gradient-from: #c7d2fe; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(199, 210, 254, 0)); }
.from-indigo-600 { --tw-gradient-from: #4f46e5; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(79, 70, 229, 0)); }
.from-indigo-950 { --tw-gradient-from: #1e1b4b; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 27, 75, 0)); }
.from-amber-50\/90 { --tw-gradient-from: rgba(255, 251, 235, 0.9); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)); }

.to-\[\#090b14\] { --tw-gradient-to: #090b14 !important; }
.to-\[\#34A853\], .to-\[\#34a853\] { --tw-gradient-to: #34a853 !important; }
.to-slate-900 { --tw-gradient-to: #0f172a !important; }
.to-white { --tw-gradient-to: #ffffff !important; }
.to-blue-400 { --tw-gradient-to: #60a5fa !important; }
.to-indigo-400 { --tw-gradient-to: #818cf8 !important; }
.to-indigo-500 { --tw-gradient-to: #6366f1 !important; }
.to-indigo-600 { --tw-gradient-to: #4f46e5 !important; }
.to-indigo-800 { --tw-gradient-to: #3730a3 !important; }
.to-indigo-950 { --tw-gradient-to: #1e1b4b !important; }
.to-purple-500 { --tw-gradient-to: #a855f7 !important; }

.via-\[\#101426\] { --tw-gradient-stops: var(--tw-gradient-from), #101426, var(--tw-gradient-to, rgba(16, 20, 38, 0)); }
.via-slate-900 { --tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to, rgba(15, 23, 42, 0)); }
.via-indigo-500 { --tw-gradient-stops: var(--tw-gradient-from), #6366f1, var(--tw-gradient-to, rgba(99, 102, 241, 0)); }
.via-indigo-950 { --tw-gradient-stops: var(--tw-gradient-from), #1e1b4b, var(--tw-gradient-to, rgba(30, 27, 75, 0)); }
.via-blue-50\/30 { --tw-gradient-stops: var(--tw-gradient-from), rgba(239, 246, 255, 0.3), var(--tw-gradient-to, rgba(239, 246, 255, 0)); }
.via-amber-50\/50 { --tw-gradient-stops: var(--tw-gradient-from), rgba(255, 251, 235, 0.5), var(--tw-gradient-to, rgba(255, 251, 235, 0)); }

.bg-clip-text { -webkit-background-clip: text !important; background-clip: text !important; }

/* Print styling */
@media print {
  .no-print { display: none !important; }
  .print-only { display: block !important; }
  body { background: white !important; color: black !important; }
}

/* ==========================================================================
   10. HARMONIZED DESIGN SYSTEM FOR BUTTONS & LINKS (سیستم هماهنگ دکمه‌ها و لینک‌ها)
   ========================================================================== */
.btn-primary, button.btn-primary, a.btn-primary {
  background-color: #4285f4 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover {
  background-color: #3367d6 !important;
  box-shadow: 0 4px 6px -1px rgba(66, 133, 244, 0.25) !important;
  transform: translateY(-1px);
}
.btn-primary:active, button.btn-primary:active, a.btn-primary:active {
  transform: scale(0.98);
}

.btn-secondary, button.btn-secondary, a.btn-secondary {
  background-color: #f1f5f9 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.btn-secondary:hover, button.btn-secondary:hover, a.btn-secondary:hover {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
.dark .btn-secondary, .dark button.btn-secondary, .dark a.btn-secondary {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border-color: #334155 !important;
}
.dark .btn-secondary:hover, .dark button.btn-secondary:hover, .dark a.btn-secondary:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
  border-color: #475569 !important;
}

.btn-success, button.btn-success, a.btn-success {
  background-color: #34a853 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-success:hover, button.btn-success:hover, a.btn-success:hover {
  background-color: #2d9249 !important;
  box-shadow: 0 4px 6px -1px rgba(52, 168, 83, 0.25) !important;
  transform: translateY(-1px);
}

.btn-danger, button.btn-danger, a.btn-danger {
  background-color: #ea4335 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-danger:hover, button.btn-danger:hover, a.btn-danger:hover {
  background-color: #d33828 !important;
  box-shadow: 0 4px 6px -1px rgba(234, 67, 53, 0.25) !important;
  transform: translateY(-1px);
}

.btn-warning, button.btn-warning, a.btn-warning {
  background-color: #fbbc05 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-warning:hover, button.btn-warning:hover, a.btn-warning:hover {
  background-color: #e5ab04 !important;
  transform: translateY(-1px);
}

.btn-indigo, button.btn-indigo, a.btn-indigo {
  background-color: #6366f1 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-indigo:hover, button.btn-indigo:hover, a.btn-indigo:hover {
  background-color: #4f46e5 !important;
  box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.25) !important;
  transform: translateY(-1px);
}

.btn-outline, button.btn-outline, a.btn-outline {
  background-color: transparent !important;
  color: #4285f4 !important;
  border: 1.5px solid #4285f4 !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-outline:hover, button.btn-outline:hover, a.btn-outline:hover {
  background-color: #4285f4 !important;
  color: #ffffff !important;
}
.dark .btn-outline, .dark button.btn-outline, .dark a.btn-outline {
  color: #60a5fa !important;
  border-color: #60a5fa !important;
}
.dark .btn-outline:hover, .dark button.btn-outline:hover, .dark a.btn-outline:hover {
  background-color: #60a5fa !important;
  color: #0f172a !important;
}

.btn-ghost, button.btn-ghost, a.btn-ghost {
  background-color: transparent !important;
  color: #64748b !important;
  font-weight: 700 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 0.75rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.375rem !important;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  transition: all 0.15s ease-in-out !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.btn-ghost:hover, button.btn-ghost:hover, a.btn-ghost:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}
.dark .btn-ghost, .dark button.btn-ghost, .dark a.btn-ghost {
  color: #94a3b8 !important;
}
.dark .btn-ghost:hover, .dark button.btn-ghost:hover, .dark a.btn-ghost:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Unified Action Link Styles */
.app-link {
  color: #4285f4 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}
.app-link:hover {
  color: #3367d6 !important;
  text-decoration: underline !important;
}
.dark .app-link {
  color: #60a5fa !important;
}
.dark .app-link:hover {
  color: #93c5fd !important;
}

/* ==========================================================================
   11. DARK MODE OPTIMIZATION (HIGH-CONTRAST & OPAQUE BACKGROUNDS)
   ========================================================================== */
.dark body {
  background-color: #0b0f19 !important;
  color: #f1f5f9 !important;
}

/* Opaque and High Contrast Cards in Dark Mode */
.dark .bg-white {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border-color: #334155 !important;
}

.dark .bg-slate-50,
.dark .bg-slate-50\/50,
.dark .bg-slate-50\/60,
.dark .bg-slate-50\/70,
.dark .bg-slate-50\/80 {
  background-color: #162032 !important;
  color: #f1f5f9 !important;
  border-color: #334155 !important;
}

.dark .bg-slate-100,
.dark .bg-slate-100\/50,
.dark .bg-slate-100\/60,
.dark .bg-slate-100\/70,
.dark .bg-slate-100\/80 {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border-color: #334155 !important;
}

.dark .bg-indigo-50,
.dark .bg-indigo-50\/40,
.dark .bg-indigo-50\/50 {
  background-color: #1e1e38 !important;
  color: #e0e7ff !important;
  border-color: #3730a3 !important;
}

.dark .bg-blue-50,
.dark .bg-blue-50\/50 {
  background-color: #172554 !important;
  color: #dbeafe !important;
  border-color: #1e40af !important;
}

.dark .bg-emerald-50,
.dark .bg-emerald-50\/50 {
  background-color: #064e3b !important;
  color: #d1fae5 !important;
  border-color: #065f46 !important;
}

.dark .bg-rose-50,
.dark .bg-rose-50\/50 {
  background-color: #4c0519 !important;
  color: #ffe4e6 !important;
  border-color: #881337 !important;
}

.dark .bg-amber-50,
.dark .bg-amber-50\/50 {
  background-color: #451a03 !important;
  color: #fef3c7 !important;
  border-color: #78350f !important;
}

/* Fix Unreadable Text Colors in Dark Mode */
.dark .text-slate-800, 
.dark .text-slate-900, 
.dark .text-slate-700 {
  color: #f8fafc !important;
}

.dark .text-slate-600 {
  color: #cbd5e1 !important;
}

.dark .text-slate-500 {
  color: #94a3b8 !important;
}

.dark .text-indigo-950,
.dark .text-indigo-900 {
  color: #e0e7ff !important;
}

.dark .text-blue-950,
.dark .text-blue-900 {
  color: #dbeafe !important;
}

.dark .text-emerald-950,
.dark .text-emerald-900 {
  color: #d1fae5 !important;
}

.dark .text-rose-950,
.dark .text-rose-900 {
  color: #ffe4e6 !important;
}

.dark .text-amber-950,
.dark .text-amber-900 {
  color: #fef3c7 !important;
}

/* Solid Opaque Hovers - No Murky Semi-transparencies */
.dark .hover\:bg-slate-50:hover,
.dark .hover\:bg-slate-100:hover,
.dark .hover\:bg-slate-200:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
}

.dark .border-slate-100,
.dark .border-slate-200,
.dark .border-slate-200\/80,
.dark .border-slate-200\/60,
.dark .border-slate-200\/50,
.dark .border-slate-200\/40 {
  border-color: #334155 !important;
}

.dark .dark\:bg-slate-700 { background-color: #334155 !important; }
.dark .dark\:bg-slate-800 { background-color: #1e293b !important; }
.dark .dark\:bg-slate-850 { background-color: #162032 !important; }
.dark .dark\:bg-slate-900 { background-color: #0f172a !important; }
.dark .dark\:bg-slate-950 { background-color: #020617 !important; }

.dark .dark\:hover\:bg-slate-600:hover { background-color: #475569 !important; color: #ffffff !important; }
.dark .dark\:hover\:bg-slate-700:hover { background-color: #334155 !important; color: #ffffff !important; }
.dark .dark\:hover\:bg-slate-800:hover { background-color: #1e293b !important; color: #ffffff !important; }
.dark .dark\:hover\:bg-slate-900:hover { background-color: #0f172a !important; color: #ffffff !important; }

.dark .dark\:text-slate-100 { color: #f1f5f9 !important; }
.dark .dark\:text-slate-200 { color: #e2e8f0 !important; }
.dark .dark\:text-slate-300 { color: #cbd5e1 !important; }
.dark .dark\:text-slate-400 { color: #94a3b8 !important; }
.dark .dark\:text-slate-500 { color: #64748b !important; }
.dark .dark\:text-white { color: #ffffff !important; }

.dark .dark\:border-slate-600 { border-color: #475569 !important; }
.dark .dark\:border-slate-700 { border-color: #334155 !important; }
.dark .dark\:border-slate-800 { border-color: #1e293b !important; }

/* Crisp Form Elements in Dark Mode */
.dark input[type="text"], 
.dark input[type="password"], 
.dark input[type="email"], 
.dark input[type="number"], 
.dark input[type="date"], 
.dark select, 
.dark textarea {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
  color: #64748b !important;
}

.dark input:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: #4285f4 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.25) !important;
}

/* Modals in Dark Mode */
.dark #modal-add-property > div,
.dark #modal-edit-property > div,
.dark #modal-file-selector > div,
.dark #modal-quick-chat > div,
.dark .modal-content-box {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}

.dark #modal-add-property .bg-slate-50,
.dark #modal-edit-property .bg-slate-50,
.dark #modal-file-selector .bg-slate-50,
.dark #modal-quick-chat .bg-slate-50 {
  background-color: #0f172a !important;
  border-color: #334155 !important;
}

/* Tables in Dark Mode */
.dark table thead tr {
  background-color: #162032 !important;
  color: #cbd5e1 !important;
}
.dark table tbody tr:nth-child(even):not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]):not([class*="bg-blue"]) {
  background-color: #0f172a !important;
}
.dark table tbody tr:nth-child(odd):not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]):not([class*="bg-blue"]) {
  background-color: #162032 !important;
}
.dark table tbody tr:hover:not([class*="bg-emerald"]):not([class*="bg-rose"]):not([class*="bg-amber"]) {
  background-color: #334155 !important;
}