:root{--fond: #f4f6f8;--surface: #ffffff;--bordure: #e3e7ec;--bordure-champ: #c9d1da;--separateur: #eef1f4;--texte: #17202a;--secondaire: #64707c;--discret: #9aa3ad;--accent: #2e5e96;--accent-fonce: #234a78;--accent-clair: #e6eef7;--ambre: #b8862b;--ambre-fonce: #7a5a17;--ambre-clair: #fbf1dc;--ambre-bordure: #e5c77a;--rouge: #b9473f;--rouge-clair: #fbe7e5;--vert: #3a8a5c;--vert-clair: #e4f3ea;--rayon-carte: 14px;--rayon-panneau: 16px;--rayon-controle: 10px;--police: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--police);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent)}a:hover{color:var(--accent-fonce)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}svg{flex-shrink:0}.mobile{min-height:100dvh;display:flex;flex-direction:column;background:var(--fond);max-width:520px;margin:0 auto}.mobile-entete{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 20px 12px 20px;background:var(--surface);border-bottom:1px solid var(--bordure);position:sticky;top:0;z-index:5}.marque{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.sous-marque{font-size:13px;color:var(--secondaire)}.pilule{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--secondaire);background:var(--fond);padding:6px 10px;border-radius:999px;border:0;min-height:32px}.pilule.surface{background:var(--surface);border:1px solid var(--bordure);font-weight:600;color:var(--texte);min-height:36px;padding:0 12px}.mobile-contenu{flex-grow:1;padding:16px 16px 24px;display:flex;flex-direction:column;gap:12px}.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--bordure);padding:8px 8px calc(10px + env(safe-area-inset-bottom)) 8px;position:sticky;bottom:0;z-index:5}.mobile-nav a{height:48px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--secondaire);text-decoration:none;font-size:11px;font-weight:600;border-radius:10px}.mobile-nav a.actif{color:var(--accent);font-weight:700}.bureau{min-height:100dvh;display:flex;background:var(--fond)}.laterale{width:232px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--bordure);display:flex;flex-direction:column;padding:24px 16px;gap:24px;position:sticky;top:0;height:100dvh}.laterale .marque{font-size:14px;letter-spacing:.14em}.laterale-menu{display:flex;flex-direction:column;gap:4px}.laterale-menu a,.laterale-menu span{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px;border-radius:10px;color:var(--secondaire);font-size:14px;font-weight:600;text-decoration:none}.laterale-menu a.actif{background:var(--accent-clair);color:var(--accent-fonce);font-weight:700}.laterale-menu span.inactif{color:var(--discret);cursor:default}.laterale-menu .bientot{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--discret);border:1px solid var(--bordure);border-radius:999px;padding:2px 6px}.laterale-utilisateur{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--fond);border-radius:10px;font-size:12px;color:var(--secondaire)}.laterale-utilisateur strong{font-size:13px;color:var(--texte)}.bureau-contenu{flex-grow:1;min-width:0;display:flex;flex-direction:column}.bureau-page{padding:22px 32px 24px;display:flex;flex-direction:column;gap:20px;flex-grow:1;min-height:0}@media (max-width: 1023px){.bureau{flex-direction:column}.laterale{width:auto;height:auto;position:static;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--bordure)}.laterale-menu{flex-direction:row;flex-wrap:wrap}.laterale-menu a,.laterale-menu span{height:40px}.laterale-espace{display:none}.laterale-utilisateur{margin-left:auto}.bureau-page{padding:16px}}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-carte);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.carte.large{padding:16px}.panneau{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon-panneau);padding:24px 28px;display:flex;flex-direction:column;gap:18px;min-width:0}.etiquette{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--secondaire);text-transform:uppercase}.etiquette.rouge{color:var(--rouge)}.etiquette.ambre{color:var(--ambre)}.etiquette.vert{color:var(--vert)}.etiquette.bleu{color:var(--accent-fonce)}.titre-page{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0}.bureau .titre-page{font-size:24px}.sous-titre{font-size:13px;color:var(--secondaire)}.titre-carte{font-size:17px;font-weight:700}.titre-fiche{font-size:20px;font-weight:800}.texte-secondaire{font-size:13px;color:var(--secondaire);line-height:1.5}.texte-petit{font-size:12px;color:var(--secondaire);line-height:1.45}.ligne{display:flex;align-items:center;gap:8px}.ligne.entre{justify-content:space-between}.ligne.haut{align-items:flex-start}.ligne.base{align-items:baseline}.colonne{display:flex;flex-direction:column;gap:6px}.enveloppe{flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;white-space:nowrap}.badge.ambre{color:var(--ambre-fonce);background:var(--ambre-clair)}.badge.rouge{color:var(--rouge);background:var(--rouge-clair)}.badge.vert{color:var(--vert);background:var(--vert-clair)}.badge.bleu{color:var(--accent-fonce);background:var(--accent-clair)}.badge.gris{color:var(--secondaire);background:var(--fond)}.point{width:8px;height:8px;border-radius:999px;flex-shrink:0}.point.rouge{background:var(--rouge)}.point.ambre{background:var(--ambre)}.point.vert{background:var(--vert)}.point.bleu{background:var(--accent)}.bouton{min-height:44px;padding:0 14px;border-radius:var(--rayon-controle);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.bouton.primaire{background:var(--accent);border-color:var(--accent);color:#fff}.bouton.primaire:disabled{background:var(--bordure-champ);border-color:var(--bordure-champ);opacity:1}.bouton.lien{color:var(--accent);font-weight:600}.bouton.pointille{border:1px dashed var(--bordure-champ);color:var(--accent);font-weight:600}.bouton.grand{min-height:48px;font-size:15px}.bouton.tres-grand{min-height:52px;font-size:16px;border-radius:12px}.bouton.plein{width:100%}.bouton.petit{min-height:36px;font-size:12px;padding:0 10px;border-radius:8px}.bouton.bas{min-height:38px}.bouton.selection{background:var(--accent-clair);border-color:var(--accent);color:var(--accent-fonce)}.bouton.rouge{color:var(--rouge);border-color:var(--rouge-clair);background:var(--rouge-clair)}.bouton-icone{width:44px;height:44px;border:1px solid var(--bordure);border-radius:var(--rayon-controle);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;padding:0}.champ{display:flex;flex-direction:column;gap:6px}.champ>label,.champ-libelle{font-size:12px;font-weight:700;color:var(--secondaire)}.champ input,.champ select,.champ textarea,.saisie{min-height:46px;border:1px solid var(--bordure-champ);border-radius:var(--rayon-controle);padding:10px 12px;font-size:15px;background:var(--surface);width:100%}.champ textarea,textarea.saisie{min-height:72px;resize:vertical;line-height:1.45}.saisie.compacte{min-height:40px;font-size:13px;padding:6px 10px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background:var(--fond);color:var(--secondaire)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:36px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface);color:var(--texte);border:1px solid var(--bordure-champ);display:inline-flex;align-items:center;gap:6px}.chip.actif{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.grand{min-height:44px;font-size:13px}.segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segments button{min-height:44px;border-radius:var(--rayon-controle);background:var(--surface);border:1px solid var(--bordure-champ);font-size:13px;font-weight:600}.segments button.actif{background:var(--accent);color:#fff;border-color:var(--accent)}.option{min-height:46px;border-radius:var(--rayon-controle);font-size:14px;font-weight:600;text-align:left;padding:10px 14px;background:var(--surface);color:var(--texte);border:1px solid var(--bordure-champ);display:flex;align-items:center;justify-content:space-between;gap:8px}.option.bleu{background:var(--accent-clair);color:var(--accent-fonce);border-color:var(--accent)}.option.ambre{background:var(--ambre-clair);color:var(--ambre-fonce);border-color:var(--ambre-bordure)}.encart{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--rayon-controle);font-size:12px;line-height:1.45}.encart.bleu{background:var(--accent-clair);color:var(--accent-fonce)}.encart.ambre{background:var(--ambre-clair);color:var(--ambre-fonce)}.encart.rouge{background:var(--rouge-clair);color:var(--texte)}.encart.vert{background:var(--vert-clair);color:var(--texte)}.encart.gris{background:var(--fond);color:var(--texte)}.encart.grand{font-size:14px;padding:14px 16px;border-radius:12px;line-height:1.55}.bloc-gris{padding:14px 16px;background:var(--fond);border-radius:12px;display:flex;flex-direction:column;gap:8px}.liste-simple{display:flex;flex-direction:column;gap:6px;font-size:13px}.liste-simple>div{display:flex;justify-content:space-between;gap:8px}.separateur{border-bottom:1px solid var(--separateur)}.element-liste{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--fond);border-radius:10px;font-size:13px}.element-liste .reste{flex-grow:1;min-width:0}.bandeau{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--bordure)}.bandeau.ambre{background:var(--ambre-clair);color:var(--ambre-fonce)}.bandeau.rouge{background:var(--rouge-clair);color:var(--rouge)}.bandeau.bleu{background:var(--accent-clair);color:var(--accent-fonce)}.bandeau-conflit{background:var(--surface);border:1px solid var(--bordure);border-radius:10px;padding:10px 12px;color:var(--texte);font-weight:500;display:flex;flex-direction:column;gap:6px}.onglets{display:flex;gap:4px;border-bottom:1px solid var(--bordure);overflow-x:auto}.onglets button{min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;color:var(--secondaire);background:transparent;border:0;border-bottom:2px solid transparent;white-space:nowrap}.onglets button.actif{color:var(--accent-fonce);font-weight:700;border-bottom-color:var(--accent)}.file{display:flex;gap:24px;flex-grow:1;min-height:0}.file-gauche{width:440px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.file-droite{flex-grow:1;min-width:0}.carte-file{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;text-align:left;background:var(--surface);border:1px solid var(--bordure);width:100%}.carte-file.actif{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-clair)}.carte-file .titre{font-size:15px;font-weight:700}.echeance{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.echeance.rouge{color:var(--rouge)}.echeance.ambre{color:var(--ambre)}.echeance.vert{color:var(--vert)}.echeance.gris{color:var(--secondaire)}@media (max-width: 1023px){.file{flex-direction:column}.file-gauche{width:auto}.panneau{padding:16px}}.grille-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grille-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grille-conso{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media (max-width: 1023px){.grille-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grille-conso,.grille-2,.grille-3{grid-template-columns:1fr}}.tuile{background:var(--surface);border:1px solid var(--bordure);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.tuile .valeur{font-size:28px;font-weight:800;letter-spacing:-.02em}.tuile .valeur.rouge{color:var(--rouge)}.tableau{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;overflow:hidden}.tableau-defilant{overflow-x:auto}.tableau-entete,.tableau-ligne{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr 1.4fr;padding:12px 20px;align-items:center;min-width:760px}.tableau-entete{background:#f9fafb;border-bottom:1px solid var(--bordure);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--secondaire);text-transform:uppercase}.tableau-ligne{padding:14px 20px;border-bottom:1px solid var(--separateur);font-size:14px}.tableau-ligne:last-child{border-bottom:0}.tableau-ligne.inactif{color:var(--discret)}.barre{height:6px;background:var(--separateur);border-radius:4px;overflow:hidden}.barre>div{height:6px;background:var(--accent);border-radius:4px}.centre{text-align:center}.vide{padding:24px 16px;text-align:center;color:var(--secondaire);font-size:13px;line-height:1.5}.brouillon-texte{font-size:14px;line-height:1.65;white-space:pre-line;border:1px solid var(--bordure);border-radius:12px;padding:16px 18px;background:var(--surface)}.vignettes{display:flex;flex-wrap:wrap;gap:8px}.vignette{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--bordure);background:var(--fond)}.vignette-conteneur{position:relative}.vignette-etat{position:absolute;right:4px;bottom:4px;font-size:10px;font-weight:700;padding:2px 5px;border-radius:999px;background:var(--ambre-clair);color:var(--ambre-fonce)}.valide-page{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 12px 12px;text-align:center}.rond-vert{width:72px;height:72px;border-radius:999px;background:var(--vert-clair);display:flex;align-items:center;justify-content:center}.connexion{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.connexion .carte{width:100%;max-width:380px;padding:24px;gap:16px}.recap{display:flex;flex-direction:column;gap:8px;font-size:13px}.recap>div{display:flex;justify-content:space-between;gap:8px}.rapport-lecture{display:flex;flex-direction:column;gap:14px}.presence-ligne{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--separateur);font-size:13px}.presence-ligne .nom{font-weight:600}.presence-ligne.absent .nom{color:var(--secondaire)}.case{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.case input{width:20px;height:20px}.journal-jour{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--secondaire);padding:8px 4px 2px;text-transform:uppercase}.journal-ligne{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--bordure);border-radius:12px;font-size:13px}.journal-ligne .quand{color:var(--secondaire);font-weight:600}.entete-bureau{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.tv{background:var(--surface);border:1px solid var(--bordure);border-radius:16px;overflow:hidden}.tv-defilant{overflow-x:auto}.tv-entete,.tv-ligne{display:grid;gap:12px;padding:12px 18px;align-items:center}.tv-entete{background:#f9fafb;border-bottom:1px solid var(--bordure);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--secondaire);text-transform:uppercase}.tv-ligne{border-bottom:1px solid var(--separateur);font-size:14px;text-align:left;background:transparent;border-left:0;border-right:0;border-top:0;width:100%;color:inherit}.tv-ligne:last-child{border-bottom:0}.tv-ligne.cliquable:hover{background:#f9fafb}.tv-ligne.actif{background:var(--accent-clair)}.tv-ligne.inactif{color:var(--discret)}.chrono{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--bordure);margin-left:8px;padding-left:18px}.chrono-item{position:relative;padding:10px 0 14px;border-bottom:1px solid var(--separateur)}.chrono-item:before{content:"";position:absolute;left:-25px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 1px var(--bordure)}.chrono-item.vert:before{background:var(--vert)}.chrono-item.rouge:before{background:var(--rouge)}.chrono-item.ambre:before{background:var(--ambre)}.chrono-item.gris:before{background:var(--discret)}.jauge{height:8px;border-radius:4px;background:var(--separateur);overflow:hidden}.jauge>div{height:100%;background:var(--vert)}.detail-lateral{width:420px;flex-shrink:0}@media (max-width: 1100px){.detail-lateral{width:100%}.file{flex-direction:column}}.exception{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--separateur)}.exception:last-child{border-bottom:0}.bureau-page .bouton.selection{background:var(--accent);color:#fff;border-color:var(--accent)}