:root{--navy:#1b2a4a;--navy-clair:#24365c;--or:#d4a017;--or-fonce:#a87e0f;--fond:#f4f6fa;--carte:#ffffff;--texte:#1b2a4a;--texte-2:#4a5e78;--bord:#dde4ee;--rouge:#c0392b;--orange:#b9770e;--vert:#1e8449;--bulle-autre:#e9edf4}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--fond);color:var(--texte);line-height:1.5}.conteneur{max-width:1080px;margin:0 auto;padding:0 20px 48px}.entete{background:var(--navy);padding:10px 0}.entete-inner{max-width:1080px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.entete img{height:40px;width:auto}.entete h1{font-size:19px;font-weight:700;background:linear-gradient(110deg,var(--or) 0,#f3cf6a 38%,#fff6d8 46%,#f3cf6a 54%,var(--or) 100%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:glint-or 5s ease-in-out infinite}@keyframes glint-or{0%,55%{background-position:125%}to{background-position:-55%}}@media (prefers-reduced-motion:reduce){.entete h1{animation:none;background-position:50%}}.entete .slogan{color:#ffffffb0;font-style:italic;font-size:11px;margin-top:1px}.entete nav{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.entete nav a{color:#fff;text-decoration:none;font-size:13px;padding:10px 12px;border-radius:8px;border:1px solid transparent}.entete nav a.actif,.entete nav a:hover{border-color:var(--or)}.entete nav a.actif{background:var(--navy-clair)}.bouton-deconnexion,.entete .utilisateur{color:#ffffffb0;font-size:12px}.bouton-deconnexion{background:transparent;border:1px solid #ffffff40;border-radius:8px;padding:9px 12px;cursor:pointer;font-family:inherit}.bouton-deconnexion:hover{border-color:var(--or);color:#fff}.bandeau-info{background:#fdf6e3;border:1px solid var(--or);border-radius:10px}.bandeau-alerte,.bandeau-info{padding:10px 14px;font-size:13px;margin:14px 0}.bandeau-alerte{background:#fdecea;border:1px solid var(--rouge);border-radius:10px;color:var(--rouge)}.page-auth{max-width:400px;margin:0 auto;padding:56px 24px}.page-auth .marque{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}.page-auth .marque img{height:48px;width:auto}.page-auth h1{font-size:24px;color:var(--navy)}.page-auth .sous-titre{text-align:center;color:var(--texte-2);font-size:14px;margin-bottom:18px}.carte-form{background:var(--carte);border:1px solid var(--bord);border-radius:10px;padding:22px;display:grid;grid-gap:14px;gap:14px}.carte-form label{font-size:13px;font-weight:600;color:var(--navy)}.carte-form input,.carte-form select{display:block;width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid var(--bord);font-size:15px;font-family:inherit;color:var(--texte);background:#fff}.carte-form input:focus,.carte-form select:focus{outline:2px solid var(--or);border-color:var(--or)}.bouton-or{background:var(--or);color:var(--navy);border:none;border-radius:8px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;min-height:44px}.bouton-or:hover{filter:brightness(1.06)}.bouton-or:disabled{opacity:.6;cursor:default}.erreur-form{background:#fdecea;color:var(--rouge)}.erreur-form,.succes-form{padding:10px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.succes-form{background:#edf7ed;color:#2e7d32}.lien-auth{text-align:center;font-size:13px;margin-top:16px;color:var(--texte-2)}.lien-auth a{color:var(--navy);font-weight:700}.aide-form{font-size:11px;color:var(--texte-2)}.titre-section{font-size:17px;color:var(--navy);margin:18px 0 10px}.titre-carte{font-size:15px;color:var(--navy)}.champ-mdp{position:relative;display:block}.champ-mdp input{padding-right:42px}.champ-mdp .oeil{position:absolute;top:50%;right:8px;transform:translateY(-50%);margin-top:3px;background:none;border:none;cursor:pointer;padding:6px;color:var(--texte-2);display:flex;align-items:center}.champ-mdp .oeil:hover{color:var(--navy)}.tableau-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--carte);border-radius:10px;overflow:hidden;border:1px solid var(--bord);font-size:13px}th{background:var(--navy);color:#fff;font-weight:500;text-align:left;padding:8px 12px;font-size:12px;white-space:nowrap}td{padding:7px 12px;border-top:1px solid var(--bord)}tr:nth-child(2n) td{background:#f8fafd}.bouton-ligne{padding:9px 14px;border:none;border-radius:8px;cursor:pointer;background:var(--or);color:var(--navy);font-weight:700;font-size:13px;font-family:inherit}.bouton-ligne:disabled{opacity:.6;cursor:wait}.bouton-ligne.secondaire{background:#e8e8e8;color:var(--texte)}.reset-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.encadre-mdp{background:#fdf6e3;border:2px solid var(--or);border-radius:10px;padding:14px 16px;margin-bottom:14px;font-size:14px}.encadre-mdp code{display:inline-block;background:var(--navy);color:#fff;font-size:18px;letter-spacing:1px;padding:6px 12px;border-radius:8px;margin:6px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.pied{margin-top:40px;text-align:center;font-size:12px;color:var(--texte-2)}.pied .slogan{font-style:italic;color:var(--or);font-size:13px}.chat-app{height:calc(100dvh - 61px);max-width:1080px;margin:0 auto;border-left:1px solid var(--bord);overflow:hidden}.chat-app,.chat-liste{display:flex;background:var(--carte);border-right:1px solid var(--bord)}.chat-liste{width:320px;min-width:320px;flex-direction:column}.chat-liste-defile{overflow-y:auto;flex:1 1}.chat-liste-actions{padding:10px 12px;border-bottom:1px solid var(--bord)}.bouton-nouveau{width:100%;min-height:44px;border:1px dashed var(--or);border-radius:10px;background:#fdf6e3;color:var(--navy);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.bouton-nouveau:hover{background:#fbeecb}.conv-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px;min-height:64px;border:none;border-bottom:1px solid var(--bord);background:transparent;cursor:pointer;text-align:left;font-family:inherit}.conv-item:hover{background:#f8fafd}.conv-item.actif{background:#eef2f9;box-shadow:inset 3px 0 0 var(--or)}.conv-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--navy);color:var(--or);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.conv-avatar.generale{background:var(--or);color:var(--navy)}.conv-corps{flex:1 1;min-width:0}.conv-ligne1{display:flex;align-items:baseline;gap:8px}.conv-nom{font-weight:600;font-size:14px;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-heure{font-size:11px}.conv-apercu,.conv-heure{color:var(--texte-2);white-space:nowrap}.conv-apercu{font-size:12px;overflow:hidden;text-overflow:ellipsis}.pastille{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--or);color:var(--navy);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-fil{flex:1 1;display:flex;flex-direction:column;min-width:0;background:var(--fond)}.fil-entete{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--carte);border-bottom:1px solid var(--bord);min-height:54px}.fil-entete .titre{font-weight:700;font-size:15px;color:var(--navy)}.bouton-retour{display:none;min-width:44px;min-height:44px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--navy);font-family:inherit}.fil-zone{position:relative;flex:1 1;display:flex;min-height:0}.fil-defile{flex:1 1;overflow-y:auto;padding:14px}.fil-vide{text-align:center;color:var(--texte-2);font-size:14px;margin-top:40px}.bouton-plus-anciens{display:block;margin:0 auto 12px;padding:8px 16px;min-height:40px;border:1px solid var(--bord);border-radius:20px;background:var(--carte);color:var(--texte-2);font-size:12px;cursor:pointer;font-family:inherit}.separateur-jour{text-align:center;margin:14px 0 10px;font-size:11px;color:var(--texte-2);display:flex;align-items:center;gap:10px}.separateur-jour:after,.separateur-jour:before{content:"";flex:1 1;height:1px;background:var(--bord)}.msg-ligne{display:flex;margin-bottom:6px}.msg-ligne.moi{justify-content:flex-end}.bulle{max-width:min(78%,560px);padding:8px 12px;border-radius:14px;font-size:14.5px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.msg-ligne.moi .bulle{background:var(--navy);color:#fff;border-bottom-right-radius:4px}.msg-ligne.autre .bulle{background:var(--bulle-autre);color:var(--texte);border-bottom-left-radius:4px}.msg-ligne.moi .bulle.en-attente{opacity:.55}.bulle .auteur{font-size:11px;font-weight:700;color:var(--or-fonce);margin-bottom:2px}.bulle .heure{font-size:10px;opacity:.65;text-align:right;margin-top:2px}.bulle img.photo{display:block;max-width:100%;max-height:320px;border-radius:10px;margin:4px 0;cursor:zoom-in;background:#00000010}.bouton-nouveaux{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:8px 16px;min-height:40px;border:none;border-radius:20px;background:var(--navy);color:#fff;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #0003;font-family:inherit}.composer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--carte);border-top:1px solid var(--bord)}.composer textarea{flex:1 1;resize:none;border:1px solid var(--bord);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:15px;color:var(--texte);max-height:140px;min-height:44px;line-height:1.4;background:#fff}.composer textarea:focus{outline:2px solid var(--or);border-color:var(--or)}.bouton-envoyer,.bouton-photo{min-width:44px;min-height:44px;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-family:inherit;display:flex;align-items:center;justify-content:center}.bouton-photo{background:var(--bulle-autre);color:var(--navy)}.bouton-envoyer{background:var(--or);color:var(--navy);font-weight:700}.bouton-envoyer:disabled,.bouton-photo:disabled{opacity:.5;cursor:default}.photo-attente{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--carte);border-top:1px solid var(--bord);font-size:13px;color:var(--texte-2)}.photo-attente img{height:48px;width:48px;object-fit:cover;border-radius:8px}.photo-attente .bouton-fermer{margin-left:auto}.bandeau-temps-reel{background:#fdf6e3;border-bottom:1px solid var(--or);padding:6px 12px;font-size:12px;color:var(--orange);text-align:center}.bandeau-push{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eef2f9;border-bottom:1px solid var(--bord);padding:8px 12px;font-size:13px}.bandeau-erreur-chat{background:#fdecea;border-bottom:1px solid var(--rouge);padding:8px 12px;font-size:13px;color:var(--rouge);text-align:center}.bouton-fermer{min-width:32px;min-height:32px;border:none;background:transparent;cursor:pointer;color:var(--texte-2);font-size:14px;font-family:inherit}.erreur-inline{color:var(--rouge);font-size:12px}.panneau-collegues{border-bottom:1px solid var(--bord);background:#f8fafd}.panneau-collegues .titre-panneau{padding:10px 12px 4px;font-size:12px;font-weight:700;color:var(--texte-2);text-transform:uppercase;letter-spacing:.05em}.collegue-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;min-height:48px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit;font-size:14px}.collegue-item:hover{background:#eef2f9}.visionneuse{position:fixed;inset:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.visionneuse img{max-width:96vw;max-height:96vh;border-radius:6px}@media (max-width:899px){.chat-app{border-left:none;border-right:none}.chat-liste{width:100%;min-width:0;border-right:none}.chat-app.fil-ouvert .chat-liste,.chat-app:not(.fil-ouvert) .chat-fil{display:none}.bouton-retour{display:flex;align-items:center;justify-content:center}}