/* ==========================================================================
   TEMA: OLED BLACK / MINIMAL (PURA EFICIENCIA ENERGÉTICA & MÁXIMO CONTRASTE)
   Estética minimalista suiza / Bauhaus digital: 100% negro puro #000000,
   bordes ultra sutiles de 1px, cero sombras difusas y tipografía hiper-nítida.
   Optimizado para pantallas OLED y ahorro de batería en dispositivos móviles.
   ========================================================================== */

:root[data-theme="oled-minimal"],
[data-theme="oled-minimal"] {
  /* Superficies y Fondos OLED (Negro absoluto y elevaciones sobrias) */
  --bg-main: #000000;
  --bg-surface: #0a0a0a;
  --bg-surface-secondary: #111111;
  --bg-surface-elevated: #181818;
  --bg-modal: #0c0c0c;
  --bg-modal-header: #070707;
  --bg-input: #000000;
  --bg-card: #0a0a0a;
  --bg-card-hover: #141414;
  --bg-control-bar: rgba(0, 0, 0, 0.95);

  /* Bordes y Estructura Minimalista */
  --border-dim: #1f1f23;
  --border-bright: #383840;
  --border-active: #ffffff;
  --border-radius-card: 6px;

  /* Textos de Alto Contraste */
  --text-primary: #ffffff;
  --text-secondary: #a1a1aa;
  --text-muted: #52525b;

  /* Acento Principal Blanco Puro Minimalista */
  --accent-primary: #ffffff;
  --accent-primary-text: #000000;
  --accent-primary-hover: #e4e4e7;
  --accent-primary-glow: none;
  --accent-primary-dim: rgba(255, 255, 255, 0.08);
  --accent-primary-border: rgba(255, 255, 255, 0.25);

  /* Acentos Secundarios e Interactivos */
  --accent-secondary: #a1a1aa;
  --accent-interactive-active: #ffffff;

  /* Estados y Alertas */
  --accent-success: #10b981;
  --accent-success-hover: #059669;
  --accent-success-border: #34d399;
  --accent-success-dim: rgba(16, 185, 129, 0.12);
  --accent-warning: #f59e0b;
  --accent-danger: #ef4444;

  /* Patrón de Fondo OLED (Píxeles apagados al 100%) */
  --bg-pattern: none;
  --bg-pattern-size: 0 0;

  /* 5 Comidas y Notas OLED Minimal (Alto contraste con fondo suave) */
  --c-desayuno: #f59e0b;
  --c-desayuno-bg: rgba(245, 158, 11, 0.05);
  --c-desayuno-badge: #fbbf24;
  --c-desayuno-badge-bg: rgba(245, 158, 11, 0.12);

  --c-mediamanana: #06b6d4;
  --c-mediamanana-bg: rgba(6, 182, 212, 0.05);
  --c-mediamanana-badge: #22d3ee;
  --c-mediamanana-badge-bg: rgba(6, 182, 212, 0.12);

  --c-comida: #10b981;
  --c-comida-bg: rgba(16, 185, 129, 0.05);
  --c-comida-badge: #34d399;
  --c-comida-badge-bg: rgba(16, 185, 129, 0.12);

  --c-merienda: #8b5cf6;
  --c-merienda-bg: rgba(139, 92, 246, 0.05);
  --c-merienda-badge: #a78bfa;
  --c-merienda-badge-bg: rgba(139, 92, 246, 0.12);

  --c-cena: #ec4899;
  --c-cena-bg: rgba(236, 72, 153, 0.05);
  --c-cena-badge: #f472b6;
  --c-cena-badge-bg: rgba(236, 72, 153, 0.12);

  --c-notas: #d4d4d8;
  --c-notas-bg: rgba(212, 212, 216, 0.05);
  --c-notas-badge: #e4e4e7;
  --c-notas-badge-bg: rgba(212, 212, 216, 0.12);
}

/* ==========================================================================
   REFINAMIENTOS ESTÉTICOS MINIMALISTAS — PANTALLAS OLED Y MÓVIL
   ========================================================================== */

/* Fondo negro absoluto sin patrones ni artefactos */
[data-theme="oled-minimal"] body,
[data-theme="oled-minimal"] .auth-overlay {
  background-color: #000000;
  background-image: none !important;
}

/* Purismo de bordes: Cero sombras difusas ni resplandores borrosos */
[data-theme="oled-minimal"] .auth-card,
[data-theme="oled-minimal"] .modal-content,
[data-theme="oled-minimal"] .day-column,
[data-theme="oled-minimal"] .meal-card,
[data-theme="oled-minimal"] .tech-btn-primary,
[data-theme="oled-minimal"] .tech-btn-success,
[data-theme="oled-minimal"] .tech-btn-secondary,
[data-theme="oled-minimal"] .tech-btn-nav,
[data-theme="oled-minimal"] .day-check-btn,
[data-theme="oled-minimal"] .stat-pill,
[data-theme="oled-minimal"] .dot.filled {
  box-shadow: none !important;
}

[data-theme="oled-minimal"] .day-column.drag-over {
  box-shadow: none !important;
  border-color: #ffffff !important;
}

