/* WICLOSE — la couleur de marque, posee par-dessus l interface.
 *
 * ⛔ FICHIER GENERE, jamais ecrit a la main :
 *      scratchpad/generer-marque-css.py
 *    A REGENERER apres chaque mise a jour du produit.
 *
 * L essentiel est le premier bloc : l echelle BLEUE est reassignee a l echelle
 * SARCELLE, qui existe deja dans le produit. Tout ce qui etait bleu devient
 * donc sarcelle — les bulles de messages, l onglet actif, les etiquettes — y
 * compris ce qu on n avait pas pense a chercher.
 *
 * Le second bloc rattrape les 83 regles qui ecrivent la teinte vive
 * en dur, sans passer par une variable.
 */

/* L echelle, en affichage clair */
:root{--blue-1:250 254 253;--blue-2:243 251 249;--blue-3:224 248 243;--blue-4:204 243 234;--blue-5:184 234 224;--blue-6:161 222 210;--blue-7:131 205 193;--blue-8:83 185 171;--blue-9:18 165 148;--blue-10:13 155 138;--blue-11:0 133 115;--blue-12:13 61 56}

/* L echelle, en affichage sombre */
.dark,[data-theme="dark"],html.dark{--blue-1:13 21 20;--blue-2:17 28 27;--blue-3:13 45 42;--blue-4:2 59 55;--blue-5:8 72 67;--blue-6:20 87 80;--blue-7:28 105 97;--blue-8:32 126 115;--blue-9:18 165 148;--blue-10:14 179 158;--blue-11:11 216 182;--blue-12:173 240 221}

