/* ===================================================================
   FLOWDEX · TEMA GLOBAL negro-verde (el mismo look del CRM) — capa visual.
   Solo colores, bordes y glows. NO toca lógica ni funcionamiento.
   El CRM mantiene su piel propia (#p-crm / body.crm-full son más específicos).
   Revertir: quitar el <link> de fx-theme.css del index.html.
   =================================================================== */

/* 1) Repintar la paleta global: todo lo que usa estas variables pasa a negro-verde */
:root{
  --bg:#06090a;    /* fondo general */
  --bg2:#0a110e;   /* tarjetas / paneles */
  --bg3:#0e1714;   /* inputs / campos */
  --brd:#1b2b24;   /* bordes base */
}
body{ background:#06090a; }

/* 2) Barra lateral con degradé verde oscuro + filo verde sutil */
.side{
  background:linear-gradient(180deg,#0a120f,#070c0a) !important;
  border-right:1px solid rgba(0,230,118,.10) !important;
}

/* 3) Tarjetas: borde y glow verde sutil (el "resalte" que te gustó), en todas las secciones */
.cd{
  background:#0a110e !important;
  border:1px solid rgba(0,230,118,.16) !important;
  box-shadow:0 0 0 1px rgba(0,230,118,.03), 0 10px 34px rgba(0,0,0,.40) !important;
}

/* 4) Inputs/areas/selects con el mismo negro-verde y foco verde */
input, textarea, select{
  background:#0e1714 !important;
  border:1px solid #1b2b24 !important;
}
input:focus, textarea:focus, select:focus{
  border-color:var(--g) !important;
  box-shadow:0 0 0 2px rgba(0,230,118,.12) !important;
}

/* 5) Ítem de menú activo de la barra lateral: realce verde (si la app usa .nav/.active, suma coherencia) */
.side .active, .side a.active, .nav-item.active{
  background:rgba(0,230,118,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(0,230,118,.25) !important;
}