/* Autopilot: componentes originales de Chatwoot con la marca (lima #C8E62E como único acento, negro #141518, Archivo en titulares).
   Respaldo del tema verde anterior: autopilot-theme.verde.bak.css */
@import url(/autopilot/fonts/archivo.css);

:root,html.light {
 --blue-1:252 254 242;--blue-2:248 252 228;--blue-3:240 249 200;--blue-4:231 245 170;
 --blue-5:220 240 135;--blue-6:210 235 95;--blue-7:190 220 40;--blue-8:170 200 30;
 --blue-9:200 230 46;--blue-10:182 211 30;--blue-11:84 99 0;--blue-12:48 57 0;
 --slate-1:255 255 255;--slate-2:248 248 245;--slate-3:242 242 238;--slate-4:235 235 230;
 --slate-5:228 228 222;--slate-6:216 216 209;--slate-11:100 100 94;--slate-12:20 21 24;
 --color-primary:#c8e62e;--color-primary-dark:#b6d31e;--color-primary-light:#f0f9c8;
 --w-500:#c8e62e;--w-600:#b6d31e;--w-100:#f0f9c8;
 --brand-color:#c8e62e;
 --background-color:248 248 245;--surface-1:255 255 255;--surface-2:255 255 255;
 --solid-blue:240 249 200;--solid-blue-2:248 252 228;--border-blue:150,180,20,.55;--text-blue:48 57 0;
 --ap-ink:#141518;--ap-link:#546300;
}
html.dark,.dark {
 --blue-1:24 26 20;--blue-2:30 34 22;--blue-3:40 48 20;--blue-4:50 60 22;
 --blue-5:62 76 24;--blue-6:78 96 26;--blue-7:100 124 30;--blue-8:140 170 36;
 --blue-9:200 230 46;--blue-10:212 238 80;--blue-11:210 236 90;--blue-12:236 248 190;
 --slate-1:20 21 24;--slate-2:27 28 32;--slate-3:34 35 40;--slate-4:40 41 47;
 --slate-5:47 48 54;--slate-6:60 61 68;--slate-11:160 161 168;--slate-12:236 236 232;
 --color-primary:#c8e62e;--color-primary-dark:#d4ee50;--color-primary-light:#283014;
 --w-500:#c8e62e;--w-600:#d4ee50;--w-100:#283014;--brand-color:#c8e62e;
 --background-color:20 21 24;--surface-1:27 28 32;--surface-2:34 35 40;
 --solid-blue:40 48 20;--solid-blue-2:30 34 22;--border-blue:200,230,46,.45;--text-blue:236 248 190;
 --ap-link:#d4ee50;
}

/* titulares con la letra de la marca; el resto queda en la de Chatwoot para que se lea bien en listas */
h1,h2,h3,.page-title,header h1,header h2{font-family:"Archivo",Inter,system-ui,sans-serif!important;letter-spacing:-.01em}
h1,.page-title{font-weight:800!important}
h2,h3{font-weight:700!important}

