/* ============================================================
STANDARD DE DESIGN DU PORTAIL HEUTZ (10/10/2026, décision de Vincent)
Chargé dans TOUTES les pages (injection automatique, voir heutz_standard.py). Un même sens = une même couleur
+ une même icône, partout. Règles écrites dans « Cahiers des charges/standard-design.md ».
Palette (inspirée de Monday) :
vert #00C875 ✅ terminé / validé / reçu / saisi jaune #FFCB00 🔄 en cours / en commande / info
bleu #579BFC 📋 à traiter / à faire / à valider rouge #DF2F4A ⚠️ souci / retard / refusé
violet #A25DDC ⏳ en attente / en pause / préparation rose #FF5AC4 💬 à discuter
gris #797E93 ➖ brouillon / annulé / sans objet
============================================================ */
:root{
--st-ok:#B9DB66; --st-encours:#F6BF72; --st-afaire:#88B0FA; --st-ko:#D9707E; --st-mauve:#B38AE0; --st-rose:#F08BC8; --st-muted:#7C8091;
}
/* ---------- Étiquettes d'état : pastille douce (fond teinté, texte et icône de la couleur) ---------- */
body .tag{--c:var(--st-muted);display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;
background:color-mix(in srgb,var(--c) 22%,#fff)!important;color:color-mix(in srgb,var(--c) 52%,#1A1D29)!important;
font-weight:700;font-size:13.5px;line-height:1.2;white-space:nowrap}
body .tag::before{font-size:1.05em}
body .tag-ok{--c:var(--st-ok)} body .tag-ok::before{content:"✅"}
body .tag-bleu,body .tag-info{--c:var(--st-encours)} body .tag-bleu::before,body .tag-info::before{content:"⏳"}
body .tag-warn,body .tag-jaune,body .tag-orange{--c:var(--st-afaire)} body .tag-warn::before,body .tag-jaune::before,body .tag-orange::before{content:"⭕"}
body .tag-ko{--c:var(--st-ko)} body .tag-ko::before{content:"🚫"}
body .tag-mauve{--c:var(--st-mauve)} body .tag-mauve::before{content:"⏸️"}
body .tag-rose{--c:var(--st-rose)} body .tag-rose::before{content:"💬"}
body .tag-muted{--c:var(--st-muted)} body .tag-muted::before{content:"➖"}
/* Avatars (initiales dans un rond), repris de la liste des entretiens */
body .av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3B5BA9;color:#fff;font-weight:700;font-size:12px;flex:none;vertical-align:middle;margin-right:8px}
/* Indicateur à pastille de couleur : ● Conforme / ● Dans 5 jours / ● En retard */
body .dot{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:#4b5866}
body .dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--st-muted)}
body .dot.ok::before{background:var(--st-ok)}body .dot.warn::before{background:var(--st-encours)}body .dot.ko::before{background:var(--st-ko)}
/* Les types (Électricité / Sécurité…) ne sont pas des états : on les laisse comme avant */
body .tag-elec::before,body .tag-secu::before,body .tag-inasec::before,body .tag-link::before{content:none}
/* Étiquettes qui contiennent déjà une icône dans leur texte : pas de doublon */
body .tag.sans-icone::before{content:none}
/* Listes déroulantes d'état (Parc, Partenaire…) : même palette */
body .statut-inline-select.statut-inline-ok,body select.statut-inline-ok{background:var(--st-ok)!important;color:#fff!important}
body select.statut-inline-bleu{background:var(--st-encours)!important;color:#fff!important}
body select.statut-inline-warn,body select.statut-inline-jaune{background:var(--st-afaire)!important;color:#fff!important}
body select.statut-inline-ko{background:var(--st-ko)!important;color:#fff!important}
body select.statut-inline-mauve{background:var(--st-mauve)!important;color:#fff!important}
body select.statut-inline-neutre{background:var(--st-muted)!important;color:#fff!important}
/* ---------- Tuiles de tête : compactes (jamais étirées sur toute la largeur), bande de couleur sur le côté ---------- */
body .stat-cards,body .stat-cards-auto,body .stat-cards-partenaire,body .sv-tiles{
grid-template-columns:repeat(auto-fill,minmax(190px,235px))!important;justify-content:start;gap:12px!important}
body .stat-card,body .sv-tile{max-width:235px;border-left:7px solid var(--bande,#579BFC)!important;border-radius:14px!important}
body .stat-card .stat-number,body .sv-tile .sv-n{font-weight:800}
/* NB : les NOMS de classes historiques sont conservés (tag-warn = « à faire », tag-bleu/tag-info = « en cours ») ; seules les couleurs suivent le standard : À FAIRE = BLEU, EN COURS = ORANGE CLAIR (décision de Vincent, 10/10/2026). */
/* Palette officielle = étiquettes Monday de Vincent (capture du 10/10/2026) : ⭕ À faire bleu clair, ⏳ En cours orange clair, ✅ Fait vert, 🚫 Bloqué rouge. */
/* Badge compteur dans les menus (ex. exports E-cust prêts) */
.st-badge{margin-left:auto;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#F6BF72;color:#7A4A05;font-size:12px;font-weight:800}
/* ---------- Couleurs des personnes (décision de Vincent, 11/10/2026) : à respecter partout (planning, discussions, avatars, légendes) ----------
Usage : DOM ou style="background:var(--p-dominique)" */
:root{--p-dominique:#F2C230;--p-emilien:#D64550;--p-jimmy:#1F2430;--p-michael:#F08A24;--p-kylian:#8A919C;--p-vincent:#8B5E3C}
body .av.p-dominique{background:var(--p-dominique);color:#3b2f00}
body .av.p-emilien{background:var(--p-emilien)}
body .av.p-jimmy{background:var(--p-jimmy)}
body .av.p-michael{background:var(--p-michael)}
body .av.p-kylian{background:var(--p-kylian)}
body .av.p-vincent{background:var(--p-vincent)}
/* ---------- Style « Gestion de l'entretien » généralisé à tous les modules (11/10/2026) ---------- */
html body .mx-main .stat-card{border-left:0!important;max-width:none!important;padding:14px 16px!important}
body .stat-card::before,body .stat-card::after{display:none!important}
.stat-card .stat-icon-badge{width:42px!important;height:42px!important}
.stat-card .stat-icon-badge svg{width:21px!important;height:21px!important}
.stat-card.stat-bleu .stat-icon-badge{background:#E4EDFE;color:#4B7FE0}
.stat-card.stat-jaune .stat-icon-badge{background:#FDF0DC;color:#D9902B}
.stat-card.stat-mauve .stat-icon-badge{background:#EEE5F9;color:#8A5CC8}
.stat-card.stat-ok .stat-icon-badge{background:#EAF4D2;color:#6E9A1E}
.stat-card.stat-ko .stat-icon-badge{background:#FBE4E7;color:#CC5566}
.stat-card.stat-accent .stat-icon-badge{background:#E1F5F2;color:#16A394}
.stat-card .stat-number{font-size:28px!important;font-weight:800}
.mx-section{text-transform:none!important;font-size:15px!important;letter-spacing:0!important;color:#4b5866!important;font-weight:700}
.mx-sub a.on{background:#88B0FA!important;color:#fff!important}
.dot.vide::before{background:transparent;border:2px solid #9AA8BC;box-sizing:border-box}
html body .mx-main select.statut-inline-select{-webkit-appearance:none;appearance:none;display:inline-block;width:auto!important;min-width:150px;max-width:100%;border:0!important;border-radius:999px!important;padding:9px 34px 9px 42px!important;font-size:14px!important;font-weight:700!important;line-height:1.2;cursor:pointer;background-repeat:no-repeat,no-repeat!important;background-size:18px,12px!important;background-position:14px center,right 12px center!important;box-shadow:0 1px 3px rgba(20,40,70,.08)}
html body .mx-main .statut-inline-form{display:block!important;margin-top:6px}
html body .mx-main select.statut-inline-bleu{background-color:#E4EDFE!important;color:#2F6BE0!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html body .mx-main select.statut-inline-jaune{background-color:#FDF0DC!important;color:#C0720A!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html body .mx-main select.statut-inline-mauve{background-color:#EEE5F9!important;color:#7447B0!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html body .mx-main select.statut-inline-ok{background-color:#EAF4D2!important;color:#5A8210!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html body .mx-main select.statut-inline-ko{background-color:#FBE4E7!important;color:#C0334A!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html body .mx-main select.statut-inline-select{min-width:176px;padding:12px 38px 12px 46px!important;font-size:15.5px!important;background-position:15px center,right 14px center!important;background-size:20px,13px!important}
html body .mx-main .dot.ko::before{width:15px;height:15px;border-radius:0;background:#D9707E;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
html body .mx-main .pilote .dot.ok::before,html body .mx-main td .dot.ok::before{width:15px;height:15px;border-radius:0;background:#8FBF3A;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
html body .mx-main .dot.souci::before{width:15px;height:15px;border-radius:0;background:#F0B429;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
html body .mx-main .dot.afaire::before{width:15px;height:15px;border-radius:0;background:#88B0FA;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat}
html body .mx-main select.statut-inline-clot{background-color:#DDF1E8!important;color:#2E8062!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
.stat-card.stat-clot .stat-icon-badge,html body .mx-main .stat-card.stat-clot .stat-icon-badge{background:#DDF1E8!important;color:#2E8062!important}
html body .mx-main .stat-card.stat-clot .stat-number{color:#2E8062}
html body .mx-main .stat-card.stat-clot::before{background:#6FC2A0}
html body .mx-main .card h2{font-size:17px;font-weight:800;text-transform:none;letter-spacing:0;color:#1A1D29}
html body .mx-main .data-table{border-collapse:separate;border-spacing:0}
html body .mx-main .data-table thead th{text-transform:none!important;font-size:14px!important;letter-spacing:0!important;color:#1A1D29!important;font-weight:700;background:#F6F8FB!important;padding:12px 14px}
html body .mx-main .data-table tbody td{padding:12px 14px;font-size:14.5px;border-top:1px solid #EEF1F5;vertical-align:middle}
html body .mx-main .data-table tbody tr:hover td{background:#F8FAFD}
html body .mx-main h1{font-weight:800}
html body .mx-main .filter-bar select,html body .mx-main .filter-bar input[type=text],html body .mx-main .filter-bar input[type=search]{border:1px solid #E1E6EE;border-radius:10px;background:#fff;color:#1A1D29;padding:8px 12px}
html body .mx-main .btn,html body .mx-main button.btn-primary{border-radius:10px;font-weight:700}
/* ---------- Généralisation (suite) : titres, onglets de groupe, pastilles à icône fine, tableaux ---------- */
html body .mx-main h1{font-size:15px!important;font-weight:700!important;color:#4b5866!important;margin:6px 0 4px}
html body .mx-main .groupe-tab{border-radius:999px!important;background:#fff!important;color:#1A1D29!important;border:1px solid #E6EAF0!important;box-shadow:none!important;font-weight:600}
html body .mx-main .groupe-tab.active{background:#88B0FA!important;color:#fff!important;border-color:#88B0FA!important}
/* pastilles d'état : icônes fines à la place des émojis */
html body .tag:not(.sans-icone)::before{content:""!important;width:15px;height:15px;border-radius:0;background:currentColor;
-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html body .tag-ok{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-bleu,html body .tag-info{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-warn,html body .tag-jaune,html body .tag-orange{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-ko{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-mauve{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-rose{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-muted{--ic:url("data:image/svg+xml;utf8,")}
html body .tag-elec::before,html body .tag-secu::before,html body .tag-inasec::before,html body .tag-link::before{content:none!important}
/* tableaux : en-têtes sur une ligne, défilement horizontal plutôt que texte écrasé */
html body .mx-main .data-table thead th{white-space:nowrap}
html body .mx-main .tableau-fixe{table-layout:auto}
html body .mx-main .tableau-fixe th,html body .mx-main .tableau-fixe td{overflow-wrap:normal;padding:12px 14px}
html body .mx-main .table-scroll{overflow-x:auto}
/* ---------- Tailles unifiées (11/10/2026) : fiches, lignes de tableaux, contacts ---------- */
html body .mx-main .card h2,html body .mx-main .panel-header h2{font-size:17px!important;font-weight:800!important;margin:0 0 12px!important;line-height:1.25;letter-spacing:0;text-transform:none}
html body .mx-main .panel-header{display:flex;align-items:baseline;gap:10px;padding:0!important;border:0!important;margin:0 0 12px!important}
html body .mx-main .panel-header .lede{font-size:13px!important;color:#7a8794}
html body .mx-main .card h2 .lede{font-size:13px!important;font-weight:500;color:#7a8794}
html body .mx-main .mini-table td{font-size:14px!important;padding:9px 0!important;line-height:1.35;vertical-align:top}
html body .mx-main .mini-table td:first-child{color:#7a8794;width:34%;white-space:nowrap}
html body .mx-main .pj{font-size:14px;padding:10px 0}
html body .mx-main .pj .s,html body .mx-main .pj .s *{font-size:13px;color:#7a8794}
html body .mx-main .note-inline{font-size:13px;color:#7a8794}
/* téléphones, e-mails et petites lignes de contact : même taille que le reste du tableau */
html body .mx-main td .lede,html body .mx-main td .contact-ligne,html body .mx-main .contact-ligne{font-size:13.5px!important;color:#4b5866!important;margin:0!important;line-height:1.35;font-weight:500}
html body .mx-main td a[href^="tel:"],html body .mx-main td a[href^="mailto:"]{font-size:13.5px;font-weight:500}
/* en-tête de fiche : nom en titre, détails en gris */
html body .mx-main .fp-id h1,html body .mx-main .fp-head h1{font-size:22px!important;font-weight:800!important;color:#1A1D29!important;margin:0 0 2px!important}
html body .mx-main .fp-id p,html body .mx-main .fp-head p{font-size:14px!important;color:#7a8794!important;margin:0 0 6px}
/* pastilles de statut / source : même gabarit partout */
html body .mx-main .tag,html body .mx-main .src{font-size:13px!important;padding:5px 12px!important;border-radius:999px;font-weight:700;line-height:1.2}
/* historique, journaux, listes secondaires */
html body .mx-main .card table:not(.data-table) td,html body .mx-main .card table:not(.data-table) th{font-size:14px}
html body .mx-main .mini-table td{padding:7px 0!important}
html body .mx-main .mini-table td:first-child{padding-right:18px!important;width:38%;white-space:normal}
/* ---------- Pastilles « Équipements » des parcs : icônes fines, allumées selon les équipements définis dans E-cust (11/10/2026) ---------- */
html body .install-badges{gap:6px!important}
html body .install-badge.install-badge-icon{font-size:0!important;line-height:0;width:30px;height:30px;min-width:30px;padding:0;border-radius:10px;display:inline-grid;place-items:center;filter:none!important;opacity:1!important;background:#F1F3F7!important;color:#C3CAD6!important}
html body .install-badge.install-badge-icon::before{content:"";width:17px;height:17px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html body .install-badge.install-badge-icon.install-badge-on{background:color-mix(in srgb,var(--ct) 18%,#fff)!important;color:var(--ct)!important}
html body .install-badge[title^="Alarme"]{--ic:url("data:image/svg+xml;utf8,");--ct:#E9686F}
html body .install-badge[title^="Incendie"]{--ic:url("data:image/svg+xml;utf8,");--ct:#F08A3C}
html body .install-badge[title^="Exutoire"]{--ic:url("data:image/svg+xml;utf8,");--ct:#9B72D6}
html body .install-badge[title^="Secours"]{--ic:url("data:image/svg+xml;utf8,");--ct:#E0A71A}
html body .install-badge[title^="Caméra"]{--ic:url("data:image/svg+xml;utf8,");--ct:#3FAE9E}
html body .install-badge[title^="Ctrl"]{--ic:url("data:image/svg+xml;utf8,");--ct:#4F86E0}
html body .install-badge[title^="Électrique"]{--ic:url("data:image/svg+xml;utf8,");--ct:#E0A71A}
html body .install-badge[title^="Photovoltaïque"]{--ic:url("data:image/svg+xml;utf8,");--ct:#F08A3C}
html body .install-badge[title^="Borne"]{--ic:url("data:image/svg+xml;utf8,");--ct:#3FAE9E}
html body .install-badge[title^="Vidéophonie"]{--ic:url("data:image/svg+xml;utf8,");--ct:#4F86E0}
html body .install-badge[title^="Luminaires"]{--ic:url("data:image/svg+xml;utf8,");--ct:#9B72D6}
html body .mx-main .table-equip-parc th,html body .mx-main .table-equip-parc td{padding:9px 14px!important;font-size:14px;white-space:nowrap;vertical-align:middle}
html body .mx-main .table-equip-parc th{color:#1A1D29;font-weight:700;text-align:left}
/* pastille neutre sans type (ex. « Suspect », type « Sécurité ») : petit point au lieu d'un carré */
html body .tag:not([class*="tag-"])::before{width:8px!important;height:8px!important;border-radius:50%!important;background:currentColor!important;-webkit-mask:none!important;mask:none!important;opacity:.6}
/* Parc — tuiles (11/10/2026) : chiffre de la même couleur que l'icône ; « Sans adresse » / « Sans type » à droite ; panneau des numéros de réserve. */
html body .mx-main .stat-cards-parc .stat-card.stat-elec .stat-number{color:#2F6BE0!important}
html body .mx-main .stat-cards-parc .stat-card.stat-secu .stat-number{color:#D9A800!important}
html body .mx-main .stat-cards-parc .stat-card.stat-inasec .stat-number{color:#C0394B!important}
html body .mx-main .stat-cards-parc .stat-card.stat-warn .stat-number{color:#D9791C!important}
html body .mx-main .stat-cards-parc .stat-card.stat-accent .stat-number{color:#1F8A66!important}
@media(min-width:1100px){
html body .mx-main .stat-cards-parc.pc-5{grid-template-columns:repeat(5,190px)!important;justify-content:space-between!important;width:100%!important;max-width:none!important}
html body .mx-main .stat-cards-parc.pc-5 > .stat-card{width:190px;box-sizing:border-box}
}
html body .mx-main .rs-panel{margin:12px 0 14px;padding:16px 20px!important;border-radius:16px}
html body .mx-main .rs-tete{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
html body .mx-main .rs-tete strong{font-size:16px;font-weight:800}
html body .mx-main .rs-aide{font-size:12.5px;color:#7a8794}
html body .mx-main .rs-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
html body .mx-main .rs-titre{font-size:13.5px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}
html body .mx-main .rs-n{font-size:12px;font-weight:700;background:#EEF1F5;color:#5b6674;border-radius:999px;padding:1px 9px}
html body .mx-main .rs-nums{display:flex;flex-wrap:wrap;gap:6px}
html body .mx-main .rs-num{font-size:13px;font-weight:700;border-radius:999px;padding:3px 11px;letter-spacing:.2px}
html body .mx-main .rs-num.rs-E{background:#E4EDFE;color:#2F6BE0}
html body .mx-main .rs-num.rs-S{background:#EFE6FB;color:#7A4FC0}
html body .mx-main .rs-num.rs-I{background:#FBE4E8;color:#B8404F}
html body .mx-main .rs-panel[hidden]{display:none}
/* Tableaux des modules « mix » (Équipement, Contrat…) : mêmes tailles que Gestion de l'entretien (11/10/2026) — annule la compression de mix.css. */
html body.mix .mx-main .data-table:not(.table-equip-parc) tbody td{padding:12px 14px!important;font-size:14px!important;line-height:1.4!important;height:auto!important;vertical-align:middle!important}
html body.mix .mx-main .data-table:not(.table-equip-parc) tbody td .tt{padding:2px 9px 2px 7px;font-size:12.5px;margin:2px 4px 2px 0!important}
html body.mix .mx-main .data-table:not(.table-equip-parc) tbody td .tag{padding:5px 12px;font-size:13px;margin:0 6px 0 0!important}
html body.mix .mx-main .data-table:not(.table-equip-parc) tbody td .src{font-size:13px;padding:4px 10px;margin:0 6px 0 0!important}
html body.mix .mx-main .data-table:not(.table-equip-parc) tbody td .stat-card-sub{font-size:12.5px}
/* Bloc choix (Mois/Type…) global — copié de Gestion entretien */
html body .mx-main .vs-mois{background:#fff;border:1px solid #E6EAF0;border-radius:12px;padding:6px 12px;margin:0 0 8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(20,30,60,.05)}
html body .mx-main .vs-mois-lab{font-weight:700;font-size:12.5px;color:#6a7684;text-transform:none;letter-spacing:0}
html body .mx-main .vs-puces{display:flex;flex-wrap:wrap;gap:2px;margin:0;background:#F1F4F9;border-radius:999px;padding:2px}
html body .mx-main .vs-puce{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:transparent;color:#5b6674;text-decoration:none;font-size:12.5px;font-weight:600;white-space:nowrap;border:0}
html body .mx-main .vs-puce:hover{background:#E4EDFE}
html body .mx-main .vs-puce b{font-size:11px;background:transparent;color:#8a95a3;padding:0;margin:0}
html body .mx-main .vs-puce.vide{opacity:.5}
html body .mx-main .vs-puce.courant:not(.actif){color:#2F6BE0;font-weight:700}
html body .mx-main .vs-puce.actif{background:#DCE8FD;color:#2F6BE0;box-shadow:inset 0 0 0 1.5px #88B0FA}
html body .mx-main .vs-puce.actif b{background:transparent;color:#2F6BE0}
/* Pastilles Type avec icônes — global */
html body .mx-main .tt{padding:2px 9px 2px 7px;font-size:12.5px;gap:5px;border-radius:999px} /* 05/11/2026 (Vincent) : petite taille partout */
html body .mx-main .tt::before{width:14px;height:14px;border-radius:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:14px}
html body .mx-main .tt[data-t="Alarme"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Incendie"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Exutoire"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Éclairage de secours"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Caméra"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Contrôle d'accès"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt[data-t="Électricité"]::before{background-image:url("data:image/svg+xml;utf8,")}
html body .mx-main .tt{display:inline-flex!important;align-items:center}
html body .mx-main .tt::before{content:"";flex:none;display:block}
/* Onglets du haut : même bleu (fond + bordure) que les onglets secondaires */
html body .mx-sub a.on{border-color:#88B0FA!important}
/* Tuiles Partenaire (par syndic / par type) : icône + chiffre de la couleur de l'étiquette du tableau (pt-c0..7) */
.stat-card[class*="pt-t"] .stat-number{color:var(--pt)!important}
.stat-card[class*="pt-t"] .stat-icon-badge{background:var(--ptbg)!important;color:var(--pt)!important}
.pt-t0{--pt:#2F6BE0;--ptbg:#E4EDFE}.pt-t1{--pt:#7A4FC0;--ptbg:#EFE6FB}.pt-t2{--pt:#5A8210;--ptbg:#EAF4D2}.pt-t3{--pt:#8A5A0A;--ptbg:#FDF0DC}
.pt-t4{--pt:#B8404F;--ptbg:#FBE4E8}.pt-t5{--pt:#1F8A66;--ptbg:#DDF3EA}.pt-t6{--pt:#C2570C;--ptbg:#FFE6D5}.pt-t7{--pt:#4B5868;--ptbg:#E9EDF3}
/* En-tête E-cust dans la barre du haut (voir standard.js) */
html body .mx-top.eh-bar{min-height:0;padding-top:10px;padding-bottom:10px}
html body .mx-top .fp-head.eh-top{background:transparent!important;box-shadow:none!important;padding:6px 0!important;margin:0!important;flex:1 1 auto}
html body .mx-top .fp-head.eh-top .fp-av{width:60px;height:60px}
html body .mx-top .fp-head.eh-top .fp-id h1{font-size:26px!important;margin:0!important}
html body .mx-top .fp-head.eh-top .fp-id p{margin:2px 0 0!important;font-size:15px;color:#4b5866}
html body .mx-top.eh-bar + .mx-sub{padding-top:14px!important}
/* Étiquettes colorées par nom (syndic, type) — globales : mêmes couleurs partout */
.pt-etiq{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap}
.pt-c0{background:#E4EDFE;color:#2F6BE0}.pt-c1{background:#EFE6FB;color:#7A4FC0}.pt-c2{background:#EAF4D2;color:#5A8210}.pt-c3{background:#FDF0DC;color:#8A5A0A}
.pt-c4{background:#FBE4E8;color:#B8404F}.pt-c5{background:#DDF3EA;color:#1F8A66}.pt-c6{background:#FFE6D5;color:#C2570C}.pt-c7{background:#E9EDF3;color:#4B5868}
/* Types de parc : Électricité (bleu + éclair), Sécurité (mauve + cadenas), Inasec (bordeaux + bouclier) */
html body .tag-elec,html body .tag-secu,html body .tag-inasec{display:inline-flex;align-items:center;gap:6px;font-weight:700}
html body .tag-elec::before,html body .tag-secu::before,html body .tag-inasec::before{content:""!important;width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
html body .tag-elec{background:#E4EDFE!important;color:#2F6BE0!important;--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M13%203L5%2013h6l-1%208%208-10h-6z%27/%3E%3C/svg%3E")}
html body .tag-secu{background:#FFF1B8!important;color:#8A6D00!important;--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%275%27%20y%3D%2711%27%20width%3D%2714%27%20height%3D%2710%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%2011V8a4%204%200%20018%200v3%27/%3E%3C/svg%3E")}
html body .tag-inasec{background:#FBE4E8!important;color:#C0394B!important;--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203l8%203v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6z%27/%3E%3C/svg%3E")}
html body .stat-cards .stat-card[class*="pt-t"] .stat-number{color:var(--pt)!important}
html body .stat-cards .stat-card[class*="pt-t"] .stat-icon-badge{background:var(--ptbg)!important;color:var(--pt)!important}
html body .mx-main .stat-cards-parc .stat-card.stat-accent[class*="pt-t"] .stat-number{color:var(--pt)!important}
a.pt-adr{color:#2F6BE0;font-weight:500;text-decoration:none}a.pt-adr:hover{text-decoration:underline}
/* Sécurité = jaune (logo Heutz : bleu = électricité, jaune = sécurité) */
html body .mx-main .stat-cards-parc .stat-card.stat-secu .stat-icon-badge,html body .stat-card.stat-secu .stat-icon-badge{background:#FFF1B8!important;color:#D9A800!important}
/* ===== Commandes Pâques : même design que les autres vues (pastel, 14 px, hauteurs communes) — 11/10/2026 ===== */
html body main.prix.cpq{font-size:14px}
html body main.prix.cpq .sv-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,220px));gap:10px}
html body main.prix.cpq .sv-tile{min-height:0;padding:12px 14px;border:0;border-radius:16px;box-shadow:0 1px 3px rgba(20,40,70,.06);gap:10px}
html body main.prix.cpq .sv-tile.on{background:#fff;box-shadow:0 0 0 2px #88B0FA,0 1px 3px rgba(20,40,70,.06)}
html body main.prix.cpq .sv-tile .sv-ic{width:36px;height:36px;font-size:16px;background:var(--pb)!important;color:var(--pc)!important}
html body main.prix.cpq .sv-tile .sv-n{font-size:28px;font-weight:800;color:var(--pc)}
html body main.prix.cpq .sv-tile .sv-l{font-size:12.5px;font-weight:600;color:#1A1D29}
html body main.prix.cpq .sv-tile[data-f="ouv"]{--pb:#E4EDFE;--pc:#2F6BE0}
html body main.prix.cpq .sv-tile[data-f="retard"]{--pb:#FBE4E8;--pc:#C0394B}
html body main.prix.cpq .sv-tile[data-f="fin"]{--pb:#EAF4D2;--pc:#5A8210}
html body main.prix.cpq .sv-tile[data-f="tout"]{--pb:#E9EDF3;--pc:#4B5868}
html body main.prix.cpq .lh{font-size:17px;font-weight:800;text-transform:none;letter-spacing:0;margin:10px 0 10px}
html body main.prix.cpq .sv-bar input[type=search]{font-size:14px;padding:9px 14px}
html body main.prix.cpq .sv-card{border-radius:16px}
html body main.prix.cpq .sv-t{font-size:14px}
html body main.prix.cpq .sv-t th{font-size:14px;font-weight:700;text-transform:none;letter-spacing:0;color:#1A1D29;padding:14px}
html body main.prix.cpq .sv-t td{font-size:14px;padding:12px 14px;vertical-align:middle}
html body main.prix.cpq .sv-t td:first-child{font-size:14px}
html body main.prix.cpq .grp td{background:color-mix(in srgb,var(--gc) 22%,#fff);color:#1A1D29;font-size:15px;font-weight:800;padding:10px 16px!important;letter-spacing:0}
html body main.prix.cpq .grp-n{background:#fff;color:#4b5866;font-size:12.5px;padding:1px 10px}
html body main.prix.cpq select.stat{--h:var(--st-muted,#797E93);width:auto;min-width:110px;max-width:220px;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:700;color:#1A1D29;box-shadow:none;background:color-mix(in srgb,var(--h) 30%,#fff)!important}
html body main.prix.cpq select.stat.tag-ok{--h:var(--st-ok)}html body main.prix.cpq select.stat.tag-bleu{--h:var(--st-encours)}html body main.prix.cpq select.stat.tag-warn{--h:var(--st-afaire)}html body main.prix.cpq select.stat.tag-ko{--h:var(--st-ko)}html body main.prix.cpq select.stat.tag-mauve{--h:var(--st-mauve)}html body main.prix.cpq select.stat.tag-rose{--h:var(--st-rose)}
html body main.prix.cpq select.stat:hover{filter:none}
html body main.prix.cpq .cp-sel:not(.stat){font-size:14px;padding:7px 10px;border-radius:10px}
html body main.prix.cpq .cp-drop{font-size:13px;padding:6px 12px;border:1px dashed #88B0FA;color:#2F6BE0;font-weight:600}
html body main.prix.cpq .cp-late td:first-child{box-shadow:inset 3px 0 0 #D9707E}
html body main.prix.cpq .sv-leg,html body main.prix.cpq .cp-box{font-size:14px}
html body main.prix.cpq .sv-tile{border-left:0!important}
html body main.prix.cpq .sv-t td:first-child .dot{display:flex!important;width:max-content;margin-top:3px;font-size:12.5px}
/* Pastilles d'état des Commandes Pâques : même taille que les autres statuts */
html body main.prix.cpq select.stat{padding:4px 12px!important;font-size:13.5px!important;min-width:0;height:auto;line-height:1.5}
html body main.prix.cpq select.statut-inline-select{min-width:150px}
html body main.prix.cpq .sv-t td:last-child{white-space:nowrap}
/* Statut en lecture seule (14/10/2026) : géré par le formulaire E-cust, même pastille mais non modifiable. */
select.statut-fixe,select.statut-fixe:disabled{pointer-events:none;cursor:default;opacity:1!important;-webkit-text-fill-color:currentColor;background-size:20px,0!important}
/* ============================================================
STATUTS D'ENTRETIEN — UNE COULEUR PAR STATUT (30/10/2026, décision de Vincent)
À faire = bleu · En cours = jaune · Planifié = mauve clair · Fait = vert · Clôturé = vert d'eau · Refusé = rouge
(pastels). Classes dédiées tag-st- (pastilles) ; les sélecteurs statut-inline-* et les tuiles stat-* suivent.
« En cours » passe aussi en jaune partout dans le portail (variable --st-encours).
============================================================ */
:root{--st-encours:#F2D15C;--st-planifie:#CDB4F0;--st-cloture:#6FC2A0;--st-refuse:#E58C98}
html:root body .tag.tag-st-a_faire{background:#E4EDFE!important;color:#2F6BE0!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-bleu{background-color:#E4EDFE!important;color:#2F6BE0!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-bleu .stat-icon-badge{background:#E4EDFE!important;color:#2F6BE0!important}
html:root body .mx-main .stat-card.stat-bleu .stat-number{color:#2F6BE0}
html:root body .tag.tag-st-en_cours{background:#FDF5D3!important;color:#8A6D00!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-jaune{background-color:#FDF5D3!important;color:#8A6D00!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-jaune .stat-icon-badge{background:#FDF5D3!important;color:#8A6D00!important}
html:root body .mx-main .stat-card.stat-jaune .stat-number{color:#8A6D00}
html:root body .tag.tag-st-planifie{background:#F3ECFC!important;color:#7447B0!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-mauve{background-color:#F3ECFC!important;color:#7447B0!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-mauve .stat-icon-badge{background:#F3ECFC!important;color:#7447B0!important}
html:root body .mx-main .stat-card.stat-mauve .stat-number{color:#7447B0}
html:root body .tag.tag-st-fait{background:#EAF4D2!important;color:#5A8210!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-ok{background-color:#EAF4D2!important;color:#5A8210!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-ok .stat-icon-badge{background:#EAF4D2!important;color:#5A8210!important}
html:root body .mx-main .stat-card.stat-ok .stat-number{color:#5A8210}
html:root body .tag.tag-st-cloture{background:#DDF1E8!important;color:#2E8062!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-clot{background-color:#DDF1E8!important;color:#2E8062!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-clot .stat-icon-badge{background:#DDF1E8!important;color:#2E8062!important}
html:root body .mx-main .stat-card.stat-clot .stat-number{color:#2E8062}
html:root body .tag.tag-st-refuse{background:#FBE4E7!important;color:#C0334A!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body select.statut-inline-ko{background-color:#FBE4E7!important;color:#C0334A!important;background-image:url("data:image/svg+xml;utf8,"),url("data:image/svg+xml;utf8,")!important}
html:root body .stat-card.stat-ko .stat-icon-badge{background:#FBE4E7!important;color:#C0334A!important}
html:root body .mx-main .stat-card.stat-ko .stat-number{color:#C0334A}
/* 04/11/2026 (Vincent) : statuts Client prévenu et Sans suite */
html:root body .tag.tag-st-prevenu{background:#DDF3F1!important;color:#1F6E68!important;--ic:url("data:image/svg+xml;utf8,")}
html:root body .tag.tag-st-sans_suite{background:#EEF1F5!important;color:#4b5866!important;--ic:url("data:image/svg+xml;utf8,")}
/* ===== 05/11/2026 (Vincent) : taille unique, petite, partout (type d'équipement, statut, mois, sélecteur de statut) =====
Placé en fin de fichier pour l'emporter sur les anciennes tailles des vues. */
html body .mx-main .tt,html body.mix .mx-main .data-table tbody td .tt,html body .mx-main .pilote .tt,html body .mx-main .liste-v2 .tt{padding:2px 9px 2px 7px!important;font-size:12.5px!important;gap:5px!important;line-height:1.35!important;white-space:nowrap!important}
html body .mx-main .tt::before,html body .mx-main .pilote .tt::before,html body .mx-main .liste-v2 .tt::before{width:14px!important;height:14px!important;background-size:14px 14px!important}
html body .mx-main .tag,html body.mix .mx-main .data-table tbody td .tag,html body .mx-main .as-tab .tag,html body .mx-main .pilote .tag{padding:2px 9px!important;font-size:12.5px!important;gap:5px!important;line-height:1.35!important}
html body .mx-main select.statut-inline-select,html body .mx-main .pilote select.statut-inline-select,html body .mx-main .liste-v2 select.statut-inline-select{min-width:0!important;padding:3px 26px 3px 28px!important;font-size:12.5px!important;line-height:1.35!important;background-size:14px,10px!important;background-position:8px center,right 9px center!important}
html body .mx-main .vs-puce{padding:2px 9px!important;font-size:12.5px!important}
html body .mx-main .tag[class*="tag-st-"]::before,html body .mx-main .tag::before{width:13px!important;height:13px!important}