[data-theme="oled-minimal"] .day-column.is-completed {
  box-shadow: none !important;
  border-color: var(--accent-success) !important;
}

[data-theme="oled-minimal"] .day-check-btn.checked {
  box-shadow: none !important;
  border-color: var(--accent-success);
  background: var(--accent-success-dim);
  color: var(--accent-success-border);
}

/* Bordes ultra sutiles y esquinas limpias */
[data-theme="oled-minimal"] .day-column {
  border: 1px solid var(--border-dim);
  border-radius: var(--border-radius-card, 6px);
  background: var(--bg-card);
}

[data-theme="oled-minimal"] .day-header {
  border-bottom: 1px solid var(--border-dim);
  background: var(--bg-surface-elevated);
}

[data-theme="oled-minimal"] .meal-card {
  border: 1px solid var(--border-dim);
  border-radius: var(--border-radius-card, 6px);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

[data-theme="oled-minimal"] .meal-card:hover {
  transform: none;
  border-color: var(--border-bright);
}

[data-theme="oled-minimal"] .meal-card.DESAYUNO:hover { border-color: var(--c-desayuno); }
[data-theme="oled-minimal"] .meal-card.MEDIA_MANANA:hover { border-color: var(--c-mediamanana); }
[data-theme="oled-minimal"] .meal-card.COMIDA:hover { border-color: var(--c-comida); }
[data-theme="oled-minimal"] .meal-card.MERIENDA:hover { border-color: var(--c-merienda); }
[data-theme="oled-minimal"] .meal-card.CENA:hover { border-color: var(--c-cena); }
[data-theme="oled-minimal"] .meal-card.NOTAS:hover { border-color: var(--c-notas); }

[data-theme="oled-minimal"] .meal-badge {
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Botones principales de alto contraste (Estilo Bauhaus Suizo) */
[data-theme="oled-minimal"] .tech-btn-primary {
  background: #ffffff;
  color: #000000;
  border: 1px solid #ffffff;
  font-weight: 700;
}

[data-theme="oled-minimal"] .tech-btn-primary:hover {
  background: var(--accent-primary-hover);
  color: #000000;
  border-color: var(--accent-primary-hover);
  box-shadow: none !important;
}

[data-theme="oled-minimal"] .tech-btn-primary:active {
  background: #d4d4d8;
  border-color: #d4d4d8;
}

[data-theme="oled-minimal"] .tech-btn-secondary,
[data-theme="oled-minimal"] .tech-btn-nav {
  border: 1px solid var(--border-bright);
}

/* Campos de entrada sobre fondo negro */
[data-theme="oled-minimal"] .tech-input,
[data-theme="oled-minimal"] .meal-textarea,
[data-theme="oled-minimal"] .tech-select,
[data-theme="oled-minimal"] .review-table textarea {
  background: var(--bg-input);
  border: 1px solid var(--border-bright);
  color: var(--text-primary);
}

[data-theme="oled-minimal"] .tech-input:focus,
[data-theme="oled-minimal"] .meal-textarea:focus,
[data-theme="oled-minimal"] .tech-select:focus,
[data-theme="oled-minimal"] .review-table textarea:focus {
  border-color: #ffffff;
  outline: none;
  box-shadow: none !important;
}

/* Navegación móvil y experiencia táctil fluida */
[data-theme="oled-minimal"] .mobile-day-tabs {
  background: #000000;
  border-bottom: 1px solid var(--border-dim);
}

[data-theme="oled-minimal"] .day-tab {
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  touch-action: manipulation;
}

[data-theme="oled-minimal"] .day-tab.active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

[data-theme="oled-minimal"] .day-tab.active .day-tab-name {
  color: #000000;
  font-weight: 700;
}

[data-theme="oled-minimal"] .day-tab-dot.completed {
  box-shadow: none !important;
  background: var(--accent-success);
}

/* Teclado numérico PIN con inversión táctil nítida */
[data-theme="oled-minimal"] .keypad .key-btn {
  background: var(--bg-surface-secondary);
  border: 1px solid var(--border-dim);
  color: var(--text-primary);
  touch-action: manipulation;
}

[data-theme="oled-minimal"] .keypad .key-btn:active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

/* Modales limpios con borde definido */
[data-theme="oled-minimal"] .modal-overlay {
  background: rgba(0, 0, 0, 0.92);
}

[data-theme="oled-minimal"] .modal-content {
  border: 1px solid var(--border-bright);
  border-radius: 8px;
  background: var(--bg-modal);
}

[data-theme="oled-minimal"] .modal-header {
  border-bottom: 1px solid var(--border-dim);
  background: var(--bg-modal-header);
}

/* Scrollbars y selección minimalista */
[data-theme="oled-minimal"] ::selection {
  background: #ffffff;
  color: #000000;
}

[data-theme="oled-minimal"] {
  scrollbar-color: #27272a #000000;
}

[data-theme="oled-minimal"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-theme="oled-minimal"] ::-webkit-scrollbar-track {
  background: #000000;
}

[data-theme="oled-minimal"] ::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 3px;
}

[data-theme="oled-minimal"] ::-webkit-scrollbar-thumb:hover {
  background: #3f3f46;
}