:root{--arc-fond: #f6f7f9;--arc-fond-carte: #ffffff;--arc-fond-attenue: #eef0f4;--arc-bordure: #d8dce4;--arc-bordure-forte: #b6bcc9;--arc-texte: #1a1f2b;--arc-texte-attenue: #5a6376;--arc-texte-inverse: #ffffff;--arc-accent: #2b5fd9;--arc-accent-fonce: #1f47a6;--arc-accent-clair: #e6ecfb;--arc-succes: #1a7f4b;--arc-succes-clair: #e3f5ec;--arc-alerte: #9a5b00;--arc-alerte-clair: #fdf1dc;--arc-erreur: #b3261e;--arc-erreur-clair: #fbe9e7;--arc-espace-1: .25rem;--arc-espace-2: .5rem;--arc-espace-3: .75rem;--arc-espace-4: 1rem;--arc-espace-5: 1.5rem;--arc-espace-6: 2rem;--arc-espace-7: 3rem;--arc-rayon-1: 4px;--arc-rayon-2: 8px;--arc-rayon-3: 12px;--arc-ombre-1: 0 1px 2px rgba(16, 24, 40, .06);--arc-ombre-2: 0 4px 12px rgba(16, 24, 40, .1);--arc-police: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--arc-police-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--arc-taille-petite: .8125rem;--arc-taille-base: .9375rem;--arc-taille-titre: 1.25rem;--arc-taille-grand-titre: 1.75rem;--arc-largeur-max: 1280px;--arc-transition: .12s ease}@media (prefers-color-scheme: dark){:root{--arc-fond: #12151c;--arc-fond-carte: #1a1f29;--arc-fond-attenue: #232936;--arc-bordure: #333b4a;--arc-bordure-forte: #4a5568;--arc-texte: #e8eaf0;--arc-texte-attenue: #a3abbb;--arc-texte-inverse: #12151c;--arc-accent: #7ea2f5;--arc-accent-fonce: #a3bcf8;--arc-accent-clair: #1e2942;--arc-succes: #5cc48d;--arc-succes-clair: #14301f;--arc-alerte: #e5a94a;--arc-alerte-clair: #33260d;--arc-erreur: #f08078;--arc-erreur-clair: #3a1512;--arc-ombre-1: 0 1px 2px rgba(0, 0, 0, .4);--arc-ombre-2: 0 4px 12px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--arc-police);font-size:var(--arc-taille-base);color:var(--arc-texte);background:var(--arc-fond);line-height:1.5}:focus-visible{outline:2px solid var(--arc-accent);outline-offset:2px;border-radius:var(--arc-rayon-1)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.arc-invisible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.arc-mise-en-page{min-height:100vh;display:flex;flex-direction:column}.arc-contenu{flex:1;width:100%;max-width:var(--arc-largeur-max);margin:0 auto;padding:var(--arc-espace-5) var(--arc-espace-4)}.arc-lien-evitement{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--arc-espace-2) var(--arc-espace-4);background:var(--arc-accent);color:var(--arc-texte-inverse);border-radius:0 0 var(--arc-rayon-2) 0}.arc-lien-evitement:focus{left:0}.arc-barre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--arc-espace-3);padding:var(--arc-espace-3) var(--arc-espace-4);background:var(--arc-fond-carte);border-bottom:1px solid var(--arc-bordure)}.arc-barre-nav{display:flex;align-items:center;gap:var(--arc-espace-5);min-width:0}.arc-barre-marque{font-weight:600;white-space:nowrap}.arc-barre-liste{display:flex;flex-wrap:wrap;gap:var(--arc-espace-1);list-style:none;margin:0;padding:0}.arc-barre-lien{display:block;padding:var(--arc-espace-2) var(--arc-espace-3);border-radius:var(--arc-rayon-2);color:var(--arc-texte-attenue);text-decoration:none;white-space:nowrap;transition:background var(--arc-transition),color var(--arc-transition)}.arc-barre-lien:hover{background:var(--arc-fond-attenue);color:var(--arc-texte)}.arc-barre-lien--courant{background:var(--arc-accent-clair);color:var(--arc-accent-fonce);font-weight:600}.arc-barre-droite{display:flex;align-items:center;gap:var(--arc-espace-3)}.arc-bouton{font:inherit;padding:var(--arc-espace-2) var(--arc-espace-4);border-radius:var(--arc-rayon-2);border:1px solid transparent;cursor:pointer;transition:background var(--arc-transition),border-color var(--arc-transition)}.arc-bouton:disabled{opacity:.5;cursor:not-allowed}.arc-bouton--principal{background:var(--arc-accent);color:var(--arc-texte-inverse)}.arc-bouton--principal:hover:not(:disabled){background:var(--arc-accent-fonce)}.arc-bouton--secondaire{background:var(--arc-fond-carte);color:var(--arc-texte);border-color:var(--arc-bordure-forte)}.arc-bouton--secondaire:hover:not(:disabled){background:var(--arc-fond-attenue)}.arc-bouton--discret{background:transparent;color:var(--arc-texte-attenue);padding:var(--arc-espace-1) var(--arc-espace-2)}.arc-bouton--discret:hover:not(:disabled){background:var(--arc-fond-attenue);color:var(--arc-texte)}.arc-bouton--danger{background:var(--arc-erreur);color:#fff}.arc-champ{display:flex;flex-direction:column;gap:var(--arc-espace-1);margin-bottom:var(--arc-espace-4)}.arc-champ-libelle{font-weight:500}.arc-champ-saisie{font:inherit;padding:var(--arc-espace-2) var(--arc-espace-3);border:1px solid var(--arc-bordure-forte);border-radius:var(--arc-rayon-2);background:var(--arc-fond-carte);color:var(--arc-texte)}.arc-champ-saisie[aria-invalid=true]{border-color:var(--arc-erreur)}.arc-champ-aide{margin:0;font-size:var(--arc-taille-petite);color:var(--arc-texte-attenue)}.arc-champ-erreur{margin:0;font-size:var(--arc-taille-petite);color:var(--arc-erreur)}.arc-carte{background:var(--arc-fond-carte);border:1px solid var(--arc-bordure);border-radius:var(--arc-rayon-3);box-shadow:var(--arc-ombre-1);overflow:hidden}.arc-carte-entete{display:flex;align-items:center;justify-content:space-between;gap:var(--arc-espace-3);padding:var(--arc-espace-3) var(--arc-espace-4);border-bottom:1px solid var(--arc-bordure)}.arc-carte-titre{margin:0;font-size:var(--arc-taille-titre)}.arc-carte-corps{padding:var(--arc-espace-4)}.arc-chargement,.arc-etat-vide{padding:var(--arc-espace-6);text-align:center;color:var(--arc-texte-attenue)}.arc-etat-vide-titre{margin:0 0 var(--arc-espace-2);font-weight:600;color:var(--arc-texte)}.arc-erreur{padding:var(--arc-espace-4);border:1px solid var(--arc-erreur);border-radius:var(--arc-rayon-2);background:var(--arc-erreur-clair);color:var(--arc-erreur)}.arc-etiquette{display:inline-block;padding:.1rem var(--arc-espace-2);border-radius:999px;font-size:var(--arc-taille-petite);font-weight:600}.arc-etiquette--neutre{background:var(--arc-fond-attenue);color:var(--arc-texte-attenue)}.arc-etiquette--succes{background:var(--arc-succes-clair);color:var(--arc-succes)}.arc-etiquette--alerte{background:var(--arc-alerte-clair);color:var(--arc-alerte)}.arc-etiquette--erreur{background:var(--arc-erreur-clair);color:var(--arc-erreur)}.arc-etiquette--accent{background:var(--arc-accent-clair);color:var(--arc-accent-fonce)}.arc-disposition-barre{display:flex;align-items:center;justify-content:space-between;gap:var(--arc-espace-3);margin-bottom:var(--arc-espace-4)}.arc-disposition-aide{margin:0;font-size:var(--arc-taille-petite);color:var(--arc-texte-attenue)}.arc-disposition-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--arc-espace-4);list-style:none;margin:0;padding:0}.arc-widget{background:var(--arc-fond-carte);border:1px solid var(--arc-bordure);border-radius:var(--arc-rayon-3);box-shadow:var(--arc-ombre-1);overflow:hidden}.arc-widget[draggable=true]{cursor:grab}.arc-widget-entete{display:flex;align-items:center;justify-content:space-between;gap:var(--arc-espace-2);padding:var(--arc-espace-3) var(--arc-espace-4);border-bottom:1px solid var(--arc-bordure)}.arc-widget-titre{margin:0;font-size:var(--arc-taille-base);font-weight:600}.arc-widget-outils{display:flex;gap:var(--arc-espace-1)}.arc-widget-corps{padding:var(--arc-espace-4)}.arc-disposition-masques{margin-top:var(--arc-espace-5);padding-top:var(--arc-espace-4);border-top:1px solid var(--arc-bordure)}.arc-disposition-masques ul{display:flex;flex-wrap:wrap;gap:var(--arc-espace-2);list-style:none;margin:0;padding:0}:root{--fond: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--bordure: #d8dce3;--texte: #1a1d23;--texte-doux: #5b6472;--accent: #1d4ed8;--accent-doux: #e7edfd;--danger: #b42318;--danger-fond: #fdeceb;--alerte: #b54708;--alerte-fond: #fef4e6;--succes: #067647;--succes-fond: #e9f7f0;--rayon: 8px}@media (prefers-color-scheme: dark){:root{--fond: #14171c;--surface: #1c2027;--surface-2: #232830;--bordure: #333a45;--texte: #e8eaee;--texte-doux: #9aa3b2;--accent: #6b93f7;--accent-doux: #1e2a45;--danger: #f88a80;--danger-fond: #3a1d1a;--alerte: #f0ac5f;--alerte-fond: #3a2a15;--succes: #5cc79a;--succes-fond: #17342a}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--texte);background:var(--fond)}button{font:inherit;cursor:pointer;border-radius:var(--rayon);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);padding:7px 12px}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:not-allowed}button.principal{background:var(--accent);border-color:var(--accent);color:#fff}button.principal:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}button.danger{color:var(--danger);border-color:var(--danger)}input,textarea,select{font:inherit;color:var(--texte);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:7px 10px;width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.appli{display:flex;flex-direction:column;min-height:100vh}.bandeau-demo{background:var(--alerte-fond);color:var(--alerte);border-bottom:1px solid var(--bordure);padding:6px 16px;font-size:12.5px;text-align:center}.entete{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--bordure);flex-wrap:wrap}.entete .marque{font-weight:700;letter-spacing:.02em}.entete nav{display:flex;gap:4px;flex-wrap:wrap}.entete nav a{padding:6px 10px;border-radius:var(--rayon);text-decoration:none;color:var(--texte-doux)}.entete nav a:hover{background:var(--surface-2)}.entete nav a.actif{background:var(--accent-doux);color:var(--accent);font-weight:600}.entete .droite{margin-left:auto;display:flex;align-items:center;gap:10px}.pastille{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;text-align:center}.pastille.alerte{background:var(--alerte)}.corps{display:flex;flex:1;min-height:0}.colonne-gauche{width:230px;flex-shrink:0;border-right:1px solid var(--bordure);padding:14px;background:var(--surface)}.colonne-gauche h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-doux);margin:0 0 8px}.colonne-gauche a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--rayon);text-decoration:none;color:var(--texte)}.colonne-gauche a:hover{background:var(--surface-2)}.colonne-gauche a.actif{background:var(--accent-doux);font-weight:600}.puce{width:9px;height:9px;border-radius:50%;flex-shrink:0}.contenu{flex:1;min-width:0;padding:16px}.filtres{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.filtres input[type=search]{max-width:320px}.liste{border:1px solid var(--bordure);border-radius:var(--rayon);overflow:hidden;background:var(--surface)}.ligne{display:grid;grid-template-columns:12px minmax(120px,190px) 1fr auto;gap:12px;align-items:baseline;padding:10px 12px;border-bottom:1px solid var(--bordure);text-decoration:none;color:inherit}.ligne:last-child{border-bottom:none}.ligne:hover{background:var(--surface-2)}.ligne.non-vu{background:var(--accent-doux)}.ligne.non-vu .objet{font-weight:700}.ligne .expediteur{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ligne .objet{overflow:hidden}.ligne .objet .extrait{color:var(--texte-doux);font-weight:400}.ligne .meta{color:var(--texte-doux);font-size:12px;white-space:nowrap;text-align:right}.etiquette{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid transparent}.etiquette.risque{background:var(--danger-fond);color:var(--danger);border-color:var(--danger)}.etiquette.risque-faible{background:var(--alerte-fond);color:var(--alerte)}.etiquette.traite{background:var(--succes-fond);color:var(--succes)}.etiquette.assigne{background:var(--accent-doux);color:var(--accent)}.etiquette.neutre{background:var(--surface-2);color:var(--texte-doux)}.fiche{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:14px}.carte h1{font-size:18px;margin:0 0 8px}.carte h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-doux);margin:0 0 8px}.entetes-message{color:var(--texte-doux);font-size:13px;margin-bottom:10px}.entetes-message strong{color:var(--texte)}.bandeau{border-radius:var(--rayon);padding:10px 12px;margin-bottom:12px;border:1px solid}.bandeau.danger{background:var(--danger-fond);color:var(--danger);border-color:var(--danger)}.bandeau.attention{background:var(--alerte-fond);color:var(--alerte);border-color:var(--alerte)}.bandeau.info{background:var(--accent-doux);color:var(--accent);border-color:var(--accent)}.bandeau.succes{background:var(--succes-fond);color:var(--succes);border-color:var(--succes)}.bandeau ul{margin:6px 0 0;padding-left:18px}.bandeau strong{display:block;margin-bottom:2px}.cadre-message{width:100%;min-height:320px;border:1px solid var(--bordure);border-radius:var(--rayon);background:#fff}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.suivi-ligne{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--bordure)}.suivi-ligne:last-child{border-bottom:none}.piece{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--bordure)}.piece:last-child{border-bottom:none}.piece .nom{font-weight:600;word-break:break-all}.champ{margin-bottom:10px}.champ label{display:block;font-size:12px;color:var(--texte-doux);margin-bottom:3px;font-weight:600}.zone-redaction{min-height:260px;border:1px solid var(--bordure);border-radius:var(--rayon);padding:10px;background:var(--surface);overflow-y:auto}.zone-redaction:focus{outline:2px solid var(--accent)}.zone-redaction blockquote{border-left:3px solid var(--bordure);margin:8px 0;padding-left:10px;color:var(--texte-doux)}.etat{padding:28px 16px;text-align:center;color:var(--texte-doux)}.etat h3{margin:0 0 6px;color:var(--texte);font-size:15px;text-transform:none;letter-spacing:0}.chargement{display:inline-block;width:15px;height:15px;border:2px solid var(--bordure);border-top-color:var(--accent);border-radius:50%;animation:tourne .7s linear infinite;vertical-align:-2px}@keyframes tourne{to{transform:rotate(360deg)}}.connexion{max-width:420px;margin:8vh auto}.connexion .compte{display:block;width:100%;text-align:left;margin-bottom:8px;padding:11px 12px}.connexion .compte .role{display:block;color:var(--texte-doux);font-size:12.5px;font-weight:400}@media (max-width: 900px){.fiche{grid-template-columns:1fr}.corps{flex-direction:column}.colonne-gauche{width:auto;border-right:none;border-bottom:1px solid var(--bordure)}.ligne{grid-template-columns:12px 1fr}.ligne .meta{grid-column:2;text-align:left}}