:root{--ink: #10202b;--ink-soft: #33505f;--muted: #62808f;--faint: #94aab6;--bg: #f4f7f9;--surface: #ffffff;--surface-sunken: #eef3f6;--border: #dde6ec;--hairline: #e9eff3;--accent: #0f6d8c;--accent-strong: #0a5871;--accent-soft: #e6f3f8;--accent-softer: #f2f9fc;--ring: rgba(15, 109, 140, .32);--success: #0f7355;--success-soft: #e7f6f0;--warn: #a35a08;--warn-soft: #fdf4e7;--danger: #b3261e;--danger-soft: #fdeceb;--info: #3f4fa8;--info-soft: #eef0fb;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-xs: .35rem;--space-sm: .6rem;--space-md: 1rem;--space-lg: 1.6rem;--space-xl: 2.5rem;--shadow-1: 0 1px 2px rgba(16, 32, 43, .06);--shadow-2: 0 1px 2px rgba(16, 32, 43, .05), 0 8px 22px -14px rgba(16, 32, 43, .28);--shadow-3: 0 2px 4px rgba(16, 32, 43, .07), 0 22px 46px -20px rgba(16, 32, 43, .32);--transition: .15s cubic-bezier(.3, .7, .4, 1);--header-height: 3.5rem;--sidebar-width: 16.5rem}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--space-sm);line-height:1.25;font-weight:620;letter-spacing:-.011em}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}h4{font-size:.92rem}p{margin:0 0 var(--space-sm)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition)}a:hover{border-bottom-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);padding:.5rem .9rem;background:var(--surface-sunken);color:var(--ink);transition:background var(--transition),border-color var(--transition),color var(--transition)}button:hover:not(:disabled){background:var(--border)}button:disabled{opacity:.55;cursor:not-allowed}.bouton-principal{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:560}.bouton-principal:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.bouton-secondaire{background:var(--surface);border-color:var(--border)}.bouton-secondaire:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--muted)}.bouton-danger{background:var(--surface);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.bouton-danger:hover:not(:disabled){background:var(--danger-soft)}.bouton-discret{background:transparent;color:var(--muted);padding:.3rem .5rem}.bouton-discret:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}input,textarea,select{font:inherit;width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical;min-height:4.5rem;line-height:1.5}label{display:block;font-size:.84rem;font-weight:560;color:var(--ink-soft);margin-bottom:var(--space-xs)}fieldset{border:none;margin:0;padding:0}.carte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.pile{display:flex;flex-direction:column;gap:var(--space-sm)}.ligne{display:flex;align-items:center;gap:var(--space-sm)}.ligne-espacee{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.etiquette{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;font-size:.76rem;font-weight:560;letter-spacing:.01em;white-space:nowrap;background:var(--surface-sunken);color:var(--ink-soft)}.etiquette-accent{background:var(--accent-soft);color:var(--accent-strong)}.etiquette-succes{background:var(--success-soft);color:var(--success)}.etiquette-alerte{background:var(--warn-soft);color:var(--warn)}.etiquette-danger{background:var(--danger-soft);color:var(--danger)}.etiquette-info{background:var(--info-soft);color:var(--info)}.texte-discret{color:var(--muted);font-size:.86rem}.texte-mono{font-family:var(--font-mono);font-size:.86em}.vide{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--muted)}.erreur{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:.88rem}.avertissement{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-size:.88rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-weight:560;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:.6rem .75rem;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:.7rem .75rem;border-bottom:1px solid var(--hairline);vertical-align:middle}tbody tr:hover{background:var(--accent-softer)}.tableau-defilant{overflow-x:auto}.lecteur-ecran-seulement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.application{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"entete entete" "laterale principale";height:100vh;height:100dvh}.entete{grid-area:entete;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;min-width:0}.entete-marque{display:flex;align-items:center;gap:var(--space-sm);font-weight:620;color:var(--ink);border-bottom:none;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.entete-marque:hover{border-bottom:none}.entete-logo{width:1.6rem;height:1.6rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.entete-actions{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.laterale{grid-area:laterale;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-lg)}.selecteur-projet{padding:0 var(--space-sm) var(--space-md);border-bottom:1px solid var(--hairline)}.selecteur-projet label{font-size:.74rem;font-weight:620;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:var(--space-xs)}.selecteur-projet select{font-weight:560;font-size:.96rem;padding:.5rem .6rem;background:var(--surface-sunken);border-color:transparent;cursor:pointer}.selecteur-projet select:hover{background:var(--border)}.selecteur-projet select:focus{background:var(--surface)}.selecteur-projet-detail{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-sm) 0 0}.selecteur-vide{padding:0 var(--space-sm) var(--space-md)}.laterale-section-titre{font-size:.74rem;font-weight:620;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:0 var(--space-sm);margin-bottom:var(--space-xs)}.laterale-lien{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.5rem .65rem;border-radius:var(--radius-sm);color:var(--ink-soft);border-bottom:none;font-size:.92rem;transition:background var(--transition),color var(--transition)}.laterale-lien:hover{background:var(--surface-sunken);color:var(--ink);border-bottom:none}.laterale-lien.actif{background:var(--accent-soft);color:var(--accent-strong);font-weight:560}.laterale-lien-libelle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pastille{min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.74rem;font-weight:620;display:grid;place-items:center;flex-shrink:0}.pastille-alerte{background:var(--warn)}.principale{grid-area:principale;overflow-y:auto;min-width:0}.contenu{max-width:76rem;margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-xl)}.contenu-large{max-width:none;padding:var(--space-lg)}.entete-page{margin-bottom:var(--space-lg)}.entete-page h1{margin-bottom:.15rem}.bouton-menu{display:none}@media(max-width:900px){.application{grid-template-columns:minmax(0,1fr);grid-template-areas:"entete" "principale"}.entete-marque span:not(.entete-logo){display:none}.entete-nom-utilisateur{display:none}.laterale{position:fixed;top:var(--header-height);bottom:0;left:0;width:min(85vw,var(--sidebar-width));transform:translate(-100%);transition:transform var(--transition);z-index:30;box-shadow:var(--shadow-3)}.laterale.ouverte{transform:translate(0)}.voile{position:fixed;inset:var(--header-height) 0 0 0;background:#10202b59;z-index:25;border:none;border-radius:0;padding:0}.bouton-menu{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0}.contenu,.contenu-large{padding:var(--space-md) var(--space-sm) var(--space-xl)}}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-entete{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.chat-fil{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);scroll-behavior:smooth}.chat-fil>*{max-width:52rem;width:100%;margin:0 auto;flex-shrink:0}.message{display:flex;gap:var(--space-sm);align-items:flex-start}.message-avatar{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:.75rem;font-weight:620;background:var(--surface-sunken);color:var(--ink-soft)}.message-avatar-orchestrateur{background:var(--accent-soft);color:var(--accent-strong)}.message-avatar-agent{background:var(--info-soft);color:var(--info)}.message-avatar-systeme{background:var(--warn-soft);color:var(--warn)}.message-corps{min-width:0;flex:1}.message-entete{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:.15rem}.message-auteur{font-weight:560;font-size:.9rem}.message-heure{font-size:.78rem;color:var(--faint)}.message-texte{white-space:pre-wrap;word-break:break-word;color:var(--ink-soft)}.message-systeme .message-texte{color:var(--warn);font-size:.9rem}.message-statut{font-size:.76rem;color:var(--warn);margin-top:.2rem}.indicateur-activite{display:flex;align-items:center;gap:var(--space-sm);color:var(--muted);font-size:.88rem}.indicateur-points{display:inline-flex;gap:3px}.indicateur-points span{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulsation 1.2s infinite ease-in-out}.indicateur-points span:nth-child(2){animation-delay:.15s}.indicateur-points span:nth-child(3){animation-delay:.3s}@keyframes pulsation{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-saisie{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-md) var(--space-lg)}.chat-saisie-cadre{max-width:52rem;margin:0 auto;display:flex;gap:var(--space-sm);align-items:flex-end}.chat-saisie textarea{min-height:2.6rem;max-height:12rem}.chat-saisie-aide{max-width:52rem;margin:var(--space-xs) auto 0;font-size:.76rem;color:var(--faint)}@media(max-width:900px){.chat-fil,.chat-saisie,.chat-entete{padding-left:var(--space-md);padding-right:var(--space-md)}}.carte-evenement{border:1px solid var(--border);border-left:3px solid var(--muted);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-1);overflow:hidden}.carte-evenement-entete{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.7rem var(--space-md);border-bottom:1px solid var(--hairline)}.carte-evenement-titre{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:.95rem}.carte-evenement-agent{font-weight:400;font-size:.82rem;color:var(--faint)}.carte-evenement-corps{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.carte-evenement-corps p{margin:0}.carte-champ-titre{font-size:.78rem;font-weight:620;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);margin-bottom:.15rem}.carte-champ-valeur{white-space:pre-wrap;word-break:break-word;color:var(--ink-soft)}.carte-questions{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:var(--space-xs);color:var(--ink-soft)}.carte-evenement-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--hairline)}.carte-evenement-resolution{padding:var(--space-sm) var(--space-md);background:var(--surface-sunken);border-top:1px solid var(--hairline);font-size:.87rem;color:var(--ink-soft)}.carte-evenement-resolution-texte{margin-top:var(--space-xs);white-space:pre-wrap;color:var(--ink)}.carte-question{border-left-color:var(--warn)}.carte-specification_prete{border-left-color:var(--accent)}.carte-phase_franchie{border-left-color:var(--muted)}.carte-verification_echec{border-left-color:var(--danger)}.carte-pret_a_livrer{border-left-color:var(--info)}.carte-livre{border-left-color:var(--success)}.carte-incident{border-left-color:var(--danger)}.carte-abandonne{border-left-color:var(--faint)}.carte-ticket_cree{border-left-color:var(--accent)}.carte-evenement.en-attente{border-color:color-mix(in srgb,var(--warn) 40%,var(--border));box-shadow:var(--shadow-2)}.carte-evenement.en-attente .carte-evenement-entete{background:var(--warn-soft)}.carte-ticket{display:block;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-softer);color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition)}.carte-ticket:hover{border-color:var(--accent);box-shadow:var(--shadow-2);border-bottom-width:1px}.carte-ticket-reference{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-strong);font-weight:600}.carte-ticket-titre{font-weight:560;margin:.15rem 0}.carte-formulaire{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--hairline);background:var(--surface-sunken)}.carte-formulaire-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.voile-modale{position:fixed;top:0;right:0;bottom:0;left:0;background:#10202b73;display:grid;place-items:center;padding:var(--space-md);z-index:50}.modale{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:min(30rem,100%);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modale-consequence{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--warn);font-weight:520}.modale-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}@media(max-width:600px){.modale-actions{flex-direction:column-reverse}.modale-actions button{width:100%;padding:.7rem}.carte-evenement-actions button{flex:1 1 auto;min-height:2.6rem}}.grille-projets{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:var(--space-md)}.carte-projet{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.carte-projet:hover{border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-1px);border-bottom-width:1px}.carte-projet-organisation{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600}.carte-projet-nom{font-size:1.05rem;font-weight:600}.barre-filtres{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:flex-end;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.champ-filtre{min-width:10rem;flex:1 1 10rem}.champ-filtre label{margin-bottom:.2rem}.ligne-ticket-reference{font-family:var(--font-mono);font-size:.84rem;color:var(--accent-strong);font-weight:600;white-space:nowrap}.ligne-ticket-titre{font-weight:520;color:var(--ink)}.marqueur-attente{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--warn);flex-shrink:0}.tableau-phases{display:grid;grid-template-columns:repeat(5,minmax(13rem,1fr));gap:var(--space-md);align-items:start;overflow-x:auto;padding-bottom:var(--space-sm)}.colonne-phase{background:var(--surface-sunken);border-radius:var(--radius-md);padding:var(--space-sm);min-width:13rem}.colonne-phase-entete{display:flex;align-items:center;justify-content:space-between;padding:.25rem .35rem var(--space-sm);font-size:.82rem;font-weight:620;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.vignette-ticket{display:block;padding:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);color:var(--ink);transition:border-color var(--transition),box-shadow var(--transition)}.vignette-ticket:hover{border-color:var(--accent);box-shadow:var(--shadow-1);border-bottom-width:1px}.fiche-ticket{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:var(--space-lg);align-items:start}.fiche-panneau{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.fiche-panneau h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin-bottom:var(--space-sm)}.fiche-fil{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;max-height:70vh;overflow:hidden}.chronologie{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.chronologie li{display:flex;gap:var(--space-sm);font-size:.88rem}.chronologie-marque{width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);margin-top:.45rem;flex-shrink:0}.journal-entree{padding:var(--space-sm) 0;border-bottom:1px solid var(--hairline);font-size:.88rem}.journal-entree:last-child{border-bottom:none}.journal-texte{margin-top:.2rem;white-space:pre-wrap;color:var(--ink-soft)}@media(max-width:1000px){.fiche-ticket{grid-template-columns:1fr}}.liste-notifications{display:flex;flex-direction:column;gap:var(--space-sm)}.notification{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);text-align:left;width:100%;transition:border-color var(--transition)}.notification:hover{border-color:var(--accent);border-bottom-width:1px}.notification.non-lue{border-left:3px solid var(--accent);background:var(--accent-softer)}.notification-titre{font-weight:560}.panneau-notifications{position:absolute;top:calc(var(--header-height) - .4rem);right:var(--space-md);width:min(24rem,calc(100vw - 2rem));max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);padding:var(--space-sm);z-index:40}.bouton-notifications{position:relative}.bouton-notifications .pastille{position:absolute;top:-.3rem;right:-.3rem;min-width:1.1rem;height:1.1rem;font-size:.68rem}.resultat-recherche{display:block;padding:var(--space-md);border-bottom:1px solid var(--hairline);color:var(--ink)}.resultat-recherche:hover{background:var(--accent-softer);border-bottom-color:var(--hairline)}.resultat-extrait{color:var(--muted);font-size:.88rem}.resultat-extrait mark{background:var(--warn-soft);color:var(--ink);padding:0 .15rem;border-radius:2px}.grille-indicateurs{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.indicateur{padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.indicateur-libelle{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600;margin-bottom:.2rem}.indicateur-valeur{font-size:1.35rem;font-weight:620}.onglets{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--border);margin-bottom:var(--space-md);overflow-x:auto}.onglet{padding:.55rem .9rem;border:none;background:transparent;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;white-space:nowrap;font-weight:520}.onglet:hover{background:transparent;color:var(--ink)}.onglet.actif{color:var(--accent-strong);border-bottom-color:var(--accent)}.page-connexion{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-md);background:radial-gradient(120% 90% at 50% 0%,var(--accent-softer) 0%,var(--bg) 60%)}.cadre-connexion{width:min(24rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--space-xl) var(--space-lg)}.cadre-connexion .entete-logo{width:2.4rem;height:2.4rem;font-size:1rem;margin-bottom:var(--space-md)}