/* ============================================================
   TEMA MONO — Blanco dominante, negro como acento
   Aplica a todas las vistas que usan header.php
   ============================================================ */

html[data-theme="mono"] {
  color-scheme: light;
}

html[data-theme="mono"] body {
  background: #fafafa !important;
  color: #262626 !important;
}

/* Botones/badges: sin override → Bootstrap (verde éxito, rojo eliminar, etc.) */

/* Cards y tablas */
html[data-theme="mono"] .card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  color: #262626 !important;
}

html[data-theme="mono"] .table {
  --bs-table-bg: #fff;
  --bs-table-color: #262626;
  --bs-table-border-color: #e5e5e5;
  --bs-table-striped-bg: #fafafa;
  --bs-table-hover-bg: #f5f5f5;
}

html[data-theme="mono"] .table thead th {
  background: #fafafa !important;
  color: #0a0a0a !important;
  border-bottom: 2px solid #0a0a0a !important;
  font-weight: 700;
}

html[data-theme="mono"] .form-control,
html[data-theme="mono"] .form-select {
  background: #fff !important;
  border-color: #d4d4d4 !important;
  color: #0a0a0a !important;
}
html[data-theme="mono"] .form-control:focus,
html[data-theme="mono"] .form-select:focus {
  border-color: #0a0a0a !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.08) !important;
}

/* Topbar claro */
html[data-theme="mono"] .topbar {
  background: #fff !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

html[data-theme="mono"] .brand-title,
html[data-theme="mono"] .topbar-brand { color: #0a0a0a !important; }
html[data-theme="mono"] .brand-subtitle { color: #737373 !important; }

html[data-theme="mono"] .brand-badge {
  background: #f5f5f5 !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: none !important;
  color: #0a0a0a !important;
}

html[data-theme="mono"] .btn-icon {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  color: #0a0a0a !important;
}

html[data-theme="mono"] .topbar-cta {
  background: linear-gradient(135deg, var(--emerald-1), var(--emerald-2)) !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.22) !important;
  color: #fff !important;
}

html[data-theme="mono"] .user-chip {
  background: #fafafa !important;
  border: 1px solid #e5e5e5 !important;
  color: #0a0a0a !important;
}

html[data-theme="mono"] .user-avatar {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  color: #fff !important;
}

/* Sidebar claro */
html[data-theme="mono"] .app-sidebar {
  background: #fff !important;
  border-right: 1px solid #e5e5e5 !important;
}

html[data-theme="mono"] .app-main {
  background: #fafafa !important;
}

html[data-theme="mono"] .sidebar-head {
  border-bottom-color: #e5e5e5 !important;
}

html[data-theme="mono"] .sb-link {
  color: #525252 !important;
}
html[data-theme="mono"] .sb-link:hover,
html[data-theme="mono"] .sb-link.active {
  background: #f5f5f5 !important;
  color: #0a0a0a !important;
}
html[data-theme="mono"] .sb-link.active {
  border-left: 3px solid #0a0a0a;
  font-weight: 700;
}

html[data-theme="mono"] .sb-section,
html[data-theme="mono"] .sb-text,
html[data-theme="mono"] .sb-label {
  color: #737373 !important;
}

html[data-theme="mono"] .sb-sublink {
  color: #525252 !important;
}
html[data-theme="mono"] .sb-sublink:hover,
html[data-theme="mono"] .sb-sublink.active {
  color: #0a0a0a !important;
  background: #fafafa !important;
}

/* Select2 en flujo (no flotante sobre modales) */
html[data-theme="mono"] .select2-dropdown-slot {
  width: 100%;
  position: relative;
  min-height: 0;
}

html[data-theme="mono"] .select2-dropdown-slot .select2-dropdown {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  margin-top: 0.35rem;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  z-index: 1 !important;
}

html[data-theme="mono"] .select2-container--bootstrap-5 .select2-selection {
  background: #fff !important;
  border-color: #d4d4d4 !important;
}

html[data-theme="mono"] .select2-container--open li.select2-results__option--highlighted {
  background: #f5f5f5 !important;
  color: #0a0a0a !important;
}

/* Buscador repuestos — panel fijo debajo del input */
html[data-theme="mono"] .buscador-resultados-panel {
  margin-top: 0.75rem;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

html[data-theme="mono"] .buscador-resultados-table thead th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.5rem 0.65rem !important;
}

html[data-theme="mono"] .buscador-resultados-table tbody td {
  padding: 0.55rem 0.65rem !important;
  vertical-align: middle;
}

html[data-theme="mono"] .buscador-resultados-table tbody tr {
  cursor: pointer;
}
html[data-theme="mono"] .buscador-resultados-table tbody tr:hover {
  background: #f5f5f5 !important;
}

html[data-theme="mono"] .buscador-resultados-empty {
  padding: 0.85rem 1rem;
  color: #737373;
  font-size: 0.9rem;
  text-align: center;
}

html[data-theme="mono"] .buscador-btn-agregar {
  font-size: 0.78rem;
  padding: 0.2rem 0.55rem;
}

/* Páginas con fondo propio */
html[data-theme="mono"] .venta-page,
html[data-theme="mono"] .compra-page {
  background: #fafafa !important;
}

html[data-theme="mono"] .doc-flow-buscador {
  background: #fff !important;
  border-color: #e5e5e5 !important;
}

html[data-theme="mono"] .doc-flow-card {
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
}

html[data-theme="mono"] .pagination .page-link {
  color: #0a0a0a;
  border-color: #e5e5e5;
}
html[data-theme="mono"] .pagination .page-item.active .page-link {
  background: #0a0a0a;
  border-color: #0a0a0a;
}

/* alertas: colores Bootstrap por defecto */