/* ============================================================
   DAFTER MAGED — Dark Mode Overrides (Centralized)
   كل overrides الدارك مود في ملف واحد لسهولة الصيانة
   ============================================================ */

/* ═══════════════════════════════════════
   FORM CONTROLS
═══════════════════════════════════════ */
[data-theme="dark"] .input {
  background: var(--input-bg);
  color: var(--color-text);
  border-color: var(--input-border);
}
[data-theme="dark"] .input:focus {
  border-color: var(--input-focus);
  box-shadow: 0 0 0 3px rgba(96,165,250,.18);
}
[data-theme="dark"] .input::placeholder { color: var(--color-text-subtle); }
[data-theme="dark"] select.input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237090B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  color: var(--color-text);
}
[data-theme="dark"] select.input option {
  background: var(--color-surface-2);
  color: var(--color-text);
}
[data-theme="dark"] textarea.input { color: var(--color-text); background: var(--input-bg); }
[data-theme="dark"] [contenteditable] { color: var(--color-text); }

/* ═══════════════════════════════════════
   BADGES
═══════════════════════════════════════ */
[data-theme="dark"] .badge-blue   { background: rgba(59,130,246,.18);  color: var(--blue-300); }
[data-theme="dark"] .badge-green  { background: rgba(34,197,94,.14);   color: #4ade80; }
[data-theme="dark"] .badge-amber  { background: rgba(245,158,11,.14);  color: #fbbf24; }
[data-theme="dark"] .badge-red    { background: rgba(239,68,68,.14);   color: #f87171; }

/* ═══════════════════════════════════════
   STAT ICONS
═══════════════════════════════════════ */
[data-theme="dark"] .stat-blue   { background: rgba(59,130,246,.15); color: var(--blue-400); }
[data-theme="dark"] .stat-green  { background: rgba(34,197,94,.12);  color: var(--success); }
[data-theme="dark"] .stat-sky    { background: rgba(14,165,233,.12); color: var(--sky-400); }
[data-theme="dark"] .stat-amber  { background: rgba(245,158,11,.10); color: var(--warning); }
[data-theme="dark"] .stat-purple { background: rgba(139,92,246,.15); color: #a78bfa; }

/* ═══════════════════════════════════════
   QUICK ACTION BUTTONS (Dashboard)
═══════════════════════════════════════ */
[data-theme="dark"] .quick-blue   { background: rgba(59,130,246,.15);  color: var(--blue-400); }
[data-theme="dark"] .quick-sky    { background: rgba(14,165,233,.12);  color: var(--sky-400); }
[data-theme="dark"] .quick-green  { background: rgba(34,197,94,.10);   color: #4ade80; }
[data-theme="dark"] .quick-amber  { background: rgba(245,158,11,.10);  color: #fbbf24; }
[data-theme="dark"] .quick-purple { background: rgba(139,92,246,.15);  color: #a78bfa; }
[data-theme="dark"] .quick-rose   { background: rgba(244,63,94,.12);   color: #fb7185; }

/* ═══════════════════════════════════════
   METRIC ICONS (Stats)
═══════════════════════════════════════ */
[data-theme="dark"] .metric-icon.blue   { background: rgba(59,130,246,.15); color: var(--blue-400); }
[data-theme="dark"] .metric-icon.green  { background: rgba(34,197,94,.12);  color: var(--success); }
[data-theme="dark"] .metric-icon.purple { background: rgba(139,92,246,.15); color: #a78bfa; }
[data-theme="dark"] .metric-icon.amber  { background: rgba(245,158,11,.10); color: var(--warning); }

/* ═══════════════════════════════════════
   WRITING TYPE BADGES
═══════════════════════════════════════ */
[data-theme="dark"] .type-article  { background: rgba(59,130,246,.15);  color: var(--blue-300); }
[data-theme="dark"] .type-essay    { background: rgba(139,92,246,.15);  color: #a78bfa; }
[data-theme="dark"] .type-analysis { background: rgba(245,158,11,.12);  color: #fbbf24; }
[data-theme="dark"] .type-review   { background: rgba(34,197,94,.12);   color: #4ade80; }
[data-theme="dark"] .type-story    { background: rgba(244,63,94,.12);   color: #fb7185; }

/* ═══════════════════════════════════════
   SCHEDULE EVENT COLORS
═══════════════════════════════════════ */
[data-theme="dark"] .event-blue   { background: rgba(59,130,246,.12);  color: var(--color-text); }
[data-theme="dark"] .event-green  { background: rgba(34,197,94,.10);   color: var(--color-text); }
[data-theme="dark"] .event-amber  { background: rgba(245,158,11,.10);  color: var(--color-text); }
[data-theme="dark"] .event-red    { background: rgba(239,68,68,.10);   color: var(--color-text); }
[data-theme="dark"] .event-purple { background: rgba(139,92,246,.12);  color: var(--color-text); }
[data-theme="dark"] .event-sky    { background: rgba(14,165,233,.10);  color: var(--color-text); }

/* ═══════════════════════════════════════
   NOTES COLORS
═══════════════════════════════════════ */
[data-theme="dark"] .note-yellow { background: #422006; color: #FDE68A; }
[data-theme="dark"] .note-blue   { background: #172554; color: #BFDBFE; }
[data-theme="dark"] .note-green  { background: #052E16; color: #BBF7D0; }
[data-theme="dark"] .note-pink   { background: #500724; color: #FBCFE8; }
[data-theme="dark"] .note-purple { background: #2E1065; color: #DDD6FE; }
[data-theme="dark"] .note-orange { background: #431407; color: #FED7AA; }

/* ═══════════════════════════════════════
   SIDEBAR
═══════════════════════════════════════ */
[data-theme="dark"] .sidebar.collapsed .sidebar-nav-item::before { background: var(--slate-700); }

/* ═══════════════════════════════════════
   HEATMAP
═══════════════════════════════════════ */
[data-theme="dark"] .heatmap-cell.level-4 { background: var(--blue-400); }

/* ═══════════════════════════════════════
   LOGIN PAGE
═══════════════════════════════════════ */
[data-theme="dark"] .login-bg-grid { opacity: .05; }

/* ═══════════════════════════════════════
   MODAL
═══════════════════════════════════════ */
[data-theme="dark"] .modal {
  background: var(--color-surface);
  border-color: var(--color-border);
  color: var(--color-text);
}
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
  background: var(--color-surface);
  border-color: var(--color-border-light);
}
[data-theme="dark"] .modal-backdrop { background: rgba(0,0,0,.65); }

/* ═══════════════════════════════════════
   SEARCH
═══════════════════════════════════════ */
[data-theme="dark"] .search-input {
  background: var(--color-surface-2);
  color: var(--color-text);
  border-color: var(--color-border);
}
[data-theme="dark"] .search-input::placeholder { color: var(--color-text-subtle); }
[data-theme="dark"] .search-results { background: var(--color-surface); border-color: var(--color-border); }
[data-theme="dark"] .search-result-item:hover { background: var(--color-surface-2); }

/* ═══════════════════════════════════════
   CARDS & GENERAL
═══════════════════════════════════════ */
[data-theme="dark"] .card {
  background: var(--card-bg);
  border-color: var(--color-border);
  color: var(--color-text);
}
[data-theme="dark"] .card-interactive:hover {
  border-color: var(--color-primary);
}

/* ═══════════════════════════════════════
   PAGE SLIDER (Reading progress)
═══════════════════════════════════════ */
[data-theme="dark"] .page-slider {
  background: var(--color-surface-3);
}

/* ═══════════════════════════════════════
   PROGRESS BAR TRACK
═══════════════════════════════════════ */
[data-theme="dark"] .progress { background: var(--color-surface-3); }

/* ═══════════════════════════════════════
   MODAL INPUTS — EXPLICIT DARK VISIBILITY
   الإنبوتات جوه الديالوجات لازم تبان واضحة
═══════════════════════════════════════ */
[data-theme="dark"] .modal .input,
[data-theme="dark"] .modal input,
[data-theme="dark"] .modal select,
[data-theme="dark"] .modal textarea {
  background: #162236;
  color: #E5EEFF;
  border-color: #2A4060;
}
[data-theme="dark"] .modal .input:focus,
[data-theme="dark"] .modal input:focus,
[data-theme="dark"] .modal select:focus,
[data-theme="dark"] .modal textarea:focus {
  border-color: var(--blue-400);
  box-shadow: 0 0 0 3px rgba(96,165,250,.20);
  outline: none;
}
[data-theme="dark"] .modal .input::placeholder,
[data-theme="dark"] .modal input::placeholder,
[data-theme="dark"] .modal textarea::placeholder {
  color: #3E5878;
}
[data-theme="dark"] .modal select option {
  background: #111D30;
  color: #E5EEFF;
}

/* Writing editor inputs في الـ modal header */
[data-theme="dark"] .writing-editor-meta select,
[data-theme="dark"] .writing-editor-meta input[type="text"],
[data-theme="dark"] #tag-input,
[data-theme="dark"] #writing-type-sel {
  background: #162236 !important;
  color: #E5EEFF !important;
  border-color: #2A4060 !important;
}

/* Writing editor textareas */
[data-theme="dark"] .writing-editor-title,
[data-theme="dark"] .writing-editor-content {
  color: #E5EEFF;
  caret-color: var(--blue-400);
}
[data-theme="dark"] .writing-editor-title::placeholder,
[data-theme="dark"] .writing-editor-content::placeholder {
  color: #2A4060;
}

/* Status step buttons */
[data-theme="dark"] .status-step-btn:not(.active) {
  border-color: #243755;
  color: #7090B8;
}
[data-theme="dark"] .status-step-btn:not(.active):hover {
  background: #162236;
  color: #E5EEFF;
}

/* Number inputs in reading progress modal */
[data-theme="dark"] #current-page-input {
  background: #162236;
  color: #E5EEFF;
  border-color: #2A4060;
}

/* Color swatch selection border */
[data-theme="dark"] .color-swatch.selected {
  border-color: #E5EEFF;
}