/* NARRADOR 6.4 MODERN - VERSION DE PRUEBA */
/* Solo apariencia. Sin modificar estructura ni logica. */

:root {
  --modern-base:#F3F6FA;
  --modern-surface:#E8EEF5;
  --modern-white:#FFFFFF;
  --modern-line:#D6DFE9;
  --modern-text:#24364D;
  --modern-blue:#3478D4;
  --modern-shadow:0 12px 30px rgba(35,54,77,.08);
}

/* Fondo general */
body {
  background:var(--modern-base);
  color:var(--modern-text);
}

/* Panel principal */
main.panel {
  background:linear-gradient(135deg,#F3F6FA,#E8EEF5);
  border-color:var(--modern-line);
  box-shadow:var(--modern-shadow);
}

/* Encabezado */
main.panel > .header {
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}

/* Tarjetas claras: sin borrar imagenes */
#normalGrid > .voice-card-special,
#normalGrid > .tone-card,
#normalGrid > .volumen-fondo,
#normalGrid > .vocal-tone-card {
  background-color:var(--modern-white);
  border-color:var(--modern-line);
  box-shadow:var(--modern-shadow);
}

/* Conservar expresamente imagen de Volumen */
#normalGrid > .volumen-fondo {
  background-color:var(--modern-white);
}

/* Mantener Velocidad oscura */
#normalGrid > .speed-card {
  border-color:#263C59;
}

/* Procesador especial */
.ovp400 {
  background-color:var(--modern-surface);
  background-image:none;
  border-color:var(--modern-line);
  box-shadow:var(--modern-shadow);
}

.ovp400-header {
  background-color:rgba(255,255,255,.38);
}

.ovp400-rack,
.pro-fader {
  border-color:var(--modern-line);
}

/* Reproductor */
.player {
  background-color:var(--modern-white);
  border-color:var(--modern-line);
  box-shadow:var(--modern-shadow);
}

/* Gemini e Historial */
section.gemini,
section.history {
  background-color:var(--modern-surface) !important;
  background-image:none !important;
  border-color:var(--modern-line);
  box-shadow:var(--modern-shadow);
}

/* Campos de formulario */
main.panel textarea,
main.panel select,
main.panel input:not([type="range"]):not([type="checkbox"]) {
  border-color:var(--modern-line);
}

/* Pie de pagina: mantener contraste oscuro */
.app-info-panel {
  border-color:#263C59;
}

/* Sidebar: superficie neutra */
.ms-sidebar {
  background-color:var(--modern-white);
  border-right:1px solid var(--modern-line);
}

/* El mezclador conserva su diseño oscuro */
/* No se modifican sliders, botones, medidas ni JS */


/* NARRADOR_MODERN_UNIFICACION_V2 */
/* Mismo color del procesador, sin nuevos degradados */

#normalGrid > .soft-card.voice-card-special,
#normalGrid > .soft-card.tone-card,
#normalGrid > .soft-card.vocal-tone-card,
section.player {
    background: var(--modern-surface) !important;
    background-color: var(--modern-surface) !important;
    background-image: none !important;
    border-color: var(--modern-line);
    box-shadow: var(--modern-shadow);
}

/* Volumen y su imagen original permanecen intactos */
/* Velocidad, Mezclador y funcionamiento sin cambios */