/* ==========================================================================
   Espace de travail Solartech — accueil « façon Android », accès par employé,
   Kanban. Trois thèmes : clair (défaut), sombre (html.dark), gris (html.theme-gray, sans .dark).
   Toutes les couleurs passent par les variables ci-dessous.
   ========================================================================== */

:root {
    --st-fond: #f4f6f8;
    --st-carte: #ffffff;
    --st-carte-2: #f8fafc;
    --st-bord: #e3e8ee;
    --st-texte: #1f2937;
    --st-texte-2: #5b6878;
    --st-accent: #AFCA0B;
    --st-accent-encre: #566306;
    --st-accent-doux: rgba(175, 202, 11, .14);
    --st-survol: #f1f5f9;
    --st-ombre: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .07);
    --st-danger: #c62828;
    --st-danger-doux: #fdecec;
}
html.dark {
    --st-fond: #1f2937;
    --st-carte: #273142;
    --st-carte-2: #2d384b;
    --st-bord: #3b4657;
    --st-texte: #e5e7eb;
    --st-texte-2: #a3adbb;
    --st-accent-encre: #d4e66a;
    --st-accent-doux: rgba(175, 202, 11, .16);
    --st-survol: #313d52;
    --st-ombre: none;
    --st-danger: #f28b82;
    --st-danger-doux: rgba(242, 139, 130, .14);
}
/* Thème gris = gris-bleu doux, entre clair et sombre (solartech.css « THÈME GRIS v2 », classe theme-gray seule) */
html.theme-gray {
    --st-fond: #94a3b8;
    --st-carte: #e2e8f0;
    --st-carte-2: #cbd5e1;
    --st-bord: #94a3b8;
    --st-texte: #0f172a;
    --st-texte-2: #334155;
    --st-accent-encre: #4d5a06;
    --st-accent-doux: rgba(133, 153, 10, .22);
    --st-survol: #cbd5e1;
    --st-ombre: 0 1px 2px rgba(15, 23, 42, .12);
    --st-danger: #9f1239;
    --st-danger-doux: rgba(159, 18, 57, .12);
}

/* --- Menu de gauche replié (bouton « Menu ») : il ne garde plus sa place --- */
@media (min-width: 1024px) {
    html:not(.st-auth-page) .fi-main-sidebar:not(.fi-sidebar-open) { position: fixed !important; }
}

/* --- Liens dans nos écrans : couleur du texte (solartech.css colore TOUS les liens en vert en sombre / gris) --- */
html.dark body :is(.st-accueil, .st-kanban, .st-acces) a:not(.st-lien-discret),
html.theme-gray body :is(.st-accueil, .st-kanban, .st-acces) a:not(.st-lien-discret) { color: var(--st-texte) !important; }
html.dark body :is(.st-accueil, .st-kanban) a.st-lien-discret,
html.theme-gray body :is(.st-accueil, .st-kanban) a.st-lien-discret { color: var(--st-texte-2) !important; }

/* --- Pleine largeur, aéré --- */
.fi-main { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

/* --- Éléments communs --- */
.st-sous { color: var(--st-texte-2); font-size: .82rem; }
.st-bouton {
    display: inline-flex; align-items: center; gap: .4rem;
    padding: .5rem .9rem; border-radius: .6rem;
    background: var(--st-carte); color: var(--st-texte);
    border: 1px solid var(--st-bord); font-size: .875rem; font-weight: 500;
    cursor: pointer; transition: background .15s, border-color .15s;
}
.st-bouton:hover { background: var(--st-survol); }
.st-bouton--principal { background: var(--st-accent); border-color: var(--st-accent); color: #1f2a00; }
.st-bouton--principal:hover { background: #9CB60A; }
.st-icone-bouton {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2rem; height: 2rem; border-radius: .5rem; border: 1px solid var(--st-bord);
    background: var(--st-carte); color: var(--st-texte-2); cursor: pointer;
}
.st-icone-bouton:hover { background: var(--st-survol); color: var(--st-texte); }
.st-champ {
    padding: .5rem .75rem; border-radius: .6rem; border: 1px solid var(--st-bord);
    background: var(--st-carte); color: var(--st-texte); font-size: .875rem; min-width: 16rem;
}
select.st-champ {
    -webkit-appearance: none; appearance: none; padding-right: 2.2rem;
    background-color: var(--st-carte) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%238592a3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right .6rem center !important; background-size: 1.1rem !important;
}
.st-champ:focus { outline: 2px solid var(--st-accent); outline-offset: 1px; }
.st-info {
    padding: .9rem 1rem; border-radius: .6rem; background: var(--st-accent-doux);
    color: var(--st-texte); margin: .5rem 0;
}
.st-lien-discret { color: var(--st-texte-2); font-size: .8rem; text-decoration: none; margin-left: auto; }
.st-lien-discret:hover { color: var(--st-accent-encre); text-decoration: underline; }

/* ==========================================================================
   ACCUEIL
   ========================================================================== */
.st-accueil__barre { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.st-accueil__titre { font-size: 1.6rem; font-weight: 700; color: var(--st-texte); margin: 0; }
.st-accueil__date { color: var(--st-texte-2); margin: .1rem 0 0; }
.st-accueil__actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.st-accueil__actions .st-seulement-edition { display: none; gap: .5rem; flex-wrap: wrap; }
.st-accueil__aide { display: none; color: var(--st-texte-2); font-size: .85rem; margin: 0 0 .75rem; }
.st-en-edition .st-accueil__actions .st-seulement-edition { display: inline-flex; }
.st-en-edition .st-accueil__aide { display: block; }
.st-en-edition [data-action="editer"] { display: none; }

.st-vide {
    display: flex; flex-direction: column; align-items: center; gap: .75rem; text-align: center;
    padding: 3rem 1rem; color: var(--st-texte-2); border: 2px dashed var(--st-bord); border-radius: 1rem;
}

/* Catalogue des widgets */
.st-catalogue { background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: 1rem; padding: 1rem; margin-bottom: 1rem; box-shadow: var(--st-ombre); }
.st-catalogue__tete { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; color: var(--st-texte); }
.st-catalogue__liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .6rem; }
.st-catalogue__item {
    display: flex; gap: .75rem; align-items: flex-start; text-align: left;
    padding: .75rem; border-radius: .75rem; border: 1px solid var(--st-bord);
    background: var(--st-carte-2); color: var(--st-texte); cursor: pointer;
}
.st-catalogue__item:hover:not(:disabled) { border-color: var(--st-accent); background: var(--st-accent-doux); }
.st-catalogue__item:disabled { opacity: .5; cursor: default; }
.st-catalogue__icone { flex: 0 0 auto; color: var(--st-accent-encre); }
.st-catalogue__nom { display: block; font-weight: 600; font-size: .9rem; }
.st-catalogue__desc { display: block; font-size: .78rem; color: var(--st-texte-2); }

/* Widgets */
.st-grille { margin: 0 -8px; }
.st-w {
    display: flex; flex-direction: column; overflow: hidden !important;
    background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: 1rem;
    box-shadow: var(--st-ombre); color: var(--st-texte);
}
.st-w__tete {
    display: flex; align-items: center; gap: .5rem; flex: 0 0 auto;
    padding: .8rem 1rem .5rem; font-weight: 600; font-size: .95rem; color: var(--st-texte);
}
.st-w__tete svg { color: var(--st-accent-encre); }
.st-w__corps { flex: 1 1 auto; overflow: auto; padding: 0 1rem .9rem; min-height: 0; }
.st-w__vide { color: var(--st-texte-2); font-size: .85rem; padding: .5rem 0; list-style: none; }
.st-w__outils { display: none; position: absolute; top: .45rem; right: .45rem; gap: .3rem; z-index: 5; }
.st-en-edition .st-w__outils { display: flex; }
.st-en-edition .st-w { outline: 2px dashed var(--st-accent); outline-offset: -2px; }
.st-en-edition .st-w__tete { cursor: grab; }
.st-en-edition .st-w__corps { pointer-events: none; opacity: .85; }
.st-en-edition .st-w--raccourci { cursor: grab; }
.grid-stack-item > .ui-resizable-se { opacity: 0; }
.st-en-edition .grid-stack-item > .ui-resizable-se { opacity: 1; }
.grid-stack-placeholder > .placeholder-content { border: 2px dashed var(--st-accent) !important; border-radius: 1rem; background: var(--st-accent-doux) !important; }

/* Listes dans les widgets */
.st-liste { list-style: none; margin: 0; padding: 0; }
.st-liste__ligne {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: .5rem;
    padding: .5rem .55rem; margin: 0 -.55rem; border-radius: .55rem;
    text-decoration: none; color: var(--st-texte);
}
a.st-liste__ligne:hover { background: var(--st-survol); }
.st-liste__principal { font-weight: 600; font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-liste__metiers { font-size: .9rem; white-space: nowrap; }
.st-liste__sec { grid-column: 1 / -1; color: var(--st-texte-2); font-size: .78rem; display: block; }
.st-chiffre-ligne { display: flex; align-items: baseline; gap: .5rem; margin-bottom: .35rem; }
.st-chiffre { font-size: 1.9rem; font-weight: 700; line-height: 1; color: var(--st-texte); }
.st-pastille {
    align-self: center; font-size: .72rem; font-weight: 600; padding: .1rem .5rem; border-radius: 999px; white-space: nowrap;
    background: color-mix(in srgb, var(--st-pastille, #94a3b8) 22%, transparent);
    color: var(--st-texte);
    border: 1px solid color-mix(in srgb, var(--st-pastille, #94a3b8) 55%, transparent);
}
.st-pastille--critical { --st-pastille: #dc3545; }
.st-pastille--high { --st-pastille: #f59e0b; }
.st-pastille--normal { --st-pastille: #38aae1; }
.st-pastille--low { --st-pastille: #94a3b8; }

/* Mes modules */
.st-modules { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.st-modules__nom { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--st-domaine); margin-bottom: .35rem; }
html.dark .st-modules__nom { color: color-mix(in srgb, var(--st-domaine) 70%, #ffffff); }
.st-modules__tuiles { display: flex; flex-wrap: wrap; gap: .5rem; }
.st-module {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem;
    width: 7.5rem; height: 5.6rem; box-sizing: border-box; overflow: hidden; padding: .6rem .4rem; text-align: center;
    border-radius: .8rem; text-decoration: none; font-size: .8rem; font-weight: 600; color: var(--st-texte);
    background: color-mix(in srgb, var(--st-domaine) 10%, var(--st-carte));
    border: 1px solid color-mix(in srgb, var(--st-domaine) 35%, var(--st-bord));
    transition: transform .15s, background .15s;
}
.st-module > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25; } /* toutes les tuiles à la même taille, libellé sur 2 lignes max */
.st-module svg { color: var(--st-domaine); }
html.dark .st-module svg { color: color-mix(in srgb, var(--st-domaine) 70%, #ffffff); }
.st-module:hover { transform: translateY(-2px); background: color-mix(in srgb, var(--st-domaine) 20%, var(--st-carte)); }

/* Raccourci */
.st-w--raccourci .st-w__corps { padding: 0; }
.st-raccourci {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem;
    height: 100%; text-decoration: none; text-align: center; padding: .5rem; color: var(--st-texte);
    background: color-mix(in srgb, var(--st-domaine) 12%, var(--st-carte));
}
.st-raccourci:hover { background: color-mix(in srgb, var(--st-domaine) 22%, var(--st-carte)); }
.st-raccourci__icone { width: 2.6rem; height: 2.6rem; color: var(--st-domaine); }
html.dark .st-raccourci__icone { color: color-mix(in srgb, var(--st-domaine) 70%, #ffffff); }
.st-raccourci__nom { font-weight: 600; font-size: .9rem; }

/* Projets par étape */
.st-etapes { display: flex; flex-direction: column; gap: .3rem; text-decoration: none; color: var(--st-texte); }
.st-etape { display: grid; grid-template-columns: minmax(7rem, 40%) 1fr 2rem; align-items: center; gap: .5rem; font-size: .82rem; }
.st-etape__nom { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-etape__barre { height: .55rem; background: var(--st-carte-2); border-radius: 999px; overflow: hidden; border: 1px solid var(--st-bord); }
.st-etape__barre > span { display: block; height: 100%; background: var(--st-pastille, var(--st-accent)); border-radius: 999px; }
.st-etape__n { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.st-etape--vide { color: var(--st-texte-2); }
.st-etapes:hover .st-etape__nom { text-decoration: underline; }

/* Actualités */
.st-actus { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.st-actu { display: flex; gap: .7rem; padding: .6rem; border-radius: .7rem; background: var(--st-carte-2); border-left: 4px solid var(--st-pastille); }
.st-actu__icone { font-size: 1.4rem; line-height: 1.2; }
.st-actu__titre { display: block; font-weight: 600; font-size: .9rem; }
.st-actu__texte { display: block; font-size: .82rem; color: var(--st-texte-2); margin: .15rem 0; }

/* Météo */
.st-w--meteo .st-w__corps { padding: 0 .5rem .5rem; }
.st-w--meteo .st-weather__widget { min-height: 0 !important; height: auto !important; }

/* Santé */
.st-sante { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: .5rem; }
.st-sante__case { display: flex; flex-direction: column; gap: .2rem; padding: .6rem; border-radius: .7rem; background: var(--st-carte-2); text-decoration: none; color: var(--st-texte); }
a.st-sante__case:hover { background: var(--st-survol); }
.st-sante__case--alerte { background: var(--st-danger-doux); }
.st-sante__case--alerte .st-chiffre { color: var(--st-danger); }

/* ==========================================================================
   ACCÈS PAR EMPLOYÉ
   ========================================================================== */
.st-acces__filtres { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; color: var(--st-texte); }
.st-acces__case { display: inline-flex; align-items: center; gap: .4rem; font-size: .875rem; color: var(--st-texte); }
.st-acces__corps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.st-acces__corps--split { grid-template-columns: minmax(0, 1fr) minmax(26rem, 38rem); }
.st-acces__grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)); gap: .75rem; }
.st-employe {
    display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center;
    padding: 1rem .6rem .8rem; border-radius: 1rem; cursor: pointer;
    background: var(--st-carte); border: 1px solid var(--st-bord); color: var(--st-texte);
    box-shadow: var(--st-ombre); transition: border-color .15s, transform .15s;
}
.st-employe:hover { transform: translateY(-2px); border-color: var(--st-accent); }
.st-employe--choisi { border: 2px solid var(--st-accent); background: var(--st-accent-doux); }
.st-employe--inactif { opacity: .55; }
.st-employe__avatar {
    width: 3.2rem; height: 3.2rem; border-radius: 50%; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    background: var(--st-accent-doux); color: var(--st-accent-encre); font-weight: 700; font-size: 1.05rem;
}
.st-employe__avatar img { width: 100%; height: 100%; object-fit: cover; }
.st-employe__nom { font-weight: 600; font-size: .88rem; line-height: 1.2; }
.st-employe__poste { font-size: .74rem; color: var(--st-texte-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.st-employe__badge { font-size: .7rem; font-weight: 600; padding: .1rem .55rem; border-radius: 999px; background: var(--st-carte-2); border: 1px solid var(--st-bord); color: var(--st-texte-2); }
.st-employe__badge--super { background: #7C3AED; border-color: #7C3AED; color: #fff; }
.st-employe__badge--aucun { color: var(--st-danger); }

.st-panneau {
    position: sticky; top: 5.5rem; max-height: calc(100vh - 7rem); overflow: auto;
    background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: 1rem; padding: 1.25rem; box-shadow: var(--st-ombre); color: var(--st-texte);
}
.st-panneau__tete { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; align-items: flex-start; margin-bottom: .5rem; }
.st-panneau__titre { font-size: 1.25rem; font-weight: 700; margin: 0; }
.st-panneau__outils { display: flex; gap: .5rem; flex-wrap: wrap; }
.st-panneau__outils .st-champ { min-width: 12rem; }
.st-panneau__aide { margin: .25rem 0 1rem; }
.st-droits { display: flex; flex-direction: column; gap: 1rem; }
.st-droits__domaine { border: 1px solid var(--st-bord); border-left: 4px solid var(--st-domaine); border-radius: 0 .75rem .75rem 0; padding: .6rem .8rem; }
.st-droits__tete { display: flex; justify-content: space-between; align-items: center; gap: .5rem; flex-wrap: wrap; margin-bottom: .2rem; }
.st-droits__nom { font-weight: 700; font-size: .9rem; }
.st-droits__raccourcis { font-size: .75rem; color: var(--st-texte-2); }
.st-droits__raccourcis button { color: var(--st-accent-encre); text-decoration: underline; margin-left: .3rem; background: none; border: 0; cursor: pointer; font-size: .75rem; }
.st-droits__ligne { display: grid; grid-template-columns: minmax(0, 1fr) 4.5rem 4.5rem; align-items: center; padding: .35rem .3rem; border-radius: .5rem; }
.st-droits__ligne > span:not(:first-child) { text-align: center; }
.st-droits__ligne--titres { font-size: .72rem; color: var(--st-texte-2); padding-top: 0; padding-bottom: 0; }
.st-droits__ligne--actif { background: var(--st-accent-doux); }
.st-droits__module { display: inline-flex; align-items: center; gap: .5rem; font-size: .88rem; }
.st-droits__module svg { color: var(--st-texte-2); }
.st-coche { width: 1.2rem; height: 1.2rem; border-radius: .3rem; cursor: pointer; accent-color: #85990A; color: #85990A; }
.st-coche:checked { background-color: #85990A !important; border-color: #85990A !important; }
.st-historique { margin-top: 1.25rem; padding-top: .75rem; border-top: 1px solid var(--st-bord); }
.st-historique ul { list-style: none; margin: .4rem 0 0; padding: 0; font-size: .82rem; display: flex; flex-direction: column; gap: .3rem; }

@media (max-width: 1100px) {
    .st-acces__corps--split { grid-template-columns: minmax(0, 1fr); }
    .st-panneau { position: static; max-height: none; }
}

/* ==========================================================================
   KANBAN (CHA-01) — une carte par projet, plan des étapes, flèches, zoom
   ========================================================================== */
.st-kanban-filtres { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: .75rem; }
.st-kanban-filtres .st-champ { min-width: 12rem; }
.st-kanban-filtres__droite { margin-left: auto; }
.st-kanban-nav__zoom { display: inline-flex; border: 1px solid var(--st-bord); border-radius: .6rem; overflow: hidden; }
.st-kanban-nav__zoom button { padding: .45rem .8rem; font-size: .82rem; background: var(--st-carte); color: var(--st-texte-2); border: 0; cursor: pointer; }
.st-kanban-nav__zoom button + button { border-left: 1px solid var(--st-bord); }
.st-kanban-nav__zoom button.actif { background: var(--st-accent-doux); color: var(--st-texte); font-weight: 600; }

.st-kanban-plan { display: flex; gap: .35rem; overflow-x: auto; padding: .35rem; margin-bottom: .6rem; background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .75rem; }
.st-kanban-plan__etape {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap;
    padding: .3rem .6rem; border-radius: .5rem; font-size: .76rem; cursor: pointer;
    background: transparent; border: 1px solid transparent; color: var(--st-texte-2);
}
.st-kanban-plan__etape b { font-weight: 700; color: var(--st-texte); background: var(--st-carte-2); border-radius: 999px; padding: 0 .4rem; }
.st-kanban-plan__etape:hover { background: var(--st-survol); color: var(--st-texte); }
.st-kanban-plan__etape.visible { background: color-mix(in srgb, var(--st-pastille, #AFCA0B) 16%, transparent); border-color: color-mix(in srgb, var(--st-pastille, #AFCA0B) 50%, transparent); color: var(--st-texte); }

.st-kanban-cadre { position: relative; }
.st-kanban-fleche {
    position: absolute; top: 0; bottom: 1rem; width: 3rem; z-index: 4;
    display: flex; align-items: center; justify-content: center; cursor: pointer; border: 0;
    color: var(--st-texte); opacity: .9; transition: opacity .2s;
}
.st-kanban-fleche--g { left: 0; border-radius: .75rem 0 0 .75rem; background: linear-gradient(90deg, var(--st-fond) 35%, transparent); }
.st-kanban-fleche--d { right: 0; border-radius: 0 .75rem .75rem 0; background: linear-gradient(270deg, var(--st-fond) 35%, transparent); }
.st-kanban-fleche:hover { opacity: 1; color: var(--st-accent-encre); }
.st-kanban-fleche.cache { opacity: 0; pointer-events: none; }

.st-kanban { display: flex; gap: .75rem; overflow-x: auto; padding: 0 0 1rem; align-items: flex-start; scroll-behavior: smooth; }
.st-kanban__col { flex: 0 0 var(--st-kanban-col, 16rem); background: var(--st-carte-2); border: 1px solid var(--st-bord); border-radius: .85rem; display: flex; flex-direction: column; max-height: calc(100vh - 17rem); min-height: 10rem; }
.st-kanban__head { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .65rem .8rem; font-weight: 600; font-size: .85rem; color: var(--st-texte); border-top: 4px solid; border-radius: .85rem .85rem 0 0; }
.st-kanban__count { background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: 999px; padding: 0 .5rem; font-size: .75rem; }
.st-kanban__list { flex: 1; min-height: 5rem; overflow-y: auto; padding: .5rem; display: flex; flex-direction: column; gap: .5rem; }
.st-kanban__card { position: relative; overflow: hidden; background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .65rem; padding: .6rem .7rem .6rem 1rem; box-shadow: var(--st-ombre); cursor: grab; font-size: .82rem; color: var(--st-texte); }
.st-kanban__card { flex-shrink: 0; }
.st-kanban__card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--st-zone, var(--st-bord)); }
.st-kanban-zones { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .9rem; margin: 0 0 .6rem; font-size: .76rem; color: var(--st-texte); }
.st-kanban-zones__item { display: inline-flex; align-items: center; gap: .35rem; }
.st-kanban-zones__pastille { width: .55rem; height: 1rem; border-radius: 2px; display: inline-block; box-shadow: 0 0 0 1px var(--st-bord); }
.st-kanban__card:hover { border-color: var(--st-accent); }
.st-kanban__card.sortable-ghost { opacity: .4; }
/* PIL · Offre à relancer : seul le contour change de couleur (épaisseur et liseré de zone gardés) */
.st-kanban__card--rouge, .st-kanban__card--rouge:hover { border-color: #dc2626; }
.st-kanban__card--noir, .st-kanban__card--noir:hover { border-color: #0e121d; }
.dark .st-kanban__card--noir, .dark .st-kanban__card--noir:hover { border-color: #f3f4f6; }
.st-kanban__picto { position: absolute; top: .45rem; right: .5rem; line-height: 1; color: #0e121d; z-index: 1; }
.dark .st-kanban__picto { color: #f3f4f6; }
.st-kanban__card--rouge .st-kanban__metiers, .st-kanban__card--noir .st-kanban__metiers,
.st-kanban__card--rouge .st-kanban__type, .st-kanban__card--noir .st-kanban__type { padding-right: 2.4rem; }
.st-kanban__pastilles { display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .25rem; }
.st-kanban__pastilles:empty { display: none; }
.st-kanban__pastille { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 99px; padding: 0 7px; border: 1px solid; white-space: nowrap; }
.st-kanban__pastille--offre { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
.st-kanban__pastille--relance { color: #c2570c; background: #fff7ed; border-color: #fed7aa; }
.st-kanban__pastille--rappel { color: #5b21b6; background: #f5f3ff; border-color: #ddd6fe; }
.st-kanban__type { font-size: .72rem; color: var(--st-texte-2); }
.st-kanban__client { display: block; font-weight: 700; color: var(--st-texte); text-decoration: none; margin: .1rem 0; }
.st-kanban__client:hover { text-decoration: underline; }
.st-kanban__meta { font-size: .72rem; color: var(--st-texte-2); }
.st-kanban__metiers { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: .2rem; }
.st-kanban__metier { font-size: .72rem; padding: .05rem .4rem; border-radius: 999px; background: var(--st-carte-2); border: 1px solid var(--st-bord); white-space: nowrap; }
.st-kanban__metier--ailleurs { border-style: dashed; color: var(--st-texte-2); }
.st-kanban__metier--ferme { opacity: .45; text-decoration: line-through; }
.st-kanban-aide { margin-top: .25rem; }

html[data-kanban-zoom="compact"] { --st-kanban-col: 12rem; }
html[data-kanban-zoom="ensemble"] { --st-kanban-col: 9rem; }
html[data-kanban-zoom="ensemble"] .st-kanban__meta,
html[data-kanban-zoom="ensemble"] .st-kanban__type,
html[data-kanban-zoom="ensemble"] .st-kanban__metier-nom { display: none; }
html[data-kanban-zoom="ensemble"] .st-kanban__head { font-size: .72rem; padding: .45rem .5rem; }
html[data-kanban-zoom="ensemble"] .st-kanban__card { padding: .35rem .45rem; font-size: .74rem; }

/* ==========================================================================
   FICHE PROJET (CHA-01) — colonne de droite toujours visible
   ========================================================================== */
@media (min-width: 1024px) {
    .st-colonne-droite { position: sticky; top: 5.5rem; align-self: start; max-height: calc(100vh - 6.5rem); overflow-y: auto; }
}
.st-demande-texte { max-height: 45vh; overflow-y: auto !important; line-height: 1.55; }
.st-metiers-resume { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.st-metiers-resume li { display: flex; justify-content: space-between; align-items: center; gap: .5rem; font-size: .88rem; }
.st-assistance { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .4rem; font-size: .85rem; color: var(--st-texte-2); }
.st-carte { height: max(480px, 62vh); border-radius: .75rem; overflow: hidden; border: 1px solid var(--st-bord); background: var(--st-carte-2); z-index: 0; }
.st-carte__legende { display: flex; flex-wrap: wrap; gap: .3rem .9rem; align-items: center; margin-top: .5rem; font-size: .78rem; color: var(--st-texte); }
.st-carte__legende i { display: inline-block; width: .7rem; height: .7rem; border-radius: 2px; margin-right: .3rem; vertical-align: -1px; }
.st-pin { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 12px; line-height: 1;
    background: #fff; border: 3px solid var(--c, #64748B); box-shadow: 0 1px 4px rgba(0, 0, 0, .35); cursor: pointer; }
.st-pin--courant { width: 34px; height: 34px; font-size: 16px; border-width: 4px; animation: st-pouls 1.8s ease-out infinite; }
@keyframes st-pouls { 0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .55); } 70% { box-shadow: 0 0 0 14px rgba(220, 38, 38, 0); } 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); } }
html.dark .leaflet-container { background: #1f2937; }
.st-liens-carte { display: flex; flex-wrap: wrap; gap: .4rem; }
.st-liens-carte .st-bouton { padding: .4rem .7rem; font-size: .82rem; text-decoration: none; }
.st-liens-carte--compact { display: inline-flex; gap: .15rem; vertical-align: middle; margin-left: .15rem; }
.st-lien-carte { border: 0; background: transparent; padding: 0 .1rem; font-size: .85rem; line-height: 1; cursor: pointer; opacity: .75; border-radius: .3rem; }
.st-lien-carte:hover { opacity: 1; background: var(--st-survol); }
.st-coord { display: flex; flex-direction: column; gap: .45rem; font-size: .88rem; color: var(--st-texte); }
.st-coord__nom { font-weight: 700; font-size: 1rem; }
.st-coord__ligne { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: .5rem; align-items: baseline; font-size: .86rem; }
.st-coord__ligne > span:last-child { overflow-wrap: anywhere; }
.st-lien-carte.st-copie { background: var(--st-accent-doux); }
.st-lien-carte.st-copie::after { content: ' copié'; font-size: .7rem; color: var(--st-accent-encre); }
.st-demande__motifs { display: flex; flex-wrap: wrap; gap: .3rem; margin-bottom: .6rem; }
.st-demande__message { font-size: .9rem; line-height: 1.55; max-height: 40vh; overflow-y: auto; margin-bottom: .6rem; color: var(--st-texte); }
.st-email { width: 100%; height: 70vh; border: 1px solid var(--st-bord); border-radius: .6rem; background: #fff; }
.st-demande__fichiers ul { list-style: none; margin: .3rem 0 .6rem; padding: 0; display: flex; flex-direction: column; gap: .25rem; font-size: .84rem; }
.st-logo-wa { width: 1em; height: 1em; display: inline-block; vertical-align: -0.15em; }
.st-pieces { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; gap: .3rem; font-size: .86rem; }

/* Frise des étapes (fiche projet) */
.st-frise { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.st-frise__bande { display: flex; align-items: center; gap: .4rem; flex: 1 1 100%; min-width: 0; }
.st-frise__chemin { display: flex; align-items: stretch; gap: .4rem; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: thin; padding: .3rem .1rem; flex: 1 1 auto; min-width: 0; }
.st-frise__chemin > * { flex: 0 0 auto; }
.st-frise__nav { flex: 0 0 auto; width: 2.4rem; height: 4.6rem; border-radius: .7rem; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); font-size: 1.8rem; line-height: 1; cursor: pointer; }
.st-frise__nav:hover { background: var(--st-accent-doux); color: var(--st-accent-encre); border-color: var(--st-accent); }
.st-frise__fleche { align-self: center; font-size: 1.6rem; line-height: 1; color: var(--st-texte-2); padding: 0 .1rem; }
.st-frise__fleche--forte { color: var(--st-accent-encre); font-weight: 700; }
.st-frise__reste { align-self: center; font-size: .8rem; color: var(--st-texte-2); padding: .2rem .5rem; border: 1px dashed var(--st-bord); border-radius: 999px; }
.st-etape-tuile {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem; text-align: center;
    min-width: 7.5rem; padding: .55rem .7rem; border-radius: .8rem; cursor: pointer;
    background: var(--st-carte); color: var(--st-texte);
    border: 1px solid color-mix(in srgb, var(--c) 45%, var(--st-bord));
    transition: transform .12s, box-shadow .12s, background .12s;
}
button.st-etape-tuile:hover:not(:disabled) { transform: translateY(-2px); background: color-mix(in srgb, var(--c) 14%, var(--st-carte)); box-shadow: var(--st-ombre); }
.st-etape-tuile__icone { font-size: 1.35rem; line-height: 1; }
.st-etape-tuile__nom { font-weight: 600; font-size: .86rem; }
.st-etape-tuile__sous { font-size: .7rem; color: var(--st-texte-2); }
.st-etape-tuile--passee { opacity: .7; min-width: 6.5rem; }
.st-etape-tuile--actuelle { min-width: 10rem; padding: .7rem 1rem; cursor: default;
    background: color-mix(in srgb, var(--c) 22%, var(--st-carte)); border: 2px solid var(--c); box-shadow: var(--st-ombre); }
.st-etape-tuile--actuelle .st-etape-tuile__icone { font-size: 1.8rem; }
.st-etape-tuile--actuelle .st-etape-tuile__nom { font-size: 1rem; font-weight: 700; }
.st-etape-tuile--proposee { border: 2px dashed var(--st-accent); }
.st-etape-tuile--future { opacity: .85; }
.st-frise__sorties { display: flex; flex-wrap: wrap; gap: .35rem; }
.st-sortie { font-size: .78rem; padding: .3rem .6rem; border-radius: 999px; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte-2); cursor: pointer; }
.st-sortie:hover:not(:disabled) { color: var(--st-danger); border-color: var(--st-danger); background: var(--st-danger-doux); }
.st-sortie--active { color: var(--st-danger); border-color: var(--st-danger); background: var(--st-danger-doux); font-weight: 600; cursor: default; }

/* Bandeau de décision (fiche lead) */
.st-bandeau { display: flex; flex-direction: column; gap: .9rem; color: var(--st-texte); }
.st-bandeau__tete { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.st-bandeau__nom { font-size: 1.45rem; font-weight: 800; line-height: 1.2; }
.st-bandeau__metiers { display: flex; flex-wrap: wrap; gap: .6rem; }
.st-metier-tuile { display: flex; align-items: center; gap: .6rem; padding: .65rem .9rem; border-radius: .85rem;
    background: color-mix(in srgb, var(--c) 18%, var(--st-carte)); border: 2px solid color-mix(in srgb, var(--c) 65%, var(--st-bord)); }
.st-metier-tuile__icone { font-size: 1.9rem; line-height: 1; }
.st-metier-tuile__nom { font-weight: 700; font-size: .95rem; }
.st-bandeau__message { font-size: 1rem; line-height: 1.6; padding: .9rem 1rem; border-radius: .75rem; background: var(--st-carte-2); border-left: 4px solid var(--st-accent); max-height: 40vh; overflow-y: auto; }
.st-bandeau__decision { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.st-decision { display: inline-flex; align-items: center; gap: .35rem; padding: .6rem 1rem; border-radius: .7rem; font-weight: 600; font-size: .92rem;
    border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); cursor: pointer; text-decoration: none; }
.st-decision:hover { background: var(--st-survol); }
.st-decision--principale { background: var(--st-accent); border-color: var(--st-accent); color: #1f2a00; font-size: 1rem; }
.st-decision--principale:hover { background: #9CB60A; }
.st-decision--negative:hover { color: var(--st-danger); border-color: var(--st-danger); background: var(--st-danger-doux); }
.st-bandeau__ia { display: flex; gap: .6rem; align-items: center; padding: .6rem .8rem; border-radius: .7rem; border: 1px dashed var(--st-bord); color: var(--st-texte-2); font-size: .85rem; }
.st-bandeau__ia-icone { font-size: 1.3rem; }

/* Fiche contact : carte carrée + projets du client */
.st-carte--carree { width: 100%; height: min(70vh, 640px); }
.st-projets-client { display: flex; flex-direction: column; gap: .6rem; }
.st-projet-client { display: flex; flex-direction: column; gap: .25rem; padding: .75rem .9rem; border-radius: .75rem; border: 1px solid var(--st-bord);
    background: var(--st-carte-2); color: var(--st-texte); text-decoration: none; transition: border-color .12s, transform .12s; }
.st-projet-client:hover { border-color: var(--st-accent); transform: translateY(-1px); }
.st-projet-client__tete { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.st-projet-client__ref { font-weight: 700; }
.st-projet-client__titre { font-size: .92rem; }
.st-pin { position: relative; }
.st-pin__nb { position: absolute; top: -7px; right: -9px; min-width: 16px; height: 16px; padding: 0 3px; border-radius: 999px; background: #1f2937; color: #fff; font-size: 10px; line-height: 16px; text-align: center; }
.st-projet-client__adresse { font-size: .85rem; }

/* Cloche : aide-mémoire + activité de l'équipe */
.st-cloche__panneau { position: fixed; top: 78px; right: 16px; width: min(440px, calc(100vw - 32px)); max-height: calc(100vh - 100px);
    display: flex; flex-direction: column; z-index: 300; background: var(--st-carte); color: var(--st-texte);
    border: 1px solid var(--st-bord); border-radius: 1rem; box-shadow: 0 18px 40px rgba(0, 0, 0, .22); }
.st-cloche__tete { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .7rem .8rem; border-bottom: 1px solid var(--st-bord); }
.st-cloche__onglets, .st-cloche__filtres { display: flex; gap: .3rem; flex-wrap: wrap; }
.st-cloche__onglets button, .st-cloche__filtres button { padding: .35rem .7rem; border-radius: .6rem; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte-2); font-size: .82rem; cursor: pointer; }
.st-cloche__onglets button.actif, .st-cloche__filtres button.actif { background: var(--st-accent-doux); color: var(--st-texte); font-weight: 600; border-color: var(--st-accent); }
.st-cloche__filtres { padding: .5rem .8rem 0; }
.st-cloche__liste { overflow-y: auto; padding: .4rem; display: flex; flex-direction: column; gap: .2rem; }
.st-cloche__ligne { display: flex; align-items: flex-start; gap: .6rem; padding: .55rem .6rem; border-radius: .6rem; text-decoration: none; color: var(--st-texte); }
a.st-cloche__ligne:hover, .st-cloche__ligne:hover { background: var(--st-survol); }
.st-cloche__ligne--atrier { background: color-mix(in srgb, #F59E0B 12%, var(--st-carte)); }
.st-cloche__ligne--neuve .st-cloche__titre { font-weight: 700; }
.st-cloche__lien { flex: 1; text-decoration: none; color: inherit; min-width: 0; }
.st-cloche__icone { font-size: 1.15rem; line-height: 1.3; }
.st-cloche__titre { display: block; font-size: .86rem; line-height: 1.35; }
.st-cloche__fait { border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte-2); border-radius: .5rem; width: 1.8rem; height: 1.8rem; cursor: pointer; flex: 0 0 auto; }
.st-cloche__fait:hover { color: #1f2a00; background: var(--st-accent); border-color: var(--st-accent); }
.st-cloche__vide { padding: 1.2rem; text-align: center; color: var(--st-texte-2); font-size: .9rem; }
.st-cloche__vide--robot { display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.st-cloche__pied { display: flex; justify-content: space-between; align-items: center; padding: .5rem .8rem; border-top: 1px solid var(--st-bord); }
.st-toasts { position: fixed; right: 16px; bottom: 16px; display: flex; flex-direction: column; gap: .5rem; z-index: 310; }
.st-toast { display: flex; gap: .6rem; align-items: flex-start; max-width: 380px; padding: .7rem .9rem; border-radius: .8rem; text-decoration: none;
    background: var(--st-carte); color: var(--st-texte); border: 1px solid var(--st-accent); box-shadow: 0 10px 28px rgba(0, 0, 0, .2); font-size: .86rem;
    animation: st-toast-entree .3s ease-out; transition: opacity .4s, transform .4s; }
.st-toast--sortie { opacity: 0; transform: translateX(20px); }
@keyframes st-toast-entree { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* Fiche lead : coordonnées du chantier + planning des disponibilités */
.st-coord__titre { margin-top: .35rem; padding-top: .45rem; border-top: 1px dashed var(--st-bord); font-weight: 700; font-size: .88rem; }
.st-planning { border-collapse: separate; border-spacing: 2px; margin: .3rem 0; font-size: .72rem; width: 100%; table-layout: fixed; }
.st-planning th { color: var(--st-texte-2); font-weight: 600; padding: 0 2px; text-align: center; }
.st-planning tr th:first-child { text-align: right; width: 2.6rem; }
.st-planning td { height: .85rem; border-radius: 3px; background: var(--st-carte-2); border: 1px solid var(--st-bord); }
.st-planning td.st-planning__dispo { background: #84CC16; border-color: #65A30D; }
.st-planning td.st-planning__dispo--vague { background: color-mix(in srgb, #84CC16 40%, var(--st-carte)); border-color: color-mix(in srgb, #65A30D 50%, var(--st-bord)); }


/* SYS-04 · Robot assistant (dessins de Jonathan, 30/10/2026) — petites fenêtres, cloche, fiche lead, Système → Robot assistant */
.st-robot { display: block; flex-shrink: 0; overflow: visible; }
.st-robot--anime .st-robot__corps { animation: st-robot-flotte 3.2s ease-in-out infinite; }
.st-robot--anime .st-robot__sol { animation: st-robot-pulse 3.2s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
@keyframes st-robot-flotte { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes st-robot-pulse { 0%, 100% { transform: scaleX(1); opacity: .55; } 50% { transform: scaleX(.84); opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .st-robot--anime .st-robot__corps, .st-robot--anime .st-robot__sol { animation: none; } }
.st-toast__texte { position: relative; display: flex; flex-direction: column; gap: .1rem; padding: .45rem .65rem; border-radius: .6rem; background: var(--st-carte-2); line-height: 1.35; }
/* Grand robot posé À CÔTÉ de la fenêtre, sans la toucher ; seul le texte est encadré, contour = couleur du robot (Jonathan, 30/10, captures) */
.st-toast--robot { align-items: flex-end; gap: .6rem; max-width: 480px; padding: 0; background: none; border: 0; box-shadow: none; }
.st-toast__robot { flex-shrink: 0; width: 132px; height: 132px; }
.st-toast__robot .st-robot { width: 132px; height: 132px; }
.st-toast--robot .st-toast__texte { flex: 1; min-width: 0; margin-bottom: 6px; padding: .65rem .9rem; border-radius: .8rem; background: var(--st-carte);
    border: 2px solid var(--st-toast-couleur, var(--st-accent)); box-shadow: 0 10px 28px rgba(0, 0, 0, .2); }
@media (max-width: 520px) {
    .st-toast__robot, .st-toast__robot .st-robot { width: 72px; height: 72px; }
}
.st-toast__bulle { font-size: .9rem; }
/* Bouton « Ouvrir… » + petite croix sur le coin du cadre (demandes Jonathan 30/10) */
.st-toast__ouvrir { align-self: flex-start; display: inline-flex; align-items: center; gap: .3rem; margin-top: .45rem; padding: .3rem .75rem; border-radius: .55rem;
    border: 1.5px solid var(--st-toast-couleur, var(--st-accent)); background: color-mix(in srgb, var(--st-toast-couleur, var(--st-accent)) 14%, transparent);
    color: var(--st-texte); font-weight: 600; font-size: .82rem; text-decoration: none; }
.st-toast__ouvrir:hover { background: color-mix(in srgb, var(--st-toast-couleur, var(--st-accent)) 32%, transparent); }
.st-toast__fermer { position: absolute; top: -11px; right: -11px; width: 24px; height: 24px; padding: 0; border-radius: 50%; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; line-height: 1;
    border: 2px solid var(--st-toast-couleur, var(--st-accent)); background: var(--st-carte); color: var(--st-texte); box-shadow: 0 2px 6px rgba(0, 0, 0, .18); }
.st-toast__fermer:hover { background: var(--st-toast-couleur, var(--st-accent)); color: #0f172a; }
html.dark body .st-toasts a.st-toast__ouvrir, html.theme-gray body .st-toasts a.st-toast__ouvrir { color: var(--st-texte) !important; }
/* Sourdine (cloche) : plus de petites fenêtres, seul le compteur reste ; cloche barrée dans la barre du haut */
.st-cloche__sourdine { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .45rem .8rem; border-bottom: 1px solid var(--st-bord); font-size: .8rem; color: var(--st-texte-2); }
.st-cloche__sourdine-choix { display: inline-flex; flex-shrink: 0; border: 1px solid var(--st-bord); border-radius: 999px; overflow: hidden; }
.st-cloche__sourdine-choix button { padding: .25rem .7rem; border: 0; background: none; color: var(--st-texte); font-size: .78rem; cursor: pointer; }
.st-cloche__sourdine-choix button.actif { background: var(--st-accent); color: #1f2a00; font-weight: 700; }
.st-cloche-barre { display: none; }
.st-cloche-bouton--sourdine .st-cloche-barre { display: inline; }

/* SYS-04 · Journal d'activité : détail d'une ligne (avant → après) */
.st-journal { display: flex; flex-direction: column; gap: .7rem; color: var(--st-texte); font-size: .9rem; }
.st-journal__resume { margin: 0; padding: .6rem .8rem; border-radius: 0; background: var(--st-carte-2); border-left: 4px solid var(--st-accent); }
.st-journal__table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.st-journal__table th { text-align: left; font-weight: 700; color: var(--st-texte-2); padding: .35rem .5rem; border-bottom: 1px solid var(--st-bord); }
.st-journal__table td { padding: .35rem .5rem; border-bottom: 1px dashed var(--st-bord); vertical-align: top; word-break: break-word; }
.st-journal__table td:first-child { font-weight: 600; white-space: nowrap; }
.st-journal__avant { color: var(--st-danger); }
.st-journal__apres { color: var(--st-accent-encre); font-weight: 600; }
.st-journal__tech { display: grid; grid-template-columns: max-content 1fr; gap: .2rem .8rem; margin: 0; font-size: .78rem; color: var(--st-texte-2); }
.st-journal__tech dd { margin: 0; word-break: break-all; }
.st-bandeau__ia .st-robot { margin: -.3rem 0; }

.st-robot-atelier { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(260px, 1.1fr) minmax(300px, 1.4fr); gap: 1rem; align-items: start; }
@media (max-width: 1100px) { .st-robot-atelier { grid-template-columns: 1fr; } }
.st-robot-carte { background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .9rem; padding: .9rem; box-shadow: var(--st-ombre); color: var(--st-texte); }
.st-robot-carte h3 { font-weight: 700; font-size: .95rem; margin: 0 0 .6rem; }
.st-robot-types { display: flex; flex-direction: column; gap: .25rem; }
.st-robot-type { display: flex; align-items: center; gap: .6rem; padding: .3rem .5rem; border-radius: .6rem; border: 1px solid transparent; background: none; color: var(--st-texte); text-align: left; cursor: pointer; width: 100%; }
.st-robot-type:hover { background: var(--st-survol); }
.st-robot-type.actif { background: var(--st-accent-doux); border-color: var(--st-accent); }
.st-robot-type__nom { font-weight: 600; font-size: .88rem; }
.st-robot-type__bulle { display: block; font-size: .76rem; color: var(--st-texte-2); }
.st-robot-type__perso { margin-left: auto; font-size: .7rem; color: var(--st-accent-encre); font-weight: 700; }
.st-robot-scene { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 1rem .5rem; border-radius: .8rem;
    background: radial-gradient(circle at 50% 40%, var(--st-carte-2), var(--st-carte)); }
.st-robot-scene__bulle { max-width: 90%; padding: .5rem .8rem; border-radius: .7rem; background: var(--st-carte-2); border: 1px solid var(--st-bord); font-weight: 600; text-align: center; }
.st-robot-actions { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; }
.st-robot-groupe { margin-bottom: .7rem; }
.st-robot-groupe__titre { display: block; font-size: .78rem; font-weight: 700; color: var(--st-texte-2); text-transform: uppercase; letter-spacing: .03em; margin-bottom: .3rem; }
.st-robot-choix { display: flex; flex-wrap: wrap; gap: .3rem; }
.st-robot-choix button { padding: .3rem .65rem; border-radius: 999px; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); font-size: .8rem; cursor: pointer; }
.st-robot-choix button:hover { background: var(--st-survol); }
.st-robot-choix button.actif { background: var(--st-accent); border-color: var(--st-accent); color: #1f2a00; font-weight: 700; }
.st-robot-pastille { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--st-carte); box-shadow: 0 0 0 1px var(--st-bord); cursor: pointer; padding: 0; }
.st-robot-pastille.actif { box-shadow: 0 0 0 2px var(--st-texte); }
.st-robot-couleur { width: 34px; height: 28px; padding: 0; border: 1px solid var(--st-bord); border-radius: .4rem; background: none; cursor: pointer; }
.st-robot-pack { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: .5rem; }
.st-robot-pack button { display: flex; flex-direction: column; align-items: center; gap: .2rem; padding: .5rem .3rem; border-radius: .7rem; border: 1px solid var(--st-bord); background: var(--st-carte-2); color: var(--st-texte); font-size: .8rem; font-weight: 600; cursor: pointer; }
.st-robot-pack button:hover { border-color: var(--st-accent); background: var(--st-carte); }

/* CHA-01 · Liste des projets : recherche tout à gauche + un filtre au-dessus de chaque colonne (demande Jonathan 30/10/2026) */
.fi-resource-projects.fi-resource-list-records-page .fi-ta-header-toolbar { display: none !important; }
.st-fc { position: relative; height: 58px; border-bottom: 1px solid var(--st-bord); }
.st-fc--libre { height: auto; display: flex; flex-wrap: wrap; gap: .5rem; padding: .6rem .8rem; }
.st-fc__cellule { position: absolute; top: 10px; }
.st-fc--libre .st-fc__cellule { position: static; width: auto !important; min-width: 150px; visibility: visible !important; }
.st-fc__bouton { width: 100%; height: 36px; display: flex; align-items: center; gap: .35rem; padding: 0 .55rem; border: 1px solid var(--st-bord); border-radius: .55rem;
    background: var(--st-carte); color: var(--st-texte-2); font-size: .84rem; font-weight: 600; cursor: pointer; }
.st-fc__bouton:hover { background: var(--st-survol); }
.st-fc__bouton.actif { border-color: var(--st-accent); background: var(--st-accent-doux); color: var(--st-texte); }
.st-fc__titre { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-fc__nb { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--st-accent); color: #1f2a00; font-size: .72rem; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center; }
.st-fc__chevron { width: 16px; height: 16px; flex-shrink: 0; opacity: .7; }
.st-fc__liste { position: fixed; z-index: 60; max-width: 320px; max-height: 380px; overflow-y: auto; padding: .45rem; border-radius: .7rem;
    background: var(--st-carte); border: 1px solid var(--st-bord); box-shadow: 0 12px 32px rgba(0, 0, 0, .18); color: var(--st-texte); }
.st-fc__option { display: flex; align-items: center; gap: .5rem; padding: .35rem .45rem; border-radius: .45rem; cursor: pointer; font-size: .86rem; }
.st-fc__option:hover { background: var(--st-survol); }
.st-fc__option input { width: 16px; height: 16px; accent-color: #AFCA0B; flex-shrink: 0; }
.st-fc__vide { padding: .4rem; color: var(--st-texte-2); font-size: .82rem; }
.st-fc__pied { display: flex; justify-content: space-between; gap: .5rem; margin-top: .35rem; padding-top: .4rem; border-top: 1px solid var(--st-bord); }
.st-fc__pied button, .st-fc__rapides button { border: 0; background: none; color: var(--st-texte-2); font-size: .8rem; cursor: pointer; padding: .15rem .25rem; }
.st-fc__pied button:hover, .st-fc__rapides button:hover { color: var(--st-texte); text-decoration: underline; }
.st-fc__liste--dates label { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .3rem .2rem; font-size: .86rem; }
.st-fc__liste--dates input { border: 1px solid var(--st-bord); border-radius: .4rem; padding: .2rem .4rem; background: var(--st-carte); color: var(--st-texte); }
html.dark .st-fc__liste--dates input { color-scheme: dark; }
.st-fc__rapides { display: flex; flex-wrap: wrap; gap: .2rem .4rem; padding: .3rem .1rem; }
.st-fc__recherche { height: 36px; display: flex; align-items: center; gap: .45rem; padding: 0 .7rem; border: 1px solid var(--st-bord); border-radius: .55rem; background: var(--st-carte); color: var(--st-texte-2); }
.st-fc__recherche:focus-within { border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-doux); }
.st-fc__recherche svg { width: 18px; height: 18px; flex-shrink: 0; }
.st-fc__recherche input { flex: 1; min-width: 0; border: 0; outline: 0; box-shadow: none; background: none; color: var(--st-texte); font-size: .9rem; padding: 0; }
.st-fc__corbeille { width: 100%; height: 36px; padding: 0 .4rem; border: 1px solid var(--st-bord); border-radius: .55rem; background: var(--st-carte) !important;
    color: var(--st-texte-2); font-size: .76rem; text-align: center; -webkit-appearance: none; appearance: none; cursor: pointer; }

/* SYS-04 · Historique d'une fiche (volet du bouton « Historique ») */
.st-histo { display: flex; flex-direction: column; gap: .35rem; color: var(--st-texte); font-size: .88rem; }
.st-histo__jour { margin-top: .7rem; padding-bottom: .2rem; border-bottom: 1px solid var(--st-bord); font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; color: var(--st-texte-2); }
.st-histo__jour:first-child { margin-top: 0; }
.st-histo__ligne { display: grid; grid-template-columns: 2.8rem 12px minmax(0, 1fr); gap: .55rem; align-items: start; padding: .25rem 0; }
.st-histo__heure { color: var(--st-texte-2); font-variant-numeric: tabular-nums; }
.st-histo__point { width: 10px; height: 10px; margin-top: .3rem; border-radius: 50%; background: #94a3b8; }
.st-histo__point--creation { background: #16a34a; }
.st-histo__point--modification { background: #2563eb; }
.st-histo__point--suppression, .st-histo__point--echec_connexion { background: #dc2626; }
.st-histo__point--restauration { background: #ca8a04; }
.st-histo__point--evenement { background: #d97706; }
.st-histo__point--acces { background: #7c3aed; }
.st-histo__objet { color: var(--st-texte-2); }
.st-histo__repris { margin-left: .3rem; padding: 0 .4rem; border-radius: 999px; border: 1px solid var(--st-bord); color: var(--st-texte-2); font-size: .7rem; }
.st-histo__resume { color: var(--st-texte-2); word-break: break-word; }
.st-histo__details summary { cursor: pointer; color: var(--st-texte-2); font-size: .8rem; margin-top: .15rem; }
.st-histo__details .st-journal__table { margin-top: .3rem; }
.st-histo__lien { margin-top: .9rem; font-weight: 600; color: var(--st-accent-encre); text-decoration: underline; }

/* Fenêtres et volets Filament au-dessus de la barre verte du haut (sticky, z-index 60) : sinon le titre d'un volet latéral passe dessous ;
   les notifications Filament restent au-dessus des fenêtres. */
.fi-modal .fixed.inset-0 { z-index: 250 !important; }
.fi-no { z-index: 260 !important; }

/* SYS-04 · Robot sur les messages de confirmation Filament (vue vendor/filament-notifications/notification) */
.st-no { display: flex; align-items: flex-end; gap: .6rem; max-width: 480px; }
.st-no__robot { flex-shrink: 0; width: 132px; height: 132px; }
.st-no__robot .st-robot { width: 132px; height: 132px; }
.st-no__cadre { flex: 1; min-width: 0; display: flex; align-items: flex-start; gap: .6rem; margin-bottom: 6px; padding: .75rem .6rem .75rem .9rem; border-radius: .8rem;
    background: var(--st-carte); border: 2px solid var(--st-toast-couleur, var(--st-accent)); box-shadow: 0 10px 28px rgba(0, 0, 0, .2); color: var(--st-texte); }
.st-no__cadre .fi-no-notification-title { color: var(--st-texte) !important; }
.st-no__cadre .fi-no-notification-body, .st-no__cadre .fi-no-notification-date { color: var(--st-texte-2) !important; }
.st-no__bulle { display: block; margin-bottom: .1rem; font-size: .8rem; color: var(--st-texte-2); }
@media (max-width: 520px) { .st-no__robot, .st-no__robot .st-robot { width: 72px; height: 72px; } }
/* Messages de confirmation sous la barre verte du haut (72 px), pour que le robot ne la chevauche pas */
/* Robot et messages au milieu de l écran, à droite : ils ne couvrent plus les boutons du haut (Jonathan, 31/10/2026) */
@media (min-width: 521px) { .fi-no { top: 40vh !important; } }

/* ===== Pictos des métiers : une seule source (App\Support\Metiers\Picto), dessin du générateur de devis (31/10/2026) ===== */
.st-picto { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; line-height: 1; vertical-align: middle;
    background: color-mix(in srgb, var(--c, #94A3B8) 22%, transparent); border: 1px solid color-mix(in srgb, var(--c, #94A3B8) 35%, transparent); }
.st-picto--xs { width: 18px; height: 18px; font-size: 11px; border-radius: 5px; }
.st-picto--sm { width: 24px; height: 24px; font-size: 14px; border-radius: 6px; }
.st-picto--md { width: 30px; height: 30px; font-size: 17px; border-radius: 8px; }
.st-picto--lg { width: 44px; height: 44px; font-size: 25px; border-radius: 11px; }
.st-picto-nom { display: inline-flex; align-items: center; gap: .5rem; }
.st-kanban__metier { display: inline-flex; align-items: center; gap: .3rem; padding-left: .15rem; }
.st-kanban__type { display: flex; align-items: center; gap: .4rem; }
.st-liste__metiers { display: inline-flex; gap: 3px; }
.st-metiers-colonne { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.st-metiers-colonne > span { cursor: help; }
.st-metiers-colonne .st-metier--ferme { opacity: .35; }
.st-metiers-colonne .st-metier--ailleurs { border-bottom: 2px dotted currentColor; padding-bottom: 1px; }

/* ===== Client : choix Particulier / Société et cadre « Client » de Créer Projet (31/10/2026) ===== */
.st-client-recherche-type { font-size: .78rem; color: var(--st-texte-2); }
.st-client-connu { margin-top: .5rem; padding: .5rem .75rem; border-radius: .6rem; font-size: .85rem;
    background: color-mix(in srgb, #F59E0B 14%, transparent); border: 1px solid color-mix(in srgb, #F59E0B 40%, transparent); }

/* ===== CHA-01 · Responsables d'étape et tâches (31/10/2026) ===== */
.st-cloche__rubrique { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--st-texte-2); padding: .55rem .6rem .2rem; }
.st-cloche__ligne--tache { border-left: 4px solid var(--st-etape, var(--st-accent)); }
.st-cloche__ligne--tache .st-picto { margin-left: 2px; vertical-align: -2px; }
.st-cloche__prendre { border: 1px solid var(--st-accent); background: var(--st-accent); color: #1f2a00; border-radius: .5rem; padding: .25rem .55rem; font-size: .78rem; font-weight: 600; cursor: pointer; white-space: nowrap; flex: 0 0 auto; }
.st-cloche__prendre:hover { filter: brightness(1.06); }
.st-cloche__actions { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex: 0 0 auto; }
.st-cloche__pied { display: flex; justify-content: space-between; gap: .5rem; }
.st-w__pied { margin: .4rem 0 0; font-size: .8rem; text-align: right; }

.st-resp__aide { margin-bottom: .8rem; line-height: 1.5; }
.st-resp { display: flex; flex-direction: column; gap: .5rem; }
.st-resp__ligne { display: grid; grid-template-columns: minmax(11rem, 15rem) 1fr auto; gap: .8rem; align-items: center; padding: .6rem .8rem; border: 1px solid var(--st-bord); border-left: 5px solid var(--st-etape); border-radius: .7rem; background: var(--st-carte); }
.st-resp__etape { font-weight: 700; display: flex; align-items: center; gap: .45rem; }
.st-resp__icone { font-size: 1.15rem; }
.st-resp__personnes { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.st-resp__puce { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .3rem .35rem; padding: .35rem .5rem .35rem .65rem; border: 1px solid var(--st-bord); border-radius: .8rem; background: var(--st-survol); font-size: .85rem; }
.st-resp__metiers { display: inline-flex; gap: 2px; }
.st-resp__puce > b { flex: 1 0 100%; }
.st-resp__metier { border: 1px solid transparent; background: none; padding: 1px; border-radius: .4rem; cursor: pointer; opacity: .55; filter: grayscale(.4); }
.st-resp__metier:hover { opacity: .8; }
.st-resp__metier.actif { opacity: 1; filter: none; border-color: var(--st-accent); }
.st-resp__retirer { border: none; background: none; color: var(--st-texte-2); cursor: pointer; padding: 0 .3rem; }
.st-resp__retirer:hover { color: #E63946; }
.st-resp__ajout { display: flex; gap: .4rem; align-items: center; }
.st-resp__choix { border: 1px solid var(--st-bord); border-radius: .5rem; padding: .3rem 2rem .3rem .5rem; background-color: var(--st-carte); background-repeat: no-repeat; background-position: right .45rem center; background-size: 1.1em; color: var(--st-texte); font-size: .85rem; max-width: 15rem; }
@media (max-width: 900px) { .st-resp__ligne { grid-template-columns: 1fr; } }

.st-taches__onglets { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .6rem; }
.st-taches__onglets button { border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); border-radius: 999px; padding: .35rem .85rem; cursor: pointer; font-size: .88rem; }
.st-taches__onglets button.actif { background: var(--st-accent); border-color: var(--st-accent); color: #1f2a00; font-weight: 600; }
.st-taches__bloc { margin-bottom: 1.2rem; }
.st-taches__bloc h3 { font-weight: 700; margin: .3rem 0 .5rem; }
.st-taches__table { overflow-x: auto; border: 1px solid var(--st-bord); border-radius: .7rem; background: var(--st-carte); }
.st-taches__table table { width: 100%; border-collapse: collapse; font-size: .87rem; }
.st-taches__table th { text-align: left; font-weight: 600; color: var(--st-texte-2); padding: .5rem .7rem; border-bottom: 1px solid var(--st-bord); white-space: nowrap; }
.st-taches__table td { padding: .5rem .7rem; border-bottom: 1px solid var(--st-bord); vertical-align: middle; }
.st-taches__table tr:last-child td { border-bottom: none; }
.st-taches__actions { white-space: nowrap; text-align: right; }
.st-taches__actions .st-decision { margin-right: .3rem; }

/* ============================================================================================================
   SYS-05 · Assistant IA partout (31/10/2026) — fenêtre v3 : Dicter / Enregistrer / Déposer + texte proposé
   (le bouton dégradé et la fenêtre de base restent dans solartech.css « st-ai- »)
   ============================================================================================================ */
.st-ai-input-wrapper textarea { padding-right: 0.85rem; }
/* Bouton dans une colonne étroite (ex. Demande du client à droite de Créer Projet) : la petite phrase passe à la ligne */
.st-ai-trigger { max-width: 100%; flex-wrap: wrap; row-gap: 0; }
.st-ai-trigger__hint { white-space: normal; text-align: left; }
.st-ai-facultatif { font-weight: 400; color: #64748b; }
.st-ai-sources { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin-top: 0.5rem; }
.st-ai-source {
    display: flex; flex-direction: column; align-items: center; gap: 0.15rem; padding: 0.55rem 0.4rem;
    border: 1.5px solid #cbd5e1; border-radius: 10px; background: #fff; color: #3303ff; cursor: pointer;
    font-family: inherit; text-align: center; transition: border-color .15s, background .15s, box-shadow .15s;
}
.st-ai-source:hover:not(:disabled) { border-color: #de00ff; box-shadow: 0 0 0 3px rgba(222, 0, 255, .12); }
.st-ai-source:disabled { opacity: .45; cursor: not-allowed; }
.st-ai-source__titre { font-weight: 600; font-size: .9rem; color: #0f172a; }
.st-ai-source small { font-size: .72rem; color: #64748b; line-height: 1.2; }
.st-ai-source--rec { color: #dc2626; }
.st-ai-source--drop { border-style: dashed; }
.st-ai-source--drag { border-color: #de00ff; background: #faf5ff; }
.st-ai-source--actif { border-color: #dc2626; background: #fef2f2; box-shadow: 0 0 0 3px rgba(220, 38, 38, .15); }
.st-ai-rec-dot { width: 16px; height: 16px; border-radius: 50%; background: #dc2626; margin: 2px 0; }
.st-ai-rec-dot--on { animation: st-ai-rec-pulse 1s ease-in-out infinite; }
@keyframes st-ai-rec-pulse { 50% { transform: scale(.7); opacity: .5; } }
.st-ai-audio { width: 100%; height: 30px; margin-top: .25rem; }
.st-ai-result {
    width: 100%; padding: .7rem .85rem; border: 1.5px solid #a855f7; border-radius: 8px; font-family: inherit;
    font-size: .95rem; line-height: 1.5; resize: vertical; background: #faf5ff; color: #0f172a;
}
.st-ai-result:focus { outline: none; border-color: #de00ff; box-shadow: 0 0 0 3px rgba(222, 0, 255, .18); }
@media (max-width: 520px) { .st-ai-source small { display: none; } }

html.dark .st-ai-source { background: #111827; border-color: #374151; color: #93c5fd; }
html.dark .st-ai-source__titre { color: #f3f4f6; }
html.dark .st-ai-source small, html.dark .st-ai-facultatif { color: #9ca3af; }
html.dark .st-ai-source--rec { color: #f87171; }
html.dark .st-ai-source--drag { background: #1a0b2e; }
html.dark .st-ai-source--actif { background: #3b0d0d; border-color: #f87171; }
html.dark .st-ai-result { background: #1a0b2e; color: #f3f4f6; }

html.theme-gray .st-ai-source { background: #f1f5f9; border-color: #94a3b8; }
html.theme-gray .st-ai-source__titre { color: #0f172a; }
html.theme-gray .st-ai-source small, html.theme-gray .st-ai-facultatif { color: #475569; }
html.theme-gray .st-ai-source--rec { color: #dc2626; }
html.theme-gray .st-ai-source--drag { background: #ede9fe; }
html.theme-gray .st-ai-source--actif { background: #fee2e2; border-color: #dc2626; }
html.theme-gray .st-ai-result { background: #f5f3ff; color: #0f172a; }
html.theme-gray .st-ai-input-wrapper textarea { background: #f8fafc; color: #0f172a; border-color: #94a3b8; }

/* --- Traducteur vers le français (fiche lead : original à gauche, traduction à droite ; fiche projet : sous la demande) --- */
.st-trad { margin-top: .5rem; }
.st-trad--cote { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; margin-top: 0; }
@media (max-width: 760px) { .st-trad--cote { grid-template-columns: minmax(0, 1fr); } }
.st-trad__etiquette { font-size: .75rem; font-weight: 600; color: #64748b; margin-bottom: .25rem; text-transform: none; }
.st-trad__cible { border-left: 3px solid #a855f7; padding-left: .75rem; }
.st-trad__proposer { display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; }
.st-trad__bouton:disabled { opacity: .7; cursor: wait; }
.st-trad__texte { white-space: pre-line; }
.st-trad__retraduire { margin-top: .35rem; font-size: .75rem; color: #7c3aed; background: none; border: 0; padding: 0; cursor: pointer; }
.st-trad__retraduire:hover { text-decoration: underline; }
html.dark .st-trad__etiquette { color: #9ca3af; }
html.dark .st-trad__retraduire { color: #c4b5fd; }
html.theme-gray .st-trad__etiquette { color: #475569; }

/* CHA-03 · cadre « Tâches terrain » de la fiche projet */
.st-terrain-taches { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.st-terrain-tache { border: 1px solid var(--st-bord, rgba(127,127,127,.25)); border-radius: .5rem; padding: .45rem .6rem; font-size: .86rem; }
.st-terrain-tache__haut { display: flex; align-items: center; gap: .5rem; }
.st-terrain-tache__type { font-weight: 600; }
.st-terrain-tache__statut { margin-left: auto; font-size: .78rem; padding: .05rem .45rem; border-radius: 999px; background: rgba(31,111,178,.12); color: #1F6FB2; }
.st-terrain-tache--terminee .st-terrain-tache__statut { background: rgba(22,163,74,.14); color: #15803D; }
.st-terrain-tache--annulee { opacity: .55; }
.st-terrain-tache--annulee .st-terrain-tache__statut { background: rgba(127,127,127,.15); color: inherit; }
.st-terrain-tache__annuler { border: 0; background: none; cursor: pointer; color: #DC2626; font-size: .9rem; padding: 0 .2rem; }
.st-terrain-tache__note { margin-top: .2rem; white-space: pre-line; }

/* ==========================================================================
   SYS-10 · AFFICHAGE TÉLÉPHONE (correctif rapide du 31/10/2026)
   ========================================================================== */
@media (max-width: 767px) {
    /* Barre du haut : logo plus petit, seulement Menu, thème, Bug, cloche, avatar */
    .st-header .st-hors-mobile { display: none !important; }
    .st-header__logo { flex: 0 0 132px !important; padding: .4rem 1.6rem .4rem .6rem !important; clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0 100%) !important; }
    .st-header__logo img { max-height: 36px !important; }
    .st-header__center { gap: .15rem !important; padding: 0 1.4rem 0 1.4rem !important; margin-left: -20px !important; clip-path: polygon(20px 0, 100% 0, calc(100% - 20px) 100%, 0 100%) !important; min-width: 0; }
    .st-header__right { gap: .15rem !important; padding: 0 .5rem 0 1.4rem !important; margin-left: -20px !important; clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%) !important; }
    .st-header .st-btn { padding: .4rem .45rem !important; }
    .st-header__avatar { width: 36px !important; height: 36px !important; }

    /* Accueil : les blocs l'un sous l'autre, dans l'ordre de l'ordinateur */
    .st-grille.grid-stack { height: auto !important; }
    .st-grille > .grid-stack-item { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin-bottom: 12px; }
    .st-grille > .grid-stack-item > .grid-stack-item-content { position: relative !important; inset: auto !important; height: auto !important; min-height: 140px; }
    .st-grille .st-w__corps { max-height: 60vh; overflow-y: auto; }
    .st-accueil__actions { display: none !important; } /* « Personnaliser » : sur ordinateur seulement */
}

/* ==========================================================================
   SYS-10 · AFFICHAGE TÉLÉPHONE, passe page par page (31/10/2026, choix de Jonathan)
   Rien ne change au-dessus de 767 px.
   ========================================================================== */
.st-frise__tout { display: none; }
#st-installer-btn[hidden] { display: none !important; } /* bouton « Installer » : seulement quand l'installation est possible */
@media (max-width: 767px) {
    /* Cadres moins rembourrés : plus de place pour le contenu */
    .fi-section-content.p-6 { padding: 1rem !important; }
    .fi-section-header { padding-left: 1rem !important; padding-right: 1rem !important; }

    /* Listes Filament (Leads, Contacts, Sociétés, Projets…) : une carte par ligne au lieu du tableau */
    .fi-ta-content { overflow-x: visible !important; }
    .fi-ta-table, .fi-ta-table > tbody { display: block !important; width: 100% !important; }
    .fi-ta-table > thead { display: none !important; }
    .fi-ta-table > tbody > tr.fi-ta-row { display: flex !important; flex-wrap: wrap; align-items: center; gap: .15rem .9rem; padding: .6rem .85rem; border-bottom: 1px solid var(--st-bord, rgba(127,127,127,.2)); }
    .fi-ta-table > tbody > tr.fi-ta-row > td { display: block; padding: 0 !important; min-width: 0; max-width: 100%; }
    .fi-ta-table > tbody > tr.fi-ta-row > td.fi-ta-selection-cell { display: none !important; }
    .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-col-wrp > *, .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-text { padding: 0 !important; }
    .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-text-item, .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-col-wrp { white-space: normal !important; }
    .fi-ta-table > tbody > tr.fi-ta-row > td:nth-child(-n+2 of :not(.fi-ta-selection-cell)) { font-weight: 600; }
    .fi-ta-table > tbody > tr.fi-ta-row > td:last-child { margin-left: auto; }
    nav.fi-tabs { flex-wrap: wrap !important; overflow-x: visible !important; max-width: 100% !important; height: auto !important; }
    /* Liste Projets : les filtres ne sont plus posés au-dessus des colonnes, ils se rangent sur deux colonnes */
    .st-fc { height: auto !important; display: flex; flex-wrap: wrap; gap: .4rem; padding: .6rem .7rem; }
    .st-fc .st-fc__cellule { position: static !important; left: auto !important; width: auto !important; flex: 1 1 calc(50% - .4rem); min-width: 0; visibility: visible !important; }
    .st-fc .st-fc__cellule:first-child { flex-basis: 100%; }
    /* Page Tâches : même principe */
    .st-taches__table { overflow-x: visible !important; }
    .st-taches__table table, .st-taches__table tbody { display: block; width: 100%; }
    .st-taches__table thead { display: none; }
    .st-taches__table tr { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .8rem; padding: .55rem .8rem; border-bottom: 1px solid var(--st-bord); }
    .st-taches__table td { display: block; padding: 0 !important; border: 0 !important; max-width: 100%; }
    .st-taches__table td:first-child { flex: 1 0 100%; font-weight: 600; }

    /* Fiche projet / Créer Projet : une seule colonne, le client remonte.
       Fiche : en-tête + étapes, puis toute la colonne de droite (Coordonnées, Demande…), puis Suivi, carte, M365.
       Création : la colonne de droite (Client, Demande) d'abord. */
    .fi-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) { display: flex !important; flex-direction: column; gap: 1.5rem; }
    .fi-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:not(:has(.st-colonne-droite)),
    .fi-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:not(:has(.st-colonne-droite)) > div,
    .fi-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:not(:has(.st-colonne-droite)) > div > .fi-fo-component-ctn { display: contents; }
    .fi-resource-edit-record-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:not(:has(.st-colonne-droite)) > div > .fi-fo-component-ctn > :nth-child(-n+2) { order: 1; }
    .fi-resource-edit-record-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:has(.st-colonne-droite) { order: 2; }
    .fi-resource-edit-record-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:not(:has(.st-colonne-droite)) > div > .fi-fo-component-ctn > :nth-child(n+3) { order: 3; }
    .fi-resource-create-record-page .fi-form > .fi-fo-component-ctn:has(> div > .st-colonne-droite) > div:has(.st-colonne-droite) { order: -1; }

    /* Frise des étapes en liste : l'étape d'avant, l'actuelle en grand, la suivante ; « Toutes les étapes » déplie le reste */
    .st-frise__nav, .st-frise__fleche { display: none !important; }
    .st-frise__bande { flex-direction: column; align-items: stretch; }
    .st-frise__chemin { flex-direction: column; overflow: visible; padding: 0; }
    .st-frise .st-etape-tuile { flex-direction: row; justify-content: flex-start; text-align: left; gap: .6rem; min-width: 0; width: 100%; }
    .st-frise .st-etape-tuile__nom { flex: 1; min-width: 0; }
    .st-frise .st-etape-tuile__sous { text-align: right; max-width: 45%; }
    .st-frise:not(.st-frise--tout) .st-etape-tuile--future,
    .st-frise:not(.st-frise--tout) .st-etape-tuile--passee:not(:has(+ .st-frise__fleche + .st-etape-tuile--actuelle)) { display: none; }
    .st-frise .st-etape-tuile--passee, .st-frise .st-etape-tuile--future { padding: .35rem .7rem; }
    .st-frise .st-etape-tuile--passee .st-etape-tuile__icone, .st-frise .st-etape-tuile--future .st-etape-tuile__icone { font-size: 1rem; }
    .st-frise__tout { display: inline-flex; align-self: flex-start; border: 0; background: none; padding: .1rem 0; font-size: .82rem; color: var(--st-texte-2); text-decoration: underline; cursor: pointer; }
    .st-frise__tout-moins, .st-frise--tout .st-frise__tout-plus { display: none; }
    .st-frise--tout .st-frise__tout-moins { display: inline; }

    /* Kanban : une colonne par écran (on glisse le doigt), filtres serrés, pas de zoom */
    .st-kanban-filtres { gap: .4rem; }
    .st-kanban-filtres .st-champ { min-width: 0 !important; flex: 1 1 calc(50% - .4rem); }
    .st-kanban-filtres__droite { margin-left: 0; }
    .st-kanban-filtres > .st-kanban-nav__zoom:not(.st-kanban-filtres__droite) { flex: 1 1 100%; display: flex; }
    .st-kanban-filtres > .st-kanban-nav__zoom:not(.st-kanban-filtres__droite) button { flex: 1; }
    .st-kanban-nav__zoom:not(.st-kanban-filtres > *), .st-kanban-fleche { display: none !important; }
    .st-kanban-zones { display: none !important; } /* légende des zones : le liseré de couleur reste sur les cartes */
    .st-kanban { scroll-snap-type: x mandatory; scroll-behavior: auto; gap: .5rem; }
    .st-kanban__col { flex: 0 0 72vw !important; scroll-snap-align: start; max-height: none; } /* on voit le début de l'étape suivante */
    .st-kanban__head { padding: .45rem .6rem; font-size: .8rem; }
    .st-kanban__list { max-height: 70vh; padding: .35rem; gap: .35rem; }
    .st-kanban__card { padding: .4rem .5rem .4rem .8rem; line-height: 1.25; font-size: .78rem; }
    .st-kanban__card .st-kanban__client { margin: 0; }
    .st-kanban__metiers { margin-bottom: .1rem; }

    /* Sur téléphone, pas de mode d'emploi (les utilisateurs connaissent l'ERP) : textes d'aide et descriptions cachés */
    .st-resp__aide, .st-kanban-aide, .fi-section-header-description, .fi-fo-field-wrp-helper-text, .fi-fo-field-wrp-hint { display: none !important; }

    /* Interlignes plus serrés : aller à l'essentiel */
    .fi-main { line-height: 1.35; }
    .fi-main .gap-y-8 { row-gap: .9rem !important; }
    .fi-page > section.py-8 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .fi-ta-table > tbody > tr.fi-ta-row { padding: .45rem .75rem; gap: .1rem .75rem; line-height: 1.3; }
    .fi-fo-component-ctn.gap-6 { gap: 1rem !important; }

    /* Système › Responsables d'étape : les cadres restent dans l'écran, les pictos passent à la ligne */
    .st-resp__ligne, .st-resp__personnes { min-width: 0; }
    .st-resp__ligne { padding: .6rem; }
    .st-resp__puce { max-width: 100%; }
    .st-resp__metiers { flex-wrap: wrap; }
    .st-resp__choix { max-width: none; flex: 1 1 auto; min-width: 0; }

    /* Créer un lead : seulement les numéros des étapes (les noms se collaient) */
    .st-wizard__step-label { display: none !important; }
}

/* SYS-10 (suite, 31/10/2026) — barre du haut sur ordinateur : entre 768 et 1 699 px elle débordait (cloche et avatar hors
   de l'écran à 1 440 px) → icônes seules (les infobulles restent), nom caché (l'avatar suffit). Au-delà de 1 700 px : inchangé. */
@media (min-width: 768px) and (max-width: 1699px) {
    .st-header .st-btn > span:not(.st-badge):not([id]), #st-theme-label, .st-header__center > button[title="Mon profil"] { display: none !important; }
    .st-header__center, .st-header__right { gap: .35rem !important; }
}
/* SYS-10 (suite) — derniers écrans sur téléphone : Journal, Accès par employé, Composer les équipes */
@media (max-width: 767px) {
    .fi-ta-table > tbody > tr.fi-ta-row > td { overflow-wrap: anywhere; }
    .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-text { grid-template-columns: minmax(0, 1fr) !important; }
    .fi-ta-table > tbody > tr.fi-ta-row > td .fi-ta-text > div { min-width: 0; flex-wrap: wrap; }
    .st-rappel { overflow-x: auto; }
    .ec-grid, .ec-teams { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ==========================================================================
   Page Tâches sans défilement de page (31/10/2026) : « À prendre » et « Mes tâches » côte à côte,
   chaque colonne défile dans son cadre ; détails sur 2 lignes, un clic les déplie.
   ========================================================================== */
.st-taches__detail { max-width: 36rem; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; font-weight: 400; }
.st-taches__detail.ouvert { display: block; -webkit-line-clamp: unset; }
@media (min-width: 768px) {
    .st-taches__table { max-height: calc(100vh - 22rem); overflow-y: auto; }
    .st-taches__table thead th { position: sticky; top: 0; background: var(--st-carte); z-index: 1; }
}
@media (min-width: 1100px) {
    .st-taches__grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
    .st-taches__grille .st-taches__bloc { margin-bottom: 0; min-width: 0; }
    /* en demi-largeur, chaque tâche devient une carte compacte */
    .st-taches__grille .st-taches__table { overflow-x: hidden; }
    .st-taches__grille .st-taches__table table, .st-taches__grille .st-taches__table tbody { display: block; width: 100%; }
    .st-taches__grille .st-taches__table thead { display: none; }
    .st-taches__grille .st-taches__table tr { display: flex; flex-wrap: wrap; align-items: center; gap: .15rem .8rem; padding: .5rem .8rem; border-bottom: 1px solid var(--st-bord); }
    .st-taches__grille .st-taches__table td { display: block; padding: 0; border: 0; max-width: 100%; }
    .st-taches__grille .st-taches__table td:first-child { flex: 1 0 100%; }
    .st-taches__grille .st-taches__table td.st-taches__actions { margin-left: auto; }
}
/* La barre du haut fait 72 px : le cadre Filament (min-h-screen) ne doit pas ajouter 72 px de défilement à toutes les pages */
html:not(.st-auth-page) .fi-layout { min-height: calc(100vh - 72px) !important; }

/* ===== SAV-01 · Créer un ticket SAV sur une page, sans défiler (vidéo de Jonathan du 31/10/2026) =====
   Cases métiers / motifs en puces cliquables (la case reste là pour le clavier et les lecteurs d'écran), cadres serrés. */
.st-sav-form { gap: .75rem !important; }
.st-sav-form .fi-section-content { padding: .6rem .8rem !important; }
.st-sav-form .fi-section-header { padding: .45rem .8rem !important; }
.st-sav-form .fi-fo-component-ctn { gap: .55rem !important; }
.st-sav-form .fi-fo-field-wrp-label { padding-bottom: 0; }
.st-sav-form .fi-fo-field-wrp > .grid { row-gap: .25rem; }
.st-sav-form .fi-fo-file-upload .filepond--root { margin-bottom: 0; min-height: 2.6rem; }
.fi-fo-checkbox-list.st-sav-puces { display: flex !important; flex-wrap: wrap; gap: .35rem !important; margin-top: 0 !important; }
.fi-fo-checkbox-list.st-sav-puces > div { padding-top: 0 !important; }
.st-sav-puces label.fi-fo-checkbox-list-option-label { position: relative; align-items: center; gap: 0; cursor: pointer;
    padding: .2rem .55rem .2rem .3rem; border-radius: 999px; border: 1px solid var(--st-bord, #d1d5db); background: var(--st-carte, #fff);
    transition: background .12s, border-color .12s; }
.st-sav-puces label.fi-fo-checkbox-list-option-label:hover { border-color: var(--st-accent, #93C01F); }
.st-sav-puces label.fi-fo-checkbox-list-option-label > input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.st-sav-puces label.fi-fo-checkbox-list-option-label:has(input:focus-visible) { outline: 2px solid var(--st-accent, #93C01F); outline-offset: 1px; }
.st-sav-puces label.fi-fo-checkbox-list-option-label:has(input:checked) { background: color-mix(in srgb, var(--st-accent, #93C01F) 22%, transparent);
    border-color: var(--st-accent, #93C01F); }
.st-sav-puces label.fi-fo-checkbox-list-option-label:has(input:checked) .st-picto-nom > span:last-child { font-weight: 700; }
.st-sav-puces .fi-fo-checkbox-list-option-label > .grid { line-height: 1.3; font-size: .8rem; }
.st-sav-puces .st-picto-nom { gap: .3rem; }
.st-sav-puces--motifs { padding-top: .45rem; border-top: 1px dashed var(--st-bord, #d1d5db); }
.st-sav-puces--motifs label.fi-fo-checkbox-list-option-label { padding-top: .12rem; padding-bottom: .12rem; }
.st-sav-puces--motifs .fi-fo-checkbox-list-option-label > .grid { font-size: .76rem; font-weight: 500; }
@media (max-width: 767px) {
    .st-sav-form .fi-section-content { padding: .5rem .6rem !important; }
    .st-sav-puces label.fi-fo-checkbox-list-option-label { padding: .3rem .6rem .3rem .35rem; }
}

/* ==========================================================================
   CHA-02 · Écran « RDV à planifier » (liste, client, carte, propositions, liste de contrôle, agendas)
   ========================================================================== */
.st-plan { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 1rem; align-items: start; margin-top: .75rem; }
.st-plan__liste { display: flex; flex-direction: column; gap: .4rem; max-height: calc(100vh - 12rem); overflow-y: auto; position: sticky; top: 5rem; padding-right: .25rem; }
.st-plan__item { display: flex; flex-direction: column; gap: .15rem; text-align: left; padding: .55rem .7rem; border-radius: .6rem; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); cursor: pointer; }
.st-plan__item:hover { background: var(--st-survol); }
.st-plan__item.actif { border-color: var(--st-accent); box-shadow: 0 0 0 2px var(--st-accent-doux); }
.st-plan__item-haut { display: flex; justify-content: space-between; gap: .5rem; }
.st-plan__attente { font-size: .75rem; color: var(--st-texte-2); white-space: nowrap; }
.st-plan__attente--vieux { color: var(--st-danger); font-weight: 600; }
.st-plan__detail { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.st-plan__haut { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 1rem; }
.st-plan__bloc { background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .75rem; padding: .9rem 1rem; box-shadow: var(--st-ombre); min-width: 0; }
.st-plan__bloc h3 { font-weight: 600; font-size: 1rem; margin: 0 0 .4rem; }
.st-plan__client p { margin: .3rem 0; font-size: .9rem; }
.st-plan__tel a { font-weight: 600; color: var(--st-accent-encre); }
.st-plan__message { background: var(--st-carte-2); border-radius: .5rem; padding: .5rem .6rem; font-size: .85rem; white-space: pre-line; }
.st-plan__rdv-actuel { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; border-left: 4px solid var(--c); background: var(--st-carte-2); padding: .5rem .6rem; border-radius: .4rem; margin-top: .4rem; }
.st-plan__voisins { font-size: .85rem; }
.st-plan__carte .st-carte { height: 340px; }
.st-plan__puce { display: inline-block; padding: .05rem .5rem; border-radius: 1rem; font-size: .78rem; font-weight: 600; margin: .1rem .2rem;
    background: color-mix(in srgb, var(--c) 16%, transparent); border: 1px solid color-mix(in srgb, var(--c) 55%, transparent); color: var(--st-texte); }
.st-plan__titre { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.st-plan__titre h3 { margin: 0; }
.st-plan__duree select, .st-plan__manuel-champs select, .st-plan__manuel-champs input, .st-plan__q select, .st-plan__q input {
    border: 1px solid var(--st-bord); border-radius: .45rem; background: var(--st-carte); color: var(--st-texte); padding: .3rem .5rem; font-size: .88rem; }
.st-plan__duree select { min-width: 6.5rem; padding-right: 2rem; }
.st-plan__alerte { background: #FEF3C7; color: #78350F; border-radius: .5rem; padding: .45rem .6rem; font-size: .85rem; margin-bottom: .5rem; }
.st-plan__props { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.st-plan__prop { display: flex; flex-direction: column; gap: .35rem; align-items: flex-start; border: 1px solid var(--st-bord); border-top: 4px solid var(--c); border-radius: .6rem; padding: .7rem; background: var(--st-carte-2); }
.st-plan__prop-quand { font-size: .92rem; }
.st-plan__prop-quand b { font-size: 1.15rem; }
.st-plan__prop-km { font-weight: 700; color: var(--st-accent-encre); }
.st-plan__manuel { margin-top: .8rem; }
.st-plan__manuel summary { cursor: pointer; font-weight: 600; }
.st-plan__manuel-champs { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; align-items: center; }
.st-plan__manuel-champs input[type=text] { flex: 1 1 14rem; }
.st-plan__avance { font-size: .8rem; padding: .05rem .5rem; border-radius: 1rem; background: var(--st-accent-doux); color: var(--st-accent-encre); margin-left: .3rem; }
.st-plan__controle { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: .75rem; }
.st-plan__controle fieldset { border: 1px solid var(--st-bord); border-radius: .6rem; padding: .4rem .7rem .6rem; }
.st-plan__controle legend { font-weight: 600; font-size: .85rem; padding: 0 .3rem; }
.st-plan__q { display: flex; flex-direction: column; gap: .15rem; margin-top: .4rem; font-size: .85rem; }
.st-plan__q--vide > span::before { content: '● '; color: #F59E0B; }
.st-plan__manque { background: #FFF7ED; color: #7C2D12; border-radius: .5rem; padding: .45rem .6rem; font-size: .85rem; margin: .7rem 0; }
.st-plan__agenda { display: grid; grid-template-columns: 9rem repeat(var(--nb), minmax(0, 1fr)); gap: 1px; background: var(--st-bord); border: 1px solid var(--st-bord); border-radius: .5rem; overflow: hidden; }
.st-plan__agenda > div { background: var(--st-carte); padding: .35rem .4rem; min-width: 0; }
.st-plan__jour { font-weight: 600; font-size: .82rem; text-align: center; }
.st-plan__jour--off { color: var(--st-texte-2); background: var(--st-carte-2) !important; }
.st-plan__qui { font-weight: 600; font-size: .82rem; border-left: 4px solid var(--c); }
.st-plan__case { min-height: 3rem; display: flex; flex-direction: column; gap: .25rem; }
.st-plan__ev { font-size: .74rem; line-height: 1.25; padding: .2rem .35rem; border-radius: .35rem; border-left: 3px solid var(--c); background: color-mix(in srgb, var(--c) 12%, transparent); overflow: hidden; text-overflow: ellipsis; }
.st-plan__ev a { color: inherit; }
.st-plan__ev--outlook { border-left-color: #94A3B8; background: var(--st-carte-2); color: var(--st-texte-2); }
.st-plan__ev--terrain { border-left-style: dashed; }
.st-plan__ev--prop { border: 1px dashed var(--c); border-left-width: 3px; background: transparent; font-weight: 600; }
@media (max-width: 1279px) { .st-plan__haut { grid-template-columns: 1fr; } }
@media (max-width: 1023px) {
    .st-plan { grid-template-columns: 1fr; }
    .st-plan__liste { position: static; max-height: 14rem; }
    .st-plan__props { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .st-plan__agenda { grid-template-columns: 6rem repeat(var(--nb), minmax(7rem, 1fr)); overflow-x: auto; }
}

/* SAV-01 · pastilles « Problème » plus grandes (31/10/2026, Jonathan : trop petites) : même hauteur que les champs (2,5 rem) */
.st-sav-puces label.fi-fo-checkbox-list-option-label { min-height: 2.5rem; padding: .3rem .85rem .3rem .4rem; }
.st-sav-puces .fi-fo-checkbox-list-option-label > .grid { font-size: .95rem; }
.st-sav-puces .st-picto-nom { gap: .45rem; }
.st-sav-puces .st-picto { width: 28px; height: 28px; font-size: 16px; border-radius: 7px; }
.fi-fo-checkbox-list.st-sav-puces { gap: .5rem !important; }
.st-sav-puces--motifs label.fi-fo-checkbox-list-option-label { padding-top: .3rem; padding-bottom: .3rem; }
.st-sav-puces--motifs .fi-fo-checkbox-list-option-label > .grid { font-size: .92rem; }

/* ===== SAV-01 (2e livraison) · Tickets venus des e-mails du groupe SAV : bandeau, fil d'e-mails ===== */
.st-sav-bandeau { padding: .45rem .7rem; border-radius: .6rem; font-size: .82rem; line-height: 1.45;
    background: color-mix(in srgb, #35A8E0 12%, transparent); border: 1px solid color-mix(in srgb, #35A8E0 40%, transparent); }
.st-sav-emails { display: flex; flex-direction: column; gap: .35rem; max-height: 22rem; overflow-y: auto; }
.st-sav-email { border: 1px solid var(--st-bord, #d1d5db); border-radius: .55rem; padding: .3rem .55rem; font-size: .8rem; }
.st-sav-email--brouillon { border-style: dashed; background: color-mix(in srgb, var(--st-accent, #93C01F) 8%, transparent); }
.st-sav-email summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: .2rem .5rem; align-items: baseline; }
.st-sav-email__quand { color: var(--st-texte-2, #6b7280); font-variant-numeric: tabular-nums; }
.st-sav-email__qui { font-weight: 600; }
.st-sav-email__sujet { color: var(--st-texte-2, #6b7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.st-sav-email__texte { white-space: pre-wrap; margin-top: .35rem; max-height: 14rem; overflow-y: auto; font-size: .78rem; }
.st-sav-email__lien { display: inline-block; margin-top: .3rem; font-size: .76rem; color: var(--st-accent-encre, #4d6b00); }

/* ===== SAV-01 (3e livraison) · Traiter un ticket sur un écran : le ticket | le fil | pistes et actions ===== */
.st-traiter { display: grid; gap: .9rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr); align-items: start; }
@media (max-width: 1279px) { .st-traiter { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); } .st-traiter__col:last-child { grid-column: 1 / -1; } }
@media (max-width: 767px) { .st-traiter { grid-template-columns: 1fr; } }
.st-traiter__col { display: flex; flex-direction: column; gap: .75rem; min-width: 0; }
.st-traiter__boite { background: var(--st-carte, #fff); border: 1px solid var(--st-bord, #e5e7eb); border-radius: .8rem; padding: .75rem .9rem; }
.st-traiter__boite h3 { font-weight: 700; font-size: .95rem; margin-bottom: .45rem; }
.st-traiter__badges { display: flex; flex-wrap: wrap; gap: .35rem; }
.st-traiter__badge { font-size: .76rem; font-weight: 600; padding: .15rem .55rem; border-radius: 999px; background: color-mix(in srgb, var(--st-texte, #111) 8%, transparent); }
.st-traiter__badge--high { background: color-mix(in srgb, #F59E0B 25%, transparent); }
.st-traiter__badge--critical { background: color-mix(in srgb, #E63946 30%, transparent); }
.st-traiter__badge--etape { background: color-mix(in srgb, #DC2626 15%, transparent); }
.st-traiter__enmain { margin-top: .5rem; font-size: .88rem; }
.st-traiter__motifs { display: flex; flex-wrap: wrap; gap: .3rem .7rem; margin-bottom: .4rem; font-size: .85rem; }
.st-traiter__texte { white-space: pre-wrap; font-size: .86rem; line-height: 1.45; overflow-wrap: anywhere; }
.st-traiter__photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .4rem; }
.st-traiter__photos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: .5rem; border: 1px solid var(--st-bord, #e5e7eb); }
.st-traiter__fichier { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; font-size: .72rem; text-align: center; border: 1px dashed var(--st-bord, #d1d5db); border-radius: .5rem; padding: .3rem; }
.st-traiter__fil { display: flex; flex-direction: column; max-height: calc(100vh - 200px); }
.st-traiter__liste { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: .45rem; padding-right: .2rem; }
.st-traiter__item { border-left: 3px solid var(--st-bord, #d1d5db); padding: .25rem 0 .3rem .6rem; }
.st-traiter__item--message { border-color: var(--st-accent, #93C01F); }
.st-traiter__item--email { border-color: #35A8E0; }
.st-traiter__item--brouillon { border-color: #35A8E0; border-left-style: dashed; }
.st-traiter__item--circuit { border-color: #DC2626; }
.st-traiter__tete { display: flex; justify-content: space-between; gap: .5rem; font-size: .82rem; }
.st-traiter__titre { font-size: .84rem; font-weight: 600; }
.st-traiter__ecrire { border-top: 1px solid var(--st-bord, #e5e7eb); margin-top: .5rem; padding-top: .5rem; display: flex; flex-direction: column; gap: .35rem; }
.st-traiter__ecrire textarea, .st-traiter__actions textarea, .st-traiter__actions select, .st-traiter__ecrire select {
    width: 100%; border-radius: .5rem; border: 1px solid var(--st-bord, #d1d5db); padding: .4rem .55rem; background-color: transparent; font-size: .86rem; color: inherit; }
.st-traiter__ligne { display: flex; gap: .5rem; align-items: flex-start; }
.st-traiter__ligne select { flex: 1; }
.st-traiter__pistes { display: flex; flex-direction: column; gap: .45rem; font-size: .85rem; margin-bottom: .5rem; padding-left: 1.1rem; list-style: decimal; }
.st-traiter__actions details { border-top: 1px solid var(--st-bord, #e5e7eb); padding: .45rem 0 .2rem; display: block; }
.st-traiter__actions summary { cursor: pointer; font-weight: 600; font-size: .88rem; margin-bottom: .35rem; }
.st-traiter__actions details > * + * { margin-top: .35rem; }

/* SAV-01 (3e livraison, retouche) : listes déroulantes de la page Traiter (une seule flèche), liste « Prévenir » sans flèche, noms de fichiers coupés */
.st-traiter__ecrire select, .st-traiter__actions select { background-color: transparent; background-repeat: no-repeat; }
.st-traiter__ecrire select[multiple] { background-image: none; padding-right: .55rem; }
.st-traiter__fichier { overflow: hidden; overflow-wrap: anywhere; word-break: break-all; }

/* ===== SAV-01 (4e livraison) · Page du ticket : client en lecture, problème verrouillé, en-têtes de blocs avec bouton ===== */
.st-traiter__entete { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .35rem; }
.st-traiter__entete h3 { margin-bottom: 0 !important; }
.st-traiter__client { display: flex; flex-direction: column; gap: .2rem; font-size: .86rem; }
.st-traiter__nom { font-weight: 700; font-size: .95rem; }
.st-traiter__raccourcis { margin-top: .25rem; font-size: .82rem; }
.st-traiter__choix { display: block; width: 100%; text-align: left; margin-top: .35rem; padding: .35rem .6rem; border-radius: .55rem; font-size: .84rem;
    border: 1px solid var(--st-accent, #93C01F); background: color-mix(in srgb, var(--st-accent, #93C01F) 10%, transparent); cursor: pointer; }
.st-traiter__choix:hover { background: color-mix(in srgb, var(--st-accent, #93C01F) 22%, transparent); }
.st-traiter__puce { display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .6rem .2rem .3rem; border-radius: 999px; font-size: .84rem; font-weight: 600;
    background: color-mix(in srgb, var(--st-accent, #93C01F) 16%, transparent); border: 1px solid color-mix(in srgb, var(--st-accent, #93C01F) 45%, transparent); }
.st-traiter__motifs { gap: .35rem !important; }

/* ===== CRM-01 · Fiches en consultation (Contacts, Sociétés…, Jonathan 31/10/2026) : un clic dans la liste ouvre la fiche en lecture ;
   bloc compact (nom, puces, coordonnées en tuiles avec grands raccourcis) puis Carte | Projets | Historique, sans défiler sur ordinateur ===== */
.st-fiche-tete { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; margin-bottom: .75rem; }
.st-fiche-tete__nom { font-size: 1.35rem; font-weight: 700; color: var(--st-texte); line-height: 1.2; }
.st-fiche-tete__sous { color: var(--st-texte-2); font-size: .92rem; }
.st-fiche-puces { display: flex; flex-wrap: wrap; gap: .35rem; }
.st-fiche-puce { display: inline-flex; align-items: center; gap: .3rem; padding: .15rem .6rem; border-radius: 999px; font-size: .8rem; font-weight: 600;
    background: var(--st-carte-2); border: 1px solid var(--st-bord); color: var(--st-texte); text-decoration: none; }
a.st-fiche-puce:hover { border-color: var(--st-accent); background: var(--st-accent-doux); }
.st-fiche-puce--danger { color: var(--st-danger); background: var(--st-danger-doux); border-color: transparent; }
.st-fiche-tuiles { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.st-fiche-tuile { display: flex; flex-direction: column; gap: .35rem; padding: .7rem .85rem; border-radius: .75rem; background: var(--st-carte-2); border: 1px solid var(--st-bord); min-width: 0; }
.st-fiche-tuile__tete { font-size: .74rem; font-weight: 600; color: var(--st-texte-2); text-transform: uppercase; letter-spacing: .04em; }
.st-fiche-tuile__valeur { font-size: 1rem; font-weight: 600; color: var(--st-texte); overflow-wrap: anywhere; }
.st-fiche-boutons { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: auto; padding-top: .15rem; }
.st-fiche-bouton { display: inline-flex; flex-direction: row; align-items: center; gap: .4rem; min-height: 2.4rem; padding: .35rem .8rem; border-radius: .6rem;
    border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); font-size: .86rem; font-weight: 600; line-height: 1;
    cursor: pointer; transition: background .12s, border-color .12s; }
.st-fiche-bouton:hover { border-color: var(--st-accent); background: var(--st-accent-doux); }
.st-fiche-bouton .st-logo-wa { width: 1.15rem; height: 1.15rem; flex: none; }
.st-fiche-bouton.st-copie { background: var(--st-accent-doux); border-color: var(--st-accent); }
.st-fiche-notes { margin-top: .7rem; font-size: .88rem; white-space: pre-wrap; color: var(--st-texte); }
.st-fiche-grille { align-items: start; }
.st-fiche-grille .st-carte--carree { height: clamp(260px, calc(100vh - 645px), 560px); }
.st-fiche-grille .st-projets-client, .st-fiche-defile { max-height: clamp(260px, calc(100vh - 645px), 560px); overflow-y: auto; padding-right: .2rem; }
.st-fiche-contacts { display: flex; flex-direction: column; gap: .45rem; max-height: 14rem; overflow-y: auto; }
.st-fiche-contact { padding: .5rem .7rem; border-radius: .6rem; border: 1px solid var(--st-bord); background: var(--st-carte-2); font-size: .86rem; }
.st-fiche-contact__nom { font-weight: 700; color: var(--st-texte); text-decoration: none; }
.st-fiche-contact__nom:hover { text-decoration: underline; }
.st-fiche-contact__coord { display: flex; flex-wrap: wrap; gap: .1rem 1rem; margin-top: .15rem; }
@media (max-width: 767px) {
    .st-fiche-tete__nom { font-size: 1.15rem; }
    .st-fiche-tuiles { grid-template-columns: minmax(0, 1fr); }
    .st-fiche-bouton { flex: 1 1 auto; justify-content: center; min-height: 2.75rem; }
    .st-fiche-grille .st-carte--carree { height: 300px; }
    .st-fiche-grille .st-projets-client, .st-fiche-defile, .st-fiche-contacts { max-height: none; }
}

/* ==========================================================================
   SYS-11 · Mon coach (bouton « Aide IA », 31/10/2026) : une chose à la fois, tout sur un écran sans défilement.
   ========================================================================== */
.st-coach { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(270px, 1fr); gap: 1rem; height: calc(100vh - 9.5rem); min-height: 520px; color: var(--st-texte); }
.st-coach__principal, .st-coach__cote { display: flex; flex-direction: column; gap: .8rem; min-height: 0; }
.st-coach__accueil { display: flex; align-items: center; gap: .6rem; }
.st-coach__robot { flex-shrink: 0; }
.st-coach__robot .st-robot { width: 132px; height: 132px; }
.st-coach__bulle { position: relative; flex: 1; background: var(--st-carte); border: 2px solid var(--st-coach-c, var(--st-accent)); border-radius: 1.1rem; padding: .7rem 1rem; box-shadow: var(--st-ombre); }
.st-coach__bulle::before { content: ""; position: absolute; left: -10px; top: 50%; width: 16px; height: 16px; background: var(--st-carte);
    border-left: 2px solid var(--st-coach-c, var(--st-accent)); border-bottom: 2px solid var(--st-coach-c, var(--st-accent)); transform: translateY(-50%) rotate(45deg); }
.st-coach__bulle p { font-size: 1.15rem; font-weight: 700; line-height: 1.35; margin: .15rem 0 0; }
.st-coach__salut { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .85rem; color: var(--st-texte-2); font-weight: 600; }
.st-coach__score { background: var(--st-accent-doux); color: var(--st-accent-encre); border-radius: 999px; padding: .05rem .55rem; font-size: .78rem; }
.st-coach__choix { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .5rem; }

.st-coach__focus { flex: 0 0 auto; display: flex; flex-direction: column; gap: .45rem; background: var(--st-carte); border: 1px solid var(--st-bord);
    border-left: 8px solid var(--st-coach-c, var(--st-accent)); border-radius: 1rem; padding: 1.1rem 1.3rem; box-shadow: var(--st-ombre); }
.st-coach__focus--urgent { box-shadow: 0 0 0 3px color-mix(in srgb, var(--st-coach-c) 25%, transparent), var(--st-ombre); }
.st-coach__focus--vide { align-items: center; text-align: center; border-left-width: 1px; padding: 2rem 1.3rem; }
.st-coach__tete { display: flex; align-items: center; gap: .6rem; }
.st-coach__picto { font-size: 2rem; line-height: 1; }
.st-coach__raison { font-size: .85rem; font-weight: 700; padding: .2rem .7rem; border-radius: 999px;
    background: color-mix(in srgb, var(--st-coach-c) 16%, transparent); color: var(--st-texte); }
.st-coach__focus--urgent .st-coach__raison { background: var(--st-danger-doux); color: var(--st-danger); }
.st-coach__titre { font-size: 1.6rem; font-weight: 800; line-height: 1.2; margin: 0; overflow-wrap: anywhere; }
.st-coach__sous { font-size: 1rem; color: var(--st-texte-2); margin: 0; }
.st-coach__detail { font-size: .9rem; color: var(--st-texte-2); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.st-coach__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-top: .4rem; }
.st-coach__btn { display: inline-flex; align-items: center; gap: .35rem; min-height: 2.8rem; padding: .5rem 1.1rem; border-radius: .7rem; font-size: 1rem; font-weight: 700;
    border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); cursor: pointer; text-decoration: none; transition: transform .1s, background .12s; }
.st-coach__btn:hover { border-color: var(--st-accent); background: var(--st-accent-doux); }
.st-coach__btn:active { transform: scale(.97); }
.st-coach__btn--principal { background: var(--st-accent); border-color: var(--st-accent); color: #0E121D; }
.st-coach__btn--principal:hover { background: var(--st-accent); filter: brightness(1.06); }
.st-coach__btn--fini { background: #16a34a; border-color: #16a34a; color: #fff; }
.st-coach__btn--fini:hover { background: #15803d; border-color: #15803d; }
.st-coach__btn--petit { min-height: 2.2rem; padding: .3rem .7rem; font-size: .88rem; font-weight: 600; }
.st-coach__btn--retirer { background: #dc2626; border-color: #dc2626; color: #fff; }
.st-coach__btn--retirer:hover { background: #b91c1c; border-color: #b91c1c; }
.st-coach__lien { background: none; border: none; color: var(--st-texte-2); font-size: .9rem; text-decoration: underline; cursor: pointer; padding: .3rem; }
.st-coach__minuteur { font-size: .88rem; color: var(--st-texte-2); padding-top: .35rem; border-top: 1px dashed var(--st-bord); margin-top: .2rem; }
.st-coach__puce { border: 1px solid var(--st-bord); background: var(--st-carte-2, var(--st-survol)); color: var(--st-texte); border-radius: 999px; padding: .15rem .65rem; margin-left: .25rem; font-weight: 600; cursor: pointer; }
.st-coach__puce:hover { border-color: var(--st-accent); }
.st-coach__compte strong { font-size: 1.15rem; font-variant-numeric: tabular-nums; color: var(--st-texte); }

/* Ma priorité sur ordinateur : tout visible dans le bloc à 1440 × 900, les boutons sur une seule ligne */
@media (min-width: 1024px) {
    .st-coach-prio .st-coach__robot .st-robot { width: 76px; height: 76px; }
    .st-coach-prio .st-coach__bulle { padding: .45rem .9rem; }
    .st-coach-prio .st-coach__bulle p { font-size: 1.02rem; }
    .st-coach-prio .st-coach__focus { position: relative; padding: .8rem 1.1rem; gap: .3rem; }
    .st-coach-prio .st-coach__titre { font-size: 1.35rem; }
    .st-coach-prio .st-coach__detail { -webkit-line-clamp: 1; }
    .st-coach-prio .st-coach__minuteur { position: absolute; top: .9rem; right: 1.1rem; margin: 0; padding: 0; border: 0; font-size: .8rem; }
    .st-coach-prio .st-coach__actions { gap: .35rem; }
    .st-coach-prio .st-coach__actions .st-coach__btn { min-height: 2.4rem; padding: .35rem .6rem; font-size: .92rem; }
    .st-coach-prio .st-coach__actions .st-coach__btn--petit { padding: .3rem .42rem; font-size: .77rem; font-weight: 600; }
}

.st-coach__suite { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: .35rem; opacity: .92; }
.st-coach__suite h3, .st-coach__carte h3 { font-size: .95rem; font-weight: 700; margin: 0 0 .2rem; }
.st-coach__ligne { display: flex; align-items: center; gap: .6rem; width: 100%; text-align: left; padding: .45rem .7rem; border-radius: .7rem; cursor: pointer;
    background: var(--st-carte); border: 1px solid var(--st-bord); border-left: 4px solid var(--st-coach-c, var(--st-bord)); color: var(--st-texte); }
.st-coach__ligne:hover { background: var(--st-survol); }
.st-coach__ligne--tard { opacity: .6; }
.st-coach__ligne-picto { font-size: 1.15rem; }
.st-coach__ligne-texte { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .9rem; }
.st-coach__ligne-raison { flex-shrink: 0; font-size: .75rem; color: var(--st-texte-2); }
.st-coach__ligne-raison.urgent { color: var(--st-danger); font-weight: 700; }
.st-coach__plus { font-size: .85rem; padding: .2rem .3rem; }

.st-coach__cote { overflow: auto; }
.st-coach__carte { background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .9rem; padding: .8rem .9rem; box-shadow: var(--st-ombre); display: flex; flex-direction: column; gap: .35rem; }
.st-coach__carte--bientot { border-style: dashed; box-shadow: none; opacity: .8; }
.st-coach__rdv { display: flex; align-items: center; gap: .6rem; padding: .35rem .5rem; border-radius: .6rem; color: var(--st-texte); text-decoration: none; }
.st-coach__rdv:hover { background: var(--st-survol); }
.st-coach__rdv.passe { opacity: .55; }
.st-coach__rdv.en-cours { background: var(--st-accent-doux); }
.st-coach__rdv-heure { font-weight: 800; font-variant-numeric: tabular-nums; min-width: 3.1rem; }

/* Pastille 🎯 de la barre du haut : la priorité du moment, sur les autres pages */
.st-coach-pastille { max-width: 260px; }
.st-coach-pastille[hidden] { display: none !important; }
.st-coach-pastille span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 900px) {
    .st-coach { grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; }
    .st-coach__bulle { min-width: 0; }
    .st-coach__robot .st-robot { width: 86px; height: 86px; }
    .st-coach__bulle p { font-size: 1rem; }
    .st-coach__titre { font-size: 1.3rem; }
    .st-coach__focus { padding: .9rem 1rem; }
    .st-coach__suite, .st-coach__cote { overflow: visible; }
}

/* CRM-01 · Fiche lead : la carte ne montre que le lieu du lead (épingle) et laisse la page tenir sur un écran */
.st-lead-lieu .st-carte--carree { height: clamp(220px, calc(100vh - 700px), 520px); }
.st-epingle { filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .35)); }
@media (max-width: 767px) { .st-lead-lieu .st-carte--carree { height: 260px; } }
@media (min-width: 1024px) { .fi-resource-view-record-page .st-colonne-droite { max-height: calc(100vh - 14.5rem); } }

/* ==========================================================================
   SYS-11 · Mon coach en widgets (31/10/2026) : grille de l'accueil (.st-accueil, .st-grille, .st-w), blocs du coach à l'intérieur.
   ========================================================================== */
.st-coach-page .st-accueil__barre { margin-bottom: .6rem; }
.st-coach-page .st-accueil__titre { font-size: 1.35rem; }
.st-w--coach-priorite .st-w__corps { padding: 0 .9rem .9rem; }
.st-coach-prio { display: flex; flex-direction: column; gap: .6rem; }
.st-coach-prio .st-coach__robot .st-robot { width: 100px; height: 100px; }
.st-coach-prio .st-coach__bulle p { font-size: 1.05rem; }
.st-coach-prio .st-coach__focus { padding: .9rem 1.1rem; box-shadow: none; }
.st-coach-prio .st-coach__titre { font-size: 1.4rem; }
.st-w--coach-file .st-coach__suite { flex: none; overflow: visible; opacity: 1; }
.st-w--coach-rdv .st-w__corps, .st-w--coach-file .st-w__corps { display: flex; flex-direction: column; gap: .3rem; }
@media (max-width: 767px) {
    .st-grille .st-w--coach-priorite .st-w__corps { max-height: none; }
    .st-coach-prio .st-coach__robot .st-robot { width: 80px; height: 80px; }
    .st-coach-prio .st-coach__titre { font-size: 1.2rem; }
    .st-coach__ligne-raison { display: none; }
}

/* ==========================================================================
   PIL-02 · Planning de l'équipe (agenda pleine page, filtres, glisser-déposer) — 31/10/2026
   ========================================================================== */
.fi-page:has(.st-pl) > section { padding-top: .75rem !important; padding-bottom: .75rem !important; }
.st-pl { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 1rem; height: calc(100vh - 72px - 1.5rem); min-height: 520px; }
.st-pl--replie { grid-template-columns: minmax(0, 1fr); }
.st-pl--replie .st-pl__filtres { display: none; }
.st-pl__deplier { display: none; }
.st-pl--replie .st-pl__deplier { display: inline-flex; }
.st-pl__filtres { display: flex; flex-direction: column; gap: .8rem; overflow-y: auto; padding: .8rem; border: 1px solid var(--st-bord); border-radius: 1rem; background: var(--st-carte); }
.st-pl__titre { display: flex; justify-content: space-between; align-items: center; }
.st-pl__titre h1 { font-size: 1.35rem; font-weight: 700; margin: 0; }
.st-pl__replier { border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); border-radius: .5rem; width: 2rem; height: 2rem; cursor: pointer; font-size: 1.1rem; }
.st-pl__bloc { display: flex; flex-direction: column; gap: .4rem; }
.st-pl__bloc-tete { display: flex; justify-content: space-between; align-items: baseline; font-size: .85rem; }
.st-pl__equipes { display: flex; flex-wrap: wrap; gap: .3rem; }
.st-pl__equipe { font-size: .78rem; padding: .25rem .6rem; border-radius: 999px; cursor: pointer; color: var(--st-texte);
    border: 1px solid color-mix(in srgb, var(--st-eq) 55%, transparent); background: color-mix(in srgb, var(--st-eq) 10%, transparent); }
.st-pl__equipe.actif { background: color-mix(in srgb, var(--st-eq) 30%, transparent); font-weight: 700; }
.st-pl__personnes { display: flex; flex-direction: column; gap: .15rem; }
.st-pl__personne { display: flex; align-items: center; gap: .45rem; font-size: .88rem; padding: .2rem .3rem; border-radius: .4rem; cursor: pointer; }
.st-pl__personne:hover { background: var(--st-survol, rgba(0,0,0,.04)); }
.st-pl__legende { font-size: .8rem; color: var(--st-texte-2); gap: .3rem; }
.st-pl__legende span { display: flex; align-items: center; gap: .4rem; }
.st-pl__legende i { width: .8rem; height: .8rem; border-radius: .25rem; background: color-mix(in srgb, var(--c) 30%, transparent); border: 1px solid var(--c); }
.st-pl__outlook { font-size: .8rem; color: #b45309; margin: 0; }
.st-pl__agenda { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid var(--st-bord); border-radius: 1rem; background: var(--st-carte); padding: .6rem; }
.st-pl__barre { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .4rem; }
.st-pl__vues { display: inline-flex; border: 1px solid var(--st-bord); border-radius: .6rem; overflow: hidden; }
.st-pl__vues button, .st-pl__deplier { border: 0; background: var(--st-carte); color: var(--st-texte); padding: .35rem .75rem; font-size: .85rem; cursor: pointer; }
.st-pl__deplier { border: 1px solid var(--st-bord); border-radius: .6rem; }
.st-pl__vues button + button { border-left: 1px solid var(--st-bord); }
.st-pl__vues button.actif { background: var(--st-accent, #AFCA0B); color: #1f2a00; font-weight: 700; }
.st-pl__we { display: inline-flex; align-items: center; gap: .35rem; font-size: .85rem; }
.st-pl__charge { font-size: .8rem; color: var(--st-texte-2); }
.st-pl__ec { flex: 1; min-height: 0; }
/* Événements : fond clair teinté, texte normal (comme les pastilles) */
.st-pl .ec-event { --c: #2563EB; background: color-mix(in srgb, var(--c) 18%, var(--st-carte, #fff)) !important; color: var(--st-texte) !important;
    border-left: 3px solid var(--c); border-radius: .35rem; box-shadow: none; }
.st-pl .ec-event.st-pl-t-terrain { --c: #84A30A; }
.st-pl .ec-event.st-pl-t-outlook { --c: #94A3B8; }
.st-pl .ec-event.st-pl-t-absent { --c: #E63946; }
.st-pl__ev { display: flex; flex-direction: column; font-size: .76rem; line-height: 1.25; overflow: hidden; }
.st-pl__ev b { font-weight: 700; }
.st-pl__ev small { color: var(--st-texte-2); }
.st-pl__ev--outlook { font-style: italic; }
.st-pl .ec-toolbar { margin-bottom: .4rem; }
.st-pl .ec-title { font-size: 1.05rem; font-weight: 700; }
.st-pl .ec-button { border-color: var(--st-bord); background: var(--st-carte); color: var(--st-texte); }
.st-pl .ec-button.ec-active, .st-pl .ec-button:hover { background: var(--st-survol, #f1f5f9); }
.st-pl .ec-resource .ec-sidebar-title, .st-pl .ec-sidebar { font-size: .82rem; }
html.dark .st-pl .ec { --ec-bg-color: var(--st-carte); --ec-border-color: var(--st-bord); --ec-text-color: var(--st-texte); }
@media (max-width: 767px) {
    .st-pl { grid-template-columns: minmax(0, 1fr); height: auto; }
    .st-pl__filtres { max-height: 40vh; }
    .st-pl__agenda { height: 75vh; }
    .st-pl .ec-sidebar { max-width: 96px; font-size: .74rem; }
}

/* RH-01 à RH-07 · pages Ressources humaines (Congés & absences, Pointages, Clôture BSM, Intempéries, Délégations) */
.st-rh { display: flex; flex-direction: column; gap: 1rem; }
.st-rh h2 { font-weight: 700; font-size: 1.05rem; margin: 0 0 .6rem; }
.st-rh__carte { border: 1px solid var(--st-bord); border-radius: .75rem; background: var(--st-carte); color: var(--st-texte); padding: .9rem 1rem; }
.st-rh__carte--alerte { border-left: 4px solid #f59e0b; }
.st-rh__defile { overflow-x: auto; }
.st-rh__barre { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.st-rh__barre h2 { margin: 0; font-size: 1.15rem; }
.st-rh__sous { color: var(--st-texte-2); font-size: .82rem; }
.st-rh__bouton { border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte); border-radius: .5rem; padding: .4rem .8rem; font-weight: 600; font-size: .88rem; cursor: pointer; white-space: nowrap; }
.st-rh__bouton:hover { border-color: var(--st-texte-2); }
.st-rh__bouton--vert { background: #16a34a; border-color: #16a34a; color: #fff; }
.st-rh__bouton--bleu { background: #1f6fb2; border-color: #1f6fb2; color: #fff; }
.st-rh__lien { border: 0; background: none; color: #1f6fb2; cursor: pointer; font-size: .85rem; padding: 0 .3rem; text-decoration: underline; }
.st-rh__demande { display: grid; grid-template-columns: minmax(0, 1fr) 14rem auto auto; gap: .5rem; align-items: center; padding: .5rem 0; border-bottom: 1px solid var(--st-bord); }
.st-rh__demande:last-child { border-bottom: 0; }
.st-rh__form { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: .6rem; margin-bottom: .7rem; }
.st-rh__form label, .st-rh__large { display: flex; flex-direction: column; gap: .2rem; font-size: .82rem; font-weight: 600; color: var(--st-texte-2); }
.st-rh__large { grid-column: span 2; }
.st-rh__coches { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; margin: .5rem 0 .8rem; font-size: .9rem; }
.st-rh__coches label { display: flex; align-items: center; gap: .35rem; }
.st-rh__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .7rem; }
.st-rh__table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.st-rh__table th { text-align: left; font-weight: 600; color: var(--st-texte-2); padding: .35rem .45rem; border-bottom: 1px solid var(--st-bord); white-space: nowrap; }
.st-rh__table td { padding: .35rem .45rem; border-bottom: 1px solid var(--st-bord); vertical-align: top; }
.st-rh__table .st-champ { min-width: 5.5rem; padding: .25rem .4rem; }
.st-rh__variables .st-champ { width: 6.5rem; }
.st-rh__variables .st-rh__remarque { width: 16rem; }
.st-rh__nom { white-space: nowrap; font-weight: 600; }
.st-rh__nombre { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.st-rh__planning { border-collapse: collapse; font-size: .75rem; }
.st-rh__planning th, .st-rh__planning td { border: 1px solid var(--st-bord); text-align: center; padding: .15rem; min-width: 1.6rem; }
.st-rh__planning th.st-rh__nom, .st-rh__planning td.st-rh__nom { text-align: left; padding: .2rem .5rem; position: sticky; left: 0; background: var(--st-carte); z-index: 1; }
.st-rh__we { background: rgba(127, 127, 127, .12); }
.st-rh__ferie { background: rgba(245, 158, 11, .18); }
.st-rh__auj { outline: 2px solid #1f6fb2; }
.st-rh__code { display: inline-block; min-width: 1.4rem; padding: 0 .2rem; border-radius: .3rem; background: var(--c, #64748b); color: #fff; font-weight: 700; font-size: .7rem; line-height: 1.35rem; }
.st-rh__code--demande { background: repeating-linear-gradient(45deg, var(--c), var(--c) 3px, rgba(255, 255, 255, .45) 3px, rgba(255, 255, 255, .45) 6px); color: #111; }
.st-rh__code--demi { opacity: .7; }
.st-rh__semaine td.st-rh__case { cursor: pointer; text-align: center; min-width: 6rem; }
.st-rh__semaine td.st-rh__case:hover { background: rgba(31, 111, 178, .08); }
.st-rh__case--actif { outline: 2px solid #1f6fb2; }
.st-rh__case b, .st-rh__case span { display: block; }
.st-rh__ecart { color: #16a34a; font-size: .78rem; }
.st-rh__ecart--neg { color: var(--st-danger); }
.st-rh__manque { color: var(--st-danger); font-size: .78rem; font-weight: 600; }
.st-rh__controles { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .35rem; font-size: .9rem; }
.st-rh__controle--bloquant { color: var(--st-danger); font-weight: 600; }
.st-rh__note { white-space: pre-wrap; font-size: .82rem; background: rgba(127, 127, 127, .08); border-radius: .5rem; padding: .6rem; margin-top: .7rem; }
@media (max-width: 767px) {
    .st-rh__demande { grid-template-columns: 1fr; }
    .st-rh__large { grid-column: auto; }
}

/* ==========================================================================
   SYS-11 · Mon coach : e-mails importants (31/10/2026) — widget « E-mails importants » (tri Gemini, lien Outlook, ✓ Traité).
   ========================================================================== */
.st-w--coach-emails .st-w__corps { display: flex; flex-direction: column; min-height: 0; }
.st-coach__mails { display: flex; flex-direction: column; gap: .4rem; flex: 1; min-height: 0; }
.st-coach__mails-activer { align-self: flex-start; }
.st-coach__mails-liste { display: flex; flex-direction: column; gap: .15rem; flex: 1; min-height: 0; overflow-y: auto; }
.st-coach__mail { display: flex; align-items: center; gap: .3rem; border-radius: .6rem; }
.st-coach__mail:hover { background: var(--st-survol); }
.st-coach__mail.urgent { background: color-mix(in srgb, var(--st-danger) 9%, transparent); }
.st-coach__mail-lien { display: flex; align-items: center; gap: .55rem; flex: 1; min-width: 0; padding: .35rem .5rem; color: var(--st-texte); text-decoration: none; }
.st-coach__mail-texte { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: .86rem; line-height: 1.25; }
.st-coach__mail-texte strong, .st-coach__mail-texte .st-sous { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-coach__mail-texte .st-sous { font-size: .75rem; }
.st-coach__mail.urgent .st-coach__mail-texte strong { color: var(--st-danger); }
.st-coach__mail-quand { flex-shrink: 0; font-size: .72rem; color: var(--st-texte-2); font-variant-numeric: tabular-nums; }
.st-coach__mail-ok { flex-shrink: 0; width: 1.9rem; height: 1.9rem; margin-right: .3rem; border-radius: 999px; border: 1px solid var(--st-bordure);
    background: transparent; color: var(--st-texte-2); font-weight: 800; cursor: pointer; }
.st-coach__mail-ok:hover { background: var(--st-accent-doux); color: var(--st-texte); border-color: transparent; }
.st-coach__mails-pied { margin: 0; font-size: .72rem; color: var(--st-texte-2); }
@media (max-width: 767px) {
    .st-coach__mails-liste { max-height: 22rem; }
    .st-coach__mail-ok { width: 2.4rem; height: 2.4rem; }
}

/* Listes déroulantes : un « background: » raccourci remettait la petite flèche en mosaïque (chevrons répétés dans tout le champ,
   vu par Jonathan dans la liste de contrôle avant le RDV, 31/10/2026). Une seule flèche, à droite, partout. */
select:not([multiple]) { background-repeat: no-repeat !important; }
.st-plan__duree select, .st-plan__manuel-champs select, .st-plan__q select { background-position: right .45rem center; background-size: 1.2em 1.2em; padding-right: 2rem; }

/* CRM-01 · Fiche employé : photo ronde devant le nom */
.st-fiche-photo { width: 3.25rem; height: 3.25rem; border-radius: 999px; object-fit: cover; border: 1px solid var(--st-bord); flex: none; }

/* ==========================================================================
   SYS-11 · Mon coach : tâches To Do (31/10/2026) — widget « Mes tâches To Do » (Microsoft To Do, ✓ = cochée aussi dans To Do).
   ========================================================================== */
.st-w--coach-todo .st-w__corps { display: flex; flex-direction: column; min-height: 0; }
.st-coach__todo { display: flex; flex-direction: column; gap: .4rem; flex: 1; min-height: 0; }
.st-coach__todo-activer { align-self: flex-start; }
.st-coach__todo-liste { display: flex; flex-direction: column; gap: .15rem; flex: 1; min-height: 0; overflow-y: auto; }
.st-coach__todo-ligne { display: flex; align-items: center; gap: .2rem; border-radius: .6rem; }
.st-coach__todo-ligne:hover { background: var(--st-survol); }
.st-coach__todo-ligne.urgent { background: color-mix(in srgb, var(--st-danger) 9%, transparent); }
.st-coach__todo-ok { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: .45rem; border-radius: 999px; border: 2px solid var(--st-texte-2);
    background: transparent; cursor: pointer; position: relative; }
.st-coach__todo-ok:hover { border-color: var(--st-accent); background: var(--st-accent-doux); }
.st-coach__todo-ok:hover::after { content: '✓'; position: absolute; inset: 0; display: grid; place-items: center; font-size: .72rem; font-weight: 800; color: var(--st-texte); }
.st-coach__todo-lien { display: flex; align-items: center; gap: .55rem; flex: 1; min-width: 0; padding: .35rem .5rem; color: var(--st-texte); text-decoration: none; }
.st-coach__todo-texte { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: .86rem; line-height: 1.25; }
.st-coach__todo-texte strong, .st-coach__todo-texte .st-sous { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.st-coach__todo-texte .st-sous { font-size: .75rem; }
.st-coach__todo-ligne.urgent .st-coach__todo-texte strong, .st-coach__todo-ligne.urgent .st-coach__todo-quand { color: var(--st-danger); }
.st-coach__todo-ligne.jour .st-coach__todo-quand { color: var(--st-accent); font-weight: 700; }
.st-coach__todo-quand { flex-shrink: 0; font-size: .72rem; color: var(--st-texte-2); font-variant-numeric: tabular-nums; }
.st-coach__todo-pied { margin: 0; font-size: .72rem; color: var(--st-texte-2); }
@media (max-width: 767px) {
    .st-coach__todo-liste { max-height: 22rem; }
    .st-coach__todo-ok { width: 1.6rem; height: 1.6rem; }
}

/* AI Assist : fichiers joints en petites lignes (icône 40 px + nom + lecteur) au lieu de grandes vignettes carrées,
   pour que « Rédiger avec Gemini » reste visible sans défiler (Jonathan, 31/10/2026) */
.st-ai-media-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: .4rem !important; }
.st-ai-media-card { flex-direction: row !important; align-items: center !important; gap: .55rem !important; padding: .3rem .45rem !important; text-align: left; }
.st-ai-media-thumb-sm { width: 40px !important; height: 40px; flex: 0 0 40px; aspect-ratio: auto !important; }
.st-ai-media-thumb-doc { font-size: 1.3rem !important; }
.st-ai-media-card-info { text-align: left !important; flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 .45rem; }
.st-ai-media-card-info span { flex: 1 1 auto; min-width: 0; }
.st-ai-media-card-info .st-ai-audio { flex: 1 0 100%; height: 26px; margin-top: .1rem; }

/* ==========================================================================
   SYS-11 · Mon coach : bouton « 🛠️ Ticket SAV » (31/10/2026) — sur un e-mail important ou une tâche To Do d'e-mail avec drapeau.
   ========================================================================== */
.st-coach__ligne-bloc { display: flex; align-items: stretch; gap: .3rem; }
.st-coach__ligne-bloc > .st-coach__ligne { flex: 1; min-width: 0; }
.st-coach__sav { flex-shrink: 0; align-self: center; padding: .25rem .5rem; border-radius: 999px; border: 1px solid var(--st-bord);
    background: var(--st-carte); color: var(--st-texte); font-size: .72rem; font-weight: 700; white-space: nowrap; cursor: pointer; }
.st-coach__sav:hover { background: color-mix(in srgb, var(--st-danger) 10%, transparent); border-color: var(--st-danger); }
.st-coach__sav:disabled { opacity: .6; cursor: wait; }
.st-coach__btn--sav:disabled { opacity: .7; cursor: wait; }
@media (max-width: 767px) {
    .st-coach__sav { padding: .45rem .6rem; font-size: .78rem; }
}

/* SAV-01 · Page du ticket : boutons « ✨ AI Assist » compacts au-dessus des zones de texte (sans la phrase d'aide, pour ne pas faire défiler) */
.st-traiter .st-ai-trigger { margin: 0 0 .2rem; padding: .15rem .6rem; font-size: .76rem; }
.st-traiter .st-ai-trigger__hint { display: none; }

/* SAV-01 · Page du ticket tenue dans l écran (règle « tout visible sans défiler ») : pistes et discussion défilent dans leur cadre, bouton IA à sa taille */
.st-traiter .st-ai-trigger { width: auto; max-width: 100%; align-self: flex-start; }
.st-traiter__pistes { max-height: 24vh; overflow-y: auto; padding-right: .3rem; }
.st-traiter__fil { max-height: calc(100vh - 390px); min-height: 280px; }
.st-traiter__pistes { max-height: 18vh; }
.fi-main:has(.st-traiter) { padding-bottom: .5rem !important; }
.fi-main:has(.st-traiter) .fi-page > section { row-gap: 1rem; }
.fi-page:has(.st-traiter), .fi-page:has(.st-traiter) > section { padding-bottom: .5rem !important; }
.st-traiter__fil { max-height: calc(100vh - 405px); }
.st-traiter__pistes { max-height: 13vh; }
.fi-main:has(.st-traiter) { padding-bottom: 0 !important; }

/* SAV-01 · « Prévenir » en pastilles cliquables (cochées en vert), personnes utiles d'abord, « + autres » pour le reste */
.st-traiter__prevenir { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .3rem; }
.st-pastille { display: inline-flex; align-items: center; cursor: pointer; font-size: .74rem; padding: .1rem .5rem; border-radius: 999px;
    border: 1px solid var(--st-bord, #d1d5db); background: var(--st-carte, #fff); white-space: nowrap; user-select: none; }
.st-pastille input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.st-pastille:has(input:checked) { background: color-mix(in srgb, #16A34A 18%, transparent); border-color: #16A34A; font-weight: 600; }
.st-pastille:has(input:checked)::before { content: '✓ '; color: #16A34A; margin-right: .15rem; }
.st-pastille:has(input:focus-visible) { outline: 2px solid var(--st-accent, #93C01F); outline-offset: 1px; }
.st-traiter__plus { font-size: .74rem; color: var(--st-accent-encre, #4d6b00); padding: .1rem .3rem; text-decoration: underline; cursor: pointer; }

/* ============================================================================================================
   SYS-05 · Petit bouton ✨ dans le coin de chaque zone de texte (31/10/2026) — posé par filament/partials/ai-assist/modal
   (position absolue à côté de la zone : n'agrandit rien ; même dégradé que le grand bouton des bugs)
   ============================================================================================================ */
.st-ai-mini {
    position: absolute; z-index: 5; width: 26px; height: 26px; padding: 0; margin: 0;
    display: inline-flex; align-items: center; justify-content: center;
    border: 0; border-radius: 8px; cursor: pointer; font-size: 13px; line-height: 1;
    background: linear-gradient(135deg, #de00ff 0%, #3303ff 50%, #00acff 100%); color: #fff;
    box-shadow: 0 1px 3px rgba(51, 3, 255, .35); opacity: .78; transition: opacity .15s, transform .15s, box-shadow .15s;
}
.st-ai-mini:hover, .st-ai-mini:focus-visible { opacity: 1; transform: scale(1.08); box-shadow: 0 2px 8px rgba(222, 0, 255, .45); outline: none; }
textarea:has(+ .st-ai-mini) { padding-right: 2.15rem !important; }
html.dark .st-ai-mini { box-shadow: 0 1px 4px rgba(0, 0, 0, .6); opacity: .85; }
@media (hover: none) { .st-ai-mini { opacity: .92; } }

/* RH · listes filtrées, triables, tenues dans l'écran (demande Jonathan 31/10/2026, règle « tout visible sans défiler ») */
.st-rh--ecran { height: calc(100vh - 15rem); min-height: 34rem; display: flex; flex-direction: column; gap: .7rem; }
.st-rh--ecran > .st-rh__carte { padding: .6rem .8rem; }
.st-rh__bloc { flex: 1 1 0; min-height: 9rem; display: flex; flex-direction: column; }
.st-rh__bloc--petit { flex: .7 1 0; }
.st-rh__cadre { flex: 1 1 auto; min-height: 0; overflow: auto; }
.st-rh__cadre--court { flex: 0 0 auto; max-height: 8.5rem; overflow: auto; }
.st-rh__cadre thead th { position: sticky; top: 0; z-index: 2; background: var(--st-carte); }
.st-rh__cadre .st-rh__planning th.st-rh__nom { z-index: 3; }
.st-rh__titre { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-bottom: .45rem; }
.st-rh__titre h2 { margin: 0; white-space: nowrap; }
.st-rh__actions--droite { margin: 0 0 0 auto; }
.st-rh-filtres { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; margin-left: auto; font-size: .82rem; }
.st-rh-filtres__periode { display: inline-flex; align-items: center; gap: .2rem; }
.st-rh__bouton--mini { padding: .15rem .5rem; font-size: .85rem; }
.st-rh-filtres__menu { position: relative; }
.st-rh-filtres__menu > summary { list-style: none; cursor: pointer; border: 1px solid var(--st-bord); border-radius: .5rem; padding: .2rem .55rem; background: var(--st-carte); white-space: nowrap; font-weight: 600; }
.st-rh-filtres__menu > summary::-webkit-details-marker { display: none; }
.st-rh-filtres__volet { position: absolute; right: 0; top: calc(100% + .25rem); z-index: 30; background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .6rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18); padding: .5rem; display: flex; flex-direction: column; gap: .3rem; min-width: 14rem; }
.st-rh-filtres__volet--liste { max-height: 18rem; overflow: auto; }
.st-rh-filtres__volet label { display: flex; align-items: center; gap: .4rem; white-space: nowrap; }
.st-rh-filtres__groupe { width: auto; max-width: 13rem; padding: .2rem .4rem; font-size: .82rem; }
.st-rh-filtres__puces { display: inline-flex; flex-wrap: wrap; gap: .2rem; }
.st-rh-puce { border: 1.5px solid var(--c, #94a3b8); color: var(--st-texte); background: transparent; border-radius: 999px; padding: 0 .45rem; font-size: .72rem; font-weight: 700; line-height: 1.35rem; cursor: pointer; }
.st-rh-puce--on { background: var(--c, #1f6fb2); color: #fff; }
.st-rh-puce--statut { --c: #1f6fb2; font-weight: 600; }
.st-rh__triable { cursor: pointer; user-select: none; }
.st-rh__triable:hover { color: var(--st-texte); }
.st-rh__triable span { font-size: .65rem; }
.st-rh textarea.st-champ { resize: vertical; min-height: 2rem; }
.st-rh__demande textarea.st-champ { min-height: 1.9rem; }
@media (max-width: 1023px) {
    .st-rh--ecran { height: auto; }
    .st-rh__bloc { min-height: 0; }
    .st-rh__cadre { max-height: 60vh; }
}
.st-rh__cadre--moyen { flex: 0 0 auto; max-height: 15rem; overflow: auto; }

/* RH-03 · calendrier modifiable : palette à droite, glisser-déposer, fenêtre de correction (demande Jonathan 31/10/2026) */
.st-rh__bloc--grand { flex: 1.9 1 0; }
.st-rh-plan { flex: 1 1 auto; min-height: 0; display: flex; gap: .6rem; }
.st-rh-plan > .st-rh__cadre { flex: 1 1 auto; min-width: 0; }
.st-rh-palette { flex: 0 0 13.5rem; background: rgba(127, 127, 127, .12); border-radius: .6rem; padding: .35rem .45rem; overflow: auto; font-size: .72rem; }
.st-rh-palette__tete { font-weight: 700; margin-bottom: .2rem; }
.st-rh-palette table { width: 100%; border-collapse: collapse; }
.st-rh-palette td { padding: 0 .2rem; line-height: .98rem; white-space: nowrap; }
.st-rh-palette .st-rh__code { line-height: .92rem; font-size: .66rem; min-width: 1.9rem; text-align: center; }
.st-rh-palette [data-code] { cursor: grab; }
.st-rh-palette__pied { color: var(--st-texte-2); margin-top: .25rem; white-space: normal; }
.st-rh-arme { outline: 3px solid #111; outline-offset: 1px; }
.st-rh-mode-pose #st-rh-calendrier td[data-ok] { cursor: crosshair; }
#st-rh-calendrier td[data-ok]:hover { background: rgba(31, 111, 178, .1); }
#st-rh-calendrier td.st-rh-sel { background: rgba(31, 111, 178, .3) !important; }
#st-rh-calendrier [data-abs] { cursor: pointer; }
.st-rh-fenetre { position: fixed; inset: 0; z-index: 50; background: rgba(0, 0, 0, .35); display: flex; align-items: center; justify-content: center; }
.st-rh-fenetre__boite { background: var(--st-carte); color: var(--st-texte); border-radius: .8rem; padding: 1rem 1.1rem; width: min(40rem, 94vw); box-shadow: 0 20px 50px rgba(0, 0, 0, .3); }

/* ===== SYS-12 · Messages (Teams + messages internes de l ERP) ===== */
.st-messages__panneau { z-index: 301; }
.st-messages__outils { display: inline-flex; gap: .2rem; }
.st-messages__compte { font-weight: 400; text-transform: none; letter-spacing: 0; }
.st-messages__info { padding: .5rem .6rem; margin: 0; color: var(--st-texte-2); font-size: .84rem; }
.st-messages__relier { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .5rem .6rem; font-size: .84rem; color: var(--st-texte-2); background: color-mix(in srgb, #5B5FC7 8%, var(--st-carte)); border-radius: .6rem; }
.st-messages__relier a { text-decoration: none; }
.st-messages__teams { display: inline-flex; align-items: center; justify-content: center; width: 1.45rem; height: 1.45rem; border-radius: .35rem; background: #5B5FC7; color: #fff; font-size: .8rem; font-weight: 800; flex: 0 0 auto; }
.st-messages__panneau .st-cloche__lien .st-sous { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st-messages__panneau .st-cloche__actions a { text-decoration: none; }
.st-messages__pied-droite { display: inline-flex; gap: .8rem; align-items: center; }
.st-messages__pied-droite a { text-decoration: none; }

/* ==========================================================================
   SYS-13 · AUDIT ERGONOMIQUE (nuit du 31/10 au 01/11/2026) — corrections globales
   Mesuré page par page à 1920 × 1080, 1440 × 900, 1024 × 768, 768 × 1024 et 375 × 812.
   ========================================================================== */

/* Barre du haut : à 768-1 279 px elle mesurait 1 112 px (page qui glisse de côté) et 412 px au téléphone.
   → logo plus étroit, loupe / zoom et horloge seulement quand il y a la place, compteurs posés en exposant. */
.st-header .st-btn { position: relative; }
@media (max-width: 1279px) {
    .st-header__logo { flex-basis: 200px !important; padding-right: 2rem !important; }
    .st-header__center { padding-right: 2rem !important; }
    .st-header__right { padding-left: 2.4rem !important; }
    .st-header .st-badge { position: absolute; top: 1px; right: -3px; margin: 0; min-width: 17px; height: 17px; padding: 0 4px; font-size: .62rem; box-shadow: 0 0 0 2px rgba(255,255,255,.55); }
}
@media (max-width: 1023px) {
    #st-zoom-out-btn, #st-zoom-level, #st-zoom-in-btn, .st-header__center > button:has(#st-clock) { display: none !important; }
    .st-header__logo { flex-basis: 170px !important; }
}
@media (max-width: 767px) {
    .st-header__logo { flex-basis: 108px !important; padding: .4rem 1.3rem .4rem .5rem !important; }
    .st-header__logo img { max-height: 30px !important; }
    .st-header__center { padding: 0 1.2rem 0 1.3rem !important; }
    .st-header__right { padding: 0 .4rem 0 1.3rem !important; gap: .05rem !important; }
    .st-header .st-btn { padding: .4rem .4rem !important; }
    .st-header .st-badge { top: 3px; right: -7px; min-width: 15px; height: 15px; padding: 0 3px; font-size: .58rem; }
}

/* Listes : le tableau défile dans son cadre (public/js/st-ajuste.js), en-têtes de colonnes figés en haut du cadre */
.st-ta-cadre { overflow-y: auto !important; overscroll-behavior: contain; }
.st-ta-cadre thead th { position: sticky; top: 0; z-index: 2; background: var(--st-carte, #fff); box-shadow: inset 0 -1px 0 rgba(127, 127, 127, .2); }


/* Formulaires longs (Créer / Modifier) : Sauvegarder / Annuler restent visibles en bas de l'écran (bouton principal toujours visible) */
@media (min-width: 768px) {
    html:not(.st-auth-page) .fi-form-actions { position: sticky; bottom: 0; z-index: 20; padding: .55rem .75rem; margin: 0 -.75rem; background: color-mix(in srgb, var(--st-carte, #fff) 92%, transparent); backdrop-filter: blur(4px); border-top: 1px solid rgba(127, 127, 127, .18); border-radius: 0 0 .75rem .75rem; }
}

/* Listes : à 1440 px les tableaux Leads / Contacts / SAV dépassaient de 40 à 200 px (bouton « Modifier » coupé),
   à 1024 px (tablette en paysage) de 200 à 630 px. → cellules moins rembourrées, texte sur 2 lignes au plus,
   et sous 1 280 px les actions de ligne en icônes seules (le nom reste dans l'infobulle). */
@media (min-width: 768px) and (max-width: 1599px) {
    .fi-ta-table .fi-ta-text { padding: .5rem .55rem !important; }
    .fi-ta-table .fi-ta-header-cell { padding: .55rem .55rem !important; }
    .fi-ta-table .fi-ta-actions-cell > div { padding: .5rem .55rem !important; }
    .fi-ta-table .fi-ta-text-item, .fi-ta-table .fi-ta-text-item-label, .fi-ta-table .fi-ta-text .whitespace-nowrap { white-space: normal !important; }
    .fi-ta-table .fi-ta-text-item-label { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; }
    .fi-ta-table .fi-ta-text-item-label.st-coupable { overflow-wrap: anywhere; min-width: 10.5rem; } /* adresses e-mail : lisibles, coupées où il faut */
    .fi-ta-table .fi-ta-text-item-label.st-insecable { white-space: nowrap !important; } /* références (WEB-2026-0094…) : jamais coupées */
}
@media (min-width: 768px) and (max-width: 1279px) {
    .fi-ta-table .fi-ta-actions .fi-ac-link-action > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .fi-ta-table .fi-ta-actions { gap: .6rem; }
}
/* Colonne des actions de ligne (Modifier, Traiter…) toujours visible à droite, même si le tableau glisse de côté */
@media (min-width: 768px) {
    .fi-ta-table td.fi-ta-actions-cell { position: sticky; right: 0; z-index: 1; background: var(--st-carte, #fff); box-shadow: -8px 0 8px -8px rgba(0, 0, 0, .18); }
    .fi-ta-table tr:hover td.fi-ta-actions-cell { background: color-mix(in srgb, var(--st-carte, #fff) 94%, #000); }
}
/* Pipeline des projets : à 1440 × 900 le haut de page (titre, filtres, étapes, légende) prenait 460 px et les colonnes
   descendaient sous l'écran → espaces resserrés ; les colonnes s'arrêtent au bas de l'écran (st-ajuste.js) et défilent dedans. */
@media (min-width: 768px) {
    .fi-page:has(.st-kanban) > section { padding-top: .75rem !important; padding-bottom: .25rem !important; row-gap: .6rem !important; }
    .fi-page:has(.st-kanban) .grid.gap-y-8:has(> .st-kanban-filtres) { row-gap: .5rem !important; }
    .fi-page:has(.st-kanban) .st-kanban-filtres, .fi-page:has(.st-kanban) .st-kanban-plan, .fi-page:has(.st-kanban) .st-kanban-zones { margin-bottom: 0 !important; }
    .fi-page:has(.st-kanban) .st-kanban { padding-bottom: .4rem; }
}
/* Formulaires sur téléphone et tablette : un champ prévu « 3 colonnes sur 12 » pour l'ordinateur gardait cette largeur
   dans la grille à 1 colonne (Téléphone, Adresse, Nom… écrasés à 60-120 px dans Créer Contact / Société / Lead) → pleine largeur. */
@media (max-width: 639px) {
    .fi-fo-component-ctn[style*='--cols-default: repeat(1, minmax(0, 1fr))'] > * { grid-column: 1 / -1 !important; }
}
@media (min-width: 640px) and (max-width: 1023px) {
    .fi-fo-component-ctn[style*='--cols-default: repeat(1, minmax(0, 1fr))']:not([style*='--cols-sm']):not([style*='--cols-md']) > * { grid-column: 1 / -1 !important; }
}
.st-cadre-bas { overflow-y: auto; overscroll-behavior: contain; }
.st-cadre-bas thead th { position: sticky; top: 0; z-index: 1; background: var(--st-carte, #fff); }

/* Toutes les pages : marges du cadre Filament resserrées (32 px en haut, entre le titre et le contenu, et en bas → 12-16 px).
   Gagne ~60 px de hauteur partout (Délégations, Intempéries… passent sous 900 px). */
@media (min-width: 768px) {
    .fi-page > section.py-8 { padding-top: .9rem !important; padding-bottom: .4rem !important; row-gap: 1rem !important; }
    html:not(.st-auth-page) .fi-page { padding-bottom: .6rem !important; }
}
/* RH (Intempéries, Délégations…) : les champs date / liste gardaient 256 px de large minimum et débordaient sur la case voisine */
.st-rh__form > label, .st-rh__form > div { min-width: 0; }
.st-rh__form .st-champ { min-width: 0 !important; width: 100%; max-width: 100%; }
@media (max-width: 767px) { .st-header .st-avatar-wrap { margin-left: .35rem; } } /* la pastille de la cloche ne mord plus sur l'avatar */
/* Titres de page sous 1 280 px : « Ticket SAV - TEST Claude - TARCHAMPS » tenait sur 3 lignes à côté des boutons → titre plus petit */
@media (max-width: 1279px) {
    .fi-header-heading { font-size: 1.4rem !important; line-height: 1.2 !important; }
    .fi-header .fi-ac .fi-btn { padding-left: .6rem; padding-right: .6rem; }
}
/* Planning (tablette en portrait, téléphone) : cases d'une heure de 20 px, heures illisibles (« 8… 9… 1… ») → une heure sur deux, en petit */
@media (max-width: 1023px) {
    .fi-page .ec-slots .ec-slot { overflow: visible !important; text-overflow: clip !important; }
    .fi-page .ec-slots .ec-slot time { font-size: .62rem; white-space: nowrap; position: relative; z-index: 1; overflow: visible; text-overflow: clip; }
    .fi-page .ec-slots .ec-slot:nth-child(even) time { visibility: hidden; }
}
/* Téléphone : boutons d'en-tête de page (Assigner, Je prends, Corriger…) plus petits, sur moins de lignes */
@media (max-width: 767px) {
    .fi-header .fi-ac { gap: .4rem !important; }
    .fi-header .fi-ac .fi-btn { padding: .35rem .55rem !important; font-size: .8rem !important; }
}
/* Pages en grille : le titre d'un bloc étroit (« Santé du système » à 1024 px) passait sous le bouton plein écran ⛶ */
.grid-stack-item-content.st-w:has(> .st-w__plein) .st-w__tete { padding-right: 2.4rem; }
/* Mon coach au téléphone : l'objet des e-mails importants et des tâches To Do tenait en 3 lettres (« Réponds à … ») → sur 2 lignes */
@media (max-width: 767px) {
    .st-coach__mail-texte strong, .st-coach__todo-texte strong { white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .st-coach__sav { padding: .25rem .45rem !important; }
}
/* Responsables d'étape (ordinateur) : nom et pictos des métiers sur une seule ligne par personne, cases plus serrées (page 2 fois moins haute) */
@media (min-width: 1280px) {
    .st-resp__puce { flex-wrap: nowrap; padding: .2rem .45rem .2rem .6rem; }
    .st-resp__puce > b { flex: 0 0 auto; margin-right: .3rem; }
    .st-resp__ligne { padding: .4rem .7rem; }
    .st-resp { gap: .35rem; }
}

/* SYS-13 · Écrans à blocs personnalisables comme l'accueil (filament.partials.grille-perso + public/js/st-grille.js) */
.st-grille-perso__barre { display: flex; justify-content: flex-end; align-items: center; gap: .4rem; flex-wrap: wrap; margin: -.4rem 0 .2rem; }
.st-grille-perso__barre .st-seulement-edition { display: none; gap: .4rem; flex-wrap: wrap; }
.st-grille-perso.st-en-edition .st-grille-perso__barre .st-seulement-edition { display: inline-flex; }
.st-grille-perso.st-en-edition [data-action="editer"] { display: none; }
.st-grille-perso__btn { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .6rem; border-radius: .5rem; border: 1px solid var(--st-bord); background: var(--st-carte); color: var(--st-texte-2); font-size: .78rem; font-weight: 600; cursor: pointer; }
.st-grille-perso__btn:hover { color: var(--st-texte); border-color: var(--st-accent); }
.st-grille-perso__btn--principal { background: var(--st-accent); border-color: var(--st-accent); color: #1f2a00; }
.st-grille-perso .st-accueil__aide { margin: 0 0 .4rem; }
.st-grille-perso.st-en-edition .st-accueil__aide { display: block; }
.st-w__tete-outil { margin-left: auto; display: inline-flex; align-items: center; font-weight: 500; }
.st-grille-perso .st-w__tete { padding: .6rem .9rem .35rem; }
.st-grille-perso .st-w__corps { padding: 0 .9rem .7rem; }
@media (max-width: 767px) { .st-grille-perso__barre { display: none; } } /* téléphone : une colonne, pas de personnalisation */

/* Traiter un ticket SAV en blocs : la discussion remplit son bloc, le message à écrire reste en bas */
.st-w--sav-ticket-fil .st-w__corps { display: flex; flex-direction: column; }
.st-w--sav-ticket-fil .st-traiter__fil { flex: 1 1 auto; min-height: 0; max-height: none; }
@media (max-width: 767px) { .st-w--sav-ticket-fil .st-traiter__fil { max-height: 70vh; } }
.st-w__tete-outil { font-size: .78rem; white-space: nowrap; }
.st-grille-perso .st-w__tete > span:not(.st-w__tete-outil) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Écrans à blocs : sous 1 280 px les boutons d'en-tête de bloc en icône seule (le nom reste en infobulle) ;
   tablette en portrait (768-1 023 px) : blocs sur 2 colonnes, l'un sous l'autre, à leur hauteur naturelle */
@media (max-width: 1279px) {
    .st-w__tete-outil .fi-link > span, .st-w__tete-outil .fi-btn > span:not(.fi-badge) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .st-grille-perso .st-grille.grid-stack { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; height: auto !important; margin: 0; }
    .st-grille-perso .st-grille > .grid-stack-item { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; min-height: 0; }
    .st-grille-perso .st-grille > .grid-stack-item > .grid-stack-item-content { position: relative !important; inset: auto !important; height: auto !important; min-height: 140px; }
    .st-grille-perso .st-w__corps { max-height: 55vh; overflow-y: auto; }
    .st-grille-perso__barre { display: none; }
}
/* Tablette en portrait : titre de page et boutons l'un sous l'autre (le titre n'est plus écrasé en colonne étroite) */
@media (min-width: 640px) and (max-width: 1023px) {
    .fi-header { flex-direction: column !important; align-items: flex-start !important; gap: .6rem !important; }
    .fi-header .fi-ac { flex-wrap: wrap; justify-content: flex-start !important; }
}
/* RDV à planifier : même bouton plein écran ⛶ que les autres pages en grille (en-tête de bloc plus bas : bouton plus petit), caché en mode Personnaliser */
.st-rdv-w > .st-w__plein { top: .2rem; right: .3rem; width: 1.5rem; height: 1.5rem; }
.st-rdv-w .st-rdv-w__tete { padding-right: 2.1rem; }
.st-rdv--edition .st-rdv-w > .st-w__plein, #st-rdv-page:has(.st-rdv__edition:not([style*='none'])) .st-rdv-w > .st-w__plein { display: none; }
/* Fiche employé en blocs (SYS-13) : les listes RH sans leur propre titre (le bloc le porte) ni cadre en double */
.st-fiche-employe .st-w .fi-ta-header-heading { display: none; }
.st-fiche-employe .st-w .fi-ta-header { padding: .2rem 0 .4rem !important; }
.st-fiche-employe .st-w .fi-ta-ctn { box-shadow: none !important; --tw-ring-shadow: 0 0 #0000 !important; border: 0 !important; background: transparent !important; }
.st-fiche-employe .st-w .fi-in { gap: .6rem; }
.st-fiche-employe .st-w .fi-ta-empty-state { padding: .6rem !important; }
.st-fiche-employe .st-w .fi-ta-empty-state-icon-ctn { display: none; }
.st-fiche-employe .st-w--employe-entete .st-fiche-tete { margin-bottom: .4rem; }
.st-fiche-employe .st-w--employe-entete .fi-in-entry-wrp { gap: 0; }

/* CRM-01 · Cartes des fiches (lead, contact, société, projet ; Jonathan 01/11/2026) : zoom rue, boutons Satellite / Plan et Vue région */
.st-carte-boutons { display: flex; flex-direction: column; align-items: flex-end; gap: .3rem; }
.st-carte-bouton { padding: .3rem .6rem; border-radius: .45rem; border: 1px solid rgba(0, 0, 0, .2); background: #fff; color: #1f2937;
    font-size: .78rem; font-weight: 600; line-height: 1.2; cursor: pointer; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); white-space: nowrap; }
.st-carte-bouton:hover { background: #f1f5f9; }
.st-carte--fiche:not(.st-carte--carree) { height: clamp(240px, 40vh, 360px); }

/* SAV-01 (01/11/2026) · E-mails info@ « SAV possible ? » à valider en un clic (liste des tickets) */
.st-sav-possibles { display: flex; flex-direction: column; gap: .5rem; max-height: 60vh; overflow-y: auto; }
.st-sav-possible { border: 1px solid var(--st-bord, #e5e7eb); border-left: 4px solid #F59E0B; border-radius: .6rem; padding: .5rem .7rem; font-size: .85rem; }
.st-sav-possible__tete { display: flex; flex-wrap: wrap; gap: .2rem .5rem; align-items: baseline; }
.st-sav-possible__sujet { font-weight: 600; margin: .15rem 0; }
.st-sav-possible__boutons { display: flex; gap: .4rem; margin-top: .4rem; }

/* ==========================================================================
   SYS-13 · Audit du 01/11 au soir (avant l'arrivée des employés)
   ========================================================================== */
/* Titres de page sur ordinateur : 1,5 rem au lieu de 1,875 (les titres de ticket / projet tenaient sur 2 lignes et poussaient la page sous l'écran) */
@media (min-width: 1280px) {
    .fi-header-heading { font-size: 1.5rem !important; line-height: 1.25 !important; }
}
/* Blocs étroits : le bouton d'en-tête (Modifier les problèmes, Écrire la résolution…) en icône seule jusqu'à 1 700 px, le titre du bloc reste lisible */
@media (max-width: 1699px) {
    .st-w__tete-outil .fi-link > span, .st-w__tete-outil .fi-btn > span:not(.fi-badge) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
}
/* Tablette et téléphone (et tout écran tactile) : zones à toucher d'au moins 32 × 32 px — boutons, liens-boutons, pastilles, petits ✕ */
@media (max-width: 1023px), (pointer: coarse) {
    .fi-main button:not(.ec *):not(.grid-stack-item > .ui-resizable-handle),
    .fi-main [role='button'], .fi-main summary, .fi-main .fi-link, .fi-main a.st-lien-discret, .fi-main .st-lien,
    .st-header .st-btn, .st-icone-bouton, .st-w__plein { min-height: 32px; min-width: 32px; }
    .fi-main button.st-lien-discret, .fi-main a.st-lien-discret, .fi-main .st-lien, .fi-main .fi-link { display: inline-flex; align-items: center; }
    .st-w__plein { width: 2rem; height: 2rem; }
}
/* Fiche lead : la carte du lieu du chantier s'arrête au bas de l'écran (l'en-tête s'est allongé : « décidé par… », étape) */
@media (min-width: 768px) { .st-lead-lieu .st-carte--carree { height: clamp(170px, calc(100vh - 752px), 520px); } }
@media (max-width: 1023px), (pointer: coarse) {
    /* liens dans le texte (« fiche projet », n° de projet…) : zone à toucher agrandie sans décaler les lignes */
    .fi-main a:not(.fi-btn):not(.fi-link):not(.st-bouton):not([class*='fi-ta']) { padding-block: .35rem; }
}
/* En-tête de bloc avec plusieurs outils (panneau du coordinateur : ‹ date › ☑ résolus) : les outils passent à la ligne au lieu de glisser sous le bouton ⛶ */
.st-w__tete { min-width: 0; }
.st-w__tete-outil { flex-wrap: wrap; justify-content: flex-end; gap: .25rem; white-space: normal; min-width: 0; }
.st-w__tete-outil > * { white-space: nowrap; }

/* SAV-01 (02/11/2026) · Liste des tickets : filtres en pastilles dans la barre du haut (vert = actif), compteurs, une ligne par groupe */
.st-filtres-sav { display: flex; flex-direction: column; gap: .3rem; margin-top: .35rem; }
.st-filtres-sav__ligne { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }
.st-filtres-sav__titre { width: 4.6rem; font-size: .76rem; color: var(--st-texte-2, #6b7280); }
.st-filtres-sav__titre--suite { width: auto; margin-left: .9rem; margin-right: .2rem; }
.st-filtres-sav__vide { flex: 1; }
.st-filtre { display: inline-flex; align-items: center; gap: .3rem; padding: .18rem .65rem; border-radius: 999px; font-size: .8rem; line-height: 1.3;
    border: 1px solid var(--st-bord, #d1d5db); background: var(--st-carte, #fff); color: var(--st-texte, #111827); cursor: pointer; white-space: nowrap; }
.st-filtre:hover { border-color: var(--st-accent, #93C01F); }
.st-filtre b { font-weight: 600; color: var(--st-texte-2, #6b7280); font-size: .74rem; }
.st-filtre--on { background: color-mix(in srgb, #16A34A 16%, transparent); border-color: #16A34A; color: #166534; font-weight: 600; }
.dark .st-filtre--on { color: #86efac; }
.st-filtre--on b { color: inherit; }
.st-filtre--urgence-critical:not(.st-filtre--on) { border-color: #E63946; }
.st-filtre--urgence-high:not(.st-filtre--on) { border-color: #F59E0B; }
.st-filtres-sav__effacer { font-size: .76rem; text-decoration: underline; color: var(--st-texte-2, #6b7280); cursor: pointer; padding: 0 .3rem; }

/* --- Texte foncé sur les boutons verts (retour d'Evelyne, 03/11/2026) ---
   En sombre / gris, solartech.css colore tous les liens en vert clair et la règle « Liens dans nos écrans » en blanc :
   un lien posé sur le vert #AFCA0B devenait illisible (ex. « 🛠️ Ouvrir l’outil » dans Tâches).
   :not(#st-aucun) donne à ces règles la priorité sur celles des liens, sans toucher au reste. */
:is(.st-decision--principale, .st-taches__outil, .st-bouton--principal, .st-taches__onglets button.actif, .st-taches__qui button.actif,
    .st-cloche__prendre, .st-cloche__fait:hover, .st-cloche__sourdine-choix button.actif, .st-robot-choix button.actif, .st-fc__nb,
    .st-coach__btn--principal, .st-grille-perso__btn--principal, .st-oep__go, .st-at__btn--vert, .st-at__jours button.on,
    .st-rdv__onglets button.actif, .st-rdv__bouton--ok, .st-rdv-cren__ok, .st-rdv-ag__vues button.actif, .st-heure__puce.choisi,
    .st-rdv-client__envoyer, .st-fichiers__outil:hover, .st-stk__onglet.actif, .st-pil-btn--vert, .st-co-choix__c--on, .st-co-ou:hover,
    .st-sx__bouton--principal, .st-sx__onglet.actif, .st-sx__gros, .st-ec__btn:not(.sec):not(.danger), .ec-btn--principal,
    .st-parcours__fil button.fait span, .fo-vert, .fo-note b, .fo-boite__pied .ok,
    [style*="background:#AFCA0B"], [style*="background: #AFCA0B"], [style*="background:#afca0b"], [style*="background: #afca0b"]):not(#st-aucun),
:is(.st-decision--principale, .st-taches__outil, .st-bouton--principal, .st-oep__go, .st-sx__gros, .st-ec__btn:not(.sec):not(.danger),
    [style*="background:#AFCA0B"], [style*="background: #AFCA0B"]):not(#st-aucun) :is(span, b, strong, svg) {
    color: #1f2a00 !important;
}
/* Boutons principaux de Filament en sombre / gris : fond vert 500, texte foncé (le blanc ne se lisait pas). */
html:is(.dark, .theme-gray) .fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun),
html:is(.dark, .theme-gray) .fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun) :is(.fi-btn-icon, .fi-btn-label, span, svg) {
    color: #1f2a00 !important;
}

/* --- RH › Saisir une absence : liste à cocher de plusieurs salariés (03/11/2026) --- */
.st-rh__multi { position: relative; display: flex; flex-direction: column; gap: .2rem; min-width: 0; font-size: .82rem; font-weight: 600; color: var(--st-texte-2); }
.st-rh__multi-champ { text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--st-texte); font-weight: 400;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right .5rem center; background-size: 1.1rem; padding-right: 2rem !important; }
.st-rh__multi-liste { position: absolute; top: 100%; left: 0; z-index: 40; margin-top: .2rem; min-width: max(100%, 16rem); max-height: 21rem; overflow-y: auto;
    background: var(--st-carte); border: 1px solid var(--st-bord); border-radius: .5rem; box-shadow: 0 8px 21px rgba(0, 0, 0, .18); padding: .3rem; }
.st-rh__multi-liste label { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; font-size: .85rem; gap: .5rem; padding: .3rem .5rem; border-radius: .35rem; font-weight: 400; color: var(--st-texte); cursor: pointer; white-space: nowrap; }
.st-rh__multi-liste input[type=checkbox] { appearance: auto; -webkit-appearance: checkbox; width: 1rem !important; height: 1rem; min-width: 1rem !important; margin: 0; padding: 0; flex: none; accent-color: #85990A; }
.st-rh__multi-liste label:hover { background: var(--st-survol); }
.st-rh__multi-tous { display: flex; gap: .3rem; padding: .2rem .3rem .4rem; border-bottom: 1px solid var(--st-bord); margin-bottom: .2rem; }
.st-rh__multi-tous button { white-space: nowrap; font-size: .76rem; font-weight: 600; color: var(--st-texte-2); padding: .15rem .45rem; border: 1px solid var(--st-bord); border-radius: .35rem; background: var(--st-carte); }
.st-rh__multi-tous button:hover { background: var(--st-survol); }
/* Barre verte du haut : ses liens (← Retour, 🎓 Formation) restent blancs comme ses boutons, en sombre et en gris aussi. */
html:is(.dark, .theme-gray) .st-header .st-header__center a.st-btn:not(#st-aucun) { color: #fff !important; }
/* Liens en forme de bouton sur fond vert foncé ou bleu : texte blanc (sinon vert clair sur vert en sombre, ex. « + Nouveau devis »). */
html:is(.dark, .theme-gray) a:is(.st-fin__bouton--principal, .st-aide__bouton--vert, .st-rh__bouton--vert, .st-rh__bouton--bleu, .st-pil-btn--bleu):not(#st-aucun) { color: #fff !important; }
/* === CONTRASTE debut (ops/contraste) === */
/* Corrections écrites à la main (Filament, en-tête, éléments dont la couleur vient des données). */

/* En-tête : blanc sur le vert #AFCA0B (1,86:1) -> encre foncée, tous thèmes. La zone bleue garde son blanc. */
html body .st-header .st-header__center :is(.st-btn, .st-btn svg, .st-header__clock, .st-header__clock *, .st-zoom-level):not(#st-aucun) { color: #1f2a00 !important; }

/* Filament : pastilles et liens de couleur, encre plus foncée en clair et gris */
html:not(.dark) .fi-badge.fi-color-custom:not([style*="background"]) { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html:not(.dark) .fi-link.fi-color-custom, html:not(.dark) .fi-link.fi-color-custom span { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html:not(.dark) .fi-btn-outlined.fi-color-custom span { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html:not(.dark) .fi-page .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #4d5a06 !important; }
html:not(.dark) .fi-btn.fi-btn-color-warning:not(.fi-btn-outlined) :is(span, svg), html:not(.dark) .fi-btn.fi-color-warning:not(.fi-btn-outlined) :is(span, svg) { color: #1f2a00 !important; }
html:not(.dark):not(.theme-gray) .fi-btn-outlined :is(.fi-btn-label, svg) { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html.dark input:not(:checked) + label.fi-btn.fi-btn-color-primary:not(#st-aucun), html.dark input:not(:checked) + label.fi-btn.fi-btn-color-primary:not(#st-aucun) :is(span, svg) { color: #e5e7eb !important; }
html:not(.dark) .fi-link.fi-color-custom svg { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html:not(.dark) .fi-icon-btn.fi-color-custom { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html:not(.dark) .fi-icon-btn.fi-color-gray, html:not(.dark) .fi-pagination-item-button svg, html:not(.dark) .fi-ta-placeholder, html:not(.dark) .fi-ta-col-wrp svg.text-gray-400 { color: #475569 !important; }
html.dark .fi-icon-btn.fi-color-gray { color: #cbd5e1 !important; }

/* Gris : textes posés directement sur le fond de page #94a3b8 */
html.theme-gray .fi-breadcrumbs-item-label:not(#st-aucun), html.theme-gray a.fi-breadcrumbs-item-label:not(#st-aucun), html.theme-gray .fi-header-subheading,
html.theme-gray .fi-breadcrumbs-item-separator { color: #0f172a !important; }
html.theme-gray .fi-page .fi-sidebar-item-label, html.theme-gray .fi-page .fi-sidebar-group-label { color: #0f172a !important; }
html.theme-gray a.st-sa__retour:not(#st-aucun), html.theme-gray a.st-lien:not(#st-aucun) { color: #0f172a !important; }
html.theme-gray .st-sous, html.theme-gray .st-resp__aide { color: #0f172a; }
html.theme-gray .fi-page .fi-btn.fi-color-danger.fi-btn-outlined { color: #7f1d1d !important; }

/* Accueil : noms de domaines (couleur du domaine) mélangés de noir, sinon pâles sur carte */
html:not(.dark) .st-modules__nom { color: color-mix(in srgb, var(--st-domaine) 55%, #000000); }

/* Bulles d'initiales et codes d'absence : couleur venant des données, texte blanc -> contour sombre fin qui garde la lecture */
.st-pil-p, .st-rh__code, .ec-team-count { text-shadow: 0 0 2px rgba(0,0,0,.85), 0 0 1px rgba(0,0,0,.85); }

/* Calendrier des absences et des rendez-vous, sombre */
html.dark .fi-page .ec { --ec-bg-color: #273142; --ec-today-bg-color: #3b4657; --ec-border-color: #3b4657; --ec-text-color: #e5e7eb; background-color: #273142; color: #e5e7eb; }
html.dark .fi-page :is(.ec-day.ec-today, .ec-today) { background-color: #3b4657 !important; }
html.dark .fi-page :is(.ec-header, .ec-sidebar, .ec-slots, .ec-col-head, .ec-col-group, .ec-time, .ec-slot) { background-color: transparent !important; color: #e5e7eb !important; }

/* Liens de carte (Leaflet) : mention du fond de carte */
html.dark .leaflet-control-attribution, html.dark .leaflet-control-attribution a:not(#st-aucun) { color: #1f2937 !important; }

/* Écrans divers relevés par la mesure */
html.dark .fi-page :is(.ec-body, .ec-content, .ec-days, .ec-day, .ec-grid) { background-color: #273142 !important; }
html.dark .ec-team-title { color: #e5e7eb !important; }
html.dark a.st-fo__bouton:not(#st-aucun) { color: #1f2a00 !important; }
html.dark .st-rh__lien { color: #7cc4ff; }
html.dark .st-gen__etat { color: color-mix(in srgb, var(--c) 40%, #ffffff); }
html:not(.dark) .st-gen__etat { color: color-mix(in srgb, var(--c) 50%, #000000); }
html .st-pil-pt--ferme, html .st-pil-frise__et.passe, html .st-pil-ev.fin { opacity: .85; }
html body .st-lien-carte, html body .st-w__plein { opacity: 1 !important; }
html:not(.dark) .st-w__plein:not(#st-aucun), html:not(.dark) .st-lien-carte:not(#st-aucun) { color: #475569; }
html.dark .st-w__plein { color: #cbd5e1; }
.st-at__notif-haut { color: #475569 !important; }
.st-at__date, .st-at__heure, .st-ai-trigger__label, .st-ai-trigger__hint { text-shadow: 0 0 3px rgba(0,0,0,.7); }
html.theme-gray .st-filtre--on, html.theme-gray .st-filtre--on b { color: #052e16 !important; }
html.theme-gray .st-rp :is(button, b) { color: #1a2e05; }
html.theme-gray .fi-link.fi-color-custom span { color: color-mix(in srgb, rgb(var(--c-600)) 55%, #000000) !important; }
html.theme-gray .st-pil-pers__eq { color: #0f172a !important; }
html.dark .st-at__urgent { color: #fca5a5; }
html.dark .pc-btn--ia { background: #84cc16; border-color: #84cc16; }
[style*="background-color"][style*="color: white"] .fi-badge:not(#st-aucun), [style*="background-color"][style*="color: white"] .fi-badge:not(#st-aucun) * { color: #fff !important; text-shadow: 0 0 2px rgba(0,0,0,.85); background: transparent !important; }
html.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn:not(#st-aucun), html.dark .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn:not(#st-aucun) :is(span, svg) { color: #e5e7eb !important; }
html.dark .peer:not(:checked) + .fi-btn.fi-btn.fi-btn:not(#st-aucun), html.dark .peer:not(:checked) + .fi-btn.fi-btn.fi-btn:not(#st-aucun) :is(span, svg) { color: #e5e7eb !important; }
html.theme-gray .fi-page .fi-btn-outlined .fi-btn-label { color: #1a2e05 !important; }
html.theme-gray .fi-fo-toggle-buttons-input:not(:checked) + .fi-btn .fi-btn-label { color: #1a2e05 !important; }
html.dark .fi-page :is(.ec-time-grid, .ec-body, .ec-day-grid, .ec-all-day, .ec-resource) { background-color: #273142 !important; }
html .st-radio-pill.is-selected:not(#st-aucun) { color: #1f2a00 !important; }
.smr-av { text-shadow: 0 0 2px rgba(0,0,0,.85); }
html.theme-gray .st-pil-pers__eq *, html.theme-gray .st-pil-pers__eq { color: #0f172a !important; }
html.theme-gray .st-fp-muet, html.theme-gray .st-wizard__step-label, html.theme-gray .st-wizard__step-circle-num, html.theme-gray .st-site__num { color: #334155 !important; }
html .st-wizard__footer .fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun), html .st-wizard__footer .fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun) :is(span, svg) { color: #1f2a00 !important; }
html.dark .st-fo__onglets button:not(#st-aucun) { color: var(--st-texte); }
html.theme-gray .s18 { --vf: #3d4a03; --g: #1e293b; }
html.dark .s18 { --vf: #d4e66a; --g: #cbd5e1; }
html .st-site .th-btn:not(#st-aucun) { color: #1f2a00 !important; }
/* Bouton principal Filament en clair et gris : même vert de marque et encre foncée que le sombre. Choix non cochés (label) : inchangés. */
html:not(.dark) :is(button, a).fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun), html:not(.dark) .peer:checked + label.fi-btn.fi-btn-color-primary:not(#st-aucun) { background-color: rgb(var(--c-500)) !important; color: #1f2a00 !important; }
html:not(.dark) :is(button, a).fi-btn.fi-btn-color-primary:not(.fi-btn-outlined):not(#st-aucun) :is(.fi-btn-icon, .fi-btn-label, span, svg), html:not(.dark) .peer:checked + label.fi-btn.fi-btn-color-primary:not(#st-aucun) :is(.fi-btn-icon, .fi-btn-label, span, svg) { color: #1f2a00 !important; }
html.theme-gray :is(.st-projet-client__ref, .st-projet-client__titre, .st-projet-client__adresse):not(#st-aucun) { color: #0f172a !important; }
html:not(.dark) .fi-tabs-item.fi-active .fi-tabs-item-label, html:not(.dark) .fi-pagination-item.fi-active .fi-pagination-item-label { color: #4d5a06 !important; }
html.theme-gray a:is(.st-ec__btn, .st-fo__bouton):not(#st-aucun) { color: #1f2a00 !important; }
html.theme-gray .st-dropzone__text:not(#st-aucun) { color: #1f2a00 !important; }
html.theme-gray .st-rh__lien { color: #0f4c81; }
html.dark .fi-page ::placeholder { color: #a3adbb; opacity: 1; }
html.theme-gray .fi-page ::placeholder { color: #475569; opacity: 1; }
html.dark .fi-page input:is([type=month], [type=week], [type=datetime-local]) { background-color: var(--st-carte-2); color: var(--st-texte); color-scheme: dark; }

/* Couche générée par generer_contraste.py (05/11/2026) : ne pas modifier à la main. Couleurs seulement. */
/* --- tous : 45 sélecteurs --- */
html .st-aide__bouton--vert,
html .st-manuel__texte .st-aide-montrer,
html .st-parcours__fil button.fait span,
html .st-parcours__fil button.actif span,
html .st-visite-pied button.st-visite-principal,
html .st-oep__e--faite i,
html .st-oep__go,
html .st-ldt__filtres button.on,
html .st-ldt__enr,
html .smr-btn.vert,
html .smr-btn.or,
html .pc-seg button.on,
html .pc-btn--ia,
html .st-rdv-ec--terrain,
html .st-rdv-client__envoyer,
html .st-rf__nb,
html .st-sx__bouton--principal,
html .st-sx__onglet.actif,
html .st-sx__gros,
html .st-ec__btn,
html .st-dr .pil.on,
html .st-fl .b.v,
html .st-fl .pil.on,
html .lt .btn.v,
html .lt__coche,
html .st-ou .b.v,
html .st-ve .b.v,
html .st-header__center { color: #1f2a00 !important; }
html .st-coach__btn--fini,
html .st-rh__bouton--vert,
html .st-ab__doc--fait .st-ab__case,
html .pc-btn--ok,
html .st-hp__b--ok { background-color: #12883e !important; }
html .st-fac__principal,
html .st-gen__etapes button.actif,
html .st-gen__pills .actif,
html .st-choix__autres button.actif,
html .st-fin__puce.actif,
html .st-fin__bouton--principal { background-color: #1e8449 !important; }
html .st-oep__cal { background-color: #8452f5 !important; }
html .st-pil-p i { background-color: #607490 !important; }
html .st-stk__etape.ici { background-color: #0b7caf !important; }
html .ec-pos-delete:hover { background-color: #eb1515 !important; }
html .st-header__right { background-color: #1a7dad !important; }
/* --- dark : 891 sélecteurs --- */
html.dark .st-aide__panneau,
html.dark .st-aide__recherche input,
html.dark .st-manuel__chercher,
html.dark .st-aide__bouton,
html.dark .st-visite-bulle,
html.dark .st-dr .b,
html.dark .st-dr__boite .act a,
html.dark .st-dr__boite .act button,
html.dark .st-fl .b,
html.dark .st-fl__ch input,
html.dark .st-fl__ch select,
html.dark .st-fl__ch textarea,
html.dark .lt .btn,
html.dark .lt__ch input,
html.dark .lt__ch select,
html.dark .lt__ch textarea,
html.dark .lt__puces button,
html.dark .lt__puces label,
html.dark .lt__actions button,
html.dark .st-ou .b,
html.dark .st-ou__outils select,
html.dark .st-ou__outils input,
html.dark .st-ou__ch input,
html.dark .st-ou__ch select,
html.dark .st-ou__ch textarea,
html.dark .st-ve .b,
html.dark .st-ve__outils select,
html.dark .st-ve__outils input,
html.dark .st-ve__ch input,
html.dark .st-ve__ch select,
html.dark .st-ve__ch textarea { background-color: var(--st-carte); color: #8c9bc7; }
html.dark .st-aide__lien-manuel,
html.dark .st-aide__vide a,
html.dark .st-aide__faq a,
html.dark .st-manuel__texte a,
html.dark .st-parcours__fini,
html.dark .st-coche { color: #9db219; }
html.dark .st-aide__resultat:hover,
html.dark .st-manuel__item:hover,
html.dark .st-aide__ici,
html.dark .st-manuel__item.actif,
html.dark .st-manuel__texte th,
html.dark .st-manuel__texte code,
html.dark .st-vb__puces button.on,
html.dark .st-vb__depot.sur { background-color: #474f17; color: var(--st-texte); }
html.dark .st-aide__extrait,
html.dark .st-aide .st-sous,
html.dark .st-manuel .st-sous,
html.dark .st-aide__vide,
html.dark .st-aide__rubrique,
html.dark .st-manuel__rubrique,
html.dark .st-aide__faq div,
html.dark .st-manuel__autres summary,
html.dark .st-manuel__resume,
html.dark .st-aide-capture figcaption,
html.dark .st-manuel__controle,
html.dark .st-visite-pied,
html.dark .st-co-vide,
html.dark .st-co-inc__txt small,
html.dark .st-co-inc__meta,
html.dark .st-co-det__titre small,
html.dark .st-co-histo__titre,
html.dark .st-co-histo__l small,
html.dark .st-co-ch__l small,
html.dark .st-co-su__l small,
html.dark .st-co-fiche__i li small,
html.dark .st-co-fiche__i > small,
html.dark .st-fo__resultats small,
html.dark .st-fo__carte-titre span,
html.dark .st-fo__legende,
html.dark .st-fo__module h3 small,
html.dark .st-fo__ligne small,
html.dark .st-fo__conseil,
html.dark .st-fo__fil,
html.dark .st-fo__etat,
html.dark .st-fo__menus h4 small,
html.dark .st-fo__menu-ic,
html.dark .st-fo__menus li.ferme span,
html.dark .st-fo__menus em,
html.dark .st-ldt__puce--envoi,
html.dark .st-ldt__details,
html.dark .st-ldt__details td:first-child,
html.dark .st-ldt__aussi,
html.dark .st-pil-tab__qui,
html.dark .st-pil-role__nom small { color: #97a3b4; }
html.dark .st-pil-zone__lab,
html.dark .st-pil-p__outil,
html.dark .st-pil-ev small,
html.dark .st-pil-frise__et small,
html.dark .st-pil-ck__groupe h4,
html.dark .st-pil-pt__txt small,
html.dark .st-pil-rev__qui,
html.dark .st-pil-rev__tab th,
html.dark .st-pil-pers__tab th,
html.dark .st-pil-fiche dt,
html.dark .st-ab__projet small,
html.dark .st-ab__doc small,
html.dark .st-etp__nom small,
html.dark .st-pil-sous-titre,
html.dark .st-pil-carte small,
html.dark .pc-sous,
html.dark .pc-meteo,
html.dark .pc-eq-gens,
html.dark .pc-attente,
html.dark .pc-carte-l2,
html.dark .pc-carte-l3,
html.dark .pc-vide,
html.dark .pc-axe span,
html.dark .pc-jmeteo,
html.dark .pc-libre-txt,
html.dark .pc-egens,
html.dark .pc-t span,
html.dark .pc-aide,
html.dark .pc-o span,
html.dark .pc-h3,
html.dark .pc-pres-i i,
html.dark .st-resp__cases-titre,
html.dark .st-sav__boite dt,
html.dark .st-vb .sous,
html.dark .st-vb__ariane,
html.dark .st-vb__ph .noimg,
html.dark .st-vb__depot,
html.dark .st-vb dl.rep dt,
html.dark .st-vb .grp,
html.dark .st-cv .sous { color: #97a3b4; }
html.dark .st-cv.lect .dt { color: #97a3b4; }
html.dark .st-aide__extrait mark,
html.dark .st-aide mark { background-color: #4f4717; color: var(--st-texte); }
html.dark .st-aide__bouton--vert,
html.dark .st-manuel__texte .st-aide-montrer,
html.dark .st-parcours__fil button.actif span,
html.dark .st-visite-pied button.st-visite-principal,
html.dark .st-coche:checked { background-color: #85990a; }
html.dark .st-aide__bouton--vert:hover { background-color: #6e7e08; color: #ffffff; }
html.dark .st-manuel,
html.dark .st-parcours__fil button.actif,
html.dark .st-fo__carte-titre b,
html.dark .st-fo__flux b,
html.dark .st-fo__ligne b,
html.dark .st-fo__conseil b,
html.dark .st-fo__fil b,
html.dark .st-fo__options h5,
html.dark .st-ldt__titre,
html.dark .st-ldt__tete b,
html.dark .st-ldt__corps,
html.dark .st-ldt__details td,
html.dark .st-dr__bloc h3,
html.dark .st-fl__bloc h3,
html.dark .st-fl td,
html.dark .st-fl__ch .val,
html.dark .lt__haut h1,
html.dark .lt__ch .val,
html.dark .lt__ch .lt__puces label,
html.dark .lt__ligne,
html.dark .lt__arbre>div,
html.dark .st-ou__bloc h3,
html.dark .st-ou td,
html.dark .st-ou__ch .val,
html.dark .st-ou__seg label,
html.dark .st-ve__bloc h3,
html.dark .st-ve td,
html.dark .st-ve__ch .val,
html.dark .st-ve__seg label,
html.dark .st-vb__onglets button.on,
html.dark .st-vb__ariane b,
html.dark .st-dropdown__name { color: #92a1cb; }
html.dark .st-manuel__gauche,
html.dark .st-manuel__lecture,
html.dark .st-manuel__carte,
html.dark .st-parcours__nav,
html.dark .st-pin,
html.dark .st-email,
html.dark .st-visionneuse__corps img,
html.dark .st-visionneuse__corps video,
html.dark .st-visionneuse__corps iframe,
html.dark .st-gen__signature canvas,
html.dark .st-fo__nav .url,
html.dark .st-ldt__opt select,
html.dark .st-ldt__opt input[type=date],
html.dark .smr-et.cur .rond,
html.dark .pc-tiroir-btn,
html.dark .st-pl__pictos .st-picto,
html.dark .st-rdv-etape--bureau,
html.dark .st-rdv-ec__pictos > *,
html.dark .st-dr__bloc,
html.dark .st-dr__ph button,
html.dark .st-fl__bloc,
html.dark .lt,
html.dark .lt__bas,
html.dark .lt__pm,
html.dark .st-ou__bloc,
html.dark .lt__photo .x,
html.dark .st-ve__bloc,
html.dark .st-vb .th .att,
html.dark .st-vb__ph .zoom,
html.dark .st-vb__zoom img,
html.dark .st-header__logo,
html.dark .st-dropdown__item:hover,
html.dark .st-dropdown__btn:hover,
html.dark .st-cv .th .att { background-color: var(--st-carte); color: var(--st-texte); }
html.dark .st-manuel__carte--vert { background-color: #474f17; color: var(--st-texte); border-color: #79862d; }
html.dark .st-parcours__fil button { background-color: var(--st-carte); color: #919eb0; }
html.dark .st-parcours__fil button span { background-color: #2c313a; color: #8c9bc7; }
html.dark .st-parcours__fil button.fait span,
html.dark .st-coach__btn--principal:hover,
html.dark .st-oep__relance-btn--p,
html.dark .st-oep__go,
html.dark .st-fichiers__progression span,
html.dark .st-fo__barre i,
html.dark .st-fo__etapes .t.fait,
html.dark .st-fo__rond.grand,
html.dark .st-ldt__filtres button.on,
html.dark .st-ldt__enr,
html.dark .st-rdv-ctl__barre i,
html.dark .st-rdv-client__envoyer,
html.dark .st-sx__bouton--principal,
html.dark .st-sx__onglet.actif,
html.dark .st-sx__gros,
html.dark .st-ec__btn,
html.dark .cs-barre i,
html.dark .st-dr .pil.on,
html.dark .s18-tel .ent span.on,
html.dark .s18-q .ph span,
html.dark .st-fl .b.v,
html.dark .st-fl .pil.on,
html.dark .lt .btn.v,
html.dark .lt__etapes i.on,
html.dark .lt__coche,
html.dark .n8n-pill--green,
html.dark .n8n-summary__dot--green,
html.dark .st-ou .b.v,
html.dark .st-ve .b.v,
html.dark .st-header__center { background-color: #afca0b; }
html.dark .st-visite-pied button,
html.dark .st-oep__relance-btn { background-color: var(--st-carte); color: #8c9bc7; border-color: var(--st-bord); }
html.dark .st-at__jours button.on,
html.dark .st-at__btn--vert,
html.dark .st-bouton--principal,
html.dark .st-decision--principale,
html.dark .st-cloche__fait:hover,
html.dark .st-cloche__sourdine-choix button.actif,
html.dark .st-robot-choix button.actif,
html.dark .st-fc__nb,
html.dark .st-cloche__prendre,
html.dark .st-taches__onglets button.actif,
html.dark .st-pl__vues button.actif,
html.dark .st-grille-perso__btn--principal,
html.dark .st-fichiers__outil:hover,
html.dark .st-visionneuse__boutons button:hover,
html.dark .st-visionneuse__boutons a:hover,
html.dark .st-pl__onglets button.actif,
html.dark .st-w__plein:hover,
html.dark .st-rdv__onglets button.actif,
html.dark .st-rdv__bouton--ok,
html.dark .st-rdv-cren__ok,
html.dark .st-rdv-ag__vues button.actif,
html.dark .st-heure__puce.choisi,
html.dark .st-rep__onglets button.actif,
html.dark .st-rf__actions button:first-child:not(:last-child),
html.dark .st-stk__onglet.actif,
html.dark .st-employe__nouveau,
html.dark .st-taches__qui button.actif,
html.dark .st-taches__outil,
html.dark .st-attr__noms button.actif { background-color: #afca0b; color: #1f2a00; }
html.dark .st-at__btn--vert:hover { background-color: #9db60a; }
html.dark .st-at__ok,
html.dark .st-co-ch__l--fini .st-co-ch__etat,
html.dark .st-px__mk--moi,
html.dark .st-px__ok,
html.dark .smr-lgn b.ok,
html.dark .smr-legende .plus,
html.dark .st-pil-av li.fait,
html.dark .st-pil-pers__c--libre,
html.dark .st-pil-carte.go .st-pil-carte__jauge,
html.dark .pc-ok,
html.dark .st-sx__etat--ok,
html.dark .st-stk .ok { color: #1fbd5a; }
html.dark .st-at__ko,
html.dark .st-fin .neg,
html.dark .rp-btn.rouge,
html.dark .rp-warn,
html.dark .rp-warn-t,
html.dark .rp-journal .ko,
html.dark .st-rep__kpis b.rouge,
html.dark .st-sx__etat--refuse,
html.dark .st-sx__lien--rouge,
html.dark .st-stk .neg,
html.dark .st-cf__rouge { color: #ec8787; }
html.dark .st-at__famille,
html.dark .st-sav-email,
html.dark .st-traiter__photos img,
html.dark .st-traiter__fichier,
html.dark .st-sav-possible,
html.dark .st-fiche-projet .st-fp-plus,
html.dark .st-pil-couleurs button,
html.dark .st-ab__case,
html.dark .rp-pc:hover,
html.dark .cs-onglets button,
html.dark .s18-tp input:hover,
html.dark .s18-tp input:focus,
html.dark .s18-q .pu,
html.dark .st-header__avatar:hover { border-color: var(--st-bord); }
html.dark .st-at__notif-haut { color: #a2a2a2; }
html.dark .st-co-coche,
html.dark .st-co-ch__l--pas_fini .st-co-ch__etat,
html.dark .st-pil-fen label,
html.dark .st-pil-go__info,
html.dark .st-ab__lab { color: #93a1b6; }
html.dark .st-co-coche--grand,
html.dark .st-pil-p__outil:hover,
html.dark .pc,
html.dark .pc-dlg { color: #8ba1d6; }
html.dark .st-co-inc:hover,
html.dark .st-carte-bouton:hover,
html.dark .st-pil-clic:hover td,
html.dark .st-pil-zoom button:hover,
html.dark .pc-panneau,
html.dark .pc-jour,
html.dark .pc-ecol,
html.dark .pc-sug--non,
html.dark .pc-pres,
html.dark .pc-pres th,
html.dark .pc-pres-i,
html.dark .st-vb__puces button { background-color: #1f3347; color: var(--st-texte); }
html.dark .st-co-inc--choisi,
html.dark .st-fo__vrai.pause,
html.dark .st-pil-met--condition { background-color: #4f4417; color: var(--st-texte); border-color: #86712d; }
html.dark .st-co-st,
html.dark .st-vb .pill { background-color: #1f3347; color: #889cb8; }
html.dark .st-co-st--ouvert,
html.dark .st-oep__sortie,
html.dark .st-rel-mail__echec,
html.dark .st-pil-abs,
html.dark .st-fl .p.ko,
html.dark .n8n-health__badge--ko,
html.dark .st-ou .p.ko,
html.dark .st-ve .p.ko { background-color: #4f1717; color: #e67171; }
html.dark .st-co-st--pris,
html.dark .st-fo__fictif,
html.dark .smr-badge,
html.dark .st-pil-c.si,
html.dark .st-pil-apercu__st,
html.dark .st-sx__type--onduleur,
html.dark .st-ec__puce.o,
html.dark .st-fl .p.bientot,
html.dark .lt__alerte,
html.dark .st-ou .p.bientot,
html.dark .st-ou__alerte,
html.dark .lt-p.att,
html.dark .st-ve .p.bientot { background-color: #4f4417; color: #eba376; }
html.dark .st-co-st--resolu,
html.dark .st-pil-c,
html.dark .st-sx__type--borne,
html.dark .st-ec__puce,
html.dark .st-fl .p.ok,
html.dark .st-ou .p.ok,
html.dark .lt-p.ok,
html.dark .st-ve .p.ok { background-color: #174f2a; color: #2ed16c; }
html.dark .st-co-act:hover { background-color: #174f28; color: var(--st-texte); border-color: #79862d; }
html.dark .st-co-ch__l--retard,
html.dark .pc-eq--manque,
html.dark .st-dr .b.rouge:hover,
html.dark .st-dr .poub:hover,
html.dark .st-dropdown__btn--danger:hover { background-color: #4f1717; color: var(--st-texte); }
html.dark .st-co-ch__l--retard .st-co-ch__etat,
html.dark .st-facl__rouge,
html.dark .st-facl__cartes .st-facl__rouge b,
html.dark .smr-legende .moins,
html.dark .st-pil-err,
html.dark .st-pil-carte__jauge,
html.dark .st-pl__manques,
html.dark .st-stk__corbeille,
html.dark .st-dr .b.rouge,
html.dark .ec-btn--danger,
html.dark .st-fl__err,
html.dark .lt__err,
html.dark .lt__arbre .ko,
html.dark .lt .ko,
html.dark .st-ou__err,
html.dark .st-ve__err,
html.dark .st-vb__q .l i,
html.dark .st-vb__q .l .rv.on,
html.dark .st-vb dl.rep .revoir dd,
html.dark .st-cv .l i,
html.dark .st-cv .rv.on,
html.dark .st-cv.lect.revoir .dd { color: #ec8282; }
html.dark .st-co-ch__l--incident .st-co-ch__etat,
html.dark .st-pl__outlook,
html.dark .st-gen__lignes tr.remise td,
html.dark .st-fin__alerte,
html.dark .st-fin__prime.statut-a_verifier,
html.dark .st-fin__prime.statut-en_attente,
html.dark .st-fin__mini-bouton--retirer,
html.dark .st-fo__bulle .presque,
html.dark .st-pl__glisser,
html.dark .st-rdv-liste__rdv.sans,
html.dark .st-rdv-cren__manque,
html.dark .st-rdv-ag__alerte,
html.dark .st-stk .sous,
html.dark .st-cf__orange { color: #e58c48; }
html.dark .st-co-su__prop,
html.dark .st-pil-ico.sel { background-color: #20174f; color: var(--st-texte); }
html.dark .st-co-ou:hover,
html.dark .st-co-choix__c--on { background-color: #afca0b; color: #1a2e05; }
html.dark .st-co-choix__c { background-color: var(--st-carte); color: #849bd3; border-color: #3d5576; }
html.dark .st-bouton--principal:hover,
html.dark .st-decision--principale:hover,
html.dark .st-rdv-cren__ok:hover { background-color: #9cb60a; }
html.dark .st-employe__badge--super,
html.dark .smr-btn.ia { background-color: #7c3aed; color: #ffffff; }
html.dark .st-kanban__pastille--offre { background-color: #172f4f; color: #7997ec; border-color: #2d5486; }
html.dark .st-kanban__pastille--relance { background-color: #4f3617; color: #e79257; border-color: #865c2d; }
html.dark .st-kanban__pastille--rappel,
html.dark .st-oep__rappel { background-color: #20174f; color: #a176e6; border-color: #3c2d86; }
html.dark .st-planning td.st-planning__dispo,
html.dark .pc-seg button.on,
html.dark .pc-btn--ia { background-color: #84cc16; }
html.dark .st-histo__point--creation,
html.dark .st-coach__btn--fini,
html.dark .st-rh__bouton--vert,
html.dark .st-px__mk--moi i,
html.dark .st-ab__doc--fait .st-ab__case,
html.dark .st-pil-carte.go .st-pil-carte__barre i,
html.dark .pc-btn--ok,
html.dark .st-hp__b--ok,
html.dark .st-cf__nb--ok { background-color: #16a34a; }
html.dark .st-histo__point--modification,
html.dark .st-rdv-ag__legende i.rdv { background-color: #2563eb; }
html.dark .st-histo__point--suppression,
html.dark .st-histo__point--echec_connexion,
html.dark .st-ai-rec-dot,
html.dark .st-pil-carte__barre i { background-color: #dc2626; }
html.dark .st-histo__point--restauration { background-color: #ca8a04; }
html.dark .st-histo__point--evenement { background-color: #d97706; }
html.dark .st-histo__point--acces,
html.dark .st-px__mk--achat i,
html.dark .st-px__point--prix { background-color: #7c3aed; }
html.dark .st-resp__retirer:hover { color: #ed838b; }
html.dark .st-plan__alerte,
html.dark .st-fin__alerte-bloc,
html.dark .st-rdv-client__sans,
html.dark .st-rdv-cren__alerte { background-color: #4f4417; color: #eca47b; }
html.dark .st-plan__manque { background-color: #4f3617; color: #ea8f70; }
html.dark .st-coach__btn--principal,
html.dark .st-fo__bouton,
html.dark .st-fo__ligne.fait .et,
html.dark .st-fo__etapes .p.fait,
html.dark .st-fo__badge-jeu,
html.dark .cs-onglets button.actif,
html.dark #st-fos .fait,
html.dark .st-sa__btn--p { background-color: #afca0b; color: #0e121d; }
html.dark .st-coach__btn--fini:hover { background-color: #15803d; }
html.dark .st-coach__btn--retirer,
html.dark .st-cf__nb { background-color: #dc2626; color: #ffffff; }
html.dark .st-coach__btn--retirer:hover,
html.dark .lt__coche.non { background-color: #b91c1c; }
html.dark .st-rh__bouton--bleu { background-color: #1f6fb2; color: #ffffff; }
html.dark .st-rh__code,
html.dark .st-rh-puce--on,
html.dark .st-rdv-etape,
html.dark .st-frise__action { background-color: #2563eb; color: #ffffff; }
html.dark .st-rh__ecart { color: #1bbd57; }
html.dark .st-messages__teams { background-color: #5b5fc7; color: #ffffff; }
html.dark .st-carte-bouton { background-color: var(--st-carte); color: #869cbb; }
html.dark .st-fac__num { background-color: #173a4f; color: #4daae6; }
html.dark .st-fac-pastille--gris { background-color: #2c313a; color: #919cac; }
html.dark .st-fac-pastille--orange { background-color: #4f3617; color: #ea8e6f; }
html.dark .st-fac-pastille--vert { background-color: #1c4a2b; color: #2cca68; }
html.dark .st-fac-pastille--rouge,
html.dark .st-acc__etat--refuse,
html.dark .st-acc__etat--erreur,
html.dark .st-ldt__tag--r,
html.dark .smr-bloc li.moins,
html.dark .st-ec__btn.danger,
html.dark .st-ec__puce.r,
html.dark .ec-pos-delete { background-color: #4f1717; color: #e97070; }
html.dark .st-fac-pastille--bleu { background-color: #17314f; color: #7d96e9; }
html.dark .st-fac__principal,
html.dark .st-gen__etapes button.actif,
html.dark .st-gen__pills .actif,
html.dark .st-choix__autres button.actif,
html.dark .st-fin__puce.actif,
html.dark .st-fin__bouton--principal { background-color: #27ae60; }
html.dark .st-fac__principal:hover,
html.dark .st-fin__bouton--principal:hover { background-color: #1f9150; }
html.dark .st-fac-apercu th,
html.dark .ec-header p,
html.dark .ec-team-desc,
html.dark .ec-pos-job,
html.dark .ec-aide,
html.dark .n8n-health { color: #9ba1ac; }
html.dark .st-fac-alerte { background-color: #4f3617; color: #ea8f70; border-color: #865a2d; }
html.dark .st-fp-lab,
html.dark .st-fp-kv dt,
html.dark .st-fp-lignes dt,
html.dark .st-fp-muet,
html.dark .st-oep__e,
html.dark .st-oep__rdv-txt small,
html.dark .st-oep__muet,
html.dark .st-oep__action .st-avancement,
html.dark .st-ldt__compte,
html.dark .st-ldt__qui-lib,
html.dark .st-ldt__jour,
html.dark .st-ldt__tete,
html.dark .st-ldt__vide,
html.dark .st-wizard__step-label,
html.dark .st-site__num,
html.dark .st-dr__barre .sous,
html.dark .st-dr__ligne .d,
html.dark .st-dr__vide,
html.dark .st-fl .doux,
html.dark .st-fl__ch label,
html.dark .st-fl__vide,
html.dark .lt__ch label,
html.dark .lt__doux,
html.dark .lt__carte h3,
html.dark .lt__ligne .d,
html.dark .lt__arbre .d,
html.dark .st-ou .doux,
html.dark .st-ou__ch label,
html.dark .st-ou__sep,
html.dark .st-ou__vide,
html.dark .lt__haut .et,
html.dark .lt__cmp .t,
html.dark .st-ve .doux,
html.dark .st-ve__ch label,
html.dark .st-ve__sep,
html.dark .st-ve__vide { color: #9ba2ae; }
html.dark .st-oep__e--faite i,
html.dark .st-oep__relance-btn--p:hover,
html.dark .st-oep__go:hover { background-color: #93c01f; }
html.dark .st-oep__e--actuelle { color: #b38feb; }
html.dark .st-oep__e--actuelle i { background-color: #22174f; color: var(--st-texte); }
html.dark .st-oep__cal { background-color: #8b5cf6; }
html.dark .st-oep__ouvrir,
html.dark .st-pil-pt--doute .st-pil-pt__st,
html.dark .ec-pos-role { color: #b593f0; }
html.dark .st-oep__vide { color: #99a3b2; }
html.dark .st-oep__puce--ok { background-color: #454f17; color: #9fd21e; border-color: #74862d; }
html.dark .st-lecture-seule { background-color: #4f3617; color: #ea8e6f; border-color: #865c2d; }
html.dark .st-gen__etapes button.actif i { background-color: var(--st-carte); }
html.dark .st-gen__alertes li.n-bloque,
html.dark .st-gen__alertes li.n-jonathan { color: #ea9869; }
html.dark .st-pvsol > b { color: #4eabdd; }
html.dark .st-opt__etat { background-color: #4f4217; color: #dfae20; }
html.dark .st-gen__belux { background-color: #17314f; color: #3ba2e3; }
html.dark .st-fin .faible,
html.dark .st-px__ko,
html.dark .rp-collecte .rp-attente,
html.dark .st-rep-fm__questions h4 { color: #e28f31; }
html.dark .st-fin__bouton--marge { background-color: #4f4417; color: #eba376; border-color: #86652d; }
html.dark .st-fin__avenir { color: #44ace4; }
html.dark .st-fin__prime.statut-active,
html.dark .st-pil-ev.now b:after { color: #28b95f; }
html.dark .st-fin__aide { background-color: #174f35; color: #1dcc9b; }
html.dark .st-fin__bouton.actif { background-color: #1c4a2b; color: var(--st-texte); }
html.dark .st-fin__meme { background-color: #172f4f; color: #7d96e9; border-color: #2d5786; }
html.dark .st-px__lien { color: #41ade4; }
html.dark .st-acc__etat--ok,
html.dark .smr-bloc li.plus { background-color: #174f2e; color: #22cf63; }
html.dark .st-acc__etat--protege,
html.dark .st-acc__etat--sans_prix,
html.dark .s18-pill,
html.dark .s18-tag.lock,
html.dark .s18-info { background-color: #4f4417; color: #eaa36c; }
html.dark .st-fo__resultats > a:hover,
html.dark .s18-parties button.drop,
html.dark .s18-fen .ok,
html.dark .st-fl tr.sel td,
html.dark .st-ou tr.sel td,
html.dark .st-ve tr.sel td { background-color: #454f17; color: var(--st-texte); }
html.dark .st-fo__flamme { background-color: #4f3d17; color: #e99d63; }
html.dark .st-fo__bouton:hover { background-color: #484f17; color: var(--st-texte); }
html.dark .st-fo__etapes .t,
html.dark .st-fo__nav .o,
html.dark .st-rdv-ag__legende i.outlook,
html.dark .st-rdv-client__envoyer:disabled { background-color: #253241; color: var(--st-texte); }
html.dark .st-fo__mode > a:hover { background-color: #454f17; color: #aeb9d8; }
html.dark .st-fo__nav { background-color: #28303e; color: #8b98ab; }
html.dark .st-fo__cadre,
html.dark .st-fo-decor { background-color: #263340; color: var(--st-texte); }
html.dark .st-fo__options button:hover,
html.dark .s18-out:hover,
html.dark .st-ve__seg label:has(input:checked) { background-color: #454f17; color: var(--st-texte); border-color: #79862d; }
html.dark .st-fo__vrai { background-color: #172f4f; color: var(--st-texte); border-color: #2d5486; }
html.dark .st-fo__vrai p { color: #859ee5; }
html.dark .st-fo__vrai.pause p,
html.dark .st-pil-si { color: #e68b53; }
html.dark .st-ldt__qui-tout.on,
html.dark .st-ldt__qui-p.on,
html.dark .lt__puces .on,
html.dark .lt__puces label:has(input:checked),
html.dark .st-ou__seg label:has(input:checked) { background-color: #454f17; color: #9fd21e; border-color: #79862d; }
html.dark .st-ldt__saisie.drop,
html.dark .st-dr tr.l:hover td,
html.dark .st-fl tr.l:hover td,
html.dark .st-ou tr.l:hover td,
html.dark .st-ve tr.l:hover td { background-color: #444f17; color: var(--st-texte); }
html.dark .st-ldt__edition,
html.dark .st-ldt__info { color: #b490eb; }
html.dark .st-ldt__ia { background-color: #33174f; color: #a378ec; border-color: #572d86; }
html.dark .st-ldt__ia.rec { background-color: #4f1717; color: #e97070; border-color: #862d2d; }
html.dark .st-ldt__av { background-color: #1f3347; border-color: var(--st-bord); }
html.dark .st-ldt__tag { background-color: #22174f; color: #a276e7; }
html.dark .st-ldt__pied button:hover,
html.dark .st-ldt__agrandir:hover,
html.dark .st-ldt__journal,
html.dark .st-dr__ligne a,
html.dark .st-ve__seg input:checked+span { color: #84ae19; }
html.dark .st-ldt mark { background-color: #4f4817; color: var(--st-texte); }
html.dark .smr,
html.dark .smr-et.cur,
html.dark .smr-legende b { color: #89ac79; }
html.dark .smr-modes button.on { color: #94b485; }
html.dark .smr-jauge { background-color: #343a2c; color: var(--st-texte); }
html.dark .smr-jauge i,
html.dark .smr-btn.or,
html.dark .st-rf__nb { background-color: #f59e0b; }
html.dark .smr-col h2,
html.dark .smr-pers-t small,
html.dark .smr-etat,
html.dark .smr-sep,
html.dark .smr-vide,
html.dark .smr-partis,
html.dark .smr-qui .fn,
html.dark .smr-q .aide,
html.dark .smr-fam,
html.dark .smr-lgn b,
html.dark .smr-puces em,
html.dark .smr-note,
html.dark .smr-pied .info,
html.dark .smr-btn.discret,
html.dark .smr-bloc h3,
html.dark .smr-legende { color: #9ea797; }
html.dark .smr-pers-t small.smr-chg,
html.dark .smr-etat.revoir,
html.dark .s18-ch .obl { color: #e88860; }
html.dark .smr-pts i { background-color: #343b2b; color: var(--st-texte); }
html.dark .smr-pts i.f,
html.dark .smr-btn.vert { background-color: #5f8f1c; }
html.dark .smr-et.fait .rond { background-color: #374c1a; color: #87cb28; }
html.dark .smr-lien { color: #76b123; }
html.dark .smr-alerte.vert { background-color: #374f17; color: var(--st-texte); }
html.dark .st-pil-tab__groupe td { color: #a3adbd; }
html.dark .st-pil-c.no,
html.dark .st-pil-pt--na,
html.dark .st-ab__doc--na { background-color: #1f3347; }
html.dark .st-pil-lien:hover { color: #5ea6e3; }
html.dark .st-pil-ex ul { color: #95a6bf; }
html.dark .st-pil-ex--ia,
html.dark .st-pil-sugg { background-color: #20174f; color: var(--st-texte); border-color: #3f2d86; }
html.dark .st-pil-puce,
html.dark .pc-mini { background-color: #17394f; color: #41abe4; }
html.dark .st-pil-met--toujours,
html.dark .st-ab__doc--fait { background-color: #174f28; color: var(--st-texte); border-color: #2d864d; }
html.dark .st-pil-zone.survol { background-color: #3e4f17; color: var(--st-texte); border-color: #79862d; }
html.dark .st-pil-p.abs { background-color: #4f1717; color: #e67171; border-color: #862d2d; }
html.dark .st-pil-p.actif { background-color: #174f2a; color: var(--st-texte); border-color: #2d864d; }
html.dark .st-pil-chrono:before,
html.dark .pc-ia-carte { background-color: #233143; color: var(--st-texte); }
html.dark .st-pil-jauge--nogo,
html.dark .st-pil-pers__c--pris { color: #ef9494; }
html.dark .st-pil-jauge--pret { color: #e29c36; }
html.dark .st-pil-jauge--go { color: #21c65e; }
html.dark .st-pil-puce--jaune { background-color: #4f4a17; color: var(--st-texte); border-color: #86742d; }
html.dark .st-pil-msg--erp { color: #9facbe; }
html.dark .st-ab__projet.actif,
html.dark .pc-pres-i--outlook { background-color: #17394f; color: var(--st-texte); }
html.dark .pc-mini--ko { background-color: #4f171b; color: #ea6a8e; }
html.dark .pc-seg button,
html.dark .pc-btn,
html.dark .pc-puce,
html.dark .pc-filtres select,
html.dark .pc-dlg textarea,
html.dark .pc-dlg input[type=text],
html.dark .pc-dlg select { color: #9aaddb; }
html.dark .pc-btn--danger,
html.dark .pc-eq-alerte,
html.dark .pc-attente--vieux,
html.dark .pc-jmeteo--ko,
html.dark .pc-evide,
html.dark .pc-e-p--abs { color: #ee869f; }
html.dark .pc-alerte--info { background-color: #17394f; color: #41abe4; border-color: #2d6786; }
html.dark .pc-eq-gens s,
html.dark .pc-egens s { color: #ed8199; }
html.dark .pc-trou-info { background-color: #4f4a17; color: #eaaf7a; }
html.dark .pc-carte--arme,
html.dark .pc-pres-i--rdv { background-color: #172f4f; color: var(--st-texte); }
html.dark .pc-carte-raison { color: #76b822; }
html.dark .pc-trou:hover,
html.dark .pc-trou.on { background-color: #3e4f17; color: #87d227; border-color: #63862d; }
html.dark .pc-now span { background-color: #e11d48; color: #ffffff; }
html.dark .pc-cible,
html.dark .pc-pres-i--terrain { background-color: #3e4f17; color: var(--st-texte); }
html.dark .pc-toast { background-color: #14532d; color: #ffffff; }
html.dark .pc-toast--ko { background-color: #9f1239; }
html.dark .pc-o--absent { background-color: #4f171b; color: var(--st-texte); border-color: #862d38; }
html.dark .pc-pres-i--absent,
html.dark .st-rdv-ec--choisi { background-color: #4f171b; color: var(--st-texte); }
html.dark .st-w--plein > .st-w__plein,
html.dark .st-badge { background-color: #dc3545; color: #ffffff; }
html.dark .st-w--plein > .st-w__plein:hover { background-color: #b91c2c; color: #ffffff; }
html.dark .st-rdv-client__prefere { background-color: #174f35; color: var(--st-texte); }
html.dark .st-rdv-etape--nouveau { background-color: #e11d48; }
html.dark .st-rdv-ag__legende i.terrain,
html.dark .st-rdv-ec--terrain { background-color: #84a30a; }
html.dark .st-rdv-ag__legende i.absent { background-color: #fca5a5; }
html.dark .st-rdv-ec--outlook { background-color: #233143; color: #889cb8; }
html.dark .st-rdv-ec--absent { background-color: #4f1717; color: #df7474; }
html.dark .rp-btn.pri:hover { background-color: #9db609; }
html.dark .f-A,
html.dark .rp-vt .res.conflit,
html.dark .rp-alerte,
html.dark .st-rep__badge.t-question { background-color: #4f4417; color: #e8a75d; }
html.dark .f-B,
html.dark .st-rep__badge.t-devis { background-color: #172f4f; color: #6d94ea; }
html.dark .f-C,
html.dark .st-rep__badge.t-relance { background-color: #20174f; color: #9d70eb; }
html.dark .b-warn,
html.dark .rp-verif,
html.dark .st-rep__badge.t-sav,
html.dark .st-rep__badge.non { background-color: #4f1717; color: #e76c6c; }
html.dark .rp-dclient .ok,
html.dark .rp-cases .ia,
html.dark .rp-suggestion,
html.dark .rp-resume-lot .h b,
html.dark .rp-journal .ok,
html.dark .st-rep__kpis b.vert,
html.dark .st-rep-fm__vues button.actif,
html.dark .st-rep-bloc__mail:hover b { color: #99ad19; }
html.dark .rp-dclient a,
html.dark .rp-cl td a:hover { color: #7fa1ed; }
html.dark .rp-tableau tr.alerte td,
html.dark .rp-cl select.chg { background-color: #4f4417; color: var(--st-texte); }
html.dark .st-rep__filtres button.actif,
html.dark .st-rep-fm__projets button.actif { background-color: #474f17; color: #b1c81d; border-color: #79862d; }
html.dark .st-rep__badge { background-color: #2c313a; color: #969ba7; }
html.dark .st-rep__badge.ok { background-color: #474f17; color: #b1c81d; }
html.dark .st-rep__resume { background-color: #474f17; color: #adbcd1; }
html.dark .st-sx__bouton--principal:hover,
html.dark .st-sx__gros:hover { background-color: #9bb30a; }
html.dark .st-sx__type--fournisseur { background-color: #172f4f; color: #7d96e9; }
html.dark .st-sx__type--administration { background-color: #22174f; color: #a176e6; }
html.dark .st-stk__etape.fait { background-color: #174f2a; color: #32ce70; border-color: #2d864d; }
html.dark .st-stk__etape.ici { background-color: #0ea5e9; }
html.dark .st-stk-recherche__aide { background-color: #4f4417; color: #eca47b; border-color: #86652d; }
html.dark .st-ec__p small,
html.dark .st-ec__t th,
html.dark .st-ec__msg small,
html.dark .st-ec__grille label,
html.dark .st-ec__sous,
html.dark .cs-tuile small,
html.dark .cs-tuile span,
html.dark .cs-graph h3 em,
html.dark .cs-reperes,
html.dark .cs-pics td:nth-child(3),
html.dark .cs-aide { color: #a0a0a7; }
html.dark .st-ec__puce.g { background-color: #1f3347; color: #8d9cb2; }
html.dark .st-niv--expert,
html.dark select.st-niv--expert { background-color: #15803d; color: #ffffff; }
html.dark .st-niv--competent,
html.dark select.st-niv--competent { background-color: #174f2b; color: #32ce70; }
html.dark .st-niv--apprentissage,
html.dark select.st-niv--apprentissage { background-color: #4f4417; color: #e7a468; }
html.dark .st-dr .pil,
html.dark .st-fl .pil,
html.dark .st-ou .pil,
html.dark .st-ve .pil { background-color: #2c313a; color: #8e99a9; }
html.dark .st-dr__note { background-color: #4f3f17; color: var(--st-texte); border-color: #86702d; }
html.dark .st-dr th,
html.dark .st-fl th,
html.dark .lt__photo,
html.dark .st-ou th,
html.dark .st-ve th { background-color: var(--st-carte); color: #959ca9; }
html.dark .s18-vues button.on,
html.dark .s18-tag.cam,
html.dark .s18-tag.new,
html.dark .s18-fin.on,
html.dark .s18-seg button.on { background-color: #454f17; color: #adc61c; }
html.dark .s18-ver,
html.dark .s18-pan h2 small,
html.dark .s18-grp,
html.dark .s18-tp span,
html.dark .s18-fin,
html.dark .s18-pied,
html.dark .s18-c,
html.dark .s18-enc h3,
html.dark .s18-cle,
html.dark .s18-q .qa,
html.dark .s18-tarif th { color: #9ea396; }
html.dark .s18-btn.p { background-color: #afca0b; color: #1f2419; }
html.dark .s18-tag { background-color: #383d29; color: #a3a79c; }
html.dark .s18-tag.si { background-color: #17284f; color: #648ee9; }
html.dark .s18-act button,
html.dark .s18-opt input[readonly] { background-color: #383d29; color: var(--st-texte); }
html.dark .s18-puces button.on { background-color: #17284f; color: #648ee9; border-color: #2d4986; }
html.dark .s18-tel { background-color: var(--st-carte); color: #829bb8; }
html.dark .s18-tel .ent span,
html.dark .s18-q .ph span.g { background-color: #363c2a; color: var(--st-texte); }
html.dark .s18-q .zo { color: #9fa595; }
html.dark .s18-q.nn { background-color: #172b4f; color: var(--st-texte); }
html.dark .s18-fen .ko { background-color: #4f2a17; color: #e8805d; }
html.dark .ec-employee:hover { background-color: #2c313a; color: var(--st-texte); border-color: var(--st-bord); }
html.dark .ec-crayon:hover { color: #91a5cf; }
html.dark .ec-pos-delete:hover { background-color: #ef4444; }
html.dark .st-fl__bandeau { background-color: #454f17; color: #a1d11e; }
html.dark .st-fl .p,
html.dark .st-ou .p,
html.dark .st-ou__gris,
html.dark .lt-p,
html.dark .st-ve .p { background-color: #28333e; color: #949ead; }
html.dark .st-fl__inc { background-color: #1c2e4a; color: var(--st-texte); }
html.dark .lt__haut .ret,
html.dark .lt__vign a,
html.dark .lt__vign label { background-color: #2c313a; color: var(--st-texte); }
html.dark .lt .btn.r,
html.dark .st-ou .b.r { background-color: #b91c1c; color: #ffffff; }
html.dark .lt-ia { background-color: #32174f; color: #a378ec; }
html.dark .lt__gros { background-color: #444f17; color: #98c91d; }
html.dark .lt__etapes i,
html.dark .st-dropdown__divider { background-color: var(--st-carte-2); color: var(--st-texte); }
html.dark .lt__info { background-color: #454f17; color: #9fd21e; }
html.dark .n8n-pill--orange,
html.dark .n8n-summary__dot--orange { background-color: #fd7e14; }
html.dark .n8n-pill--red,
html.dark .n8n-summary__dot--red { background-color: #dc3545; }
html.dark .n8n-card__meta strong { color: #97a1b0; }
html.dark .n8n-health__badge--ok { background-color: #3d4f17; color: #85d31e; }
html.dark .st-ou__ong { background-color: var(--st-carte); color: #8e99a9; }
html.dark .lt-p.ass { background-color: #172f4f; color: #7997ec; }
html.dark .st-ve tr.grp td { background-color: #1c2e4a; color: #9097a5; }
html.dark .st-vb .b { background-color: var(--st-carte); color: #889cb8; border-color: #415771; }
html.dark .st-vb .b.p { background-color: #afca0b; color: #1d2302; }
html.dark .st-vb .pill.b2 { background-color: #173c4f; color: #41afe1; }
html.dark .st-vb .pill.r { background-color: #4f171b; color: #e46c77; }
html.dark .st-vb .pill.v,
html.dark .st-vb .seg button.on,
html.dark .st-cv .pill,
html.dark .st-cv .seg button.on { background-color: #474f17; color: #afc61c; }
html.dark .st-vb__parts button { background-color: #1f3347; color: #919eb0; }
html.dark .st-vb__parts small.ok { color: #97ab18; }
html.dark .st-vb .th button,
html.dark .st-cv .th button { background-color: var(--st-carte); color: var(--st-texte); border-color: #415771; }
html.dark .st-vb__ph .tag { background-color: var(--st-carte); color: #889cb8; }
html.dark .st-vb .note { background-color: #173c4f; color: var(--st-texte); }
html.dark .st-header__right { background-color: #38aae1; }
html.dark .st-dropdown { background-color: var(--st-carte); color: var(--st-texte); border-color: var(--st-bord); }
html.dark .st-dropdown__email,
html.dark .st-dropdown__icon { color: #96a3b4; }
html.dark .st-dropdown__btn--danger { color: #ea838d; }
html.dark .st-hp__b { background-color: #1f3347; color: #849bd3; border-color: #415771; }
html.dark .st-sa__pas button.ok,
html.dark .st-sa__ok,
html.dark .st-sa__prevenir label:has(input:checked) { background-color: #464f17; color: #b5bfdb; border-color: #79862d; }
html.dark .st-sa__btn--ia { background-color: #22174f; color: #8d7ae3; border-color: #3f2d86; }
html.dark .st-sa__btn--danger { color: #ed8a82; }
html.dark .st-sa__puce { background-color: #2a313c; color: #949ca9; }
html.dark .st-sa__puce--v { background-color: #464f17; color: #b2cc1d; }
html.dark .st-sa__puce--o { background-color: #4f3017; color: #e68a4d; }
html.dark .st-sa__puce--r { background-color: #4f1b17; color: #e97067; }
html.dark .st-sa__ia { background-color: #22174f; color: #778abd; }
html.dark .st-sa__ia b { color: #aa9bea; }
html.dark .st-sa__pistes button { background-color: var(--st-carte); color: #9c8be6; border-color: #3f2d86; }
html.dark .st-sa__alerte { background-color: #4f3f17; color: #a0add1; border-color: #86702d; }
/* --- gray : 531 sélecteurs --- */
html.theme-gray .st-aide__lien-manuel,
html.theme-gray .st-aide__vide a,
html.theme-gray .st-aide__faq a,
html.theme-gray .st-manuel__texte a,
html.theme-gray .st-parcours__fini,
html.theme-gray .st-coche { color: #323904; }
html.theme-gray .st-aide__extrait,
html.theme-gray .st-aide .st-sous,
html.theme-gray .st-manuel .st-sous,
html.theme-gray .st-aide__vide,
html.theme-gray .st-aide__rubrique,
html.theme-gray .st-manuel__rubrique,
html.theme-gray .st-aide__faq div,
html.theme-gray .st-manuel__autres summary,
html.theme-gray .st-manuel__resume,
html.theme-gray .st-aide-capture figcaption,
html.theme-gray .st-manuel__controle,
html.theme-gray .st-visite-pied,
html.theme-gray .st-co-vide,
html.theme-gray .st-co-inc__txt small,
html.theme-gray .st-co-inc__meta,
html.theme-gray .st-co-det__titre small,
html.theme-gray .st-co-histo__titre,
html.theme-gray .st-co-histo__l small,
html.theme-gray .st-co-ch__l small,
html.theme-gray .st-co-su__l small,
html.theme-gray .st-co-fiche__i li small,
html.theme-gray .st-co-fiche__i > small,
html.theme-gray .st-fo__resultats small,
html.theme-gray .st-fo__carte-titre span,
html.theme-gray .st-fo__legende,
html.theme-gray .st-fo__module h3 small,
html.theme-gray .st-fo__ligne small,
html.theme-gray .st-fo__conseil,
html.theme-gray .st-fo__fil,
html.theme-gray .st-fo__etat,
html.theme-gray .st-fo__menus h4 small,
html.theme-gray .st-fo__menu-ic,
html.theme-gray .st-fo__menus li.ferme span,
html.theme-gray .st-fo__menus em,
html.theme-gray .st-ldt__puce--envoi,
html.theme-gray .st-ldt__details,
html.theme-gray .st-ldt__details td:first-child,
html.theme-gray .st-ldt__aussi,
html.theme-gray .st-pil-tab__qui,
html.theme-gray .st-pil-role__nom small { color: #313944; }
html.theme-gray .st-pil-zone__lab,
html.theme-gray .st-pil-p__outil,
html.theme-gray .st-pil-ev small,
html.theme-gray .st-pil-frise__et small,
html.theme-gray .st-pil-ck__groupe h4,
html.theme-gray .st-pil-pt__txt small,
html.theme-gray .st-pil-rev__qui,
html.theme-gray .st-pil-rev__tab th,
html.theme-gray .st-pil-pers__tab th,
html.theme-gray .st-pil-fiche dt,
html.theme-gray .st-ab__projet small,
html.theme-gray .st-ab__doc small,
html.theme-gray .st-etp__nom small,
html.theme-gray .st-pil-sous-titre,
html.theme-gray .st-pil-carte small,
html.theme-gray .pc-sous,
html.theme-gray .pc-meteo,
html.theme-gray .pc-eq-gens,
html.theme-gray .pc-attente,
html.theme-gray .pc-carte-l2,
html.theme-gray .pc-carte-l3,
html.theme-gray .pc-vide,
html.theme-gray .pc-axe span,
html.theme-gray .pc-jmeteo,
html.theme-gray .pc-libre-txt,
html.theme-gray .pc-egens,
html.theme-gray .pc-t span,
html.theme-gray .pc-aide,
html.theme-gray .pc-o span,
html.theme-gray .pc-h3,
html.theme-gray .pc-pres-i i,
html.theme-gray .st-resp__cases-titre,
html.theme-gray .st-sav__boite dt,
html.theme-gray .st-vb .sous,
html.theme-gray .st-vb__ariane,
html.theme-gray .st-vb__ph .noimg,
html.theme-gray .st-vb__depot,
html.theme-gray .st-vb dl.rep dt,
html.theme-gray .st-vb .grp,
html.theme-gray .st-cv .sous { color: #313944; }
html.theme-gray .st-cv.lect .dt { color: #313944; }
html.theme-gray .st-aide__bouton--vert,
html.theme-gray .st-manuel__texte .st-aide-montrer,
html.theme-gray .st-parcours__fil button.actif span,
html.theme-gray .st-visite-pied button.st-visite-principal,
html.theme-gray .st-coche:checked { background-color: #85990a; }
html.theme-gray .st-aide__bouton--vert:hover { background-color: #6e7e08; color: #ffffff; }
html.theme-gray .st-parcours__fil button.fait span,
html.theme-gray .st-coach__btn--principal:hover,
html.theme-gray .st-oep__relance-btn--p,
html.theme-gray .st-oep__go,
html.theme-gray .st-fichiers__progression span,
html.theme-gray .st-fo__barre i,
html.theme-gray .st-fo__etapes .t.fait,
html.theme-gray .st-fo__rond.grand,
html.theme-gray .st-ldt__filtres button.on,
html.theme-gray .st-ldt__enr,
html.theme-gray .st-rdv-ctl__barre i,
html.theme-gray .st-rdv-client__envoyer,
html.theme-gray .st-sx__bouton--principal,
html.theme-gray .st-sx__onglet.actif,
html.theme-gray .st-sx__gros,
html.theme-gray .st-ec__btn,
html.theme-gray .cs-barre i,
html.theme-gray .st-dr .pil.on,
html.theme-gray .s18-tel .ent span.on,
html.theme-gray .s18-q .ph span,
html.theme-gray .st-fl .b.v,
html.theme-gray .st-fl .pil.on,
html.theme-gray .lt .btn.v,
html.theme-gray .lt__etapes i.on,
html.theme-gray .lt__coche,
html.theme-gray .n8n-pill--green,
html.theme-gray .n8n-summary__dot--green,
html.theme-gray .st-ou .b.v,
html.theme-gray .st-ve .b.v,
html.theme-gray .st-header__center { background-color: #afca0b; }
html.theme-gray .st-at__jours button.on,
html.theme-gray .st-at__btn--vert,
html.theme-gray .st-bouton--principal,
html.theme-gray .st-decision--principale,
html.theme-gray .st-cloche__fait:hover,
html.theme-gray .st-cloche__sourdine-choix button.actif,
html.theme-gray .st-robot-choix button.actif,
html.theme-gray .st-fc__nb,
html.theme-gray .st-cloche__prendre,
html.theme-gray .st-taches__onglets button.actif,
html.theme-gray .st-pl__vues button.actif,
html.theme-gray .st-grille-perso__btn--principal,
html.theme-gray .st-fichiers__outil:hover,
html.theme-gray .st-visionneuse__boutons button:hover,
html.theme-gray .st-visionneuse__boutons a:hover,
html.theme-gray .st-pl__onglets button.actif,
html.theme-gray .st-w__plein:hover,
html.theme-gray .st-rdv__onglets button.actif,
html.theme-gray .st-rdv__bouton--ok,
html.theme-gray .st-rdv-cren__ok,
html.theme-gray .st-rdv-ag__vues button.actif,
html.theme-gray .st-heure__puce.choisi,
html.theme-gray .st-rep__onglets button.actif,
html.theme-gray .st-rf__actions button:first-child:not(:last-child),
html.theme-gray .st-stk__onglet.actif,
html.theme-gray .st-employe__nouveau,
html.theme-gray .ec-btn--principal,
html.theme-gray .st-taches__qui button.actif,
html.theme-gray .st-taches__outil,
html.theme-gray .st-attr__noms button.actif { background-color: #afca0b; color: #1f2a00; }
html.theme-gray .st-at__btn--vert:hover { background-color: #9db60a; }
html.theme-gray .st-at__ok,
html.theme-gray .st-co-ch__l--fini .st-co-ch__etat,
html.theme-gray .st-px__mk--moi,
html.theme-gray .st-px__ok,
html.theme-gray .st-fo__menus em.ok,
html.theme-gray .smr-lgn b.ok,
html.theme-gray .smr-legende .plus,
html.theme-gray .st-pil-av li.fait,
html.theme-gray .st-pil-pers__c--libre,
html.theme-gray .st-pil-carte.go .st-pil-carte__jauge,
html.theme-gray .pc-ok,
html.theme-gray .st-sx__etat--ok,
html.theme-gray .st-stk .ok { color: #093a1c; }
html.theme-gray .st-at__ko,
html.theme-gray .st-fin .neg,
html.theme-gray .rp-btn.rouge,
html.theme-gray .rp-warn,
html.theme-gray .rp-warn-t,
html.theme-gray .rp-journal .ko,
html.theme-gray .st-rep__kpis b.rouge,
html.theme-gray .st-sx__etat--refuse,
html.theme-gray .st-sx__lien--rouge,
html.theme-gray .st-stk .neg,
html.theme-gray .st-cf__rouge { color: #6c1111; }
html.theme-gray .st-at__notif-haut { color: #363636; }
html.theme-gray .st-co-coche,
html.theme-gray .st-co-ch__l--pas_fini .st-co-ch__etat,
html.theme-gray .st-pil-fen label,
html.theme-gray .st-pil-go__info,
html.theme-gray .st-ab__lab { color: #2e3744; }
html.theme-gray .st-co-ch__l--retard .st-co-ch__etat,
html.theme-gray .st-facl__rouge,
html.theme-gray .st-facl__cartes .st-facl__rouge b,
html.theme-gray .smr-legende .moins,
html.theme-gray .st-pil-err,
html.theme-gray .st-pil-btn--danger,
html.theme-gray .st-pil-carte__jauge,
html.theme-gray .st-pl__manques,
html.theme-gray .st-stk__corbeille,
html.theme-gray .st-dr .b.rouge,
html.theme-gray .ec-btn--danger,
html.theme-gray .st-fl__err,
html.theme-gray .lt__err,
html.theme-gray .lt__arbre .ko,
html.theme-gray .lt .ko,
html.theme-gray .st-ou__err,
html.theme-gray .st-ve__err,
html.theme-gray .st-vb__q .l i,
html.theme-gray .st-vb__q .l .rv.on,
html.theme-gray .st-vb dl.rep .revoir dd,
html.theme-gray .st-cv .l i,
html.theme-gray .st-cv .rv.on,
html.theme-gray .st-cv.lect.revoir .dd { color: #721111; }
html.theme-gray .st-co-ch__l--incident .st-co-ch__etat,
html.theme-gray .st-pl__outlook,
html.theme-gray .st-gen__lignes tr.remise td,
html.theme-gray .st-fin__alerte,
html.theme-gray .st-fin__prime.statut-a_verifier,
html.theme-gray .st-fin__prime.statut-en_attente,
html.theme-gray .st-fin__mini-bouton--retirer,
html.theme-gray .st-fo__bulle .presque,
html.theme-gray .st-pl__glisser,
html.theme-gray .st-rdv-liste__rdv.sans,
html.theme-gray .st-rdv-cren__manque,
html.theme-gray .st-rdv-ag__alerte,
html.theme-gray .st-stk .sous,
html.theme-gray .st-cf__orange { color: #5d2b05; }
html.theme-gray .st-co-ou:hover,
html.theme-gray .st-co-choix__c--on,
html.theme-gray .st-pil-btn--vert { background-color: #afca0b; color: #1a2e05; }
html.theme-gray .st-bouton--principal:hover,
html.theme-gray .st-decision--principale:hover,
html.theme-gray .st-rdv-cren__ok:hover { background-color: #9cb60a; }
html.theme-gray .st-employe__badge--super,
html.theme-gray .smr-btn.ia { background-color: #7c3aed; color: #ffffff; }
html.theme-gray .st-kanban__pastille--relance { color: #b8530b; }
html.theme-gray .st-planning td.st-planning__dispo,
html.theme-gray .pc-seg button.on,
html.theme-gray .pc-btn--ia { background-color: #84cc16; }
html.theme-gray .st-histo__point--creation,
html.theme-gray .st-coach__btn--fini,
html.theme-gray .st-rh__bouton--vert,
html.theme-gray .st-px__mk--moi i,
html.theme-gray .st-ab__doc--fait .st-ab__case,
html.theme-gray .st-pil-carte.go .st-pil-carte__barre i,
html.theme-gray .pc-btn--ok,
html.theme-gray .st-hp__b--ok,
html.theme-gray .st-cf__nb--ok { background-color: #16a34a; }
html.theme-gray .st-histo__point--modification,
html.theme-gray .st-rdv-ag__legende i.rdv { background-color: #2563eb; }
html.theme-gray .st-histo__point--suppression,
html.theme-gray .st-histo__point--echec_connexion,
html.theme-gray .st-ai-rec-dot,
html.theme-gray .st-pil-carte__barre i { background-color: #dc2626; }
html.theme-gray .st-histo__point--restauration { background-color: #ca8a04; }
html.theme-gray .st-histo__point--evenement { background-color: #d97706; }
html.theme-gray .st-histo__point--acces,
html.theme-gray .st-px__mk--achat i,
html.theme-gray .st-px__point--prix { background-color: #7c3aed; }
html.theme-gray .st-resp__retirer:hover { color: #6e0e15; }
html.theme-gray .st-coach__btn--principal,
html.theme-gray .st-fo__bouton,
html.theme-gray .st-fo__ligne.fait .et,
html.theme-gray .st-fo__etapes .p.fait,
html.theme-gray .st-fo__badge-jeu,
html.theme-gray .cs-onglets button.actif,
html.theme-gray #st-fos .fait,
html.theme-gray .st-sa__btn--p { background-color: #afca0b; color: #0e121d; }
html.theme-gray .st-coach__btn--fini:hover { background-color: #15803d; }
html.theme-gray .st-coach__btn--retirer,
html.theme-gray .st-cf__nb { background-color: #dc2626; color: #ffffff; }
html.theme-gray .st-coach__btn--retirer:hover,
html.theme-gray .lt__coche.non { background-color: #b91c1c; }
html.theme-gray .st-rh__bouton--bleu { background-color: #1f6fb2; color: #ffffff; }
html.theme-gray .st-rh__code,
html.theme-gray .st-rh-puce--on,
html.theme-gray .st-rdv-etape,
html.theme-gray .st-frise__action { background-color: #2563eb; color: #ffffff; }
html.theme-gray .st-rh__ecart { color: #09401d; }
html.theme-gray .st-coach__todo-ligne.jour .st-coach__todo-quand { color: #313903; }
html.theme-gray .st-messages__teams { background-color: #5b5fc7; color: #ffffff; }
html.theme-gray .st-fac__principal,
html.theme-gray .st-gen__etapes button.actif,
html.theme-gray .st-gen__pills .actif,
html.theme-gray .st-choix__autres button.actif,
html.theme-gray .st-fin__puce.actif,
html.theme-gray .st-fin__bouton--principal { background-color: #27ae60; }
html.theme-gray .st-fac__principal:hover,
html.theme-gray .st-fin__bouton--principal:hover { background-color: #1f9150; }
html.theme-gray .st-fac-apercu th,
html.theme-gray .ec-header p,
html.theme-gray .ec-team-desc,
html.theme-gray .ec-pos-job,
html.theme-gray .ec-aide,
html.theme-gray .n8n-health { color: #33373d; }
html.theme-gray .st-fp-lab,
html.theme-gray .st-fp-kv dt,
html.theme-gray .st-fp-lignes dt,
html.theme-gray .st-fp-muet,
html.theme-gray .st-oep__e,
html.theme-gray .st-oep__rdv-txt small,
html.theme-gray .st-oep__muet,
html.theme-gray .st-oep__action .st-avancement,
html.theme-gray .st-ldt__compte,
html.theme-gray .st-ldt__qui-lib,
html.theme-gray .st-ldt__jour,
html.theme-gray .st-ldt__tete,
html.theme-gray .st-ldt__vide,
html.theme-gray .st-wizard__step-label,
html.theme-gray .st-site__num,
html.theme-gray .st-dr__barre .sous,
html.theme-gray .st-dr__ligne .d,
html.theme-gray .st-dr__vide,
html.theme-gray .st-fl .doux,
html.theme-gray .st-fl__ch label,
html.theme-gray .st-fl__vide,
html.theme-gray .lt__ch label,
html.theme-gray .lt__doux,
html.theme-gray .lt__carte h3,
html.theme-gray .lt__ligne .d,
html.theme-gray .lt__arbre .d,
html.theme-gray .st-ou .doux,
html.theme-gray .st-ou__ch label,
html.theme-gray .st-ou__sep,
html.theme-gray .st-ou__vide,
html.theme-gray .lt__haut .et,
html.theme-gray .lt__cmp .t,
html.theme-gray .st-ve .doux,
html.theme-gray .st-ve__ch label,
html.theme-gray .st-ve__sep,
html.theme-gray .st-ve__vide { color: #33383f; }
html.theme-gray .st-oep__e--faite i,
html.theme-gray .st-oep__relance-btn--p:hover,
html.theme-gray .st-oep__go:hover { background-color: #93c01f; }
html.theme-gray .st-oep__e--actuelle { color: #45198b; }
html.theme-gray .st-oep__cal { background-color: #8b5cf6; }
html.theme-gray .st-oep__ouvrir,
html.theme-gray .st-pil-pt--doute .st-pil-pt__st,
html.theme-gray .ec-pos-role { color: #430e9e; }
html.theme-gray .st-oep__vide,
html.theme-gray .st-oep__action p { color: #333942; }
html.theme-gray .st-visionneuse__compte { color: #313842; }
html.theme-gray .st-gen__etapes button.actif i { color: #1e8449; }
html.theme-gray .st-pvsol > b { color: #0f394f; }
html.theme-gray .st-fin .faible,
html.theme-gray .st-px__ko,
html.theme-gray .rp-collecte .rp-attente,
html.theme-gray .st-rep-fm__questions h4 { color: #4e2b02; }
html.theme-gray .st-fin__avenir { color: #023b5b; }
html.theme-gray .st-fin__prime.statut-active,
html.theme-gray .st-pil-ev.now b:after { color: #0d3b1e; }
html.theme-gray .st-px__vide,
html.theme-gray .st-px__ecarte td,
html.theme-gray .st-ldt__auto,
html.theme-gray .st-ldt__pied,
html.theme-gray .st-ldt__avant,
html.theme-gray .st-pil-tab__retirer,
html.theme-gray .st-pil-fen label small,
html.theme-gray .st-pil-met__choix button,
html.theme-gray .st-pil-msg small,
html.theme-gray .st-etp__poignee,
html.theme-gray .st-vb__parts small,
html.theme-gray .st-vb__q .l .aide,
html.theme-gray .st-cv .aide { color: #2f3947; }
html.theme-gray .st-px__lien { color: #063953; }
html.theme-gray .st-px__ia b { color: #481b8c; }
html.theme-gray .st-fo__nav { color: #5b6a7f; }
html.theme-gray .st-fo__bulle .mot.lu { color: #2e3c0a; }
html.theme-gray .st-fo__vrai p { color: #1a3379; }
html.theme-gray .st-fo__vrai.pause p,
html.theme-gray .st-pil-si { color: #5a2809; }
html.theme-gray .st-ldt__edition,
html.theme-gray .st-ldt__info { color: #46198c; }
html.theme-gray .st-ldt__pied button:hover,
html.theme-gray .st-ldt__agrandir:hover,
html.theme-gray .st-ldt__journal,
html.theme-gray .st-ec__tabs button.on,
html.theme-gray .st-dr__ligne a,
html.theme-gray .st-ve__seg input:checked+span { color: #283800; }
html.theme-gray .st-ldt__objet,
html.theme-gray .st-vb__parts button { color: #606f85; }
html.theme-gray .st-site__ico { color: #2a3646; }
html.theme-gray .st-site__connu--nouveau svg,
html.theme-gray .smr-etoile { color: #4f3303; }
html.theme-gray .smr-jauge i,
html.theme-gray .smr-btn.or,
html.theme-gray .st-rf__nb { background-color: #f59e0b; }
html.theme-gray .smr-col h2,
html.theme-gray .smr-pers-t small,
html.theme-gray .smr-etat,
html.theme-gray .smr-sep,
html.theme-gray .smr-vide,
html.theme-gray .smr-partis,
html.theme-gray .smr-qui .fn,
html.theme-gray .smr-q .aide,
html.theme-gray .smr-fam,
html.theme-gray .smr-lgn b,
html.theme-gray .smr-puces em,
html.theme-gray .smr-note,
html.theme-gray .smr-pied .info,
html.theme-gray .smr-btn.discret,
html.theme-gray .smr-bloc h3,
html.theme-gray .smr-legende { color: #333830; }
html.theme-gray .smr-pers-t small.smr-chg,
html.theme-gray .smr-etat.revoir,
html.theme-gray .s18-ch .obl { color: #622106; }
html.theme-gray .smr-pts i.f,
html.theme-gray .smr-btn.vert { background-color: #5f8f1c; }
html.theme-gray .smr-et.fait .rond { color: #4e7517; }
html.theme-gray .smr-lien { color: #263a0b; }
html.theme-gray .st-pil-lien:hover { color: #10395b; }
html.theme-gray .st-pil-ex ul { color: #2b3748; }
html.theme-gray .st-pil-pt--na,
html.theme-gray .st-ab__doc--na { color: #607490; }
html.theme-gray .pc-btn--danger,
html.theme-gray .pc-eq-alerte,
html.theme-gray .pc-attente--vieux,
html.theme-gray .pc-jmeteo--ko,
html.theme-gray .pc-evide,
html.theme-gray .pc-e-p--abs { color: #730b24; }
html.theme-gray .pc-eq-gens s,
html.theme-gray .pc-egens s { color: #6c0e22; }
html.theme-gray .pc-carte-raison { color: #23370a; }
html.theme-gray .pc-now span { background-color: #e11d48; color: #ffffff; }
html.theme-gray .pc-toast { background-color: #14532d; color: #ffffff; }
html.theme-gray .pc-toast--ko { background-color: #9f1239; }
html.theme-gray .pc-o b { color: #043955; }
html.theme-gray .st-w--plein > .st-w__plein,
html.theme-gray .st-badge { background-color: #dc3545; color: #ffffff; }
html.theme-gray .st-w--plein > .st-w__plein:hover { background-color: #b91c2c; color: #ffffff; }
html.theme-gray .st-rdv-etape--nouveau { background-color: #e11d48; }
html.theme-gray .st-rdv-ag__legende i.terrain,
html.theme-gray .st-rdv-ec--terrain { background-color: #84a30a; }
html.theme-gray .st-rdv-ag__legende i.absent { background-color: #fca5a5; }
html.theme-gray .rp-btn.pri:hover { background-color: #9db609; }
html.theme-gray .f-A,
html.theme-gray .rp-vt .res.conflit,
html.theme-gray .rp-alerte,
html.theme-gray .st-rep__badge.t-question { color: #a75c05; }
html.theme-gray .b-warn,
html.theme-gray .rp-verif,
html.theme-gray .st-rep__badge.t-sav,
html.theme-gray .st-rep__badge.non { color: #d52222; }
html.theme-gray .rp-dclient .ok,
html.theme-gray .rp-cases .ia,
html.theme-gray .rp-suggestion,
html.theme-gray .rp-resume-lot .h b,
html.theme-gray .rp-journal .ok,
html.theme-gray .st-rep__kpis b.vert,
html.theme-gray .st-rep-fm__vues button.actif,
html.theme-gray .st-rep-bloc__mail:hover b { color: #303700; }
html.theme-gray .rp-dclient a,
html.theme-gray .rp-cl td a:hover { color: #0c3080; }
html.theme-gray .st-rep__filtres button.actif,
html.theme-gray .st-rep__badge.ok,
html.theme-gray .st-rep-fm__projets button.actif { color: #657400; }
html.theme-gray .st-rep__badge { color: #666d7a; }
html.theme-gray .st-sx__bouton--principal:hover,
html.theme-gray .st-sx__gros:hover { background-color: #9bb30a; }
html.theme-gray .st-sx__ouvrir a { color: #353d00; }
html.theme-gray .st-stk__etape.ici { background-color: #0ea5e9; }
html.theme-gray .st-ec__p small,
html.theme-gray .st-ec__t th,
html.theme-gray .st-ec__msg small,
html.theme-gray .st-ec__grille label,
html.theme-gray .st-ec__sous,
html.theme-gray .cs-tuile small,
html.theme-gray .cs-tuile span,
html.theme-gray .cs-graph h3 em,
html.theme-gray .cs-reperes,
html.theme-gray .cs-pics td:nth-child(3),
html.theme-gray .cs-aide { color: #36363a; }
html.theme-gray .cs-verdict ul { color: #35353b; }
html.theme-gray .st-niv--expert,
html.theme-gray select.st-niv--expert { background-color: #15803d; color: #ffffff; }
html.theme-gray .st-dr th,
html.theme-gray .st-fl th,
html.theme-gray .lt__photo,
html.theme-gray .st-ou th,
html.theme-gray .st-ve th,
html.theme-gray .st-ve tr.grp td { color: #6a7383; }
html.theme-gray .s18-vues button.on,
html.theme-gray .s18-tag.cam,
html.theme-gray .s18-tag.new,
html.theme-gray .s18-fin.on,
html.theme-gray .s18-seg button.on { color: #677805; }
html.theme-gray .s18-ver,
html.theme-gray .s18-pan h2 small,
html.theme-gray .s18-grp,
html.theme-gray .s18-tp span,
html.theme-gray .s18-fin,
html.theme-gray .s18-pied,
html.theme-gray .s18-c,
html.theme-gray .s18-enc h3,
html.theme-gray .s18-cle,
html.theme-gray .s18-q .qa,
html.theme-gray .s18-tarif th { color: #373a33; }
html.theme-gray .s18-btn.p { background-color: #afca0b; color: #1f2419; }
html.theme-gray .s18-ch .po { color: #34372d; }
html.theme-gray .s18-tag.si,
html.theme-gray .s18-puces button.on { color: #1c5cea; }
html.theme-gray .s18-q .zo { color: #33362d; }
html.theme-gray .ec-sans,
html.theme-gray .ec-vide,
html.theme-gray .ec-pos-autres,
html.theme-gray .n8n-card__meta { color: #343941; }
html.theme-gray .ec-pos-delete:hover { background-color: #ef4444; }
html.theme-gray .st-fl__bandeau .sep { color: #343a18; }
html.theme-gray .lt .btn.r,
html.theme-gray .st-ou .b.r { background-color: #b91c1c; color: #ffffff; }
html.theme-gray .n8n-card__title a:hover { color: #0d3d55; }
html.theme-gray .n8n-pill--orange,
html.theme-gray .n8n-summary__dot--orange { background-color: #fd7e14; }
html.theme-gray .n8n-pill--red,
html.theme-gray .n8n-summary__dot--red { background-color: #dc3545; }
html.theme-gray .n8n-card__meta strong { color: #313740; }
html.theme-gray .st-vb .b.p { background-color: #afca0b; color: #1d2302; }
html.theme-gray .st-vb .pill.v,
html.theme-gray .st-cv .pill { color: #5d6b07; }
html.theme-gray .st-vb__parts small.ok { color: #333b04; }
html.theme-gray .st-vb .seg button.on,
html.theme-gray .st-cv .seg button.on { color: #667407; }
html.theme-gray .st-header__right { background-color: #38aae1; }
html.theme-gray .st-dropdown__email,
html.theme-gray .st-dropdown__icon { color: #303944; }
html.theme-gray .st-dropdown__btn--danger { color: #6f131c; }
html.theme-gray .st-sa__btn--danger { color: #6c150e; }
html.theme-gray .st-sa__lien { color: #333c00; }
html.theme-gray .st-sa__ia b { color: #341f90; }
/* --- light : 265 sélecteurs --- */
html:not(.dark):not(.theme-gray) .st-aide__lien-manuel,
html:not(.dark):not(.theme-gray) .st-aide__vide a,
html:not(.dark):not(.theme-gray) .st-aide__faq a,
html:not(.dark):not(.theme-gray) .st-manuel__texte a,
html:not(.dark):not(.theme-gray) .st-parcours__fini,
html:not(.dark):not(.theme-gray) .st-coche { color: #647307; }
html:not(.dark):not(.theme-gray) .st-aide__extrait,
html:not(.dark):not(.theme-gray) .st-aide .st-sous,
html:not(.dark):not(.theme-gray) .st-manuel .st-sous,
html:not(.dark):not(.theme-gray) .st-aide__vide,
html:not(.dark):not(.theme-gray) .st-aide__rubrique,
html:not(.dark):not(.theme-gray) .st-manuel__rubrique,
html:not(.dark):not(.theme-gray) .st-aide__faq div,
html:not(.dark):not(.theme-gray) .st-manuel__autres summary,
html:not(.dark):not(.theme-gray) .st-manuel__resume,
html:not(.dark):not(.theme-gray) .st-aide-capture figcaption,
html:not(.dark):not(.theme-gray) .st-manuel__controle,
html:not(.dark):not(.theme-gray) .st-visite-pied,
html:not(.dark):not(.theme-gray) .st-co-vide,
html:not(.dark):not(.theme-gray) .st-co-inc__txt small,
html:not(.dark):not(.theme-gray) .st-co-inc__meta,
html:not(.dark):not(.theme-gray) .st-co-det__titre small,
html:not(.dark):not(.theme-gray) .st-co-histo__titre,
html:not(.dark):not(.theme-gray) .st-co-histo__l small,
html:not(.dark):not(.theme-gray) .st-co-ch__l small,
html:not(.dark):not(.theme-gray) .st-co-su__l small,
html:not(.dark):not(.theme-gray) .st-co-fiche__i li small,
html:not(.dark):not(.theme-gray) .st-co-fiche__i > small,
html:not(.dark):not(.theme-gray) .st-ai-facultatif,
html:not(.dark):not(.theme-gray) .st-ai-source small,
html:not(.dark):not(.theme-gray) .st-trad__etiquette,
html:not(.dark):not(.theme-gray) .st-fo__resultats small,
html:not(.dark):not(.theme-gray) .st-fo__carte-titre span,
html:not(.dark):not(.theme-gray) .st-fo__legende,
html:not(.dark):not(.theme-gray) .st-fo__module h3 small,
html:not(.dark):not(.theme-gray) .st-fo__ligne small,
html:not(.dark):not(.theme-gray) .st-fo__conseil,
html:not(.dark):not(.theme-gray) .st-fo__fil,
html:not(.dark):not(.theme-gray) .st-fo__etat,
html:not(.dark):not(.theme-gray) .st-fo__menus h4 small,
html:not(.dark):not(.theme-gray) .st-fo__menu-ic,
html:not(.dark):not(.theme-gray) .st-fo__menus li.ferme span,
html:not(.dark):not(.theme-gray) .st-fo__menus em,
html:not(.dark):not(.theme-gray) .st-ldt__puce--envoi,
html:not(.dark):not(.theme-gray) .st-ldt__objet,
html:not(.dark):not(.theme-gray) .st-ldt__details { color: #606f85; }
html:not(.dark):not(.theme-gray) .st-ldt__details td:first-child,
html:not(.dark):not(.theme-gray) .st-ldt__aussi,
html:not(.dark):not(.theme-gray) .st-pil-tab__qui,
html:not(.dark):not(.theme-gray) .st-pil-role__nom small,
html:not(.dark):not(.theme-gray) .st-pil-zone__lab,
html:not(.dark):not(.theme-gray) .st-pil-p__outil,
html:not(.dark):not(.theme-gray) .st-pil-ev small,
html:not(.dark):not(.theme-gray) .st-pil-frise__et small,
html:not(.dark):not(.theme-gray) .st-pil-ck__groupe h4,
html:not(.dark):not(.theme-gray) .st-pil-pt__txt small,
html:not(.dark):not(.theme-gray) .st-pil-rev__qui,
html:not(.dark):not(.theme-gray) .st-pil-rev__tab th,
html:not(.dark):not(.theme-gray) .st-pil-pers__tab th,
html:not(.dark):not(.theme-gray) .st-pil-fiche dt,
html:not(.dark):not(.theme-gray) .st-ab__projet small,
html:not(.dark):not(.theme-gray) .st-ab__doc small,
html:not(.dark):not(.theme-gray) .st-etp__nom small,
html:not(.dark):not(.theme-gray) .st-pil-sous-titre,
html:not(.dark):not(.theme-gray) .st-pil-carte small,
html:not(.dark):not(.theme-gray) .pc-sous,
html:not(.dark):not(.theme-gray) .pc-meteo,
html:not(.dark):not(.theme-gray) .pc-eq-gens,
html:not(.dark):not(.theme-gray) .pc-attente,
html:not(.dark):not(.theme-gray) .pc-carte-l2,
html:not(.dark):not(.theme-gray) .pc-carte-l3,
html:not(.dark):not(.theme-gray) .pc-vide,
html:not(.dark):not(.theme-gray) .pc-axe span,
html:not(.dark):not(.theme-gray) .pc-jmeteo,
html:not(.dark):not(.theme-gray) .pc-libre-txt,
html:not(.dark):not(.theme-gray) .pc-egens,
html:not(.dark):not(.theme-gray) .pc-t span,
html:not(.dark):not(.theme-gray) .pc-aide,
html:not(.dark):not(.theme-gray) .pc-o span,
html:not(.dark):not(.theme-gray) .pc-h3,
html:not(.dark):not(.theme-gray) .pc-pres-i i,
html:not(.dark):not(.theme-gray) .st-resp__cases-titre,
html:not(.dark):not(.theme-gray) .st-sav__boite dt,
html:not(.dark):not(.theme-gray) .st-vb .sous,
html:not(.dark):not(.theme-gray) .st-vb__parts button,
html:not(.dark):not(.theme-gray) .st-vb__ariane { color: #606f85; }
html:not(.dark):not(.theme-gray) .st-vb__ph .noimg,
html:not(.dark):not(.theme-gray) .st-vb__depot,
html:not(.dark):not(.theme-gray) .st-vb dl.rep dt,
html:not(.dark):not(.theme-gray) .st-vb .grp,
html:not(.dark):not(.theme-gray) .st-cv .sous,
html:not(.dark):not(.theme-gray) .st-cv.lect .dt { color: #606f85; }
html:not(.dark):not(.theme-gray) .st-at__ko,
html:not(.dark):not(.theme-gray) .st-ai-source--rec,
html:not(.dark):not(.theme-gray) .st-fin .neg,
html:not(.dark):not(.theme-gray) .rp-btn.rouge,
html:not(.dark):not(.theme-gray) .b-warn,
html:not(.dark):not(.theme-gray) .rp-warn,
html:not(.dark):not(.theme-gray) .rp-verif,
html:not(.dark):not(.theme-gray) .rp-warn-t,
html:not(.dark):not(.theme-gray) .rp-journal .ko,
html:not(.dark):not(.theme-gray) .st-rep__kpis b.rouge,
html:not(.dark):not(.theme-gray) .st-rep__badge.t-sav,
html:not(.dark):not(.theme-gray) .st-rep__badge.non,
html:not(.dark):not(.theme-gray) .st-sx__etat--refuse,
html:not(.dark):not(.theme-gray) .st-sx__lien--rouge,
html:not(.dark):not(.theme-gray) .st-stk .neg,
html:not(.dark):not(.theme-gray) .st-cf__rouge { color: #d52222; }
html:not(.dark):not(.theme-gray) .st-kanban__pastille--relance { color: #b8530b; }
html:not(.dark):not(.theme-gray) .st-resp__retirer:hover { color: #db1c2a; }
html:not(.dark):not(.theme-gray) .st-rh__ecart { color: #117f3a; }
html:not(.dark):not(.theme-gray) .st-coach__todo-ligne.jour .st-coach__todo-quand { color: #647306; }
html:not(.dark):not(.theme-gray) .st-fac-apercu th,
html:not(.dark):not(.theme-gray) .st-rep__badge,
html:not(.dark):not(.theme-gray) .ec-header p,
html:not(.dark):not(.theme-gray) .ec-team-desc,
html:not(.dark):not(.theme-gray) .ec-pos-job,
html:not(.dark):not(.theme-gray) .ec-aide,
html:not(.dark):not(.theme-gray) .n8n-card__reason,
html:not(.dark):not(.theme-gray) .n8n-health { color: #666d7a; }
html:not(.dark):not(.theme-gray) .st-fp-lab,
html:not(.dark):not(.theme-gray) .st-fp-kv dt,
html:not(.dark):not(.theme-gray) .st-fp-lignes dt,
html:not(.dark):not(.theme-gray) .st-fp-muet,
html:not(.dark):not(.theme-gray) .st-oep__e,
html:not(.dark):not(.theme-gray) .st-oep__rdv-txt small,
html:not(.dark):not(.theme-gray) .st-oep__muet,
html:not(.dark):not(.theme-gray) .st-oep__action .st-avancement,
html:not(.dark):not(.theme-gray) .st-ldt__compte,
html:not(.dark):not(.theme-gray) .st-ldt__qui-lib,
html:not(.dark):not(.theme-gray) .st-ldt__jour,
html:not(.dark):not(.theme-gray) .st-ldt__tete,
html:not(.dark):not(.theme-gray) .st-ldt__vide,
html:not(.dark):not(.theme-gray) .st-wizard__step-label,
html:not(.dark):not(.theme-gray) .st-site__num,
html:not(.dark):not(.theme-gray) .st-dr__barre .sous,
html:not(.dark):not(.theme-gray) .st-dr__ligne .d,
html:not(.dark):not(.theme-gray) .st-dr__vide,
html:not(.dark):not(.theme-gray) .st-fl .doux,
html:not(.dark):not(.theme-gray) .st-fl__ch label,
html:not(.dark):not(.theme-gray) .st-fl__vide,
html:not(.dark):not(.theme-gray) .lt__ch label,
html:not(.dark):not(.theme-gray) .lt__doux,
html:not(.dark):not(.theme-gray) .lt__carte h3,
html:not(.dark):not(.theme-gray) .lt__ligne .d,
html:not(.dark):not(.theme-gray) .lt__arbre .d,
html:not(.dark):not(.theme-gray) .st-ou .doux,
html:not(.dark):not(.theme-gray) .st-ou__ch label,
html:not(.dark):not(.theme-gray) .st-ou__sep,
html:not(.dark):not(.theme-gray) .st-ou__vide,
html:not(.dark):not(.theme-gray) .lt__haut .et,
html:not(.dark):not(.theme-gray) .lt__cmp .t,
html:not(.dark):not(.theme-gray) .st-ve .doux,
html:not(.dark):not(.theme-gray) .st-ve__ch label,
html:not(.dark):not(.theme-gray) .st-ve__sep,
html:not(.dark):not(.theme-gray) .st-ve__vide { color: #666e7d; }
html:not(.dark):not(.theme-gray) .st-visionneuse__compte { color: #616f83; }
html:not(.dark):not(.theme-gray) .st-gen__etapes button.actif i { color: #1e8449; }
html:not(.dark):not(.theme-gray) .st-pvsol > b { color: #2077a5; }
html:not(.dark):not(.theme-gray) .st-fin .faible,
html:not(.dark):not(.theme-gray) .st-px__ko,
html:not(.dark):not(.theme-gray) .f-A,
html:not(.dark):not(.theme-gray) .rp-collecte .rp-attente,
html:not(.dark):not(.theme-gray) .rp-vt .res.conflit,
html:not(.dark):not(.theme-gray) .rp-alerte,
html:not(.dark):not(.theme-gray) .st-rep__badge.t-question,
html:not(.dark):not(.theme-gray) .st-rep-fm__questions h4 { color: #a75c05; }
html:not(.dark):not(.theme-gray) .st-px__vide,
html:not(.dark):not(.theme-gray) .st-px__ecarte td,
html:not(.dark):not(.theme-gray) .st-ldt__auto,
html:not(.dark):not(.theme-gray) .st-ldt__pied,
html:not(.dark):not(.theme-gray) .st-ldt__avant,
html:not(.dark):not(.theme-gray) .st-pil-tab__retirer,
html:not(.dark):not(.theme-gray) .st-pil-fen label small,
html:not(.dark):not(.theme-gray) .st-pil-met__choix button,
html:not(.dark):not(.theme-gray) .st-pil-msg small,
html:not(.dark):not(.theme-gray) .st-etp__poignee,
html:not(.dark):not(.theme-gray) .st-vb__parts small,
html:not(.dark):not(.theme-gray) .st-vb__q .l .aide,
html:not(.dark):not(.theme-gray) .st-cv .aide { color: #5c6f8a; }
html:not(.dark):not(.theme-gray) .st-px__lien { color: #0b74a9; }
html:not(.dark):not(.theme-gray) .st-fo__nav { color: #5b6a7f; }
html:not(.dark):not(.theme-gray) .st-fo__bulle .mot.lu { color: #5d7a14; }
html:not(.dark):not(.theme-gray) .st-site__ico { color: #587193; }
html:not(.dark):not(.theme-gray) .st-site__connu--nouveau svg,
html:not(.dark):not(.theme-gray) .smr-etoile { color: #945f06; }
html:not(.dark):not(.theme-gray) .smr-col h2,
html:not(.dark):not(.theme-gray) .smr-pers-t small,
html:not(.dark):not(.theme-gray) .smr-etat,
html:not(.dark):not(.theme-gray) .smr-sep,
html:not(.dark):not(.theme-gray) .smr-vide,
html:not(.dark):not(.theme-gray) .smr-partis,
html:not(.dark):not(.theme-gray) .smr-qui .fn,
html:not(.dark):not(.theme-gray) .smr-q .aide,
html:not(.dark):not(.theme-gray) .smr-fam,
html:not(.dark):not(.theme-gray) .smr-lgn b,
html:not(.dark):not(.theme-gray) .smr-puces em,
html:not(.dark):not(.theme-gray) .smr-note,
html:not(.dark):not(.theme-gray) .smr-pied .info,
html:not(.dark):not(.theme-gray) .smr-btn.discret,
html:not(.dark):not(.theme-gray) .smr-bloc h3,
html:not(.dark):not(.theme-gray) .smr-legende { color: #666f5e; }
html:not(.dark):not(.theme-gray) .smr-et.fait .rond,
html:not(.dark):not(.theme-gray) .smr-lien { color: #4e7517; }
html:not(.dark):not(.theme-gray) .st-pil-pt--na,
html:not(.dark):not(.theme-gray) .st-ab__doc--na { color: #607490; }
html:not(.dark):not(.theme-gray) .pc-eq-gens s,
html:not(.dark):not(.theme-gray) .pc-egens s { color: #d81c45; }
html:not(.dark):not(.theme-gray) .rp-dclient .ok,
html:not(.dark):not(.theme-gray) .rp-cases .ia,
html:not(.dark):not(.theme-gray) .rp-suggestion,
html:not(.dark):not(.theme-gray) .rp-resume-lot .h b,
html:not(.dark):not(.theme-gray) .rp-journal .ok,
html:not(.dark):not(.theme-gray) .st-rep__kpis b.vert,
html:not(.dark):not(.theme-gray) .st-rep__filtres button.actif,
html:not(.dark):not(.theme-gray) .st-rep__badge.ok,
html:not(.dark):not(.theme-gray) .st-rep-fm__projets button.actif,
html:not(.dark):not(.theme-gray) .st-rep-fm__vues button.actif,
html:not(.dark):not(.theme-gray) .st-rep-bloc__mail:hover b { color: #657400; }
html:not(.dark):not(.theme-gray) .st-sx__ouvrir a { color: #617000; }
html:not(.dark):not(.theme-gray) .st-ec__p small,
html:not(.dark):not(.theme-gray) .st-ec__t th,
html:not(.dark):not(.theme-gray) .st-ec__msg small,
html:not(.dark):not(.theme-gray) .st-ec__grille label,
html:not(.dark):not(.theme-gray) .st-ec__sous,
html:not(.dark):not(.theme-gray) .cs-tuile small,
html:not(.dark):not(.theme-gray) .cs-tuile span,
html:not(.dark):not(.theme-gray) .cs-graph h3 em,
html:not(.dark):not(.theme-gray) .cs-reperes,
html:not(.dark):not(.theme-gray) .cs-pics td:nth-child(3),
html:not(.dark):not(.theme-gray) .cs-aide { color: #6c6c75; }
html:not(.dark):not(.theme-gray) .st-dr th,
html:not(.dark):not(.theme-gray) .st-fl th,
html:not(.dark):not(.theme-gray) .lt__photo,
html:not(.dark):not(.theme-gray) .st-ou th,
html:not(.dark):not(.theme-gray) .st-ve th,
html:not(.dark):not(.theme-gray) .st-ve tr.grp td { color: #6a7383; }
html:not(.dark):not(.theme-gray) .s18-vues button.on,
html:not(.dark):not(.theme-gray) .s18-tag.cam,
html:not(.dark):not(.theme-gray) .s18-tag.new,
html:not(.dark):not(.theme-gray) .s18-fin.on,
html:not(.dark):not(.theme-gray) .s18-seg button.on { color: #677805; }
html:not(.dark):not(.theme-gray) .s18-ch .po { color: #6a6f5b; }
html:not(.dark):not(.theme-gray) .s18-tag.si,
html:not(.dark):not(.theme-gray) .s18-puces button.on { color: #1c5cea; }
html:not(.dark):not(.theme-gray) .s18-q .zo { color: #6c7261; }
html:not(.dark):not(.theme-gray) .ec-sans,
html:not(.dark):not(.theme-gray) .ec-vide,
html:not(.dark):not(.theme-gray) .ec-pos-autres,
html:not(.dark):not(.theme-gray) .n8n-card__meta { color: #666f7f; }
html:not(.dark):not(.theme-gray) .st-fl__bandeau .sep { color: #677330; }
html:not(.dark):not(.theme-gray) .n8n-card__title a:hover { color: #1977a4; }
html:not(.dark):not(.theme-gray) .st-vb .pill.v,
html:not(.dark):not(.theme-gray) .st-cv .pill { color: #5d6b07; }
html:not(.dark):not(.theme-gray) .st-vb__parts small.ok,
html:not(.dark):not(.theme-gray) .st-vb .seg button.on,
html:not(.dark):not(.theme-gray) .st-cv .seg button.on { color: #667407; }
html:not(.dark):not(.theme-gray) .st-dropdown__email,
html:not(.dark):not(.theme-gray) .st-dropdown__icon { color: #5f7086; }
html:not(.dark):not(.theme-gray) .st-dropdown__btn--danger { color: #d72536; }
/* --- styles en ligne --- */
html.dark [style^="color:#0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style*=";color:#0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style*="; color:#0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style^="color: #0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style*=";color: #0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style*="; color: #0e121d" i]:not([style*="background" i]) { color: #92a1cb !important; }
html.dark [style^="color:#0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style*=";color:#0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style*="; color:#0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style^="color: #0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style*=";color: #0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style*="; color: #0f172a" i]:not([style*="background" i]) { color: #8ba1d6 !important; }
html.dark [style^="color:#111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style*=";color:#111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style*="; color:#111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style^="color: #111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style*=";color: #111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style*="; color: #111827" i]:not([style*="background" i]) { color: #91a5cf !important; }
html.dark [style^="color:#14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.dark [style*=";color:#14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.dark [style*="; color:#14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.dark [style^="color: #14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.dark [style*=";color: #14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.dark [style*="; color: #14532d" i]:not([style*="background" i]) { color: #2ebe67 !important; }
html.theme-gray [style^="color:#14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.theme-gray [style*=";color:#14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.theme-gray [style*="; color:#14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.theme-gray [style^="color: #14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.theme-gray [style*=";color: #14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.theme-gray [style*="; color: #14532d" i]:not([style*="background" i]) { color: #0e3a20 !important; }
html.dark [style^="color:#145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.dark [style*=";color:#145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.dark [style*="; color:#145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.dark [style^="color: #145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.dark [style*=";color: #145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.dark [style*="; color: #145e80" i]:not([style*="background" i]) { color: #39abe0 !important; }
html.theme-gray [style^="color:#145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.theme-gray [style*=";color:#145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.theme-gray [style*="; color:#145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.theme-gray [style^="color: #145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.theme-gray [style*=";color: #145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.theme-gray [style*="; color: #145e80" i]:not([style*="background" i]) { color: #0c374b !important; }
html.dark [style^="color:#15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.dark [style*=";color:#15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.dark [style*="; color:#15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.dark [style^="color: #15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.dark [style*=";color: #15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.dark [style*="; color: #15803d" i]:not([style*="background" i]) { color: #1fbd5a !important; }
html.theme-gray [style^="color:#15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.theme-gray [style*=";color:#15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.theme-gray [style*="; color:#15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.theme-gray [style^="color: #15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.theme-gray [style*=";color: #15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.theme-gray [style*="; color: #15803d" i]:not([style*="background" i]) { color: #093a1c !important; }
html.dark [style^="color:#166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.dark [style*=";color:#166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.dark [style*="; color:#166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.dark [style^="color: #166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.dark [style*=";color: #166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.dark [style*="; color: #166534" i]:not([style*="background" i]) { color: #28b95f !important; }
html.theme-gray [style^="color:#166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.theme-gray [style*=";color:#166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.theme-gray [style*="; color:#166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.theme-gray [style^="color: #166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.theme-gray [style*=";color: #166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.theme-gray [style*="; color: #166534" i]:not([style*="background" i]) { color: #0d3b1e !important; }
html.dark [style^="color:#18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style*=";color:#18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style*="; color:#18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style^="color: #18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style*=";color: #18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style*="; color: #18181b" i]:not([style*="background" i]) { color: #a3a3ad !important; }
html.dark [style^="color:#1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style*=";color:#1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style*="; color:#1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style^="color: #1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style*=";color: #1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style*="; color: #1d2302" i]:not([style*="background" i]) { color: #94af19 !important; }
html.dark [style^="color:#1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style*=";color:#1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style*="; color:#1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style^="color: #1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style*=";color: #1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style*="; color: #1d2733" i]:not([style*="background" i]) { color: #8fa5c0 !important; }
html.dark [style^="color:#1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.dark [style*=";color:#1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.dark [style*="; color:#1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.dark [style^="color: #1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.dark [style*=";color: #1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.dark [style*="; color: #1d4ed8" i]:not([style*="background" i]) { color: #829eed !important; }
html.theme-gray [style^="color:#1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.theme-gray [style*=";color:#1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.theme-gray [style*="; color:#1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.theme-gray [style^="color: #1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.theme-gray [style*=";color: #1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.theme-gray [style*="; color: #1d4ed8" i]:not([style*="background" i]) { color: #123187 !important; }
html.dark [style^="color:#1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style*=";color:#1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style*="; color:#1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style^="color: #1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style*=";color: #1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style*="; color: #1f2419" i]:not([style*="background" i]) { color: #96a780 !important; }
html.dark [style^="color:#1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style*=";color:#1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style*="; color:#1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style^="color: #1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style*=";color: #1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style*="; color: #1f2937" i]:not([style*="background" i]) { color: #93a7c2 !important; }
html.dark [style^="color:#334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.dark [style*=";color:#334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.dark [style*="; color:#334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.dark [style^="color: #334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.dark [style*=";color: #334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.dark [style*="; color: #334155" i]:not([style*="background" i]) { color: #95a6bf !important; }
html.theme-gray [style^="color:#334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style*=";color:#334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style*="; color:#334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style^="color: #334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style*=";color: #334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style*="; color: #334155" i]:not([style*="background" i]) { color: #2b3748 !important; }
html.theme-gray [style^="color:#38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html.theme-gray [style*=";color:#38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html.theme-gray [style*="; color:#38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html.theme-gray [style^="color: #38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html.theme-gray [style*=";color: #38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html.theme-gray [style*="; color: #38aae1" i]:not([style*="background" i]) { color: #0d3d55 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #38aae1" i]:not([style*="background" i]) { color: #1977a4 !important; }
html.dark [style^="color:#3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.dark [style*=";color:#3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.dark [style*="; color:#3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.dark [style^="color: #3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.dark [style*=";color: #3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.dark [style*="; color: #3f5600" i]:not([style*="background" i]) { color: #86ad19 !important; }
html.theme-gray [style^="color:#3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.theme-gray [style*=";color:#3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.theme-gray [style*="; color:#3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.theme-gray [style^="color: #3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.theme-gray [style*=";color: #3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.theme-gray [style*="; color: #3f5600" i]:not([style*="background" i]) { color: #293700 !important; }
html.dark [style^="color:#475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.dark [style*=";color:#475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.dark [style*="; color:#475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.dark [style^="color: #475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.dark [style*=";color: #475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.dark [style*="; color: #475569" i]:not([style*="background" i]) { color: #93a1b6 !important; }
html.theme-gray [style^="color:#475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.theme-gray [style*=";color:#475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.theme-gray [style*="; color:#475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.theme-gray [style^="color: #475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.theme-gray [style*=";color: #475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.theme-gray [style*="; color: #475569" i]:not([style*="background" i]) { color: #2e3744 !important; }
html.dark [style^="color:#4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.dark [style*=";color:#4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.dark [style*="; color:#4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.dark [style^="color: #4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.dark [style*=";color: #4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.dark [style*="; color: #4d5765" i]:not([style*="background" i]) { color: #99a3b2 !important; }
html.theme-gray [style^="color:#4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.theme-gray [style*=";color:#4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.theme-gray [style*="; color:#4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.theme-gray [style^="color: #4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.theme-gray [style*=";color: #4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.theme-gray [style*="; color: #4d5765" i]:not([style*="background" i]) { color: #333942 !important; }
html.dark [style^="color:#4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.dark [style*=";color:#4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.dark [style*="; color:#4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.dark [style^="color: #4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.dark [style*=";color: #4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.dark [style*="; color: #4d6b00" i]:not([style*="background" i]) { color: #84ae19 !important; }
html.theme-gray [style^="color:#4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.theme-gray [style*=";color:#4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.theme-gray [style*="; color:#4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.theme-gray [style^="color: #4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.theme-gray [style*=";color: #4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.theme-gray [style*="; color: #4d6b00" i]:not([style*="background" i]) { color: #283800 !important; }
html.dark [style^="color:#4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.dark [style*=";color:#4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.dark [style*="; color:#4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.dark [style^="color: #4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.dark [style*=";color: #4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.dark [style*="; color: #4d7c0f" i]:not([style*="background" i]) { color: #74b81a !important; }
html.theme-gray [style^="color:#4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.theme-gray [style*=";color:#4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.theme-gray [style*="; color:#4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.theme-gray [style^="color: #4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.theme-gray [style*=";color: #4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.theme-gray [style*="; color: #4d7c0f" i]:not([style*="background" i]) { color: #253c07 !important; }
html.dark [style^="color:#52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.dark [style*=";color:#52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.dark [style*="; color:#52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.dark [style^="color: #52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.dark [style*=";color: #52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.dark [style*="; color: #52525b" i]:not([style*="background" i]) { color: #a4a4ad !important; }
html.theme-gray [style^="color:#52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.theme-gray [style*=";color:#52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.theme-gray [style*="; color:#52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.theme-gray [style^="color: #52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.theme-gray [style*=";color: #52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.theme-gray [style*="; color: #52525b" i]:not([style*="background" i]) { color: #35353b !important; }
html.dark [style^="color:#566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.dark [style*=";color:#566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.dark [style*="; color:#566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.dark [style^="color: #566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.dark [style*=";color: #566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.dark [style*="; color: #566500" i]:not([style*="background" i]) { color: #9bb219 !important; }
html.theme-gray [style^="color:#566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.theme-gray [style*=";color:#566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.theme-gray [style*="; color:#566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.theme-gray [style^="color: #566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.theme-gray [style*=";color: #566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.theme-gray [style*="; color: #566500" i]:not([style*="background" i]) { color: #333c00 !important; }
html.dark [style^="color:#5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.dark [style*=";color:#5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.dark [style*="; color:#5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.dark [style^="color: #5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.dark [style*=";color: #5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.dark [style*="; color: #5b3fd6" i]:not([style*="background" i]) { color: #aa9bea !important; }
html.theme-gray [style^="color:#5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.theme-gray [style*=";color:#5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.theme-gray [style*="; color:#5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.theme-gray [style^="color: #5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.theme-gray [style*=";color: #5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.theme-gray [style*="; color: #5b3fd6" i]:not([style*="background" i]) { color: #341f90 !important; }
html.dark [style^="color:#5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.dark [style*=";color:#5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.dark [style*="; color:#5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.dark [style^="color: #5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.dark [style*=";color: #5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.dark [style*="; color: #5b6472" i]:not([style*="background" i]) { color: #99a1ae !important; }
html.theme-gray [style^="color:#5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.theme-gray [style*=";color:#5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.theme-gray [style*="; color:#5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.theme-gray [style^="color: #5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.theme-gray [style*=";color: #5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.theme-gray [style*="; color: #5b6472" i]:not([style*="background" i]) { color: #32373f !important; }
html.dark [style^="color:#64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.dark [style*=";color:#64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.dark [style*="; color:#64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.dark [style^="color: #64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.dark [style*=";color: #64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.dark [style*="; color: #64748b" i]:not([style*="background" i]) { color: #97a3b4 !important; }
html.theme-gray [style^="color:#64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html.theme-gray [style*=";color:#64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html.theme-gray [style*="; color:#64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html.theme-gray [style^="color: #64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html.theme-gray [style*=";color: #64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html.theme-gray [style*="; color: #64748b" i]:not([style*="background" i]) { color: #313944 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #64748b" i]:not([style*="background" i]) { color: #606f85 !important; }
html.dark [style^="color:#6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.dark [style*=";color:#6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.dark [style*="; color:#6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.dark [style^="color: #6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.dark [style*=";color: #6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.dark [style*="; color: #6b7063" i]:not([style*="background" i]) { color: #9ea396 !important; }
html.theme-gray [style^="color:#6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.theme-gray [style*=";color:#6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.theme-gray [style*="; color:#6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.theme-gray [style^="color: #6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.theme-gray [style*=";color: #6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.theme-gray [style*="; color: #6b7063" i]:not([style*="background" i]) { color: #373a33 !important; }
html.dark [style^="color:#6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.dark [style*=";color:#6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.dark [style*="; color:#6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.dark [style^="color: #6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.dark [style*=";color: #6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.dark [style*="; color: #6b7280" i]:not([style*="background" i]) { color: #9ba1ac !important; }
html.theme-gray [style^="color:#6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html.theme-gray [style*=";color:#6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html.theme-gray [style*="; color:#6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html.theme-gray [style^="color: #6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html.theme-gray [style*=";color: #6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html.theme-gray [style*="; color: #6b7280" i]:not([style*="background" i]) { color: #33373d !important; }
html:not(.dark):not(.theme-gray) [style^="color:#6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html:not(.dark):not(.theme-gray) [style^="color: #6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #6b7280" i]:not([style*="background" i]) { color: #666d7a !important; }
html.dark [style^="color:#6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.dark [style*=";color:#6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.dark [style*="; color:#6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.dark [style^="color: #6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.dark [style*=";color: #6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.dark [style*="; color: #6e7e08" i]:not([style*="background" i]) { color: #97ab18 !important; }
html.theme-gray [style^="color:#6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html.theme-gray [style*=";color:#6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html.theme-gray [style*="; color:#6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html.theme-gray [style^="color: #6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html.theme-gray [style*=";color: #6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html.theme-gray [style*="; color: #6e7e08" i]:not([style*="background" i]) { color: #333b04 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #6e7e08" i]:not([style*="background" i]) { color: #667407 !important; }
html.dark [style^="color:#713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.dark [style*=";color:#713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.dark [style*="; color:#713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.dark [style^="color: #713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.dark [style*=";color: #713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.dark [style*="; color: #713f12" i]:not([style*="background" i]) { color: #e18f45 !important; }
html.theme-gray [style^="color:#713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.theme-gray [style*=";color:#713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.theme-gray [style*="; color:#713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.theme-gray [style^="color: #713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.theme-gray [style*=";color: #713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.theme-gray [style*="; color: #713f12" i]:not([style*="background" i]) { color: #4e2b0c !important; }
html.dark [style^="color:#71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.dark [style*=";color:#71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.dark [style*="; color:#71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.dark [style^="color: #71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.dark [style*=";color: #71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.dark [style*="; color: #71717a" i]:not([style*="background" i]) { color: #a0a0a7 !important; }
html.theme-gray [style^="color:#71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html.theme-gray [style*=";color:#71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html.theme-gray [style*="; color:#71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html.theme-gray [style^="color: #71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html.theme-gray [style*=";color: #71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html.theme-gray [style*="; color: #71717a" i]:not([style*="background" i]) { color: #36363a !important; }
html:not(.dark):not(.theme-gray) [style^="color:#71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #71717a" i]:not([style*="background" i]) { color: #6c6c75 !important; }
html.dark [style^="color:#72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.dark [style*=";color:#72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.dark [style*="; color:#72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.dark [style^="color: #72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.dark [style*=";color: #72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.dark [style*="; color: #72849b" i]:not([style*="background" i]) { color: #96a3b4 !important; }
html.theme-gray [style^="color:#72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html.theme-gray [style*=";color:#72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html.theme-gray [style*="; color:#72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html.theme-gray [style^="color: #72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html.theme-gray [style*=";color: #72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html.theme-gray [style*="; color: #72849b" i]:not([style*="background" i]) { color: #303944 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #72849b" i]:not([style*="background" i]) { color: #5f7086 !important; }
html.dark [style^="color:#7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.dark [style*=";color:#7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.dark [style*="; color:#7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.dark [style^="color: #7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.dark [style*=";color: #7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.dark [style*="; color: #7c3aed" i]:not([style*="background" i]) { color: #b593f0 !important; }
html.theme-gray [style^="color:#7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.theme-gray [style*=";color:#7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.theme-gray [style*="; color:#7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.theme-gray [style^="color: #7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.theme-gray [style*=";color: #7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.theme-gray [style*="; color: #7c3aed" i]:not([style*="background" i]) { color: #430e9e !important; }
html.dark [style^="color:#8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.dark [style*=";color:#8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.dark [style*="; color:#8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.dark [style^="color: #8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.dark [style*=";color: #8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.dark [style*="; color: #8a92a0" i]:not([style*="background" i]) { color: #9ba2ae !important; }
html.theme-gray [style^="color:#8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html.theme-gray [style*=";color:#8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html.theme-gray [style*="; color:#8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html.theme-gray [style^="color: #8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html.theme-gray [style*=";color: #8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html.theme-gray [style*="; color: #8a92a0" i]:not([style*="background" i]) { color: #33383f !important; }
html:not(.dark):not(.theme-gray) [style^="color:#8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html:not(.dark):not(.theme-gray) [style^="color: #8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #8a92a0" i]:not([style*="background" i]) { color: #666e7d !important; }
html.dark [style^="color:#92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.dark [style*=";color:#92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.dark [style*="; color:#92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.dark [style^="color: #92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.dark [style*=";color: #92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.dark [style*="; color: #92400e" i]:not([style*="background" i]) { color: #e68b53 !important; }
html.theme-gray [style^="color:#92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style*=";color:#92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style*="; color:#92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style^="color: #92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style*=";color: #92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style*="; color: #92400e" i]:not([style*="background" i]) { color: #5a2809 !important; }
html.theme-gray [style^="color:#94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html.theme-gray [style*=";color:#94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html.theme-gray [style*="; color:#94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html.theme-gray [style^="color: #94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html.theme-gray [style*=";color: #94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html.theme-gray [style*="; color: #94a3b8" i]:not([style*="background" i]) { color: #2f3947 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html:not(.dark):not(.theme-gray) [style^="color: #94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #94a3b8" i]:not([style*="background" i]) { color: #5c6f8a !important; }
html.dark [style^="color:#991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.dark [style*=";color:#991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.dark [style*="; color:#991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.dark [style^="color: #991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.dark [style*=";color: #991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.dark [style*="; color: #991b1b" i]:not([style*="background" i]) { color: #e98383 !important; }
html.theme-gray [style^="color:#991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.theme-gray [style*=";color:#991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.theme-gray [style*="; color:#991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.theme-gray [style^="color: #991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.theme-gray [style*=";color: #991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.theme-gray [style*="; color: #991b1b" i]:not([style*="background" i]) { color: #6e1313 !important; }
html.dark [style^="color:#9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.dark [style*=";color:#9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.dark [style*="; color:#9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.dark [style^="color: #9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.dark [style*=";color: #9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.dark [style*="; color: #9a3412" i]:not([style*="background" i]) { color: #e98766 !important; }
html.theme-gray [style^="color:#9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.theme-gray [style*=";color:#9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.theme-gray [style*="; color:#9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.theme-gray [style^="color: #9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.theme-gray [style*=";color: #9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.theme-gray [style*="; color: #9a3412" i]:not([style*="background" i]) { color: #63210c !important; }
html.dark [style^="color:#9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.dark [style*=";color:#9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.dark [style*="; color:#9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.dark [style^="color: #9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.dark [style*=";color: #9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.dark [style*="; color: #9aa08f" i]:not([style*="background" i]) { color: #9fa595 !important; }
html.theme-gray [style^="color:#9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html.theme-gray [style*=";color:#9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html.theme-gray [style*="; color:#9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html.theme-gray [style^="color: #9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html.theme-gray [style*=";color: #9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html.theme-gray [style*="; color: #9aa08f" i]:not([style*="background" i]) { color: #33362d !important; }
html:not(.dark):not(.theme-gray) [style^="color:#9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #9aa08f" i]:not([style*="background" i]) { color: #6c7261 !important; }
html.dark [style^="color:#9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.dark [style*=";color:#9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.dark [style*="; color:#9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.dark [style^="color: #9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.dark [style*=";color: #9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.dark [style*="; color: #9b1c28" i]:not([style*="background" i]) { color: #e9868f !important; }
html.theme-gray [style^="color:#9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style*=";color:#9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style*="; color:#9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style^="color: #9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style*=";color: #9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style*="; color: #9b1c28" i]:not([style*="background" i]) { color: #70141d !important; }
html.theme-gray [style^="color:#9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html.theme-gray [style*=";color:#9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html.theme-gray [style*="; color:#9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html.theme-gray [style^="color: #9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html.theme-gray [style*=";color: #9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html.theme-gray [style*="; color: #9ca3af" i]:not([style*="background" i]) { color: #343941 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html:not(.dark):not(.theme-gray) [style^="color: #9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #9ca3af" i]:not([style*="background" i]) { color: #666f7f !important; }
html.theme-gray [style^="color:#a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html.theme-gray [style*=";color:#a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html.theme-gray [style*="; color:#a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html.theme-gray [style^="color: #a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html.theme-gray [style*=";color: #a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html.theme-gray [style*="; color: #a1a1aa" i]:not([style*="background" i]) { color: #37373d !important; }
html:not(.dark):not(.theme-gray) [style^="color:#a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #a1a1aa" i]:not([style*="background" i]) { color: #6d6d78 !important; }
html.dark [style^="color:#a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.dark [style*=";color:#a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.dark [style*="; color:#a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.dark [style^="color: #a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.dark [style*=";color: #a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.dark [style*="; color: #a4480a" i]:not([style*="background" i]) { color: #e68a4d !important; }
html.theme-gray [style^="color:#a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style*=";color:#a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style*="; color:#a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style^="color: #a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style*=";color: #a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style*="; color: #a4480a" i]:not([style*="background" i]) { color: #572605 !important; }
html.theme-gray [style^="color:#afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html.theme-gray [style*=";color:#afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html.theme-gray [style*="; color:#afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html.theme-gray [style^="color: #afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html.theme-gray [style*=";color: #afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html.theme-gray [style*="; color: #afca0b" i]:not([style*="background" i]) { color: #313903 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #afca0b" i]:not([style*="background" i]) { color: #647306 !important; }
html.dark [style^="color:#b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.dark [style*=";color:#b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.dark [style*="; color:#b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.dark [style^="color: #b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.dark [style*=";color: #b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.dark [style*="; color: #b42318" i]:not([style*="background" i]) { color: #ed8a82 !important; }
html.theme-gray [style^="color:#b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.theme-gray [style*=";color:#b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.theme-gray [style*="; color:#b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.theme-gray [style^="color: #b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.theme-gray [style*=";color: #b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.theme-gray [style*="; color: #b42318" i]:not([style*="background" i]) { color: #6c150e !important; }
html.dark [style^="color:#b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.dark [style*=";color:#b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.dark [style*="; color:#b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.dark [style^="color: #b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.dark [style*=";color: #b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.dark [style*="; color: #b45309" i]:not([style*="background" i]) { color: #e58c48 !important; }
html.theme-gray [style^="color:#b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style*=";color:#b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style*="; color:#b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style^="color: #b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style*=";color: #b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style*="; color: #b45309" i]:not([style*="background" i]) { color: #5d2b05 !important; }
html.theme-gray [style^="color:#b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html.theme-gray [style*=";color:#b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html.theme-gray [style*="; color:#b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html.theme-gray [style^="color: #b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html.theme-gray [style*=";color: #b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html.theme-gray [style*="; color: #b5b9aa" i]:not([style*="background" i]) { color: #34372d !important; }
html:not(.dark):not(.theme-gray) [style^="color:#b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html:not(.dark):not(.theme-gray) [style^="color: #b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #b5b9aa" i]:not([style*="background" i]) { color: #6a6f5b !important; }
html.dark [style^="color:#b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.dark [style*=";color:#b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.dark [style*="; color:#b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.dark [style^="color: #b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.dark [style*=";color: #b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.dark [style*="; color: #b91c1c" i]:not([style*="background" i]) { color: #ec8282 !important; }
html.theme-gray [style^="color:#b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.theme-gray [style*=";color:#b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.theme-gray [style*="; color:#b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.theme-gray [style^="color: #b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.theme-gray [style*=";color: #b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.theme-gray [style*="; color: #b91c1c" i]:not([style*="background" i]) { color: #721111 !important; }
html.dark [style^="color:#c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.dark [style*=";color:#c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.dark [style*="; color:#c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.dark [style^="color: #c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.dark [style*=";color: #c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.dark [style*="; color: #c2410c" i]:not([style*="background" i]) { color: #e88860 !important; }
html.theme-gray [style^="color:#c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.theme-gray [style*=";color:#c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.theme-gray [style*="; color:#c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.theme-gray [style^="color: #c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.theme-gray [style*=";color: #c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.theme-gray [style*="; color: #c2410c" i]:not([style*="background" i]) { color: #622106 !important; }
html.dark [style^="color:#dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.dark [style*=";color:#dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.dark [style*="; color:#dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.dark [style^="color: #dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.dark [style*=";color: #dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.dark [style*="; color: #dc2626" i]:not([style*="background" i]) { color: #ec8787 !important; }
html.theme-gray [style^="color:#dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html.theme-gray [style*=";color:#dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html.theme-gray [style*="; color:#dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html.theme-gray [style^="color: #dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html.theme-gray [style*=";color: #dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html.theme-gray [style*="; color: #dc2626" i]:not([style*="background" i]) { color: #6c1111 !important; }
html:not(.dark):not(.theme-gray) [style^="color:#dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #dc2626" i]:not([style*="background" i]) { color: #d52222 !important; }
html.dark [style^="color:#dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.dark [style*=";color:#dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.dark [style*="; color:#dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.dark [style^="color: #dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.dark [style*=";color: #dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.dark [style*="; color: #dc3545" i]:not([style*="background" i]) { color: #ea838d !important; }
html.theme-gray [style^="color:#dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html.theme-gray [style*=";color:#dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html.theme-gray [style*="; color:#dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html.theme-gray [style^="color: #dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html.theme-gray [style*=";color: #dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html.theme-gray [style*="; color: #dc3545" i]:not([style*="background" i]) { color: #6f131c !important; }
html:not(.dark):not(.theme-gray) [style^="color:#dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html:not(.dark):not(.theme-gray) [style*=";color:#dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html:not(.dark):not(.theme-gray) [style*="; color:#dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html:not(.dark):not(.theme-gray) [style^="color: #dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html:not(.dark):not(.theme-gray) [style*=";color: #dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html:not(.dark):not(.theme-gray) [style*="; color: #dc3545" i]:not([style*="background" i]) { color: #d72536 !important; }
html.dark [style^="background:#bbf7d0" i], html.dark [style*=";background:#bbf7d0" i], html.dark [style*="; background:#bbf7d0" i], html.dark [style^="background: #bbf7d0" i], html.dark [style*=";background: #bbf7d0" i], html.dark [style*="; background: #bbf7d0" i] { background-color: #174f2b !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#bbf7d0" i], html.dark [style*=";background-color:#bbf7d0" i], html.dark [style*="; background-color:#bbf7d0" i], html.dark [style^="background-color: #bbf7d0" i], html.dark [style*=";background-color: #bbf7d0" i], html.dark [style*="; background-color: #bbf7d0" i] { background-color: #174f2b !important; color: var(--st-texte) !important; }
html.dark [style^="background:#dbeafe" i], html.dark [style*=";background:#dbeafe" i], html.dark [style*="; background:#dbeafe" i], html.dark [style^="background: #dbeafe" i], html.dark [style*=";background: #dbeafe" i], html.dark [style*="; background: #dbeafe" i] { background-color: #172f4f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#dbeafe" i], html.dark [style*=";background-color:#dbeafe" i], html.dark [style*="; background-color:#dbeafe" i], html.dark [style^="background-color: #dbeafe" i], html.dark [style*=";background-color: #dbeafe" i], html.dark [style*="; background-color: #dbeafe" i] { background-color: #172f4f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#dcf0fa" i], html.dark [style*=";background:#dcf0fa" i], html.dark [style*="; background:#dcf0fa" i], html.dark [style^="background: #dcf0fa" i], html.dark [style*=";background: #dcf0fa" i], html.dark [style*="; background: #dcf0fa" i] { background-color: #173c4f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#dcf0fa" i], html.dark [style*=";background-color:#dcf0fa" i], html.dark [style*="; background-color:#dcf0fa" i], html.dark [style^="background-color: #dcf0fa" i], html.dark [style*=";background-color: #dcf0fa" i], html.dark [style*="; background-color: #dcf0fa" i] { background-color: #173c4f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#dcfce7" i], html.dark [style*=";background:#dcfce7" i], html.dark [style*="; background:#dcfce7" i], html.dark [style^="background: #dcfce7" i], html.dark [style*=";background: #dcfce7" i], html.dark [style*="; background: #dcfce7" i] { background-color: #174f2a !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#dcfce7" i], html.dark [style*=";background-color:#dcfce7" i], html.dark [style*="; background-color:#dcfce7" i], html.dark [style^="background-color: #dcfce7" i], html.dark [style*=";background-color: #dcfce7" i], html.dark [style*="; background-color: #dcfce7" i] { background-color: #174f2a !important; color: var(--st-texte) !important; }
html.dark [style^="background:#e4e4e4" i], html.dark [style*=";background:#e4e4e4" i], html.dark [style*="; background:#e4e4e4" i], html.dark [style^="background: #e4e4e4" i], html.dark [style*=";background: #e4e4e4" i], html.dark [style*="; background: #e4e4e4" i] { background-color: var(--st-carte-2) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#e4e4e4" i], html.dark [style*=";background-color:#e4e4e4" i], html.dark [style*="; background-color:#e4e4e4" i], html.dark [style^="background-color: #e4e4e4" i], html.dark [style*=";background-color: #e4e4e4" i], html.dark [style*="; background-color: #e4e4e4" i] { background-color: var(--st-carte-2) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#e5e7eb" i], html.dark [style*=";background:#e5e7eb" i], html.dark [style*="; background:#e5e7eb" i], html.dark [style^="background: #e5e7eb" i], html.dark [style*=";background: #e5e7eb" i], html.dark [style*="; background: #e5e7eb" i] { background-color: #2c313a !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#e5e7eb" i], html.dark [style*=";background-color:#e5e7eb" i], html.dark [style*="; background-color:#e5e7eb" i], html.dark [style^="background-color: #e5e7eb" i], html.dark [style*=";background-color: #e5e7eb" i], html.dark [style*="; background-color: #e5e7eb" i] { background-color: #2c313a !important; color: var(--st-texte) !important; }
html.dark [style^="background:#e5e9ee" i], html.dark [style*=";background:#e5e9ee" i], html.dark [style*="; background:#e5e9ee" i], html.dark [style^="background: #e5e9ee" i], html.dark [style*=";background: #e5e9ee" i], html.dark [style*="; background: #e5e9ee" i] { background-color: #28323e !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#e5e9ee" i], html.dark [style*=";background-color:#e5e9ee" i], html.dark [style*="; background-color:#e5e9ee" i], html.dark [style^="background-color: #e5e9ee" i], html.dark [style*=";background-color: #e5e9ee" i], html.dark [style*="; background-color: #e5e9ee" i] { background-color: #28323e !important; color: var(--st-texte) !important; }
html.dark [style^="background:#e6efb3" i], html.dark [style*=";background:#e6efb3" i], html.dark [style*="; background:#e6efb3" i], html.dark [style^="background: #e6efb3" i], html.dark [style*=";background: #e6efb3" i], html.dark [style*="; background: #e6efb3" i] { background-color: #474f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#e6efb3" i], html.dark [style*=";background-color:#e6efb3" i], html.dark [style*="; background-color:#e6efb3" i], html.dark [style^="background-color: #e6efb3" i], html.dark [style*=";background-color: #e6efb3" i], html.dark [style*="; background-color: #e6efb3" i] { background-color: #474f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#ecfccb" i], html.dark [style*=";background:#ecfccb" i], html.dark [style*="; background:#ecfccb" i], html.dark [style^="background: #ecfccb" i], html.dark [style*=";background: #ecfccb" i], html.dark [style*="; background: #ecfccb" i] { background-color: #3d4f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#ecfccb" i], html.dark [style*=";background-color:#ecfccb" i], html.dark [style*="; background-color:#ecfccb" i], html.dark [style^="background-color: #ecfccb" i], html.dark [style*=";background-color: #ecfccb" i], html.dark [style*="; background-color: #ecfccb" i] { background-color: #3d4f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef0ea" i], html.dark [style*=";background:#eef0ea" i], html.dark [style*="; background:#eef0ea" i], html.dark [style^="background: #eef0ea" i], html.dark [style*=";background: #eef0ea" i], html.dark [style*="; background: #eef0ea" i] { background-color: #363c2a !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef0ea" i], html.dark [style*=";background-color:#eef0ea" i], html.dark [style*="; background-color:#eef0ea" i], html.dark [style^="background-color: #eef0ea" i], html.dark [style*=";background-color: #eef0ea" i], html.dark [style*="; background-color: #eef0ea" i] { background-color: #363c2a !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef0f3" i], html.dark [style*=";background:#eef0f3" i], html.dark [style*="; background:#eef0f3" i], html.dark [style^="background: #eef0f3" i], html.dark [style*=";background: #eef0f3" i], html.dark [style*="; background: #eef0f3" i] { background-color: #2a313c !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef0f3" i], html.dark [style*=";background-color:#eef0f3" i], html.dark [style*="; background-color:#eef0f3" i], html.dark [style^="background-color: #eef0f3" i], html.dark [style*=";background-color: #eef0f3" i], html.dark [style*="; background-color: #eef0f3" i] { background-color: #2a313c !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef1f4" i], html.dark [style*=";background:#eef1f4" i], html.dark [style*="; background:#eef1f4" i], html.dark [style^="background: #eef1f4" i], html.dark [style*=";background: #eef1f4" i], html.dark [style*="; background: #eef1f4" i] { background-color: #28333e !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef1f4" i], html.dark [style*=";background-color:#eef1f4" i], html.dark [style*="; background-color:#eef1f4" i], html.dark [style^="background-color: #eef1f4" i], html.dark [style*=";background-color: #eef1f4" i], html.dark [style*="; background-color: #eef1f4" i] { background-color: #28333e !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef4ff" i], html.dark [style*=";background:#eef4ff" i], html.dark [style*="; background:#eef4ff" i], html.dark [style^="background: #eef4ff" i], html.dark [style*=";background: #eef4ff" i], html.dark [style*="; background: #eef4ff" i] { background-color: #172b4f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef4ff" i], html.dark [style*=";background-color:#eef4ff" i], html.dark [style*="; background-color:#eef4ff" i], html.dark [style^="background-color: #eef4ff" i], html.dark [style*=";background-color: #eef4ff" i], html.dark [style*="; background-color: #eef4ff" i] { background-color: #172b4f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef5c9" i], html.dark [style*=";background:#eef5c9" i], html.dark [style*="; background:#eef5c9" i], html.dark [style^="background: #eef5c9" i], html.dark [style*=";background: #eef5c9" i], html.dark [style*="; background: #eef5c9" i] { background-color: #464f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef5c9" i], html.dark [style*=";background-color:#eef5c9" i], html.dark [style*="; background-color:#eef5c9" i], html.dark [style^="background-color: #eef5c9" i], html.dark [style*=";background-color: #eef5c9" i], html.dark [style*="; background-color: #eef5c9" i] { background-color: #464f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef6ff" i], html.dark [style*=";background:#eef6ff" i], html.dark [style*="; background:#eef6ff" i], html.dark [style^="background: #eef6ff" i], html.dark [style*=";background: #eef6ff" i], html.dark [style*="; background: #eef6ff" i] { background-color: #17314f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef6ff" i], html.dark [style*=";background-color:#eef6ff" i], html.dark [style*="; background-color:#eef6ff" i], html.dark [style^="background-color: #eef6ff" i], html.dark [style*=";background-color: #eef6ff" i], html.dark [style*="; background-color: #eef6ff" i] { background-color: #17314f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#eef8fd" i], html.dark [style*=";background:#eef8fd" i], html.dark [style*="; background:#eef8fd" i], html.dark [style^="background: #eef8fd" i], html.dark [style*=";background: #eef8fd" i], html.dark [style*="; background: #eef8fd" i] { background-color: #173c4f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#eef8fd" i], html.dark [style*=";background-color:#eef8fd" i], html.dark [style*="; background-color:#eef8fd" i], html.dark [style^="background-color: #eef8fd" i], html.dark [style*=";background-color: #eef8fd" i], html.dark [style*="; background-color: #eef8fd" i] { background-color: #173c4f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f0f0f0" i], html.dark [style*=";background:#f0f0f0" i], html.dark [style*="; background:#f0f0f0" i], html.dark [style^="background: #f0f0f0" i], html.dark [style*=";background: #f0f0f0" i], html.dark [style*="; background: #f0f0f0" i] { background-color: var(--st-carte-2) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f0f0f0" i], html.dark [style*=";background-color:#f0f0f0" i], html.dark [style*="; background-color:#f0f0f0" i], html.dark [style^="background-color: #f0f0f0" i], html.dark [style*=";background-color: #f0f0f0" i], html.dark [style*="; background-color: #f0f0f0" i] { background-color: var(--st-carte-2) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f0fdf4" i], html.dark [style*=";background:#f0fdf4" i], html.dark [style*="; background:#f0fdf4" i], html.dark [style^="background: #f0fdf4" i], html.dark [style*=";background: #f0fdf4" i], html.dark [style*="; background: #f0fdf4" i] { background-color: #174f28 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f0fdf4" i], html.dark [style*=";background-color:#f0fdf4" i], html.dark [style*="; background-color:#f0fdf4" i], html.dark [style^="background-color: #f0fdf4" i], html.dark [style*=";background-color: #f0fdf4" i], html.dark [style*="; background-color: #f0fdf4" i] { background-color: #174f28 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f1f5f9" i], html.dark [style*=";background:#f1f5f9" i], html.dark [style*="; background:#f1f5f9" i], html.dark [style^="background: #f1f5f9" i], html.dark [style*=";background: #f1f5f9" i], html.dark [style*="; background: #f1f5f9" i] { background-color: #1f3347 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f1f5f9" i], html.dark [style*=";background-color:#f1f5f9" i], html.dark [style*="; background-color:#f1f5f9" i], html.dark [style^="background-color: #f1f5f9" i], html.dark [style*=";background-color: #f1f5f9" i], html.dark [style*="; background-color: #f1f5f9" i] { background-color: #1f3347 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f3e8ff" i], html.dark [style*=";background:#f3e8ff" i], html.dark [style*="; background:#f3e8ff" i], html.dark [style^="background: #f3e8ff" i], html.dark [style*=";background: #f3e8ff" i], html.dark [style*="; background: #f3e8ff" i] { background-color: #32174f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f3e8ff" i], html.dark [style*=";background-color:#f3e8ff" i], html.dark [style*="; background-color:#f3e8ff" i], html.dark [style^="background-color: #f3e8ff" i], html.dark [style*=";background-color: #f3e8ff" i], html.dark [style*="; background-color: #f3e8ff" i] { background-color: #32174f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f3f0ff" i], html.dark [style*=";background:#f3f0ff" i], html.dark [style*="; background:#f3f0ff" i], html.dark [style^="background: #f3f0ff" i], html.dark [style*=";background: #f3f0ff" i], html.dark [style*="; background: #f3f0ff" i] { background-color: #22174f !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f3f0ff" i], html.dark [style*=";background-color:#f3f0ff" i], html.dark [style*="; background-color:#f3f0ff" i], html.dark [style^="background-color: #f3f0ff" i], html.dark [style*=";background-color: #f3f0ff" i], html.dark [style*="; background-color: #f3f0ff" i] { background-color: #22174f !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f3f4f6" i], html.dark [style*=";background:#f3f4f6" i], html.dark [style*="; background:#f3f4f6" i], html.dark [style^="background: #f3f4f6" i], html.dark [style*=";background: #f3f4f6" i], html.dark [style*="; background: #f3f4f6" i] { background-color: #2c313a !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f3f4f6" i], html.dark [style*=";background-color:#f3f4f6" i], html.dark [style*="; background-color:#f3f4f6" i], html.dark [style^="background-color: #f3f4f6" i], html.dark [style*=";background-color: #f3f4f6" i], html.dark [style*="; background-color: #f3f4f6" i] { background-color: #2c313a !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f3f5f8" i], html.dark [style*=";background:#f3f5f8" i], html.dark [style*="; background:#f3f5f8" i], html.dark [style^="background: #f3f5f8" i], html.dark [style*=";background: #f3f5f8" i], html.dark [style*="; background: #f3f5f8" i] { background-color: #263040 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f3f5f8" i], html.dark [style*=";background-color:#f3f5f8" i], html.dark [style*="; background-color:#f3f5f8" i], html.dark [style^="background-color: #f3f5f8" i], html.dark [style*=";background-color: #f3f5f8" i], html.dark [style*="; background-color: #f3f5f8" i] { background-color: #263040 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f3f8dc" i], html.dark [style*=";background:#f3f8dc" i], html.dark [style*="; background:#f3f8dc" i], html.dark [style^="background: #f3f8dc" i], html.dark [style*=";background: #f3f8dc" i], html.dark [style*="; background: #f3f8dc" i] { background-color: #454f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f3f8dc" i], html.dark [style*=";background-color:#f3f8dc" i], html.dark [style*="; background-color:#f3f8dc" i], html.dark [style^="background-color: #f3f8dc" i], html.dark [style*=";background-color: #f3f8dc" i], html.dark [style*="; background-color: #f3f8dc" i] { background-color: #454f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f4f4f5" i], html.dark [style*=";background:#f4f4f5" i], html.dark [style*="; background:#f4f4f5" i], html.dark [style^="background: #f4f4f5" i], html.dark [style*=";background: #f4f4f5" i], html.dark [style*="; background: #f4f4f5" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f4f4f5" i], html.dark [style*=";background-color:#f4f4f5" i], html.dark [style*="; background-color:#f4f4f5" i], html.dark [style^="background-color: #f4f4f5" i], html.dark [style*=";background-color: #f4f4f5" i], html.dark [style*="; background-color: #f4f4f5" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f4f8dd" i], html.dark [style*=";background:#f4f8dd" i], html.dark [style*="; background:#f4f8dd" i], html.dark [style^="background: #f4f8dd" i], html.dark [style*=";background: #f4f8dd" i], html.dark [style*="; background: #f4f8dd" i] { background-color: #474f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f4f8dd" i], html.dark [style*=";background-color:#f4f8dd" i], html.dark [style*="; background-color:#f4f8dd" i], html.dark [style^="background-color: #f4f8dd" i], html.dark [style*=";background-color: #f4f8dd" i], html.dark [style*="; background-color: #f4f8dd" i] { background-color: #474f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f4f8e1" i], html.dark [style*=";background:#f4f8e1" i], html.dark [style*="; background:#f4f8e1" i], html.dark [style^="background: #f4f8e1" i], html.dark [style*=";background: #f4f8e1" i], html.dark [style*="; background: #f4f8e1" i] { background-color: #454f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f4f8e1" i], html.dark [style*=";background-color:#f4f8e1" i], html.dark [style*="; background-color:#f4f8e1" i], html.dark [style^="background-color: #f4f8e1" i], html.dark [style*=";background-color: #f4f8e1" i], html.dark [style*="; background-color: #f4f8e1" i] { background-color: #454f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f7f9fc" i], html.dark [style*=";background:#f7f9fc" i], html.dark [style*="; background:#f7f9fc" i], html.dark [style^="background: #f7f9fc" i], html.dark [style*=";background: #f7f9fc" i], html.dark [style*="; background: #f7f9fc" i] { background-color: #1c2e4a !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f7f9fc" i], html.dark [style*=";background-color:#f7f9fc" i], html.dark [style*="; background-color:#f7f9fc" i], html.dark [style^="background-color: #f7f9fc" i], html.dark [style*=";background-color: #f7f9fc" i], html.dark [style*="; background-color: #f7f9fc" i] { background-color: #1c2e4a !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f8f8f8" i], html.dark [style*=";background:#f8f8f8" i], html.dark [style*="; background:#f8f8f8" i], html.dark [style^="background: #f8f8f8" i], html.dark [style*=";background: #f8f8f8" i], html.dark [style*="; background: #f8f8f8" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f8f8f8" i], html.dark [style*=";background-color:#f8f8f8" i], html.dark [style*="; background-color:#f8f8f8" i], html.dark [style^="background-color: #f8f8f8" i], html.dark [style*=";background-color: #f8f8f8" i], html.dark [style*="; background-color: #f8f8f8" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f8fafc" i], html.dark [style*=";background:#f8fafc" i], html.dark [style*="; background:#f8fafc" i], html.dark [style^="background: #f8fafc" i], html.dark [style*=";background: #f8fafc" i], html.dark [style*="; background: #f8fafc" i] { background-color: #1f3347 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f8fafc" i], html.dark [style*=";background-color:#f8fafc" i], html.dark [style*="; background-color:#f8fafc" i], html.dark [style^="background-color: #f8fafc" i], html.dark [style*=";background-color: #f8fafc" i], html.dark [style*="; background-color: #f8fafc" i] { background-color: #1f3347 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#f9fafb" i], html.dark [style*=";background:#f9fafb" i], html.dark [style*="; background:#f9fafb" i], html.dark [style^="background: #f9fafb" i], html.dark [style*=";background: #f9fafb" i], html.dark [style*="; background: #f9fafb" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#f9fafb" i], html.dark [style*=";background-color:#f9fafb" i], html.dark [style*="; background-color:#f9fafb" i], html.dark [style^="background-color: #f9fafb" i], html.dark [style*=";background-color: #f9fafb" i], html.dark [style*="; background-color: #f9fafb" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fafafa" i], html.dark [style*=";background:#fafafa" i], html.dark [style*="; background:#fafafa" i], html.dark [style^="background: #fafafa" i], html.dark [style*=";background: #fafafa" i], html.dark [style*="; background: #fafafa" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fafafa" i], html.dark [style*=";background-color:#fafafa" i], html.dark [style*="; background-color:#fafafa" i], html.dark [style^="background-color: #fafafa" i], html.dark [style*=";background-color: #fafafa" i], html.dark [style*="; background-color: #fafafa" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fafcf2" i], html.dark [style*=";background:#fafcf2" i], html.dark [style*="; background:#fafcf2" i], html.dark [style^="background: #fafcf2" i], html.dark [style*=";background: #fafcf2" i], html.dark [style*="; background: #fafcf2" i] { background-color: #444f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fafcf2" i], html.dark [style*=";background-color:#fafcf2" i], html.dark [style*="; background-color:#fafcf2" i], html.dark [style^="background-color: #fafcf2" i], html.dark [style*=";background-color: #fafcf2" i], html.dark [style*="; background-color: #fafcf2" i] { background-color: #444f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fde2e0" i], html.dark [style*=";background:#fde2e0" i], html.dark [style*="; background:#fde2e0" i], html.dark [style^="background: #fde2e0" i], html.dark [style*=";background: #fde2e0" i], html.dark [style*="; background: #fde2e0" i] { background-color: #4f1b17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fde2e0" i], html.dark [style*=";background-color:#fde2e0" i], html.dark [style*="; background-color:#fde2e0" i], html.dark [style^="background-color: #fde2e0" i], html.dark [style*=";background-color: #fde2e0" i], html.dark [style*="; background-color: #fde2e0" i] { background-color: #4f1b17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fde2e4" i], html.dark [style*=";background:#fde2e4" i], html.dark [style*="; background:#fde2e4" i], html.dark [style^="background: #fde2e4" i], html.dark [style*=";background: #fde2e4" i], html.dark [style*="; background: #fde2e4" i] { background-color: #4f171b !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fde2e4" i], html.dark [style*=";background-color:#fde2e4" i], html.dark [style*="; background-color:#fde2e4" i], html.dark [style^="background-color: #fde2e4" i], html.dark [style*=";background-color: #fde2e4" i], html.dark [style*="; background-color: #fde2e4" i] { background-color: #4f171b !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fde68a" i], html.dark [style*=";background:#fde68a" i], html.dark [style*="; background:#fde68a" i], html.dark [style^="background: #fde68a" i], html.dark [style*=";background: #fde68a" i], html.dark [style*="; background: #fde68a" i] { background-color: #4f4417 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fde68a" i], html.dark [style*=";background-color:#fde68a" i], html.dark [style*="; background-color:#fde68a" i], html.dark [style^="background-color: #fde68a" i], html.dark [style*=";background-color: #fde68a" i], html.dark [style*="; background-color: #fde68a" i] { background-color: #4f4417 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fde9d9" i], html.dark [style*=";background:#fde9d9" i], html.dark [style*="; background:#fde9d9" i], html.dark [style^="background: #fde9d9" i], html.dark [style*=";background: #fde9d9" i], html.dark [style*="; background: #fde9d9" i] { background-color: #4f3017 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fde9d9" i], html.dark [style*=";background-color:#fde9d9" i], html.dark [style*="; background-color:#fde9d9" i], html.dark [style^="background-color: #fde9d9" i], html.dark [style*=";background-color: #fde9d9" i], html.dark [style*="; background-color: #fde9d9" i] { background-color: #4f3017 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fdeee6" i], html.dark [style*=";background:#fdeee6" i], html.dark [style*="; background:#fdeee6" i], html.dark [style^="background: #fdeee6" i], html.dark [style*=";background: #fdeee6" i], html.dark [style*="; background: #fdeee6" i] { background-color: #4f2a17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fdeee6" i], html.dark [style*=";background-color:#fdeee6" i], html.dark [style*="; background-color:#fdeee6" i], html.dark [style^="background-color: #fdeee6" i], html.dark [style*=";background-color: #fdeee6" i], html.dark [style*="; background-color: #fdeee6" i] { background-color: #4f2a17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fee" i], html.dark [style*=";background:#fee" i], html.dark [style*="; background:#fee" i], html.dark [style^="background: #fee" i], html.dark [style*=";background: #fee" i], html.dark [style*="; background: #fee" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fee" i], html.dark [style*=";background-color:#fee" i], html.dark [style*="; background-color:#fee" i], html.dark [style^="background-color: #fee" i], html.dark [style*=";background-color: #fee" i], html.dark [style*="; background-color: #fee" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fee2e2" i], html.dark [style*=";background:#fee2e2" i], html.dark [style*="; background:#fee2e2" i], html.dark [style^="background: #fee2e2" i], html.dark [style*=";background: #fee2e2" i], html.dark [style*="; background: #fee2e2" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fee2e2" i], html.dark [style*=";background-color:#fee2e2" i], html.dark [style*="; background-color:#fee2e2" i], html.dark [style^="background-color: #fee2e2" i], html.dark [style*=";background-color: #fee2e2" i], html.dark [style*="; background-color: #fee2e2" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fef2f2" i], html.dark [style*=";background:#fef2f2" i], html.dark [style*="; background:#fef2f2" i], html.dark [style^="background: #fef2f2" i], html.dark [style*=";background: #fef2f2" i], html.dark [style*="; background: #fef2f2" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fef2f2" i], html.dark [style*=";background-color:#fef2f2" i], html.dark [style*="; background-color:#fef2f2" i], html.dark [style^="background-color: #fef2f2" i], html.dark [style*=";background-color: #fef2f2" i], html.dark [style*="; background-color: #fef2f2" i] { background-color: #4f1717 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fef3c7" i], html.dark [style*=";background:#fef3c7" i], html.dark [style*="; background:#fef3c7" i], html.dark [style^="background: #fef3c7" i], html.dark [style*=";background: #fef3c7" i], html.dark [style*="; background: #fef3c7" i] { background-color: #4f4417 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fef3c7" i], html.dark [style*=";background-color:#fef3c7" i], html.dark [style*="; background-color:#fef3c7" i], html.dark [style^="background-color: #fef3c7" i], html.dark [style*=";background-color: #fef3c7" i], html.dark [style*="; background-color: #fef3c7" i] { background-color: #4f4417 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#ffedd5" i], html.dark [style*=";background:#ffedd5" i], html.dark [style*="; background:#ffedd5" i], html.dark [style^="background: #ffedd5" i], html.dark [style*=";background: #ffedd5" i], html.dark [style*="; background: #ffedd5" i] { background-color: #4f3717 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#ffedd5" i], html.dark [style*=";background-color:#ffedd5" i], html.dark [style*="; background-color:#ffedd5" i], html.dark [style^="background-color: #ffedd5" i], html.dark [style*=";background-color: #ffedd5" i], html.dark [style*="; background-color: #ffedd5" i] { background-color: #4f3717 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fff" i], html.dark [style*=";background:#fff" i], html.dark [style*="; background:#fff" i], html.dark [style^="background: #fff" i], html.dark [style*=";background: #fff" i], html.dark [style*="; background: #fff" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fff" i], html.dark [style*=";background-color:#fff" i], html.dark [style*="; background-color:#fff" i], html.dark [style^="background-color: #fff" i], html.dark [style*=";background-color: #fff" i], html.dark [style*="; background-color: #fff" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fff8e6" i], html.dark [style*=";background:#fff8e6" i], html.dark [style*="; background:#fff8e6" i], html.dark [style^="background: #fff8e6" i], html.dark [style*=";background: #fff8e6" i], html.dark [style*="; background: #fff8e6" i] { background-color: #4f3f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fff8e6" i], html.dark [style*=";background-color:#fff8e6" i], html.dark [style*="; background-color:#fff8e6" i], html.dark [style^="background-color: #fff8e6" i], html.dark [style*=";background-color: #fff8e6" i], html.dark [style*="; background-color: #fff8e6" i] { background-color: #4f3f17 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#fffdf3" i], html.dark [style*=";background:#fffdf3" i], html.dark [style*="; background:#fffdf3" i], html.dark [style^="background: #fffdf3" i], html.dark [style*=";background: #fffdf3" i], html.dark [style*="; background: #fffdf3" i] { background-color: #4f4617 !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#fffdf3" i], html.dark [style*=";background-color:#fffdf3" i], html.dark [style*="; background-color:#fffdf3" i], html.dark [style^="background-color: #fffdf3" i], html.dark [style*=";background-color: #fffdf3" i], html.dark [style*="; background-color: #fffdf3" i] { background-color: #4f4617 !important; color: var(--st-texte) !important; }
html.dark [style^="background:#ffffff" i], html.dark [style*=";background:#ffffff" i], html.dark [style*="; background:#ffffff" i], html.dark [style^="background: #ffffff" i], html.dark [style*=";background: #ffffff" i], html.dark [style*="; background: #ffffff" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }
html.dark [style^="background-color:#ffffff" i], html.dark [style*=";background-color:#ffffff" i], html.dark [style*="; background-color:#ffffff" i], html.dark [style^="background-color: #ffffff" i], html.dark [style*=";background-color: #ffffff" i], html.dark [style*="; background-color: #ffffff" i] { background-color: var(--st-carte) !important; color: var(--st-texte) !important; }

/* === CONTRASTE fin === */