@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-accent: #0088b0;--color-accent-2: #d6006c;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #e9f8ff;--color-accent-200: #cbeeff;--color-accent-300: #99e0ff;--color-accent-400: #62c5ee;--color-accent-500: #38a6cf;--color-accent-600: #1186ac;--color-accent-700: #006786;--color-accent-800: #004961;--color-accent-900: #0a303e;--color-accent-2-100: #fff1f4;--color-accent-2-200: #ffdee6;--color-accent-2-300: #ffc0d0;--color-accent-2-400: #ff90b1;--color-accent-2-500: #ff458e;--color-accent-2-600: #d82071;--color-accent-2-700: #aa0b56;--color-accent-2-800: #790e3d;--color-accent-2-900: #4b1528;--font-heading: "Source Serif 4", system-ui, sans-serif;--font-heading-weight: 600;--font-body: "Source Serif 4", system-ui, sans-serif;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-6: 30px;--space-8: 40px;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0}a{color:var(--color-accent-700);text-decoration:none}a:hover{color:var(--color-accent-600);text-decoration:underline}button{font-family:inherit;cursor:pointer}em,i{font-style:italic}.app{min-height:100%;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 44px 60px}.filet-double{height:3px;background:var(--color-text);margin-top:12px}.filet-double+.filet-simple{height:1px;background:var(--color-text);margin-top:3px}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--color-neutral-700);font-family:var(--font-heading)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);transition:background .12s ease}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0;min-width:36px}.btn-block{width:100%}.btn-danger{color:var(--color-accent-2-700)}.btn-danger:hover{background:color-mix(in srgb,var(--color-accent-2) 10%,transparent)}.btn-danger.btn-secondary{border-color:var(--color-accent-2-300)}.field{display:flex;flex-direction:column;gap:6px}.field>label{display:block;font-size:12px;font-family:var(--font-heading);color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:40px;padding:8px 12px;font:inherit;font-size:15px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input::placeholder{color:color-mix(in srgb,var(--color-text) 65%,transparent);opacity:1}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.champ-ligne{display:flex;gap:16px}.champ-ligne .field{flex:1}.formulaire{display:flex;flex-direction:column;gap:18px;max-width:480px}.seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.seg-opt{display:inline-flex;align-items:center;gap:6px;padding:0 20px;min-height:42px;font-size:16px;cursor:pointer;color:var(--color-text);text-decoration:none;background:none;border:none;font-family:var(--font-body)}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:hover:not(.actif){background:color-mix(in srgb,var(--color-text) 7%,transparent);text-decoration:none}.seg-opt.actif{background:var(--color-accent);color:#fff}.recherche-inline{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--color-neutral-400);padding-bottom:6px}.recherche-inline svg{flex:none}.recherche-inline input{border:0;background:transparent;padding:0;font-size:15px;width:100%;font-family:var(--font-body);color:var(--color-text)}.recherche-inline input:focus{outline:none}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:19px;line-height:1.25}.card-meta{font-size:14px;color:var(--color-neutral-700);line-height:1.4}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75);font-family:var(--font-heading)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.halftone{position:relative;filter:grayscale(.35) contrast(1.15);overflow:hidden;background:var(--color-neutral-300)}.halftone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.22) 30%,transparent 32%);background-size:3px 3px;mix-blend-mode:multiply}.halftone img{width:100%;height:100%;object-fit:cover;display:block}.halftone-vide{display:grid;place-items:center;text-align:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);background:var(--color-neutral-300)}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table td{padding:var(--space-2);border-bottom:1px solid var(--color-divider)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.modale-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-4);z-index:100;background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.modale{width:min(560px,100%);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-lg)}.modale-entete{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modale-entete h2{font-size:24px}.modale-fermer{background:none;border:none;font-size:24px;line-height:1;color:var(--color-neutral-700);padding:0 4px}.modale-fermer:hover{color:var(--color-text)}.chargement,.erreur{color:var(--color-neutral-700);font-size:14px;padding:20px 0}.erreur{color:var(--color-accent-2-700)}.etat-vide{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-md);padding:44px 20px;text-align:center;color:var(--color-neutral-700)}.version-appli{margin-top:32px;font-size:12px;color:var(--color-neutral-700);text-align:center}.champ{display:flex;flex-direction:column;gap:6px}.champ label{display:block;font-size:12px;font-family:var(--font-heading);color:color-mix(in srgb,var(--color-text) 70%,transparent)}.champ input,.champ textarea,.champ select{width:100%;min-height:40px;padding:8px 12px;font:inherit;font-size:15px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.champ textarea{min-height:90px;resize:vertical}.champ input:hover,.champ textarea:hover,.champ select:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.champ input:focus-visible,.champ textarea:focus-visible,.champ select:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:0}.mini-btn{font-size:12px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--color-divider);background:transparent;color:var(--color-neutral-700);font-family:var(--font-heading)}.mini-btn:hover{border-color:var(--color-text);color:var(--color-text)}.tags-selecteur{display:flex;flex-wrap:wrap;gap:8px}.tag-selectionnable{border:1px solid transparent;cursor:pointer;font-family:var(--font-heading)}.tag-selectionnable.tag-outline{background:transparent}.tag-selectionnable:hover:not(.actif){border-color:var(--color-accent)}.zone-vocale{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-md);padding:14px 16px;background:transparent;width:100%;text-align:left;font-family:var(--font-heading);font-size:15px;color:var(--color-text);cursor:pointer}.zone-vocale-idle:hover{border-color:var(--color-accent);color:var(--color-accent-700)}.zone-vocale-active{border-color:var(--color-accent-400);background:var(--color-accent-100);display:flex;flex-direction:column;gap:14px;cursor:default}.zone-vocale-ligne{display:flex;align-items:center;gap:10px}.zone-vocale-point{width:10px;height:10px;border-radius:50%;background:var(--color-accent-2-600);animation:zone-vocale-clignote 1.1s infinite}.zone-vocale-onde{display:flex;align-items:flex-end;gap:3px;height:32px}.zone-vocale-onde span{flex:1;min-width:2px;height:100%;border-radius:1px;background:var(--color-accent-700);animation:zone-vocale-onde-anim .7s ease-in-out infinite;transform-origin:bottom}@keyframes zone-vocale-clignote{0%,to{opacity:1}50%{opacity:.25}}@keyframes zone-vocale-onde-anim{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.page-connexion{display:flex;align-items:center;justify-content:center;min-height:100vh}.formulaire-connexion{width:100%;max-width:360px;padding:0 20px}.formulaire-connexion h1{font-size:32px;margin-bottom:4px}.formulaire-connexion .page-sous-titre{color:var(--color-neutral-700);margin:0 0 26px;font-size:16px}.formulaire-connexion .btn{width:100%;justify-content:center;margin-top:4px;min-height:48px;font-size:16px}.entete-page{padding:18px 0 0}.entete-page-ligne{display:flex;align-items:center;gap:24px}.entete-page-titre{font:600 30px/1 var(--font-heading);letter-spacing:-.01em;white-space:nowrap}.entete-page-spacer{flex:1}.entete-page-actions{display:flex;align-items:center;gap:12px}.entete-page-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 12px var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-700);padding:8px 0 0}.bloc-titre{padding:30px 0 20px;display:flex;align-items:flex-end;gap:30px;flex-wrap:wrap}.bloc-titre h1{font-size:40px;line-height:1.05;letter-spacing:-.015em;margin:4px 0 6px}.bloc-titre-sous{font-size:16px;color:var(--color-neutral-700)}.bloc-titre-spacer{flex:1}.liste-chantiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}@media (max-width: 900px){.liste-chantiers{grid-template-columns:1fr}}.carte-chantier{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:var(--color-text)}.carte-chantier:hover{text-decoration:none}.carte-chantier-photo{margin:0;aspect-ratio:16/10;display:grid;place-items:center}.carte-chantier-corps{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;flex:1}.carte-chantier-titre{font-size:23px;line-height:1.15;margin:2px 0}.carte-chantier-adresse{font-size:14px;color:var(--color-neutral-700)}.carte-chantier-tags{display:flex;gap:6px;flex-wrap:wrap}.carte-chantier-journal{display:flex;flex-direction:column;border-top:1px solid var(--color-divider);padding-top:10px}.carte-chantier-ligne{display:flex;gap:12px;padding:7px 0}.carte-chantier-ligne+.carte-chantier-ligne{border-top:1px solid var(--color-divider)}.carte-chantier-date{font-variant-numeric:tabular-nums;font-size:13px;color:var(--color-neutral-600);white-space:nowrap}.carte-chantier-texte{font-size:14px;line-height:1.35}.carte-chantier-lien{margin-top:auto;font-size:14px}.onglets-conteneur{padding:0 0 26px}.chantier-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:48px;align-items:start;padding-bottom:48px}@media (max-width: 900px){.chantier-layout{grid-template-columns:1fr}}.frise-filtres{display:flex;gap:6px;margin-bottom:26px;flex-wrap:wrap}.frise{display:flex;flex-direction:column}.frise-item{display:flex;gap:22px;cursor:pointer}.frise-item:hover .frise-titre{text-decoration:underline;text-decoration-color:var(--color-neutral-400)}.frise-ligne-conteneur{position:relative;width:22px;flex:none}.frise-ligne-conteneur:before{content:"";position:absolute;left:10px;top:20px;bottom:-20px;border-left:2px dotted var(--color-neutral-400)}.frise-item:last-child .frise-ligne-conteneur:before{display:none}.frise-point{position:relative;width:15px;height:15px;border-radius:50%;margin:6px 0 0 4px;box-shadow:0 0 0 5px var(--color-bg)}.frise-point.type-reserve,.frise-point.type-incident{background:var(--color-accent-2-600)}.frise-point.type-avancement{background:var(--color-accent)}.frise-point.type-livraison,.frise-point.type-note{background:var(--color-neutral-800)}.frise-corps{flex:1;padding-bottom:40px}.frise-entete-ligne{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.frise-date{font-variant-numeric:tabular-nums;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-800);font-family:var(--font-heading)}.frise-qui{font-size:14px;color:var(--color-neutral-700)}.frise-titre{margin:10px 0 0;font-size:19px;line-height:1.5;max-width:62ch}.frise-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;max-width:520px}.frise-photos.une-seule{grid-template-columns:1fr;max-width:320px}.frise-photo{margin:0;aspect-ratio:4/3}.frise-documents{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.frise-documents a{text-decoration:none}.frise-audios{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-width:340px}.frise-audios audio{width:100%;height:34px}.panneau-infos{display:flex;flex-direction:column;gap:26px;position:sticky;top:20px}.info-bloc-titre{letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--color-neutral-700);margin-bottom:8px;font-family:var(--font-heading)}.info-bloc-valeur{font-size:17px;line-height:1.5}.info-bloc-sous{color:var(--color-neutral-700)}.info-liste{display:flex;flex-direction:column;gap:7px;font-size:16px}.info-liste-accent{color:var(--color-accent-2-700)}.info-intervenants{font-size:16px;line-height:1.6;color:var(--color-neutral-800)}.todo-colonnes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;padding-bottom:48px}@media (max-width: 900px){.todo-colonnes{grid-template-columns:1fr}}.todo-colonne-entete{display:flex;align-items:baseline;gap:10px;padding-bottom:12px;border-bottom:2px solid var(--color-text)}.todo-colonne-entete h2{font-size:22px}.todo-colonne-entete span{font-size:15px;color:var(--color-neutral-700);font-variant-numeric:tabular-nums}.todo-colonne-corps{display:flex;flex-direction:column;gap:14px;padding-top:16px}.carte-tache{padding:16px 18px 15px;display:flex;flex-direction:column;gap:10px}.carte-tache-tags{display:flex;gap:6px}.carte-tache-titre{margin:0;font-size:19px;line-height:1.25}.carte-tache-titre.fait{text-decoration:line-through;text-decoration-color:var(--color-neutral-500)}.carte-tache.terminee{opacity:.72}.carte-tache-meta{font-size:14px;color:var(--color-neutral-700);line-height:1.4}.carte-tache-pied{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-neutral-700);border-top:1px solid var(--color-divider);padding-top:10px}.carte-tache-pied span:last-child{margin-left:auto}.carte-tache-actions{display:flex;gap:6px;flex-wrap:wrap}.boutons-pieces-jointes{display:flex;gap:8px;flex-wrap:wrap}.liste-pieces-jointes{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.piece-jointe-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 12px;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface)}.piece-jointe-en-attente{border-style:dashed}.piece-jointe-nom{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-jointe-lien{font-size:12px}.piece-jointe-retirer{background:none;border:none;font-size:12px;color:var(--color-accent-2-700);padding:0;font-family:var(--font-body)}.enregistreur-audio{display:inline-flex;flex-direction:column}.mini-btn-enregistrement{color:var(--color-accent-2-700);border-color:var(--color-accent-2-400)}.enregistreur-preview audio{height:32px;max-width:220px}.historique{margin-top:26px;padding-top:18px;border-top:1px solid var(--color-divider)}.historique-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.historique-item{font-size:13px}.historique-meta{color:var(--color-neutral-700);margin:0 0 2px}.historique-meta b{color:var(--color-text);font-family:var(--font-heading);font-weight:600}.historique-description{margin:0;white-space:pre-wrap;color:var(--color-neutral-700)}.entree-fichier-invisible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.carrousel{margin-top:16px;max-width:320px}.carrousel-image-conteneur{position:relative;aspect-ratio:3/2;overflow:hidden}.carrousel-image{width:100%;height:100%;object-fit:cover;display:block}.carrousel-pagination{display:flex;align-items:center;gap:14px;margin-top:10px}.carrousel-points{display:flex;gap:7px;align-items:center}.carrousel-point{width:9px;height:9px;border-radius:50%;padding:0;border:1px solid var(--color-neutral-700);background:transparent}.carrousel-point.actif{background:var(--color-text)}.carrousel-compteur{font-size:13px;color:var(--color-neutral-700);margin-left:auto;font-variant-numeric:tabular-nums}.bouton-flottant{display:none;position:fixed;right:22px;bottom:24px;width:60px;height:60px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;font-size:26px;line-height:1;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;z-index:50;font-family:var(--font-heading)}.barre-action-mobile{display:none;position:fixed;left:0;right:0;bottom:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-divider);z-index:40;min-height:52px;font-size:17px}.todo-filtres-mobile{display:none;gap:8px;margin-bottom:18px;flex-wrap:wrap}.todo-filtres-mobile .tag{cursor:pointer;border:1px solid transparent;font-family:var(--font-heading)}.todo-filtres-mobile .tag-outline{background:transparent}@media (max-width: 640px){.bouton-flottant{display:flex}.barre-action-mobile{display:flex;align-items:center;justify-content:center;gap:8px}.liste-chantiers{margin-bottom:84px}.entete-page-actions .btn-primary{display:none}main{padding:0 20px 60px}.liste-chantiers{grid-template-columns:1fr;gap:16px}.carte-chantier-photo{aspect-ratio:auto;height:110px}.carte-chantier-corps{padding:14px 16px 16px}.carte-chantier-titre{font-size:20px}.entete-page-titre{font-size:25px}.bloc-titre h1{font-size:28px}.todo-filtres-mobile{display:flex}.todo-colonnes{grid-template-columns:1fr}.todo-colonnes[data-filtre-mobile]>div{display:none}.todo-colonnes[data-filtre-mobile=a_faire]>div[data-statut=a_faire],.todo-colonnes[data-filtre-mobile=en_cours]>div[data-statut=en_cours],.todo-colonnes[data-filtre-mobile=fait]>div[data-statut=fait]{display:block}.modale-overlay{padding:0}.modale{width:100%;max-width:none;height:100vh;max-height:100vh;border-radius:0;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.modale .formulaire{flex:1}.modale .formulaire-actions{position:sticky;bottom:0;background:var(--color-bg);padding-top:10px;margin-top:auto}}