/* Les teintes ecrites en dur */
.border-n-blue-border{border-color:#0F766E80 !important;border-color:rgba(var(--border-blue)) !important}
.border-n-brand{--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.border-n-brand{border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.border-n-brand\/50{border-color:#0F766E80 !important}
.border-t-n-brand{--tw-border-opacity: 1 !important;border-top-color:#0F766E !important}
.border-t-n-brand{border-top-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.bg-\[\#2781F6\]{--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.bg-\[\#2781F6\]{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.bg-n-blue-9{--tw-bg-opacity: 1 !important;background-color:#0F766E !important;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1)) !important}
.bg-n-brand{--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.bg-n-brand{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.bg-n-brand\/10{background-color:#0F766E1a !important}
.bg-n-brand\/20{background-color:#0F766E33 !important}
.bg-n-brand\/5{background-color:#0F766E0d !important}
.from-n-brand\/15{--tw-gradient-from: rgb(15 118 110 / .15) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(15 118 110 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}
.fill-n-blue-9{fill:#0F766E !important;fill:rgb(var(--blue-9) / 1) !important}
.text-n-blue-9{--tw-text-opacity: 1 !important;color:#0F766E !important;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1)) !important}
.text-n-brand{--tw-text-opacity: 1 !important;color:#0F766E !important}
.text-n-brand{color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.accent-n-blue-9{accent-color:rgb(15 118 110 / 1) !important;accent-color:rgb(var(--blue-9) / 1) !important}
.\!shadow-\[var\(--widget-color\,\#2781f6\)\]{--tw-shadow-color: var(--widget-color,#0F766E) !important;--tw-shadow: var(--tw-shadow-colored) !important}
.\!outline-n-brand{outline-color:#0F766E!important}
.outline-n-blue-9{outline-color:#0F766E !important;outline-color:rgb(var(--blue-9) / 1) !important}
.outline-n-brand{outline-color:#0F766E !important}
.ring-n-brand{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1)) !important}
.text-link{font-weight:500 !important;--tw-text-opacity: 1 !important;color:#0F766E !important}
.text-link{color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.before\:\!border-t-n-brand:before{content:var(--tw-content) !important;--tw-border-opacity: 1 !important;border-top-color:#0F766E!important}
.before\:\!border-t-n-brand:before{border-top-color:rgb(15 118 110 / var(--tw-border-opacity, 1))!important}
.before\:bg-n-brand:before{content:var(--tw-content) !important;--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.before\:bg-n-brand:before{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.after\:bg-n-brand:after{content:var(--tw-content) !important;--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.after\:bg-n-brand:after{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.checked\:border-n-brand:checked{--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.checked\:border-n-brand:checked{border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.checked\:bg-n-brand:checked{--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.checked\:bg-n-brand:checked{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.focus-within\:outline-n-brand:focus-within{outline-color:#0F766E !important}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1)) !important}
.hover\:border-n-brand:hover{--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.hover\:border-n-brand:hover{border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.hover\:bg-n-brand\/10:hover{background-color:#0F766E1a !important}
.hover\:bg-n-brand\/80:hover{background-color:#0F766Ecc !important}
.hover\:text-n-brand:hover{--tw-text-opacity: 1 !important;color:#0F766E !important}
.hover\:text-n-brand:hover{color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.focus\:border-n-brand:focus{--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.focus\:border-n-brand:focus{border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.focus\:outline-n-blue-9:focus{outline-color:#0F766E !important;outline-color:rgb(var(--blue-9) / 1) !important}
.focus\:outline-n-brand:focus{outline-color:#0F766E !important}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1)) !important}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#0F766E33 !important}
.focus-visible\:outline-n-brand:focus-visible{outline-color:#0F766E !important}
.focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1)) !important}
.hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1 !important;border-color:#0F766E !important;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1)) !important}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#0F766E80 !important;background-color:rgba(var(--border-blue)) !important}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#0F766E33 !important}
.group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1 !important;color:#0F766E !important}
.group:focus-within .group-focus-within\:text-n-brand{color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.group:hover .group-hover\:bg-n-brand{background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#0F766E !important}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1 !important;color:#0F766E !important}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1 !important;color:#0F766E !important}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.dark\:border-n-brand:is(.dark *){--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.dark\:border-n-brand:is(.dark *){border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#0F766E1a !important}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#0F766E!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(15 118 110 / var(--tw-ring-opacity, 1)) !important}
.dark\:checked\:border-n-brand:checked:is(.dark *){--tw-border-opacity: 1 !important;border-color:#0F766E !important}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(15 118 110 / var(--tw-border-opacity, 1)) !important}
.dark\:checked\:bg-n-brand:checked:is(.dark *){--tw-bg-opacity: 1 !important;background-color:#0F766E !important}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1)) !important}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#0F766E !important}
.dark\:hover\:text-n-brand:hover:is(.dark *){--tw-text-opacity: 1 !important;color:#0F766E !important}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(15 118 110 / var(--tw-text-opacity, 1)) !important}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#0F766E !important}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#0F766E !important}

/* Les variables bleues HORS de l echelle — ajoutees le 15/09.
 * ⛔ Les bulles de message restaient bleu clair parce que --solid-blue
 * (#DAECFF) n appartient pas a l echelle --blue-1..12 reassignee plus haut.
 * Meme chose pour --solid-blue-2, --border-blue et --border-blue-strong.
 * Le widget les redefinit sur .widget-wrapper, plus specifique : d ou le
 * !important. */
:root{--solid-blue:214 240 235 !important;--solid-blue-2:247 252 251 !important;--border-blue:15,118,110,.5 !important;--border-blue-strong:13 61 56 !important}
.dark,[data-theme="dark"],html.dark{--solid-blue:10 66 60 !important;--solid-blue-2:24 32 31 !important;--border-blue:15,118,110,.5 !important;--border-blue-strong:173 240 221 !important}
.widget-wrapper{--solid-blue:214 240 235 !important;--border-blue:15,118,110,.5 !important}
.dark .widget-wrapper{--solid-blue:11 58 53 !important;--border-blue:15,118,110,.5 !important}

/* L echelle IRIS (lavande), ajoutee le 15/09.
 * ⛔ Les messages AUTOMATIQUES (accueil, robot) utilisent bg-n-solid-iris, et
 * les boutons d assistant l echelle --iris-*. Tout restait lavande. On la
 * reassigne a la sarcelle ; --solid-iris garde une teinte a part, gris
 * sarcelle, pour que l on distingue encore un message automatique d une
 * reponse de l equipe. */
:root{--iris-1:250 254 253 !important;--iris-2:243 251 249 !important;--iris-3:224 248 243 !important;--iris-4:204 243 234 !important;--iris-5:184 234 224 !important;--iris-6:161 222 210 !important;--iris-7:131 205 193 !important;--iris-8:83 185 171 !important;--iris-9:18 165 148 !important;--iris-10:13 155 138 !important;--iris-11:0 133 115 !important;--iris-12:13 61 56 !important;--solid-iris:232 242 240 !important}
.dark,[data-theme="dark"],html.dark{--iris-1:13 21 20 !important;--iris-2:17 28 27 !important;--iris-3:13 45 42 !important;--iris-4:2 59 55 !important;--iris-5:8 72 67 !important;--iris-6:20 87 80 !important;--iris-7:28 105 97 !important;--iris-8:32 126 115 !important;--iris-9:18 165 148 !important;--iris-10:14 179 158 !important;--iris-11:11 216 182 !important;--iris-12:173 240 221 !important;--solid-iris:20 44 42 !important}
.widget-wrapper{--solid-iris:232 242 240 !important}
.dark .widget-wrapper{--solid-iris:20 44 42 !important}