/* =====================================================================
   HERRAMIENTA DE VENTAS DE BALTRYX: estilos propios (se cargan después de crm.css,
   que es la base compartida con el CRM inmobiliario).
   ===================================================================== */

/* Quién lleva cada inmobiliaria: punto de su color + nombre. */
.crm-persona { white-space: nowrap; }
.crm-persona .zona-punto { margin-right: .35rem; }

/* Agenda: un color por tipo (calendario del mes y puntos del móvil). */
.crm-cal-item.llamada     { background: #e6f6fb; border-color: #17a2b8; }
.crm-cal-item.cita        { background: #e8f1fb; border-color: #206bc4; }
.crm-cal-item.demo        { background: #f5ebfa; border-color: #ae3ec9; }
.crm-cal-item.seguimiento { background: #fff4e0; border-color: #f59f00; }
.crm-cal-item.tarea       { background: #f1f3f5; border-color: #667382; }
.punto.llamada { background: #17a2b8; } .punto.cita { background: #206bc4; }
.punto.demo { background: #ae3ec9; } .punto.seguimiento { background: #f59f00; } .punto.tarea { background: #667382; }

/* Niveles de comisión. */
.crm-nivel { font-weight: 600; padding: .35em .7em; border-radius: 999px; }
.crm-nivel-bronce { background: #f6e7da; color: #8a4b14; }
.crm-nivel-plata  { background: #eceff3; color: #4a5562; }
.crm-nivel-oro    { background: #fff1c2; color: #8a6100; }
.crm-cifra { font-size: 1.75rem; font-weight: 700; line-height: 1.1; }
.crm-cifra-pie { color: var(--tblr-secondary); font-size: .85rem; }

/* Aviso de posible duplicado. */
.crm-duplicado { border-left: 4px solid #f59f00; }

/* Líneas de la venta (producto + precio). */
.crm-linea-venta + .crm-linea-venta { margin-top: .5rem; }

/* Seguimiento: la tarjeta lleva arriba la franja del color de quien la lleva. */
.crm-tarjeta-seguimiento { border-top: 4px solid var(--persona-color, #667382); }

/* Texto de varias líneas (notas) tal cual se escribió. */
.crm-texto-libre { white-space: pre-line; }

/* PANTALLA DE ACCESO de estilo informático (config.php → acceso.dibujo = 'red'):
   red de nodos y trazas de circuito (assets/img/acceso_red.svg) sobre una cuadrícula
   de puntos muy fina, encima del degradado azul de crm.css. Sin casas ni planos. */
.crm-dibujo-red {
  --dibujo-1: url("../img/acceso_red.svg"); --dibujo-1-pos: center; --dibujo-1-tam: cover;
  --dibujo-2: radial-gradient(rgba(255, 255, 255, .10) 1px, transparent 1.6px); --dibujo-2-pos: 0 0; --dibujo-2-tam: 24px 24px; --dibujo-2-rep: repeat;
}
/* Logo de la marca en el menú lateral (si config.php → empresa.logo_menu tiene uno). */
.crm-logo-imagen-menu { display: inline-block; height: 2rem; width: 2rem; object-fit: contain; vertical-align: middle; margin-right: .5rem; }/* Precios: en el móvil la tabla se desliza de lado en vez de apretar los campos. */
.crm-tabla-precios input[name^="nombre"] { min-width: 16rem; }
.crm-tabla-precios .input-group { min-width: 8.5rem; flex-wrap: nowrap; }
/* Logo completo de Baltryx en la tarjeta de acceso (es apaisado: más ancho que alto). */
.crm-acceso-marca .crm-acceso-logo-imagen { max-width: 13rem; max-height: 3.6rem; width: 100%; }
/* Pantalla de acceso con los colores de la marca: azul #2f84dc → #206bc4 → marino #0b1a33,
   con un brillo cian (#12b8dd) muy suave detrás de la tarjeta. */
.crm-dibujo-red.crm-color-diagonal {
  --degradado: linear-gradient(135deg, #2f84dc 0%, #206bc4 24%, #133f7c 52%, #0b1a33 80%, #08132a 100%);
  --brillo: radial-gradient(ellipse 50% 42% at 50% 46%, rgba(18, 184, 221, .28) 0%, rgba(18, 184, 221, .09) 45%, rgba(18, 184, 221, 0) 75%);
  background-color: #0b1a33;
}/* Seguimiento: línea fija de ayuda bajo el nombre de cada fase. */
.crm-columna-ayuda { font-size: .78rem; color: var(--tblr-secondary); line-height: 1.3; margin: -.15rem 0 .5rem; }