/* =====================================================
   MICH MANAGE — FINAL DARK MODE (VISIBLE EVERYTHING)
===================================================== */

/* ================= ROOT VARIABLE OVERRIDE ================= */

body.dark-mode {
  --primary-color: #121212;
  --primary-light: #1e1e1e;
  --primary-dark: #000000;

  --secondary-color: #bb86fc;

  --dark-color: #0b0b0b;
  --light-color: #1a1a1a;

  --success-color: #2ecc71;
  --danger-color: #ff5252;
  --warning-color: #facc15;
  --info-color: #38bdf8;

  --text-color: #f1f5f9;      /* MAIN TEXT */
  --text-muted: #cbd5e1;      /* MUTED BUT VISIBLE */
  --text-disabled: #94a3b8;

  --white: #121212;
  --gray: #2a2a2a;

  --border-color: #334155;

  background-color: #020617 !important;
  color: var(--text-color) !important;
}

/* ================= GLOBAL TEXT VISIBILITY ================= */

body.dark-mode,
body.dark-mode * {
  color: var(--text-color) !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label,
body.dark-mode strong,
body.dark-mode small {
  color: var(--text-color) !important;
}

/* Muted text (still readable) */
body.dark-mode .text-muted,
body.dark-mode .text-secondary {
  color: var(--text-muted) !important;
}

/* Disabled */
body.dark-mode .disabled,
body.dark-mode :disabled {
  color: var(--text-disabled) !important;
}

/* ================= NAVBAR & MENU BAR ================= */

body.dark-mode .navbar,
body.dark-mode .navbar-menu-wrapper,
body.dark-mode .navbar-brand-wrapper {
  background-color: #020617 !important;
  border-bottom: solid var(--border-color);
}

/* Navbar text & icons */
body.dark-mode .navbar *,
body.dark-mode .navbar i,
body.dark-mode .navbar svg {
  color: #f8fafc !important;
}

/* Active menu item */
body.dark-mode .nav-item.active > .nav-link,
body.dark-mode .nav-item .nav-link.active {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Hover */
body.dark-mode .nav-link:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
}

/* ================= SIDEBAR ================= */

body.dark-mode .sidebar {
  background-color: #020617 !important;
  border-right: solid var(--border-color);
}

body.dark-mode .sidebar *,
body.dark-mode .sidebar i {
  color: #f1f5f9 !important;
}

/* Sidebar active */
body.dark-mode .sidebar .nav-item.active > a {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* ================= DROPDOWNS & MENUS ================= */

body.dark-mode .dropdown-menu {
  background-color: #020617 !important;
  border: solid var(--border-color);
}

body.dark-mode .dropdown-item {
  color: #f1f5f9 !important;
}

body.dark-mode .dropdown-item:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* ================= CARDS / PANELS ================= */

body.dark-mode .card,
body.dark-mode .card-body,
body.dark-mode .modal-content {
  background-color: #020617 !important;
  border: solid var(--border-color);
}

/* ================= TABLES ================= */

body.dark-mode table {
  background-color: #020617 !important;
}

body.dark-mode thead,
body.dark-mode th {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

body.dark-mode td {
  border-color: var(--border-color);
}

body.dark-mode tr:hover {
  background-color: #1e293b !important;
}

/* ================= BUTTONS ================= */

body.dark-mode .btn,
body.dark-mode button {
  background-color: #1e293b !important;
  color: #ffffff !important;
  border: solid var(--border-color);
}

body.dark-mode .btn:hover {
  background-color: #334155 !important;
}

/* ================= FORMS ================= */

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: #020617 !important;
  color: #ffffff !important;
  border: solid var(--border-color);
}

body.dark-mode input::placeholder {
  color: #cbd5e1 !important;
}

/* ================= LINKS ================= */

body.dark-mode a {
  color: #7dd3fc !important;
}

body.dark-mode a:hover {
  color: #bae6fd !important;
}

/* ================= ICONS ================= */

body.dark-mode i,
body.dark-mode svg,
body.dark-mode .icon {
  color: #f8fafc !important;
}

/* ================= ALERTS / BADGES ================= */

body.dark-mode .alert {
  background-color: #1e293b !important;
  color: #ffffff !important;
  border-color: var(--border-color);
}

body.dark-mode .badge {
  background-color: #334155 !important;
  color: #ffffff !important;
}

/* ================= SCROLLBAR ================= */

body.dark-mode ::-webkit-scrollbar {
  width: 8px;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background-color: #334155;
  border-radius: 4px;
}

/* ================= DARK MODE FOR FEEDBACK SECTION ================= */

body.dark-mode .mich-feedback-section {
  background-color: #121212 !important;
  color: #f1f5f9 !important;
}

body.dark-mode .mich-feedback-header h2 {
  color: #7dd3fc !important; /* light blue heading */
}

body.dark-mode .mich-feedback-header p {
  color: #cbd5e1 !important; /* muted light text */
}

body.dark-mode .mich-feedback-card {
  background-color: #1e1e1e !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  color: #f1f5f9 !important;
}

body.dark-mode .mich-feedback-text {
  color: #e0e7ff !important;
}

body.dark-mode .mich-feedback-author {
  color: #7dd3fc !important;
}

/* Scrollbar in dark mode */
body.dark-mode .mich-feedback-scroll::-webkit-scrollbar-track {
  background: #2a2a2a !important;
}
body.dark-mode .mich-feedback-scroll::-webkit-scrollbar-thumb {
  background: #7dd3fc !important;
}

/* ================= DARK MODE FOR PRIVACY POLICY ================= */

/* Dark mode for Privacy Policy section */
body.dark-mode .features-section {
  background-color: #121212; /* dark section background */
}

body.dark-mode .policy_content {
  background-color: #1e1e1e; /* dark card background */
  border-color: #333; /* darker border */
  color: #f1f5f9; /* light text */
}

body.dark-mode .policy_content h3 {
  color: #7dd3fc; /* heading color in dark mode */
}

body.dark-mode .policy_content p {
  color: #cbd5e1; /* paragraph color in dark mode */
}

body.dark-mode .dark-mode-div .plan-card {
  flex: 1 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
  color: #e5e7eb !important;
}

/* Individual cards */
body.dark-mode .dark-mode-div .free-tier { background-color: #1f2937 !important; }
body.dark-mode .dark-mode-div .business-monthly { background-color: #064e3b !important; border-color: #10b981 !important; }
body.dark-mode .dark-mode-div .business-annual { background-color: #1e3a8a !important; border-color: #3b82f6 !important; }
body.dark-mode .dark-mode-div .standard-plan { background-color: #7c2d12 !important; border-color: #f97316 !important; }
body.dark-mode .dark-mode-div .enterprise-plan { background-color: #7f1d1d !important; border-color: #ef4444 !important; }

/* Text inside cards */
body.dark-mode .dark-mode-div .plan-card p,
body.dark-mode .dark-mode-div .plan-card li,
body.dark-mode .dark-mode-div .plan-card h5,
body.dark-mode .dark-mode-div .plan-card h6 {
  color: #e5e7eb !important;
}

/* ================= DARK MODE FOR DOCUMENTATION SECTION ================= */
body.dark-mode .doc-section {
  background-color: #121212 !important;
  color: #e5e7eb !important; /* light text for readability */
}

/* Search Box */
body.dark-mode .doc-search input {
  background-color: #1e1e1e !important;
  color: #e5e7eb !important;
  border: solid #334155 !important;
}

body.dark-mode .doc-search input::placeholder {
  color: #cbd5e1 !important;
}

/* Details / Summary */
body.dark-mode .doc-item {
  background-color: #1e1e1e !important;
  border: solid #334155 !important;
}

body.dark-mode .doc-item summary {
  color: #7dd3fc !important; /* light blue titles */
  cursor: pointer;
}

body.dark-mode .doc-item summary:hover {
  color: #bae6fd !important;
}

/* Doc body (inside <details>) */
body.dark-mode .doc-item .doc-body {
  color: #e5e7eb !important;
  background-color: #1a1a1a !important;
}

/* Lists */
body.dark-mode .doc-list,
body.dark-mode .doc-checklist {
  color: #e5e7eb !important;
}

body.dark-mode .doc-checklist li::marker {
  color: #10b981 !important; /* green checkmarks */
}

/* Tables */
body.dark-mode .doc-table {
  background-color: #1e1e1e !important;
  border: solid #334155 !important;
  color: #e5e7eb !important;
}

body.dark-mode .doc-table th {
  background-color: #334155 !important;
  color: #ffffff !important;
}

body.dark-mode .doc-table td {
  border-color: #334155 !important;
  color: #e5e7eb !important;
}

/* Buttons / Links */
body.dark-mode .doc-button {
  background-color: #064e3b !important;
  color: #e5e7eb !important;
  border: solid #10b981 !important;
}

body.dark-mode .doc-button:hover {
  background-color: #10b981 !important;
  color: #020617 !important;
}

/* Highlight / Warnings */
body.dark-mode .doc-highlight {
  background-color: #1f2937 !important;
  color: #facc15 !important;
}

/* ================= DARK MODE FOR TABLE BANDS ================= */
body.dark-mode .doc-table tr:nth-child(even) {
  background-color: #1a1a1a !important; /* dark alternate row */
}

body.dark-mode .doc-table tr:nth-child(odd) {
  background-color: #1e1e1e !important; /* dark main row */
}

/* Table header stays distinct */
body.dark-mode .doc-table thead tr {
  background-color: #334155 !important;
  color: #ffffff !important;
}

/* ================= DARK MODE COMMENT FORM ================= */
body.dark-mode #comment-form {
  background-color: var(--primary-light);
  box-shadow: rgba(0,0,0,0.5);
}

body.dark-mode .comment {
  background: #2C2C3C !important; /* override gradient */
  color: #E0E0E0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode #comment-form textarea {
  border: solid var(--border-color);
  background-color: var(--dark-color);
  color: var(--text-color);
}

body.dark-mode #comment-form textarea::placeholder {
  color: var(--text-muted);
}

body.dark-mode #comment-form textarea:focus {
  border-color: var(--secondary-color);
  background-color: var(--primary-dark);
}

body.dark-mode #comment-form button {
  background-color: var(--primary-dark);
  color: var(--text-color);
  border: solid var(--border-color);
}

body.dark-mode #comment-form button:hover {
  background-color: var(--primary-light);
  color: #ffffff;
}

/* ================= DARK MODE LOGIN / PROPERTY FORM ================= */
body.dark-mode #myForm.property_form {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode #myForm.property_forn {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode #emailForm.property_forn {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .authform {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .containerauthform.form-card {
  background: #2C2C3C !important; /* override gradient */
  color: #E0E0E0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .auth-methods {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .content-wrapper {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .container-fluid {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .metric-card {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .date-display {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .dashboard-card {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .footer {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .navbar-links-wrapper {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .action-group {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .usage-modal-content {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode .table-container {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

/* ================= DARK MODE FOR TABLE BANDS ================= */
body.dark-mode .tenant_table tr:nth-child(even) {
  background-color: #1a1a1a !important; /* dark alternate row */
}

body.dark-mode .tenant_table tr:nth-child(odd) {
  background-color: #1e1e1e !important; /* dark main row */
}

/* Table header stays distinct */
body.dark-mode .tenant_table thead tr {
  background-color: #334155 !important;
  color: #ffffff !important;
}

body.dark-mode #filterFieldsContainer {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

body.dark-mode #downloadFieldsContainer {
  background-color: var(--primary-light);
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

/* EVEN rows */
body.dark-mode #lowStockModal .modal-dialog .modal-body 
.table-responsive .table tbody tr:nth-child(even),
body.dark-mode #lowStockModal .modal-dialog .modal-body 
.table-responsive .table tbody tr:nth-child(even) td {
  background-color: #1a1a1a !important;
  color: #e5e7eb !important;
}

/* ODD rows */
body.dark-mode #lowStockModal .modal-dialog .modal-body 
.table-responsive .table tbody tr:nth-child(odd),
body.dark-mode #lowStockModal .modal-dialog .modal-body 
.table-responsive .table tbody tr:nth-child(odd) td {
  background-color: #1e1e1e !important;
  color: #e5e7eb !important;
}

/* Table header */
body.dark-mode #lowStockModal .modal-dialog .modal-body 
.table-responsive .table thead tr th {
  background-color: #334155 !important;
  color: #ffffff !important;
  border-color: #475569 !important;
}

body.dark-mode #assignModal div {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #contactsModal div {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #columnCheckboxes label {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode .fc-header-toolbar {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #calendar {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode .swal2-popup {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode .contact-sales-container {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode .mail_config {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #followup-modal .more-info-modal-content {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #ai-modal .report-modal-content {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #ai-modal .report-modal-content .ai-report-header {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #ai-modal .report-modal-content #aiContent {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}

body.dark-mode #report-modal .report-modal-content #reportContent div div {
  background-color: #1e1e1e !important;
  color: var(--text-color);
  box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}