/* ------------------------------------------------------------------
   Zammad - branding Serviunix
   Fuente: manualdemarca-serviunix-2023.pdf, pag. "Paleta de colores"

     PRINCIPALES   #e73332  #ffffff  #cecccb  #2c2d2b
     SECUNDARIOS   #f7a53b  #44462a  #c4dac2

   La escala de acento se deriva del #e73332 conservando su H y S, y
   la luminosidad de cada peldano original de Zammad: asi el rojo de
   marca cae exacto en el paso 700 y el acento principal (800) queda
   un punto mas oscuro para que el texto blanco pase WCAG AA.

   Se inyecta desde nginx: no modifica el codigo de Zammad.
   ------------------------------------------------------------------ */

/* === UI nueva de agente (/desktop, Vue + Tailwind v4) ==============
   Sin @layer, para ganarle a las reglas de @layer theme.            */
:root, :host {
  --color-blue-50:  #fef6f6;
  --color-blue-100: #fbdfdf;
  --color-blue-200: #fce3e3;
  --color-blue-300: #f8c5c5;
  --color-blue-400: #f7bcbc;
  --color-blue-500: #f6b1b0;
  --color-blue-600: #f08180;
  --color-blue-700: #e73332;  /* rojo de marca, valor exacto del manual */
  --color-blue-800: #d71a19;  /* acento principal - 5.18:1 con blanco (AA) */
  --color-blue-850: #961212;
  --color-blue-900: #6a0d0c;
  --color-blue-950: #470908;

  /* secundario ambar del manual sobre el amarillo de aviso de Zammad */
  --color-yellow-500: #f7a53b;
}

/* === UI clasica (/) - modo claro =================================== */
:root {
  --highlight:                        #d71a19;
  --button-primary-background:        #d71a19;
  --button-primary-background-active: #961212;
  --border-highlight:                 #d71a19;
  --background-highlight:             #fbdfdf;
  --shadow-highlight:                 #f8c5c5;
}

/* === UI clasica (/) - modo oscuro ================================== */
[data-theme='dark'] {
  --highlight:                        #f08180;
  --button-primary-background:        #d71a19;
  --button-primary-background-active: #961212;
  --border-highlight:                 #f08180;
  --background-highlight:             #5a2423;
  --shadow-highlight:                 #7d2b2a;
}

/* === Isologo Serviunix en la cabecera (UI clasica) =================
   Zammad pinta ahi un SVG del sprite interno (#icon-logo), no el logo
   que se sube en Admin > Branding: ese solo aparece en el login. Se
   sustituye por el isologo blanco del manual, que es la version
   prevista para fondo oscuro.
   A 36px centrado el contador tapaba el "SX", asi que va a 28px
   anclado arriba a la izquierda: el emblema queda entero y el contador
   se queda donde Zammad lo pone, pegado al logo. */
.search .logo .icon-logo {
  background: url("/branding/isologo-sx.png") left top / 28px no-repeat;
}
.search .logo .icon-logo * { display: none; }

/* === Estados de la barra de tareas =================================
   Zammad pinta la pestaña activa con texto blanco sobre fondos claros:
   abierto queda en 1.93:1. Se pasa el texto a carbon, que es lo que el
   propio Zammad ya hace en .menu .badge sobre este mismo ambar.
   Los fondos de estado no se tocan.                                  */
:root, [data-theme='dark'] {
  --ok-color:             #f7a53b;  /* ambar del manual, era #faab00  */
  --menu-text-open:       #2c2d2b;  /* 6.85:1, era 1.93 en blanco     */
  --menu-text-closed:     #2c2d2b;  /* 4.84:1, era 2.86               */
  --menu-text-escalating: #2c2d2b;  /* 4.12:1, era 3.36               */
}