:root{--fond:#f4f4f2;--surface:#fff;--surface-douce:#f1f1ee;--bordure:#e2e2de;--bordure-legere:#ededea;--texte:#1b1b1b;--texte-secondaire:#5f5f5a;--texte-discret:#75756f;--accent:#2f5bea;--accent-fond:#eef2fd;--accent-contour:#c9d6fb;--alerte:#a1460a;--alerte-fond:#fef3e2;--alerte-bordure:#f3d19c;--succes:#3e7a2e;--barre:#d9d9d4;--marque:#5f5f5a;color:var(--texte);background:var(--fond);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:var(--fond);margin:0}h1{margin:0;font-size:22px;font-weight:600}h2{margin:4px 0;font-size:20px;font-weight:600}h3{color:var(--texte-secondaire);margin:0 0 6px;font-size:13px;font-weight:600}p{margin:6px 0}button{font-family:inherit;font-size:inherit}.texte-secondaire{color:var(--texte-secondaire);font-size:13px}.texte-alerte{color:var(--alerte)}.ecran-centre{place-items:center;min-height:100vh;padding:16px;display:grid}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.carte-etroite{width:min(420px,100%)}.carte-entete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.champ{flex-direction:column;gap:6px;min-width:0;font-weight:500;display:flex}.champ>span{font-size:13px}.champ input,.champ select,.champ textarea{background:var(--surface);min-height:42px;color:var(--texte);font:inherit;border:1px solid #d6d6d1;border-radius:8px;width:100%;padding:0 12px;font-weight:400}.champ textarea{resize:vertical;padding:10px 12px}.champ input:focus-visible,.champ select:focus-visible,.champ textarea:focus-visible,.bouton:focus-visible,.puce:focus-visible,.ligne:focus-visible,.choix-segment button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bouton{background:var(--surface);min-height:42px;color:var(--texte);cursor:pointer;border:1px solid #d6d6d1;border-radius:8px;padding:0 14px;font-weight:500}.bouton-principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.bouton:disabled{opacity:.6;cursor:default}.bouton-danger,.bouton-lien.bouton-danger{color:var(--alerte)}.boutons{flex-wrap:wrap;gap:8px;display:flex}.bouton-lien{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0}.appli{flex-wrap:wrap;min-height:100vh;display:flex}.appli-contenu{flex:999 640px;min-width:0}.navigation{background:var(--surface);border-right:1px solid var(--bordure);flex-direction:column;flex:200px;gap:4px;max-width:230px;padding:20px 14px;display:flex}.navigation-titre{flex-direction:column;padding:4px 10px 18px;display:flex}.navigation-nom{font-size:16px;font-weight:600}.navigation-lien{color:#3a3a36;border-radius:8px;padding:10px 12px;text-decoration:none}.navigation-lien:hover{background:var(--surface-douce)}.navigation-lien.actif{background:var(--accent-fond);color:var(--accent);font-weight:600}.navigation-pied{flex-direction:column;margin-top:auto;padding:18px 10px 0;display:flex}@media (width<=720px){.navigation{border-right:0;border-bottom:1px solid var(--bordure);flex-flow:wrap;max-width:none}.navigation-titre{width:100%;padding-bottom:8px}.navigation-pied{width:100%;margin-top:0}}.page{flex-direction:column;gap:18px;padding:24px 28px 48px;display:flex}.page-entete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tableau{flex-wrap:wrap;align-items:flex-start;display:flex}.tableau-principal{flex:999 560px;min-width:0}.indicateurs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.indicateur{background:var(--surface);border:1px solid var(--bordure);border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.indicateur-alerte{background:var(--alerte-fond);border-color:var(--alerte-bordure)}.indicateur-valeur{font-size:20px;font-weight:600}.indicateur-texte{font-size:15px;font-weight:600}.frise-defilement{overflow-x:auto}.frise{min-width:900px;display:flex}.frise-libelles{color:#3a3a36;flex-direction:column;flex:none;width:140px;font-size:12px;font-weight:500;display:flex}.frise-pistes{flex-direction:column;flex:auto;display:flex;position:relative}.frise-entete{height:24px;position:relative}.frise-mois span{color:var(--texte-discret);font-size:11px;position:absolute;top:0}.frise-libelle{align-items:center;height:36px;display:flex}.frise-piste{height:36px;position:relative}.frise-ligne-bordure{border-top:1px solid var(--bordure-legere)}.temps-fort{z-index:1;background:var(--surface);cursor:pointer;white-space:nowrap;color:var(--texte);border:0;border-radius:3px;align-items:center;gap:4px;padding:0 2px;font-size:11px;display:flex;position:absolute;transform:translate(-7px)}.temps-fort.a-gauche{flex-direction:row-reverse;transform:translate(calc(7px - 100%))}.temps-fort-marque{background:var(--marque);flex:none;width:10px;height:10px;transform:rotate(45deg)}.temps-fort.confirme .temps-fort-marque{background:var(--texte)}.temps-fort.a-decider .temps-fort-marque{background:var(--surface);border:2px dashed var(--alerte)}.temps-fort.lie .temps-fort-marque{outline:2px solid var(--accent-contour)}.temps-fort.choisi{color:var(--accent);font-weight:600}.temps-fort.choisi .temps-fort-marque{background:var(--accent);outline:3px solid var(--accent-contour)}.temps-fort:focus-visible{outline:2px solid var(--accent);border-radius:4px}.action{background:var(--barre);border-radius:5px;height:18px;position:absolute;top:9px}.action.en-valeur{background:var(--accent)}.frise-aujourdhui{background:var(--texte);opacity:.5;width:2px;position:absolute;top:24px;bottom:0}.detail{background:var(--surface);border-left:1px solid var(--bordure);flex-direction:column;flex:340px;align-self:flex-start;gap:8px;max-width:420px;height:100vh;padding:24px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.detail-entete{justify-content:space-between;align-items:center;display:flex}.detail-section{border-top:1px solid var(--bordure-legere);margin-top:6px;padding-top:12px}.pastilles{flex-wrap:wrap;gap:6px;display:flex}.pastille{background:var(--surface-douce);color:#3a3a36;border-radius:999px;padding:3px 9px;font-size:12px}.pastille-provisoire,.pastille-a_decider{background:var(--alerte-fond);color:var(--alerte)}.pastille-confirme{color:var(--succes);background:#eaf4e6}.liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.liste li{border-top:1px solid var(--bordure-legere);grid-template-columns:52px 1fr;gap:8px;padding:8px 0;display:grid}@media (width<=960px){.detail{border-left:0;border-top:1px solid var(--bordure);max-width:none;height:auto;position:static}}.texte-notes{white-space:pre-wrap}.liste-bouton{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.liste-bouton:hover{color:var(--accent)}.formulaire{flex-direction:column;gap:14px;display:flex}.champs-ligne{flex-wrap:wrap;gap:10px;display:flex}.champs-ligne>.champ{flex:150px}.champs-ligne>.champ-court{flex:0 0 120px}.champ-court{max-width:200px}.champs-ligne-bas{align-items:flex-end}.groupe{border:1px solid var(--bordure-legere);border-radius:10px;flex-direction:column;gap:10px;min-width:0;margin:0;padding:10px 12px 12px;display:flex}.groupe legend{padding:0 4px;font-size:13px;font-weight:600}.groupe p{margin:0}.case{cursor:pointer;align-items:center;gap:8px;min-height:42px;display:inline-flex}.case input{width:18px;height:18px;accent-color:var(--accent)}.formulaire-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.formulaire-actions .bouton-lien{margin-left:auto}.choix-segment{background:var(--surface);border:1px solid #d6d6d1;border-radius:8px;align-self:flex-start;display:inline-flex;overflow:hidden}.choix-segment button{cursor:pointer;min-height:38px;color:var(--texte-secondaire);background:0 0;border:0;padding:8px 14px;font-weight:500}.choix-segment button+button{border-left:1px solid #d6d6d1}.choix-segment button[aria-checked=true],.choix-segment button[aria-selected=true]{background:var(--accent-fond);color:var(--accent)}.puces{flex-wrap:wrap;gap:6px;display:flex}.puce{background:var(--surface);cursor:pointer;color:#3a3a36;border:1px solid #d6d6d1;border-radius:999px;min-height:32px;padding:5px 11px;font-size:13px}.puce-active{background:var(--accent-fond);border-color:var(--accent-contour);color:var(--accent);font-weight:600}.villes-cochees{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.villes-cochees li{grid-template-columns:1fr 150px auto;align-items:center;gap:8px;display:grid}.villes-cochees input[type=date]{min-height:36px;font:inherit;border:1px solid #d6d6d1;border-radius:8px;padding:0 8px}.villes-cochees .case{min-height:36px}.apercu{background:var(--accent-fond);border:1px solid var(--accent-contour);border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.apercu h3{color:var(--accent);margin:0;font-size:14px}.apercu p{margin:0}.apercu-titre{font-weight:600}.apercu-liste{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.apercu-liste li{border-top:1px solid var(--accent-contour);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.apercu-liste li span:last-child{white-space:nowrap}.apercu-liste li.apercu-periode{flex-direction:column;gap:2px}.apercu-liste li.apercu-periode span:last-child{white-space:normal}.onglets{align-self:flex-start}.filtres{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filtres .champ{flex:160px;max-width:240px}.groupe-mois h3{text-transform:capitalize;margin:8px 0 4px}.lignes{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lignes li+li{border-top:1px solid var(--bordure-legere)}.ligne{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:110px minmax(0,1fr) minmax(0,200px) 150px;align-items:center;gap:12px;padding:10px 8px;display:grid}.ligne:hover{background:var(--surface-douce)}.ligne-choisie,.ligne-choisie:hover{background:var(--accent-fond)}.ligne-date{font-size:13px;font-weight:500}.ligne-principal{flex-direction:column;min-width:0;display:flex}.ligne-titre{font-weight:500}.ligne-faite{color:var(--texte-secondaire);text-decoration:line-through}.ligne-tf{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ligne .pastille{justify-self:start}@media (width<=720px){.ligne{grid-template-columns:80px minmax(0,1fr)}.ligne-tf{display:none}.ligne .pastille{grid-column:2}}.pastille-action-en_cours{background:var(--accent-fond);color:var(--accent)}.pastille-action-en_attente_validation{background:var(--alerte-fond);color:var(--alerte)}.pastille-action-fait{color:var(--succes);background:#eaf4e6}button.action{cursor:pointer;border:0;padding:0}.action:hover{background:#c4c4be}.action.faite{opacity:.45}.action.choisie{background:var(--accent);outline:3px solid var(--accent-contour)}.action.deplacee{background:var(--accent)}.action-ancienne{border:2px dashed var(--accent-contour);background:0 0;border-radius:5px;height:18px;position:absolute;top:9px}.temps-fort.deplace{color:var(--accent);font-weight:600}.temps-fort.deplace .temps-fort-marque{background:var(--accent)}.temps-fort-ancien{z-index:2;border:2px dashed var(--accent);pointer-events:none;background:0 0;width:12px;height:12px;margin-top:2px;position:absolute;transform:translate(-6px)rotate(45deg)}.grille-cartes{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:14px;display:grid}.carte-titre{margin:0;font-size:16px}.carte-alertes{border-color:var(--alerte-bordure)}.groupe-rappels h3{margin:4px 0}.rappels{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rappels li{border-top:1px solid var(--bordure-legere);align-items:center;gap:10px;padding:7px 0;display:flex}.rappels input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}.rappel-titre{flex-direction:column;flex:1;min-width:0;display:flex}.reporter{background:var(--surface);max-width:110px;min-height:32px;font:inherit;color:var(--texte-secondaire);border:1px solid #d6d6d1;border-radius:8px;flex:none;font-size:12px}.message-annulation{background:var(--surface-douce);border-radius:8px;margin:0;padding:8px 10px}.ajout-tache{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;display:grid}.ajout-tache input:first-child{grid-column:1/-1}.ajout-tache input,.ajout-tache select{min-height:38px;font:inherit;background:var(--surface);border:1px solid #d6d6d1;border-radius:8px;min-width:0;padding:0 10px}.ajout-tache .bouton{min-height:38px}.alertes{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.alertes li{border-top:1px solid var(--bordure-legere);padding:8px 0 8px 14px;position:relative}.alertes li:before{content:"";background:var(--alerte);border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:0}.navigation-reglages{margin-top:12px}.page-etroite{max-width:760px}.ligne-sequence{grid-template-columns:minmax(0,1fr) 220px}@media (width<=720px){.ligne-sequence{grid-template-columns:minmax(0,1fr)}.ligne-sequence .ligne-tf{display:block}}.etapes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.etapes li{border:1px solid var(--bordure-legere);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.etape-entete{justify-content:space-between;align-items:center;gap:8px;display:flex}.etape-boutons{gap:10px;display:flex}.etape-boutons .bouton-lien{padding:2px 4px}.etape-boutons .bouton-lien:disabled{color:var(--texte-discret);cursor:default}.ligne-corbeille{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;display:flex}