:root{--accent: #f8a432;--accent-fonce: #e08e1e;--fond: #f4f5f7;--carte: #ffffff;--texte: #242526;--texte-2: #3b4250;--texte-discret: #5b6270;--bordure: #dde0e6;--bordure-forte: #cdd1d8;--separateur: #eef0f3;--rouge: #b42318;--vert: #1b6b39;--orange-alerte: #a3400c;--rayon: 10px;--tactile: 48px;--titres: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--texte);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}h1,h2{font-family:var(--titres);font-weight:700;line-height:1.15}h1{font-size:1.9rem;margin:0 0 .25rem}h2{font-size:1.3rem;margin:0 0 .75rem}a{color:#1e4fbf}.discret{color:var(--texte-discret);margin:0}.petit{font-size:.85rem}.erreur{color:var(--rouge);font-weight:600;margin:.5rem 0}.succes{color:var(--vert);font-weight:600;margin:.5rem 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{max-width:1320px;margin:0 auto;padding:24px 16px max(32px,env(safe-area-inset-bottom))}@media(min-width:700px){.page{padding:32px 24px 64px}}.page-connexion{min-height:100dvh;display:grid;place-items:center;padding:16px}.page-connexion h1{color:var(--texte)}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:var(--rayon);padding:20px;margin-bottom:16px;width:100%}.page-connexion .carte{max-width:400px}.carte.vide{text-align:center;padding:32px 20px}.carte.vide p{margin:0 0 12px}.titre-page{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 16px;margin-bottom:20px}.barre-haut{background:#fff;border-bottom:1px solid var(--bordure);padding-top:env(safe-area-inset-top)}.barre-haut-contenu{max-width:1320px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px 24px}.logo{display:flex;align-items:center;gap:10px;color:var(--texte);text-decoration:none;min-height:var(--tactile)}.logo-marque{display:none;width:34px;height:34px;flex:none}.logo-complet{height:30px;width:auto;display:block}.logo-texte{font-family:var(--titres);font-weight:700;font-size:1.2rem;padding-left:10px;border-left:2px solid var(--bordure);line-height:1.1}.navigation{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto}.nav-lien{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;color:var(--texte-2);text-decoration:none;font-weight:500;white-space:nowrap}.nav-actif{background:var(--separateur);color:var(--texte);font-weight:600;box-shadow:inset 0 -3px 0 var(--accent)}.compte-utilisateur{display:none;align-items:center;gap:10px;margin-left:auto}.badge-role{margin-left:8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--texte-discret);border:1px solid var(--bordure-forte);border-radius:999px;padding:3px 9px}@media(max-width:699px){.barre-haut-contenu{flex-wrap:nowrap;gap:8px;padding:6px 12px}.logo-texte,.logo-complet{display:none}.logo-marque{display:block}}@media(min-width:900px){.compte-utilisateur{display:flex}.nav-lien{padding:0 14px}}button,.bouton-accent,.bouton-secondaire,.bouton-danger,.bouton-principal{min-height:var(--tactile);padding:0 18px;font:inherit;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:disabled{opacity:.5;cursor:default}.bouton-accent{background:var(--accent);color:var(--texte);border:none}.bouton-accent:not(:disabled):active{background:var(--accent-fonce)}.bouton-principal{width:100%;margin-top:20px;background:var(--texte);color:#fff;border:none}.bouton-secondaire{background:#fff;color:var(--texte);border:1px solid var(--bordure-forte)}.bouton-danger{background:#fff;color:var(--rouge);border:1px solid var(--rouge);margin-top:16px}.bouton-petit{min-height:40px;padding:0 12px;font-size:14px}.bouton-compact{width:auto;margin-top:0}.rangee-boutons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.bouton-droite{margin-left:auto}label{display:block;font-weight:600;margin:16px 0 6px}input,select,textarea{width:100%;min-height:var(--tactile);padding:10px 12px;font:inherit;font-size:16px;border:1px solid var(--bordure-forte);border-radius:8px;background:#fff;color:var(--texte)}textarea{resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(248,164,50,.5);outline-offset:1px;border-color:var(--accent)}.formulaire{display:grid;grid-template-columns:1fr;gap:0 20px}.formulaire .champ-large{grid-column:1 / -1}@media(min-width:700px){.formulaire{grid-template-columns:1fr 1fr}}.rangee-saisie{display:flex;gap:8px}.rangee-saisie input{flex:1 1 auto;min-width:0}.rangee-saisie button{flex:none}.pastille{display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.avancement-texte{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--texte-2);margin-bottom:6px}.avancement-texte strong{color:var(--texte)}.avancement-barre{height:8px;border-radius:999px;background:var(--separateur);overflow:hidden}.avancement-barre>div{height:100%;background:var(--vert);border-radius:999px}.alerte-bloque{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:.85rem;font-weight:600;color:var(--orange-alerte)}.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filtre{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--bordure-forte);background:#fff;color:var(--texte);font-size:15px}.filtre-actif{background:var(--texte);border-color:var(--texte);color:#fff}.section-chantiers h2{font-size:1.1rem;color:var(--texte-2);margin:8px 0 10px}.liste-chantiers{padding:0;overflow:hidden}.ligne-chantier{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:16px 20px;border-bottom:1px solid var(--separateur);color:var(--texte);text-decoration:none;position:relative}.ligne-chantier:last-child{border-bottom:none}.ligne-chantier:active,.ligne-chantier:hover{background:#fafbfc}.ligne-chantier-nom{flex:2 1 240px;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:24px}.ligne-chantier-nom strong{font-size:1.05rem}.ligne-chantier-statut{flex:1 1 150px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--texte-2)}.ligne-chantier-avancement{flex:1 1 220px;min-width:0}.chevron{color:var(--texte-discret);position:absolute;right:12px;top:18px}@media(min-width:700px){.chevron{position:static}.ligne-chantier-nom{padding-right:0}}.lien-retour{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--texte-2);text-decoration:none;font-weight:500;margin-bottom:8px}.entete-chantier{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 32px;background:#fff;border:1px solid var(--bordure);border-radius:var(--rayon);padding:20px;margin-bottom:16px}.entete-chantier-texte{flex:2 1 320px;min-width:0}.entete-chantier-texte p{margin:4px 0 0}.titre-avec-pastille{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.titre-avec-pastille h1{margin:0}.description{white-space:pre-line}.entete-chantier-avancement{flex:1 1 220px}.ajout-tache.carte{padding:16px 20px}.ajout-tache.carte label{margin-top:0}.ajout-tache.collee{position:sticky;bottom:0;z-index:5;background:var(--fond);padding:12px 0 max(12px,env(safe-area-inset-bottom));margin:0 0 -32px;border-top:1px solid var(--bordure)}.ajout-tache.collee .bouton-accent{width:var(--tactile);padding:0}.vue-colonnes{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.colonnes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.colonne{background:#eceef2;border-radius:var(--rayon);padding:12px;min-height:160px}.colonne-titre{display:flex;align-items:center;gap:8px;font-size:1rem;margin:0 0 10px;font-family:inherit;font-weight:600}.point{width:10px;height:10px;border-radius:50%;flex:none}.colonne-nombre{margin-left:auto;font-size:.85rem;color:var(--texte-discret);font-weight:600}.colonne-vide{color:var(--texte-discret);font-size:.9rem;margin:4px 0}.carte-tache{display:block;background:#fff;border:1px solid var(--bordure);border-radius:8px;padding:12px;margin-bottom:8px;color:var(--texte);text-decoration:none;font-weight:500;min-height:44px}.carte-tache:hover{border-color:var(--bordure-forte)}.carte-tache.choisie{border-color:var(--texte);box-shadow:0 0 0 1px var(--texte)}.panneau-tache{position:sticky;top:16px;margin:0;max-height:calc(100dvh - 32px);overflow-y:auto}@media(max-width:1199px){.vue-colonnes{grid-template-columns:minmax(0,1fr) 320px}.colonnes{grid-template-columns:repeat(2,minmax(0,1fr))}}.liste-taches{padding:0;overflow:hidden}.ligne-tache{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 16px;border-bottom:1px solid var(--separateur);color:var(--texte);text-decoration:none}.ligne-tache:last-child{border-bottom:none}.ligne-tache svg{color:var(--texte-discret);flex:none}.ligne-tache-texte{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.ligne-tache-titre{font-weight:500}.ligne-tache.faite .ligne-tache-titre{text-decoration:line-through;color:var(--texte-discret)}.sur-titre{margin:0}.titre-tache{margin-bottom:16px}.detail-tache-titre{font-size:1.35rem;margin:0 0 16px}.etiquette{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--texte-discret);margin:16px 0 8px}.detail-tache>div:first-of-type .etiquette{margin-top:0}.boutons-statut{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bouton-statut{min-height:56px;background:#fff;color:var(--texte-2);border:1.5px solid var(--bordure-forte);font-size:16px}.bouton-statut.actif{border-width:2px}.fil-commentaires{list-style:none;margin:0 0 8px;padding:0}.commentaire{display:flex;flex-direction:column;gap:2px;padding:8px 0 8px 12px;border-left:3px solid var(--accent);margin-bottom:8px}.commentaire.auto{border-left-color:var(--bordure);color:var(--texte-discret);font-style:italic}.commentaire-entete{font-size:.82rem;color:var(--texte-discret);font-style:normal}.commentaire-entete strong{color:var(--texte-2)}.nouveau-commentaire label{margin-top:12px}.nouveau-commentaire .discret{margin:4px 0 8px}.zone-admin{margin-top:20px;border-top:1px solid var(--separateur);padding-top:12px}.zone-admin summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--texte-2);font-weight:600}.zone-admin label{margin-top:8px}.legende{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--texte-2)}.legende>span{display:flex;align-items:center;gap:6px}.legende-barre{display:inline-block;width:18px;height:10px;border-radius:3px}.legende-aujourdhui{display:inline-block;width:2px;height:14px;background:#c2410c}.planning{padding:16px 20px}.planning-defilement{overflow-x:auto;-webkit-overflow-scrolling:touch}.planning-grille{min-width:820px}.planning-ligne{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--separateur)}.planning-entete{border-bottom:1px solid var(--bordure);min-height:32px}.planning-nom{width:220px;flex:none;padding-right:12px;font-weight:500;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texte);text-decoration:none}.planning-entete .planning-nom{font-size:.75rem;font-weight:600;color:var(--texte-discret);text-transform:uppercase;letter-spacing:.5px}.planning-mois{flex:1 1 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.planning-mois>div{font-size:.75rem;color:var(--texte-discret);padding:6px 0 6px 6px;border-left:1px solid var(--separateur)}.planning-piste{flex:1 1 auto;position:relative;height:44px}.planning-aujourdhui{position:absolute;top:0;bottom:0;width:2px;background:#c2410c;z-index:1}.planning-barre{position:absolute;top:12px;height:20px;border-radius:4px;border-width:1px}.liste{list-style:none;margin:0;padding:0}.liste li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:var(--tactile);padding:10px 0;border-bottom:1px solid var(--separateur)}.liste li:last-child{border-bottom:none}.liste li.inactif{opacity:.6}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.badge-admin{background:var(--texte);color:#fff}.badge-utilisateur{background:var(--separateur);color:var(--texte)}.liste-comptes{list-style:none;margin:0;padding:0}.liste-comptes>li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--separateur)}.liste-comptes>li:last-child{border-bottom:none}.liste-comptes>li.inactif{opacity:.65}.compte-identite{flex:1 1 260px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.compte-identite input{flex:1 1 180px;width:auto}.compte-identite p{flex-basis:100%}.compte-actions{display:flex;flex-wrap:wrap;gap:8px}.compte-actions select{width:auto}.encart-mdp{border:2px solid var(--accent);background:#fff6ee}.mdp-genere{font-family:ui-monospace,Consolas,Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:8px 0;-webkit-user-select:all;user-select:all}.bandeau-hors-ligne{position:sticky;top:0;z-index:10;background:var(--rouge);color:#fff;text-align:center;font-weight:700;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top))}.bandeau-environnement{background:#fbe3cf;color:var(--texte);text-align:center;font-weight:700;font-size:.8rem;padding:4px 16px;padding-top:max(4px,env(safe-area-inset-top))}.indicateurs{display:inline-flex;gap:10px;font-size:.8rem;color:var(--texte-discret);font-weight:500}.indicateurs>span{display:inline-flex;align-items:center;gap:3px}.carte-tache{display:flex;flex-direction:column;gap:6px}.ligne-tache-infos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.galerie{margin-top:4px}.galerie-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.vignette{aspect-ratio:1;min-height:0;padding:0;overflow:hidden;border-radius:8px;border:1px solid var(--bordure);background:var(--separateur);color:var(--texte-2)}.vignette img{width:100%;height:100%;object-fit:cover;display:block}.vignette-ajout{border:1.5px dashed var(--bordure-forte);background:#fff;font-size:.9rem;font-weight:600;padding:4px}.visionneuse{position:fixed;inset:0;z-index:50;background:#0f1216e0;display:flex;align-items:center;justify-content:center;padding:16px}.visionneuse-contenu{max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.visionneuse-contenu img{max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain;border-radius:6px;background:#000}.visionneuse-legende{color:#fff;margin:0;font-size:.9rem}.histogramme{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:8px}.histogramme-colonne{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.histogramme-barre{width:100%;max-width:36px;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0}.histogramme-valeur{font-size:.8rem;font-weight:600}.histogramme-libelle{font-size:.72rem;color:var(--texte-discret)}.chiffres-cles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}@media(max-width:1099px){.chiffres-cles{grid-template-columns:repeat(2,minmax(0,1fr))}}.chiffre{margin:0;padding:18px 20px}.chiffre-libelle{margin:0;color:var(--texte-discret);font-weight:500;font-size:.92rem}.chiffre-valeur{margin:4px 0 2px;font-family:var(--titres);font-weight:700;font-size:2.5rem;line-height:1.1}.chiffre-valeur.alerte{color:var(--orange-alerte)}.titre-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:8px 0 12px}.titre-section h2{margin:0}.tableau-bas{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:8px}@media(max-width:1099px){.tableau-bas{grid-template-columns:1fr}}.tableau-activite{position:sticky;top:16px}.fil-activite{list-style:none;margin:0;padding:0}.activite{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--separateur);color:var(--texte);text-decoration:none}.fil-activite li:last-child .activite{border-bottom:none}.activite-texte{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.92rem;overflow-wrap:anywhere}.activite-texte em{color:var(--texte-2)}.avatar{width:34px;height:34px;flex:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.connexion-logo{display:block;width:100%;max-width:280px;height:auto;margin:4px 0 18px}.connexion-titre{font-size:1.6rem;margin:0}.encart-mdp{background:#fff8ec}