/* Tema ZAPIX per AlgaPSA CE, generato da make_theme.py: non modificare a mano. */
@import url('/brand/fonts/fonts.css');

html.light[data-theme-pair][class] {
  --color-primary-50: 244 249 251;
  --color-primary-100: 229 241 244;
  --color-primary-200: 195 221 230;
  --color-primary-300: 158 201 215;
  --color-primary-400: 99 169 191;
  --color-primary-500: 39 135 166;
  --color-primary-600: 34 116 143;
  --color-primary-700: 28 97 120;
  --color-primary-800: 22 76 93;
  --color-primary-900: 16 54 66;
  --color-secondary-50: 246 251 250;
  --color-secondary-100: 234 246 244;
  --color-secondary-200: 205 234 229;
  --color-secondary-300: 175 221 213;
  --color-secondary-400: 127 200 188;
  --color-secondary-500: 77 179 162;
  --color-secondary-600: 66 154 139;
  --color-secondary-700: 55 129 117;
  --color-secondary-800: 43 100 91;
  --color-secondary-900: 31 72 65;
  --color-accent-50: 248 252 250;
  --color-accent-100: 239 248 243;
  --color-accent-200: 218 238 226;
  --color-accent-300: 195 228 208;
  --color-accent-400: 159 211 180;
  --color-accent-500: 122 194 151;
  --color-accent-600: 105 167 130;
  --color-accent-700: 88 140 109;
  --color-accent-800: 68 109 85;
  --color-accent-900: 49 78 60;
  --color-sidebar-bg: 9 31 54;
  --color-sidebar-text: 232 238 244;
  --color-sidebar-hover: 18 50 79;
  --color-sidebar-icon: 143 179 201;
  --color-header-bg: 255 255 255;
  --color-alert-info-bg: 244 249 251;
  --font-inter: 'Titillium Web';
}

html.dark[data-theme-pair][class] {
  --color-primary-50: 16 54 66;
  --color-primary-100: 22 76 93;
  --color-primary-200: 28 97 120;
  --color-primary-300: 34 116 143;
  --color-primary-400: 39 135 166;
  --color-primary-500: 99 169 191;
  --color-primary-600: 158 201 215;
  --color-primary-700: 195 221 230;
  --color-primary-800: 229 241 244;
  --color-primary-900: 244 249 251;
  --color-secondary-50: 31 72 65;
  --color-secondary-100: 43 100 91;
  --color-secondary-200: 55 129 117;
  --color-secondary-300: 66 154 139;
  --color-secondary-400: 77 179 162;
  --color-secondary-500: 127 200 188;
  --color-secondary-600: 175 221 213;
  --color-secondary-700: 205 234 229;
  --color-secondary-800: 234 246 244;
  --color-secondary-900: 246 251 250;
  --color-accent-50: 49 78 60;
  --color-accent-100: 68 109 85;
  --color-accent-200: 88 140 109;
  --color-accent-300: 105 167 130;
  --color-accent-400: 122 194 151;
  --color-accent-500: 159 211 180;
  --color-accent-600: 195 228 208;
  --color-accent-700: 218 238 226;
  --color-accent-800: 239 248 243;
  --color-accent-900: 248 252 250;
  --color-sidebar-bg: 6 21 37;
  --color-sidebar-text: 232 238 244;
  --color-sidebar-hover: 18 50 79;
  --color-sidebar-icon: 143 179 201;
  --color-header-bg: 9 31 54;
  --font-inter: 'Titillium Web';
}

html[data-theme-pair] body {
  font-family: 'Titillium Web', ui-sans-serif, system-ui, 'Segoe UI', Roboto, sans-serif;
}

html[data-theme-pair] h1, html[data-theme-pair] h2, html[data-theme-pair] h3 {
  font-family: 'Jura', 'Titillium Web', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0.01em;
}

/* Login: logo ZAPIX al posto dell'avatar Alga, Pixie al posto della mascotte, niente elenco funzioni */
img[alt="Nine Minds"], img[alt="ZAPIX"][class*="mr-4"] {
  content: url('/brand/zapix-icon.png');
  border-radius: 0 !important;
  object-fit: contain;
}
img[alt="AlgaPSA"], img[alt="ZAPIX"][class*="mb-8"] {
  content: url('/brand/pixie-saluta.png');
  border-radius: 0 !important;
  object-fit: contain;
  max-height: 260px;
  width: auto !important;
}
.max-w-lg > .space-y-3 {
  display: none;
}
/* Testi del pannello di login: sono nel codice JavaScript, si sostituiscono a vista */
a.flex.items-center span.text-2xl {
  font-size: 0 !important;
}
a.flex.items-center span.text-2xl::after {
  content: 'ZAPIX';
  font-size: 1.5rem;
  font-family: 'Jura', sans-serif;
}
.max-w-lg > a.block h1, .max-w-lg > a.block p {
  font-size: 0 !important;
}
.max-w-lg > a.block h1::after {
  content: 'Service Desk ZAPIX';
  font-size: 2.25rem;
}
.max-w-lg > a.block p::after {
  content: 'Assistenza tecnica Bitwiser';
  font-size: 1rem;
}

/* Barra laterale dei tecnici: logo e nome ZAPIX (nella CE il logo del tenant qui è solo Enterprise) */
#logo-home-link img {
  content: url('/brand/zapix-icon.png');
  object-fit: contain !important;
}
#logo-home-link div:has(> img) {
  background: transparent !important;
  border-radius: 0 !important;
}
#logo-home-link span.text-xl {
  font-size: 0 !important;
}
#logo-home-link span.text-xl::after {
  content: 'ZAPIX';
  font-size: 1.25rem;
  font-family: 'Jura', sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
}
/* Piede della barra: niente pulsante GitHub, versione senza link al repository */
#app-version-link + div, iframe[src*="buttons.github.io"], a.github-button {
  display: none !important;
}
#app-version-link {
  pointer-events: none;
}
#app-version-link svg {
  display: none;
}

/* Pulsanti principali con il gradiente del design ZAPIX (verde -> teal -> blu) */
html[data-theme-pair] button.bg-primary-500,
html[data-theme-pair] a.bg-primary-500 {
  background-image: linear-gradient(90deg, #7AC297 0%, #4DB3A2 35%, #1B82A4 70%, #1461A8 100%);
  border-color: transparent;
}