::selection{background:#c8e62e;color:#141518}
:focus-visible{outline:2px solid #9fbf10;outline-offset:2px}
input,textarea{caret-color:#7f9a00}
.dark input,.dark textarea{caret-color:#c8e62e}

/* el lima es claro: todo lo que va relleno de lima lleva texto negro (con blanco no se lee) */
.bg-n-brand,.bg-n-brand :is(span,i,svg,div),[class~="bg-n-blue-9"],[class~="bg-n-blue-9"] :is(span,i,svg){color:var(--ap-ink)!important}
.bg-n-brand{background-color:var(--color-primary)!important}
[class~="hover:bg-n-brand"]:hover{background-color:var(--color-primary-dark)!important}
.text-n-brand{color:var(--ap-link)!important}
.border-n-brand{border-color:var(--color-primary)!important}
.ring-n-brand{--tw-ring-color:var(--color-primary)!important}
[class~="bg-n-brand/10"]{background-color:rgb(var(--blue-3))!important}
a:not([class]){color:var(--ap-link)}

/* lo que es de la edición paga de Chatwoot (no lo tenemos): fuera del menú */
aside li.grid:has(a[href*="/captain/"]),
aside li:has(> a[href$="/reports/sla"]),
aside li:has(> a[href*="/settings/audit-logs"]),
aside li:has(> a[href*="/settings/custom-roles"]),
aside li:has(> a[href*="/settings/sla"]),
aside li:has(> a[href*="/settings/conversation-workflow"]),
aside li:has(> a[href*="/settings/security"]){display:none!important}

/* Configuración en una segunda columna agrupada (tipo ContactShip), sólo en pantallas de configuración y en compu.
   Se arma con las direcciones de cada opción: si una actualización de Chatwoot cambia una dirección, esa opción vuelve a su lugar original. */
@media (min-width:768px){
 body:has(aside a.router-link-active[href*="/settings/"]) aside li.grid:has(a[href*="/settings/general"]) > ul{
  position:fixed;top:0;left:200px;width:232px;height:100vh;overflow-y:auto;z-index:39;
  display:flex!important;flex-direction:column;gap:1px;margin:0;padding:22px 12px 24px;
  background:rgb(var(--slate-2));border-left:0;border-right:1px solid rgb(var(--slate-4));
 }
 body:has(aside a.router-link-active[href*="/settings/"]) aside li.grid:has(a[href*="/settings/general"]) > ul::before{
  content:"Configuración";order:-100;font-family:"Archivo",Inter,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em;padding:2px 8px 6px;color:rgb(var(--slate-12));
 }
 body:has(aside a.router-link-active[href*="/settings/"]) aside ~ main{margin-left:232px}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
 /* sin las líneas de árbol de Chatwoot en esta columna; el ::before se reusa para los títulos de grupo */
 aside li.grid:has(a[href*="/settings/general"]) > ul > li::after{display:none!important}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li::before{content:none;position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href$="/settings/general"]){order:1}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/agents"]){order:2}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/teams"]){order:3}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/inboxes"]){order:4}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/canned-response"]){order:5}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/macros"]){order:6}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/automation"]){order:7}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/agent-bots"]){order:8}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/labels"]){order:9}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/custom-attributes"]){order:10}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/integrations"]){order:11}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:is(:has(> a[href$="/settings/general"]),:has(> a[href*="/settings/inboxes"]),:has(> a[href*="/settings/labels"]),:has(> a[href*="/settings/integrations"]))::before{
  display:block;padding:14px 8px 4px;font-size:12px;font-weight:600;color:rgb(var(--slate-11));
 }
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href$="/settings/general"])::before{content:"Organización";padding-top:6px}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/inboxes"])::before{content:"Comunicación"}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/labels"])::before{content:"Contactos y etiquetas"}
 aside li.grid:has(a[href*="/settings/general"]) > ul > li:has(> a[href*="/settings/integrations"])::before{content:"Integraciones"}
}

/* nombres más claros (los de Chatwoot vienen traducidos literal) */
aside a:is([href$="/settings/general"],[href*="/settings/agents/"],[href*="/settings/inboxes/"],[href*="/settings/canned-response/"]) > div.truncate{font-size:0}
aside a:is([href$="/settings/general"],[href*="/settings/agents/"],[href*="/settings/inboxes/"],[href*="/settings/canned-response/"]) > div.truncate::after{font-size:14px}
aside a[href$="/settings/general"] > div.truncate::after{content:"General"}
aside a[href*="/settings/agents/"] > div.truncate::after{content:"Miembros"}
aside a[href*="/settings/inboxes/"] > div.truncate::after{content:"Canales"}
aside a[href*="/settings/canned-response/"] > div.truncate::after{content:"Respuestas rápidas"}

/* lo que delata a Chatwoot */
a[href*="chatwoot.com/docs"],a[href*="chatwoot.com/changelog"],a[href*="chatwoot.com/help"],a[href*="chatwoot.com/product"],a[href*="github.com/chatwoot"],.branding,.powered-by,.update-banner,.upgrade-banner{display:none!important}
.divide-x:has(>.build-id){display:none!important}