:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fond:#f6f7f9;--surface:#fff;--texte:#1a1d23;--discret:#5a6270;--bord:#d5d9e0;--accent:#1d5fd1;--accent-texte:#fff;--ok:#17803d;--attention:#a35c00;--danger:#b3261e;font-family:system-ui,Segoe UI,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=clair]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#121418;--surface:#1c1f26;--texte:#e8eaee;--discret:#a3aab6;--bord:#343a46;--accent:#6ea1ff;--accent-texte:#0b1220;--ok:#4cc27a;--attention:#f0a83a;--danger:#ff8a80}}:root[data-theme=sombre]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#121418;--surface:#1c1f26;--texte:#e8eaee;--discret:#a3aab6;--bord:#343a46;--accent:#6ea1ff;--accent-texte:#0b1220;--ok:#4cc27a;--attention:#f0a83a;--danger:#ff8a80}:root[data-theme=clair]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0}h1{margin:0;font-size:1.4rem}h2{margin:0;font-size:1.1rem}.page{max-width:960px;margin:0 auto;padding:16px}.etroite{max-width:420px}.entete{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.technicien{color:var(--discret)}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:8px;margin-bottom:16px;padding:16px}.pile{flex-direction:column;gap:12px;display:flex}.ligne{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.ligne.espace{justify-content:space-between;align-items:flex-start;margin-top:0}.ligne input{flex:1;min-width:180px}label{flex-direction:column;gap:4px;font-weight:500;display:flex}input{font:inherit;border:1px solid var(--bord);background:var(--fond);color:var(--texte);border-radius:6px;padding:8px 10px}.champ-code input{letter-spacing:.08em;font-variant-numeric:tabular-nums;width:15ch;font-size:1.6rem}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--accent-texte);cursor:pointer;border-radius:6px;padding:8px 16px}button.secondaire{color:var(--texte);border-color:var(--bord);background:0 0}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.discret,.vide{color:var(--discret)}.erreur{color:var(--danger);margin:8px 0 0}.bandeau-alerte{background:var(--danger);color:var(--surface);border-radius:6px;padding:10px 14px}.pastille{margin-left:auto;font-size:.9rem}.pastille:before{content:"";background:var(--discret);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.pastille-connecte:before{background:var(--ok)}.pastille-connexion:before{background:var(--attention)}.pastille-deconnecte:before{background:var(--danger)}.etat{font-size:.9rem;font-weight:600}.etat-acceptee{color:var(--ok)}.etat-attente_acceptation{color:var(--attention)}.etat-refusee,.etat-terminee{color:var(--discret)}.journal{background:var(--fond);border-radius:6px;min-height:3rem;max-height:240px;margin:12px 0 0;padding:8px;font-size:.95rem;list-style:none;overflow-y:auto}.journal time{color:var(--discret);font-variant-numeric:tabular-nums}.journal .poste{color:var(--accent)}.page.large{max-width:none}.vue-session{background:var(--surface);border:1px solid var(--bord);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.vue-session.plein-ecran{border:0;border-radius:0;height:100vh}.barre-outils{border-bottom:1px solid var(--bord);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 10px;display:flex}.barre-poste{flex-direction:column;min-width:120px;line-height:1.2;display:flex}.barre-poste .discret{font-size:.85rem}.barre-boutons{flex-wrap:wrap;gap:2px;display:flex}.outil{color:var(--texte);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px;display:inline-flex}.outil:hover:not(:disabled),.outil[aria-expanded=true]{background:var(--fond);border-color:var(--bord)}.outil-terminer:not(:disabled){color:var(--danger)}.menu{display:inline-flex;position:relative}.menu-liste{z-index:10;background:var(--surface);border:1px solid var(--bord);border-radius:8px;min-width:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000040}.menu-liste button{text-align:left;width:100%;color:var(--texte);background:0 0;border:0;grid-template-columns:1.2em 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.menu-liste button:hover,.menu-liste button:focus-visible{background:var(--fond)}.menu-liste kbd{font:inherit;color:var(--discret);font-size:.8rem}.indicateur{font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:8px;margin-left:auto;padding:4px 8px;font-size:.9rem;display:inline-flex;position:relative}.pastille-qualite{background:var(--discret);border-radius:50%;width:12px;height:12px}.qualite-vert{background:var(--ok)}.qualite-orange{background:var(--attention)}.qualite-rouge{background:var(--danger)}.indicateur-detail{z-index:10;background:var(--surface);border:1px solid var(--bord);border-radius:8px;grid-template-columns:auto auto;gap:4px 16px;min-width:240px;margin:0;padding:10px 12px;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000040}.indicateur:hover .indicateur-detail,.indicateur:focus-visible .indicateur-detail{display:grid}.indicateur-detail dt{color:var(--discret)}.indicateur-detail dd{text-align:right;margin:0}.zone-video{background:#000;outline:none;height:calc(100vh - 230px);min-height:320px;position:relative}.plein-ecran .zone-video{flex:1;height:auto}.zone-video.mode-ajuste video{object-fit:contain;width:100%;height:100%;display:block}.zone-video.mode-reelle{overflow:auto}.zone-video.mode-reelle video{display:block}.zone-video video{cursor:none;touch-action:none}.zone-video.avec-focus{box-shadow:inset 0 0 0 2px var(--accent)}.curseur-local{pointer-events:none;background:#fff;border:1px solid #000;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0}.zone-message,.zone-astuce{color:#fff;pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:6px 12px;position:absolute;left:50%;transform:translate(-50%)}.zone-message{font-size:1.1rem;top:45%}.zone-astuce{font-size:.9rem;bottom:12px}.zone-etat{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.zone-etat .zone-message{position:static;transform:none}.zone-etat button{color:#fff;border-color:#fff}.onglets{border-bottom:1px solid var(--bord);flex-wrap:wrap;gap:2px;margin-bottom:-1px;display:flex;position:relative}.onglet{border:1px solid var(--bord);background:var(--fond);border-bottom:0;border-radius:8px 8px 0 0;align-items:center;display:flex}.onglet-actif{background:var(--surface);border-bottom:1px solid var(--surface);margin-bottom:-1px}.onglet [role=tab]{color:var(--texte);background:0 0;border:0;align-items:center;gap:8px;max-width:220px;padding:8px 4px 8px 12px;display:inline-flex}.onglet-actif [role=tab]{font-weight:600}.onglet-nom{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.onglet-fermer{color:var(--discret);background:0 0;border:0;padding:6px 8px;display:inline-flex}.onglet-fermer:hover{color:var(--danger)}.qualite-attente{background:var(--attention);opacity:.6}.qualite-fin{background:var(--discret);opacity:.5}[role=tabpanel]>.vue-session{border-top-left-radius:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.navigation{gap:4px;display:flex}.navigation a{color:var(--texte);border-radius:6px;padding:6px 10px;text-decoration:none}.navigation a:hover{background:var(--surface)}.navigation a[aria-current=page]{background:var(--surface);border:1px solid var(--bord);font-weight:600}.badge{border:1px solid var(--bord);color:var(--discret);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.8rem;display:inline-block}.info{background:var(--surface);border:1px solid var(--bord);border-left:4px solid var(--accent);border-radius:6px;padding:10px 14px}.bandeau-attention{border:1px solid var(--attention);color:var(--attention);border-radius:6px;padding:10px 14px}.champ-totp{letter-spacing:.15em;font-variant-numeric:tabular-nums;width:10ch;font-size:1.4rem}button.lien{color:var(--accent);background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}button.danger{background:var(--danger);border-color:var(--danger);color:var(--surface)}button.danger-texte{color:var(--danger)}select{font:inherit;border:1px solid var(--bord);background:var(--fond);color:var(--texte);border-radius:6px;padding:8px 10px}.case{flex-direction:row;align-items:center;gap:8px;font-weight:400}.qr{background:#fff;border-radius:6px;align-self:center;padding:8px}.codes-secours{grid-template-columns:repeat(2,1fr);gap:6px 24px;padding:0;font-size:1.1rem;list-style:none;display:grid}.tableau{border-collapse:collapse;width:100%;margin-top:12px;font-size:.95rem}.tableau th,.tableau td{text-align:left;border-bottom:1px solid var(--bord);vertical-align:top;padding:8px}.tableau th{color:var(--discret);font-weight:600}.tableau .actions{flex-wrap:wrap;gap:4px;display:flex}.tableau .actions button{padding:4px 10px;font-size:.9rem}.tableau .details{color:var(--discret);word-break:break-word;font-size:.85rem}.onglets-admin{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pagination{align-items:center}.dialogue{border:1px solid var(--bord);background:var(--surface);color:var(--texte);border-radius:8px;width:calc(100% - 32px);max-width:440px;padding:20px}.dialogue::backdrop{background:#00000080}@media (width<=720px){.tableau thead{display:none}.tableau tr{border-bottom:1px solid var(--bord);padding:8px 0;display:block}.tableau td{border:0;padding:2px 0;display:block}}.cloture{background:var(--surface);color:var(--texte);border-radius:8px;width:min(520px,100% - 32px);max-height:calc(100% - 80px);padding:16px;overflow:auto}.cloture fieldset,fieldset.statut{border:0;gap:16px;margin:0;padding:0}.cloture legend,fieldset.statut legend{margin-bottom:4px;font-weight:500}textarea{font:inherit;border:1px solid var(--bord);background:var(--fond);color:var(--texte);resize:vertical;border-radius:6px;padding:8px 10px}.suggestions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.suggestions button{text-align:left;width:100%}.zone-etat .cloture button{color:var(--texte);border-color:var(--bord)}.zone-etat .cloture button[type=submit]{color:var(--accent-texte);border-color:var(--accent)}.filtres{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:8px 12px;display:grid}.tableau tbody tr.cliquable{cursor:pointer}.tableau tbody tr.cliquable:hover{background:var(--fond)}.tableau th button.tri{color:inherit;background:0 0;border:0;padding:0;font-weight:600}.fiche dl{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.fiche dt{color:var(--discret)}.fiche dd{margin:0}.note-lecture{white-space:pre-wrap;background:var(--fond);border-radius:6px;padding:8px 10px}.liste-simple{margin:8px 0 0;padding-left:20px}a.bouton{border:1px solid var(--bord);color:var(--texte);border-radius:6px;padding:8px 16px;text-decoration:none;display:inline-block}h3{margin:8px 0 0;font-size:1rem}a{color:var(--accent)}.pile>button,.pile>.ligne>button{align-self:flex-start}.apercu-logo{border:1px solid var(--bord);background:#fff;border-radius:4px;max-width:200px;max-height:64px;padding:4px}label.bouton{cursor:pointer;font-weight:400}label.bouton:focus-within{outline:3px solid var(--accent);outline-offset:2px}.ligne.jour{align-items:center;margin-top:0}.ligne.jour .case{min-width:110px}.photo-compte{object-fit:cover;vertical-align:middle;border-radius:50%;width:32px;height:32px;margin-right:8px}.logo-entete{object-fit:contain;max-width:120px;height:32px}.entete{gap:12px;margin-bottom:12px}.navigation a{padding:6px 8px}button.petit{padding:4px 10px;font-size:.9rem}.page-sessions{flex-direction:column;height:100vh;padding-bottom:8px;display:flex}.page-sessions>.vue-sessions,.page-sessions>.vue-sessions>main,.page-sessions [role=tabpanel]:not([hidden]){flex-direction:column;flex:1;min-height:0;display:flex}.page-sessions .vue-session:not(.plein-ecran){flex:1;min-height:0}.page-sessions .vue-session:not(.plein-ecran) .contenu-session{flex:1;min-height:240px}.page-sessions .vue-session:not(.plein-ecran) .zone-video{flex:1;height:auto;min-height:240px}.contenu-session{position:relative}.plein-ecran .contenu-session{flex:1}.nouvelle-compacte{margin-bottom:8px}.nouvelle-compacte .ligne{align-items:center;margin-top:0}.nouvelle-compacte .champ-code{flex-direction:row;align-items:center;gap:8px}.nouvelle-compacte .champ-code input{padding:4px 8px;font-size:1.1rem}.nouvelle-compacte .erreur,.nouvelle-compacte .discret{margin:4px 0 0}.invitation{border:1px solid var(--bord);border-radius:8px;flex-direction:column;gap:8px;margin-top:12px;padding:12px;display:flex}.invitation .ligne{margin-top:0}.invitation-finie{opacity:.7}.code-verification{background:var(--fond);border-radius:8px;padding:8px 12px}.code-verification p{margin:4px 0 0;font-weight:600}.code-grand{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700}.contenu-session{flex:1;min-height:0;display:flex}.contenu-session>.zone-video{flex:1;min-width:0}.panneau{border-left:1px solid var(--bord);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;width:320px;padding:12px;display:flex;overflow-y:auto}.depot{border:2px dashed var(--bord);text-align:center;border-radius:8px;padding:12px}.depot.survol{border-color:var(--accent);background:var(--fond)}.depot p{margin:0 0 8px}.transferts{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.transfert{border:1px solid var(--bord);word-break:break-all;border-radius:6px;flex-direction:column;gap:4px;padding:8px;font-size:.9rem;display:flex}.transfert progress{width:100%}.annonce-session{color:#fff;z-index:2;background:#000000bf;border-radius:6px;padding:6px 12px;font-size:.9rem;position:absolute;top:8px;left:50%;transform:translate(-50%)}.messages{flex-direction:column;flex:1;gap:8px;min-height:120px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.message{background:var(--fond);border-radius:8px;max-width:90%;padding:6px 10px}.message p{white-space:pre-wrap;word-break:break-word;margin:2px 0 0}.message-technicien{background:color-mix(in srgb, var(--accent) 15%, var(--surface));align-self:flex-end}.badge-outil{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;font-size:.7rem;line-height:16px;position:absolute;top:0;right:0}.outil{position:relative}.barre-appel{background:color-mix(in srgb, var(--ok) 15%, var(--surface));border-bottom:1px solid var(--bord);align-items:center;gap:12px;padding:6px 12px;font-size:.95rem;display:flex}.calque-guidage{pointer-events:none;fill:none;stroke:#ff1f6b;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;position:absolute}.zone-video.mode-guidage video{cursor:crosshair}.barre-guidage{border-bottom:1px solid var(--bord);background:color-mix(in srgb, #ff1f6b 10%, var(--surface));flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.barre-guidage button[aria-pressed=true]{background:var(--accent);color:var(--accent-texte);border-color:var(--accent)}.alertes{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.alertes li{border-left:4px solid var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-radius:4px;padding:6px 8px;font-weight:600}.fiche-poste{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}.fiche-poste dt{color:var(--discret)}.fiche-poste dd{word-break:break-word;margin:0}button.barre-poste{color:var(--texte);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.captures-intervention{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.captures-intervention img{border:1px solid var(--bord);border-radius:6px;width:100%}.bandeau-invitation{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bandeau-invitation span{flex:18rem}.reprise-session{z-index:5;color:#fff;background:#000000d9;border-left:6px solid #f0a83a;border-radius:6px;margin:0;padding:10px 16px;font-weight:600;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.reprise-session .discret{color:#fff;font-weight:400}.onglet-reprise{color:var(--attention);margin-left:6px;font-size:.8em}.qr-vpn{background:#fff;border-radius:6px;width:220px;height:220px}.configuration-vpn{background:var(--fond-discret,#7f7f7f1f);border-radius:6px;flex:22rem;padding:10px;font-size:.85rem;overflow-x:auto}.encadre{border:1px solid var(--bordure,#8888);border-radius:8px;padding:12px}