/* ESKA CRM — oznakowanie wygenerowane przez patch-front.mjs (Twenty v2.54.0). Nie edytuj: zmień eska.env / dodatkowy.css i przebuduj. */
/* Kolor marki: #293976 (tryb ciemny: #009FE2). Reguły bez @layer wygrywają z @layer twenty-ui, w którym Twenty definiuje zmienne --t-*. */
.light {
  --t-accent-accent1: #fdfdfe;
  --t-accent-accent2: #f8f9fd;
  --t-accent-accent3: #eff2f9;
  --t-accent-accent4: #e4e9f7;
  --t-accent-accent5: #d7dff3;
  --t-accent-accent6: #c7d1ed;
  --t-accent-accent7: #b3bfe0;
  --t-accent-accent8: #98a7d0;
  --t-accent-accent9: #293976;
  --t-accent-accent10: #212f6b;
  --t-accent-accent11: #26356b;
  --t-accent-accent12: #131a32;
  --t-accent-primary: #d7dff3;
  --t-accent-secondary: #d7dff3;
  --t-accent-tertiary: #eff2f9;
  --t-accent-quaternary: #f8f9fd;
  --t-accent-accent3570: #98a7d0;
  --t-accent-accent4060: #98a7d0;
  --t-font-color-on-accent: #ffffff;
  --t-color-blue: #293976;
  --t-color-blue1: #fdfdfe;
  --t-color-blue2: #f8f9fd;
  --t-color-blue3: #eff2f9;
  --t-color-blue4: #e4e9f7;
  --t-color-blue5: #d7dff3;
  --t-color-blue6: #c7d1ed;
  --t-color-blue7: #b3bfe0;
  --t-color-blue8: #98a7d0;
  --t-color-blue9: #293976;
  --t-color-blue10: #212f6b;
  --t-color-blue11: #26356b;
  --t-color-blue12: #131a32;
  --t-color-transparent-blue1: #00008002;
  --t-color-transparent-blue2: #0024b607;
  --t-color-transparent-blue3: #00309f10;
  --t-color-transparent-blue4: #002fb31b;
  --t-color-transparent-blue5: #0033b228;
  --t-color-transparent-blue6: #002ead38;
  --t-color-transparent-blue7: #0028974c;
  --t-color-transparent-blue8: #00258b67;
  --t-color-transparent-blue9: #00135cd6;
  --t-color-transparent-blue10: #001055de;
  --t-color-transparent-blue11: #001251d9;
  --t-color-transparent-blue12: #000821ec;
  --t-border-color-blue: #b3bfe0;
  --t-background-transparent-blue: #00309f10;
  --t-illustration-icon-color-blue: #98a7d0;
  --t-illustration-icon-fill-blue: #d7dff3;
}
.dark {
  --t-accent-accent1: #0c151b;
  --t-accent-accent2: #0e1a21;
  --t-accent-accent3: #072a3e;
  --t-accent-accent4: #003752;
  --t-accent-accent5: #004362;
  --t-accent-accent6: #094e70;
  --t-accent-accent7: #115c82;
  --t-accent-accent8: #116c98;
  --t-accent-accent9: #009fe2;
  --t-accent-accent10: #27adf1;
  --t-accent-accent11: #86ccf9;
  --t-accent-accent12: #d0e7f7;
  --t-accent-primary: #004362;
  --t-accent-secondary: #004362;
  --t-accent-tertiary: #072a3e;
  --t-accent-quaternary: #0e1a21;
  --t-accent-accent3570: #116c98;
  --t-accent-accent4060: #116c98;
  --t-font-color-on-accent: #111111;
  --t-color-blue: #009fe2;
  --t-color-blue1: #0c151b;
  --t-color-blue2: #0e1a21;
  --t-color-blue3: #072a3e;
  --t-color-blue4: #003752;
  --t-color-blue5: #004362;
  --t-color-blue6: #094e70;
  --t-color-blue7: #115c82;
  --t-color-blue8: #116c98;
  --t-color-blue9: #009fe2;
  --t-color-blue10: #27adf1;
  --t-color-blue11: #86ccf9;
  --t-color-blue12: #d0e7f7;
  --t-color-transparent-blue1: #00131f7a;
  --t-color-transparent-blue2: #001f3163;
  --t-color-transparent-blue3: #00324fb1;
  --t-color-transparent-blue4: #003752ff;
  --t-color-transparent-blue5: #004362ff;
  --t-color-transparent-blue6: #0072a99b;
  --t-color-transparent-blue7: #0aadff76;
  --t-color-transparent-blue8: #0cb0ff8e;
  --t-color-transparent-blue9: #009fe2ff;
  --t-color-transparent-blue10: #28b7fff0;
  --t-color-transparent-blue11: #89d1fff8;
  --t-color-transparent-blue12: #d7eefff6;
  --t-border-color-blue: #115c82;
  --t-background-transparent-blue: #003752ff;
  --t-illustration-icon-color-blue: #27adf1;
  --t-illustration-icon-fill-blue: #d0e7f7;
}
/* Stopka logowania z linkami do regulaminu i polityki prywatności twenty.com (FooterNote.tsx) */
div:has(> a[href^="https://twenty.com/"][href$="/terms"]):has(> a[href^="https://twenty.com/"][href$="/privacy-policy"]) {
  display: none !important;
}
/* --- dodatkowy.css --- */
/* Własne poprawki CSS doklejane NA KOŃCU wygenerowanego /eska-branding/branding.css.
 *
 * Motyw Twenty to zmienne CSS --t-* zdefiniowane w @layer twenty-ui na klasach .light / .dark
 * (twenty-ui/src/theme/theme-light.css). Reguła bez warstwy (jak tutaj) zawsze wygrywa z warstwą,
 * więc wystarczy nadpisać zmienną, np.:
 *
 *   .light { --t-font-family: "Lato", sans-serif; }
 *   .light { --t-border-radius-md: 6px; }
 *
 * Unikaj selektorów po klasach z hashem (np. .s1a2b3c) — zmieniają się przy każdej wersji Twenty.
 */

/* Recenzja 03.11: przycisk główny w trybie ciemnym ma w Twenty tekst #fff na sztywno — na #009FE2
   daje kontrast 2,98:1 (poniżej WCAG AA). Wymuszamy kolor tekstu z nakładki (#111 → 6,35:1). */
.dark [data-color=accent][data-variant=solid] { --tw-button-color: var(--t-font-color-on-accent); }