/* =====================================================================
   SocialCommunications — tema institucional del dashboard Chatwoot
   ---------------------------------------------------------------------
   Se sirve desde /branding/ y NGINX lo inyecta en el <head> con
   sub_filter: el core de Chatwoot NO se parcha (licencia y upgrades).
   Estética: empresa privada, blanca y sobria. Prohibido glassmorphism,
   degradados y fondos oscuros pesados. Paleta propia (no KIT GOV.CO,
   que es exclusivo de entidades públicas).
   ===================================================================== */

:root { color-scheme: light; }

body,
.font-sans {
  font-family: "Work Sans", ui-sans-serif, system-ui, sans-serif !important;
  background: #ffffff;
}

h1, h2, h3, h4, h5, h6, .headline {
  font-family: "Montserrat", "Work Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Paleta Chatwoot ("woot" = azul genérico) → azul institucional privado.
   Los nombres de utilidad tailwind viven en el DOM, re-mapearlos aquí
   cambia todo el dashboard sin recompilar nada. */
.bg-woot-25 { background-color: #F4F7FA !important; }
.bg-woot-50, .bg-woot-75, .bg-woot-100 { background-color: #E7EFFA !important; }
.bg-woot-200, .bg-woot-300 { background-color: #C6DBF0 !important; }
.bg-woot-400, .bg-woot-500, .bg-woot-600,
.hover\:bg-woot-600:hover, .hover\:bg-woot-700:hover { background-color: #1B6FC2 !important; }
.bg-woot-800, .bg-woot-900 { background-color: #0B3D66 !important; }

.text-woot-25, .text-woot-50, .text-woot-100 { color: #0B3D66 !important; }
.text-woot-200, .text-woot-300, .text-woot-400,
.text-woot-500, .text-woot-600, .text-woot-700,
.hover\:text-woot-600:hover, .hover\:text-woot-700:hover { color: #1B6FC2 !important; }
.text-woot-800, .text-woot-900 { color: #0B3D66 !important; }

.border-woot-50, .border-woot-75, .border-woot-100,
.focus-visible\:border-woot-500:focus-visible,
.focus\:border-woot-500:focus { border-color: #C6DBF0 !important; }
.border-woot-200, .border-woot-300, .border-woot-400,
.border-woot-500, .border-woot-600 { border-color: #1B6FC2 !important; }

.ring-woot-200, .ring-woot-300, .ring-woot-400, .ring-woot-500,
.focus-visible\:ring-1:focus-visible { --tw-ring-color: rgba(27, 111, 194, .35) !important; }

/* Botones primarios: plano, sin sombra decorativa */
.button--primary,
.button.primary {
  background: #1B6FC2 !important;
  border-color: #1B6FC2 !important;
  color: #ffffff !important;
  text-transform: none;
}
.button--primary:hover,
.button.primary:hover { background: #0B3D66 !important; border-color: #0B3D66 !important; }

/* Superficies: blanco diáfano; nada de paneles translúcidos */
*, *::before, *::after { backdrop-filter: none !important; }
aside, nav, .n-sidebar, .sidebar-header,
.main-content, .app-body, .dashboard--root { background-color: #ffffff; }

/* Enlaces del cuerpo de conversación */
a:not(.button):not(.n-button) { color: #1B6FC2; text-decoration: none; }
a:not(.button):not(.n-button):hover { color: #0B3D66; text-decoration: underline; }

/* Estados semánticos (semáforo clínico sobrio) */
.text-green-600, .text-green-500 { color: #067A56 !important; }
.text-yellow-500, .text-yellow-600 { color: #B26A00 !important; }
.text-red-500, .text-red-600 { color: #B3261E !important; }

/* =====================================================================
   FASE 4.3 — Menú lateral enfocado (solo Bandeja, Contactos, Equipos,
   Configuración). Se OCULTAN los módulos que el HIC no contrata:
   Captain AI (enterprise), Campañas, Llamadas y avisos de Upgrade.
   Sin parchar el core de Chatwoot: selectores por SEGMENTO DE RUTA
   (estable e independiente del idioma del agente). `:has()` funciona en
   los navegadores modernos que soporta el SPA de Chatwoot.
   ===================================================================== */

/* Capitán IA: grupo raíz (expandido => <a> hijo directo; colapsado =>
   router-link). Sus hijos /captain/* caen con el grupo. */
aside nav ul > li > a[href*="/captain"],
aside nav ul > li:has(> a[href*="/captain"]) { display: none !important; }

/* Llamadas (voz, solo enterprise/nube). */
aside nav ul > li > a[href*="/calls"],
aside nav ul > li:has(> a[href*="/calls"]) { display: none !important; }

/* Campañas (livechat / SMS / WhatsApp blast). */
aside nav ul > li > a[href*="/campaigns"],
aside nav ul > li:has(> a[href*="/campaigns"]) { display: none !important; }

/* Aviso / ruta de Upgrade (promo de plan). Ancla estrecha por ruta, para
   NO tocar el grupo Configuración (que sí es legítimo y debe verse). */
a[href*="/upgrade"] { display: none !important; }