:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--font-titre:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r-xs:5px;--r-sm:8px;--r-md:11px;--r-lg:16px;--r-xl:22px;--accent:#0a84ff;--rouge:#ff453a;--orange:#ff9f0a;--vert:#32d74b;--violet:#bf5af2;--gris:#8e8e93;--transition:.18s cubic-bezier(.32, .72, 0, 1)}[data-theme=sombre]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#0b0b0f;--halo-1:#0a84ff29;--halo-2:#bf5af21a;--panneau:#1c1c22b8;--panneau-fort:#222229f0;--fond-opaque:#1a1a20;--bord:#ffffff17;--bord-fort:#ffffff2b;--texte:#f2f2f7;--texte-2:#ebebf5a3;--texte-3:#ebebf561;--champ:#ffffff12;--survol:#ffffff12;--separateur:#ffffff12;--ombre:0 18px 50px #00000073;--barre-vide:#ffffff12}[data-theme=clair]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fond:#f2f2f6;--halo-1:#0a84ff1a;--halo-2:#bf5af212;--panneau:#ffffffd1;--panneau-fort:#fffffff7;--fond-opaque:#fff;--bord:#00000014;--bord-fort:#00000029;--texte:#1c1c1e;--texte-2:#3c3c43ad;--texte-3:#3c3c436b;--champ:#0000000b;--survol:#0000000d;--separateur:#00000012;--ombre:0 18px 50px #0000001f;--barre-vide:#00000012}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--texte);background:radial-gradient(1200px 600px at 10% -10%, var(--halo-1), transparent 60%), radial-gradient(900px 500px at 100% 0%, var(--halo-2), transparent 60%), var(--fond);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:13.5px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--accent);text-decoration:none}code{font-family:var(--mono);font-size:.92em}.icone{flex:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#8c8c9661 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border-radius:var(--r-sm);background:var(--champ);border:.5px solid var(--bord);white-space:nowrap;height:30px;transition:background var(--transition), transform 90ms ease, opacity var(--transition);justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:550;display:inline-flex}.btn:hover{background:var(--survol);border-color:var(--bord-fort)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primaire{background:linear-gradient(180deg, #3a9bff, var(--accent));color:#fff;border-color:#00000026;box-shadow:0 1px 4px #0a84ff59}.btn.primaire:hover{filter:brightness(1.08)}.btn.danger{color:var(--rouge);background:#ff453a21;border-color:#ff453a47}.btn.danger:hover{background:#ff453a38}.btn.danger-plein{background:var(--rouge);color:#fff;border-color:#0000}.btn.succes{color:var(--vert);background:#32d74b24;border-color:#32d74b4d}.btn.fantome{background:0 0;border-color:#0000}.btn.fantome:hover{background:var(--survol)}.btn.mini{border-radius:var(--r-xs);height:25px;padding:0 9px;font-size:11.5px}.btn.large{border-radius:var(--r-md);height:38px;padding:0 18px;font-size:14px}.btn.pleine{width:100%}.btn.icone-seule{width:30px;padding:0}.btn.mini.icone-seule{width:25px}.ligne-champ{flex-direction:column;gap:5px;min-width:0;margin-bottom:14px;display:flex}.label{color:var(--texte-2);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:650}.aide{color:var(--texte-3);font-size:11.5px}.champ{background:var(--champ);border:.5px solid var(--bord);border-radius:var(--r-sm);width:100%;height:34px;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 11px}.champ:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff38}.champ::placeholder{color:var(--texte-3)}textarea.champ{resize:vertical;height:auto;min-height:70px;padding:9px 11px}select.champ{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%238e8e93' stroke-width='1.4' fill='none' stroke-linecap='round'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.grille-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.grille-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;display:grid}.grille-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px;display:grid}@media (width<=900px){.grille-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grille-2,.grille-3,.grille-4{grid-template-columns:1fr}}.ligne-switch{justify-content:space-between;align-items:center;gap:14px;padding:8px 0 14px;display:flex}.ligne-switch strong{font-weight:600;display:block}.ligne-switch span{color:var(--texte-2);font-size:12px}.switch{width:40px;height:23px;transition:background var(--transition);background:#78788057;border-radius:12px;flex:none;position:relative}.switch.on{background:var(--vert)}.switch:after{content:"";width:19px;height:19px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch.on:after{transform:translate(17px)}.segments{background:var(--champ);border-radius:var(--r-sm);border:.5px solid var(--bord);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segments button{height:26px;color:var(--texte-2);transition:all var(--transition);border-radius:6px;padding:0 12px;font-size:12px;font-weight:550}.segments button.actif{background:var(--panneau-fort);color:var(--texte);box-shadow:0 1px 3px #0003}.point{background:var(--gris);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.point.ok{background:var(--vert)}.point.avertissement{background:var(--orange)}.point.panne{background:var(--rouge)}.point.pause{box-shadow:inset 0 0 0 1.5px var(--gris);background:0 0}.point.pulse:after{content:"";background:inherit;opacity:.5;border-radius:50%;animation:1.6s ease-out infinite pulse;position:absolute;inset:-4px}.pastille{background:var(--champ);height:22px;color:var(--texte-2);white-space:nowrap;border-radius:11px;align-items:center;gap:6px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pastille.ok{color:var(--vert);background:#32d74b1f}.pastille.avertissement{color:var(--orange);background:#ff9f0a21}.pastille.panne{color:var(--rouge);background:#ff453a21}.badge{letter-spacing:.02em;background:var(--champ);height:19px;color:var(--texte-2);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:10.5px;font-weight:700;display:inline-flex}.badge.panne{color:var(--rouge);background:#ff453a26}.badge.avertissement{color:var(--orange);background:#ff9f0a26}.badge.ok{color:var(--vert);background:#32d74b21}.badge.accent{color:var(--accent);background:#0a84ff24}.barres{align-items:stretch;gap:2px;width:100%;min-width:0;height:26px;display:flex;overflow:hidden}.barres.compact{gap:1.5px;height:18px}.barre{background:var(--vert);opacity:.92;border-radius:2px;flex:0 6px;width:6px;min-width:2px;transition:transform .12s}.barre:hover{opacity:1;transform:scaleY(1.15)}.barre.vide{background:var(--barre-vide)}.barre.avertissement{background:var(--orange)}.barre.panne{background:var(--rouge)}.modale-fond{z-index:60;-webkit-backdrop-filter:blur(4px);background:#0000006b;justify-content:center;align-items:center;padding:20px 16px;animation:.14s fondu;display:flex;position:fixed;inset:0}.modale{background:var(--panneau-fort);-webkit-backdrop-filter:blur(40px)saturate(180%);border:.5px solid var(--bord-fort);border-radius:var(--r-lg);width:480px;max-width:100%;max-height:100%;box-shadow:var(--ombre);flex-direction:column;animation:.18s cubic-bezier(.32,.72,0,1) pop;display:flex;overflow:hidden}.modale.large{width:700px}.modale-tete{border-bottom:.5px solid var(--separateur);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.modale-tete h3{font:650 16px/1.3 var(--font-titre)}.modale-tete p{color:var(--texte-2);margin-top:3px;font-size:12.5px}.modale-corps{flex:1;padding:18px;overflow-y:auto}.modale-pied{border-top:.5px solid var(--separateur);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.texte-modale{color:var(--texte-2);line-height:1.55}.toasts{z-index:90;flex-direction:column;gap:8px;max-width:min(420px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border-radius:var(--r-md);background:var(--panneau-fort);border:.5px solid var(--bord-fort);box-shadow:var(--ombre);align-items:flex-start;gap:9px;padding:11px 14px;font-weight:500;animation:.2s montee;display:flex}.toast .icone{color:var(--accent);margin-top:1px}.toast.succes .icone{color:var(--vert)}.toast.erreur .icone{color:var(--rouge)}.erreur-boite{color:var(--rouge);border-radius:var(--r-sm);background:#ff453a1f;border:.5px solid #ff453a4d;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.info-boite{border-radius:var(--r-md);color:var(--texte-2);background:#0a84ff17;border:.5px solid #0a84ff3d;gap:10px;margin-bottom:14px;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.info-boite .icone{color:var(--accent);margin-top:2px}.info-boite strong{color:var(--texte)}.info-boite.avertissement{background:#ff9f0a17;border-color:#ff9f0a47}.info-boite.avertissement .icone{color:var(--orange)}.resultat{border-radius:var(--r-md);word-break:break-word;flex-direction:column;gap:3px;margin-top:4px;padding:11px 13px;font-size:12.5px;display:flex}.resultat.ok{color:var(--texte-2);background:#32d74b1a}.resultat.ok strong{color:var(--vert)}.resultat.panne{color:var(--texte-2);background:#ff453a1a}.resultat.panne strong{color:var(--rouge)}.copiable{background:var(--champ);border:.5px solid var(--bord);border-radius:var(--r-sm);align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 11px;display:flex}.copiable code{white-space:nowrap;min-width:0;color:var(--texte-2);scrollbar-width:none;flex:1;font-size:12px;overflow-x:auto}pre.bloc-code{font-family:var(--mono);background:var(--champ);border:.5px solid var(--bord);border-radius:var(--r-md);color:var(--texte-2);white-space:pre;padding:12px 14px;font-size:12px;line-height:1.5;overflow-x:auto}.vide{text-align:center;color:var(--texte-3);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:34px 20px;display:flex}.vide-icone{background:var(--champ);width:54px;height:54px;color:var(--texte-2);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.vide h4{color:var(--texte);font-size:14.5px;font-weight:650}.vide p{max-width:360px;color:var(--texte-2);font-size:12.5px;line-height:1.55}.vide .btn{margin-top:8px}.menu{position:relative}.menu-liste{z-index:30;background:var(--panneau-fort);border:.5px solid var(--bord-fort);border-radius:var(--r-md);min-width:190px;box-shadow:var(--ombre);padding:5px;animation:.14s pop;position:absolute;top:calc(100% + 4px);right:0}.menu-liste button{text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:13px;display:flex}.menu-liste button:hover{background:var(--survol)}.menu-liste button.danger{color:var(--rouge)}.menu-liste hr{border:0;border-top:.5px solid var(--separateur);margin:4px 2px}@keyframes fondu{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}@keyframes montee{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes tourne{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{grid-template-columns:236px minmax(0,1fr);min-height:100%;display:grid}.laterale{border-right:.5px solid var(--bord);background:var(--panneau);-webkit-backdrop-filter:blur(30px)saturate(160%);flex-direction:column;gap:18px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.marque{align-items:center;gap:10px;padding:2px 8px;display:flex}.marque-logo{color:#fff;background:linear-gradient(150deg,#3a9bff,#5e5ce6);border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 4px 14px #0a84ff59}.marque strong{font:700 14px/1.2 var(--font-titre);display:block}.marque span{color:var(--texte-2);font-size:11.5px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{border-radius:var(--r-sm);height:34px;color:var(--texte-2);transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:0 10px;font-weight:550;display:flex}.nav a:hover{background:var(--survol);color:var(--texte)}.nav a.actif{color:var(--accent);background:#0a84ff24}.nav a .compteur{background:var(--rouge);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nav a .compteur.doux{background:var(--champ);color:var(--texte-2)}.systeme{border-radius:var(--r-md);background:var(--champ);border:.5px solid var(--bord);flex-direction:column;gap:8px;margin-top:auto;padding:12px;font-size:12px;display:flex}.systeme-ligne{color:var(--texte-2);align-items:center;gap:8px;min-width:0;display:flex}.systeme-ligne span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.utilisateur{align-items:center;gap:8px;padding:0 4px;display:flex}.utilisateur .avatar{color:#fff;background:linear-gradient(160deg,#5ac8fa,#0a5cf5);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11.5px;font-weight:700;display:grid}.utilisateur .nom{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.contenu{width:100%;min-width:0;max-width:1480px;margin:0 auto;padding:26px 30px 60px}.entete-page{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.entete-page h1{font:700 25px/1.15 var(--font-titre);letter-spacing:-.01em}.entete-page p{color:var(--texte-2);margin-top:4px}.entete-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hors-ligne{color:var(--orange);align-items:center;gap:6px;font-size:12px;display:inline-flex}@media (width<=920px){.app{grid-template-columns:1fr}.laterale{z-index:20;border-right:0;border-bottom:.5px solid var(--bord);flex-direction:row;align-items:center;gap:10px;height:auto;padding:10px 16px;position:sticky;overflow-x:auto}.marque>div,.systeme,.utilisateur .nom,.utilisateur .avatar{display:none}.marque{padding:0}.nav{flex-direction:row;gap:1px}.nav a{white-space:nowrap;padding:0 9px;position:relative}.nav a .compteur{min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;top:-3px;right:-3px}.nav a .libelle{display:none}.utilisateur{margin-left:auto}.contenu{padding:20px 16px 50px}}.carte{background:var(--panneau);border:.5px solid var(--bord);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(24px)saturate(150%);min-width:0;position:relative}.carte:has(.menu-liste){z-index:50}.carte+.carte{margin-top:16px}.carte-tete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 0;display:flex}.carte-tete h2{font:650 14px/1.3 var(--font-titre);align-items:center;gap:8px;display:flex}.carte-tete h2 .icone{color:var(--texte-2)}.carte-actions{flex-wrap:wrap;gap:6px;display:flex}.carte-corps{padding:14px 16px 16px}.colonnes{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.colonnes>div{min-width:0}@media (width<=1180px){.colonnes{grid-template-columns:1fr}}.bandeau{border-radius:var(--r-xl);border:.5px solid var(--bord);background:var(--panneau);flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:16px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.bandeau:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(600px 180px at 0% 50%, var(--lueur), transparent 70%);position:absolute;inset:0}.bandeau.ok{--lueur:#32d74b29;--couleur:var(--vert)}.bandeau.critique{--lueur:#ff453a3d;--couleur:var(--rouge);border-color:#ff453a59}.bandeau.avertissement{--lueur:#ff9f0a2e;--couleur:var(--orange)}.bandeau.maintenance{--lueur:#bf5af22e;--couleur:var(--violet)}.bandeau.config{--lueur:#0a84ff29;--couleur:var(--accent)}.bandeau-icone{color:#fff;background:var(--couleur);width:52px;height:52px;box-shadow:0 6px 24px color-mix(in srgb, var(--couleur) 45%, transparent);border-radius:16px;flex:none;place-items:center;display:grid;position:relative}.bandeau.critique .bandeau-icone:after{content:"";border-radius:inherit;background:var(--couleur);z-index:-1;animation:1.8s ease-out infinite pulse;position:absolute;inset:0}.bandeau-texte{flex:260px;min-width:0;position:relative}.bandeau-texte h2{font:700 20px/1.2 var(--font-titre)}.bandeau-texte p{color:var(--texte-2);margin-top:3px}.bandeau-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.bandeau-bloc{border-radius:var(--r-md);background:var(--champ);border:.5px solid var(--bord);min-width:150px;padding:9px 13px}.bandeau-bloc span{text-transform:uppercase;letter-spacing:.04em;color:var(--texte-3);font-size:11px;font-weight:650;display:block}.bandeau-bloc strong{font:650 15px/1.3 var(--font-titre);font-variant-numeric:tabular-nums}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}@media (width<=900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{border-radius:var(--r-lg);background:var(--panneau);border:.5px solid var(--bord);min-width:0;padding:14px 16px}.kpi-libelle{color:var(--texte-2);align-items:center;gap:6px;font-size:12px;font-weight:550;display:flex}.kpi-valeur{font:700 27px/1.15 var(--font-titre);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:6px}.kpi-valeur small{color:var(--texte-3);font-size:15px;font-weight:600}.kpi-sous{color:var(--texte-3);margin-top:2px;font-size:11.5px}.kpi.panne .kpi-valeur{color:var(--rouge)}.kpi.ok .kpi-valeur{color:var(--vert)}.incidents{flex-direction:column;display:flex}.incident{border-top:.5px solid var(--separateur);gap:12px;padding:13px 16px 13px 19px;display:flex;position:relative}.incident:first-child{border-top:0}.incident:before{content:"";background:var(--rouge);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.incident.avertissement:before{background:var(--orange)}.incident.acquitte:before{background:var(--accent)}.incident-corps{flex:1;min-width:0}.incident-titre{font-weight:650}.incident-meta{color:var(--texte-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;font-size:12px;display:flex}.incident-detail{color:var(--texte-3);white-space:pre-wrap;word-break:break-word;max-height:5.4em;margin-top:6px;font-size:12px;overflow:hidden}.incident-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;display:flex}@media (width<=640px){.incident{flex-direction:column}.incident-actions{justify-content:flex-start}}.grille-serveurs{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.carte-serveur{border-radius:var(--r-lg);background:var(--panneau);border:.5px solid var(--bord);text-align:left;transition:border-color var(--transition), transform var(--transition);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.carte-serveur:hover{border-color:var(--bord-fort);transform:translateY(-1px)}.carte-serveur.panne{border-color:#ff453a73;box-shadow:0 0 0 1px #ff453a1f,0 8px 30px #ff453a14}.carte-serveur.avertissement{border-color:#ff9f0a66}.carte-serveur-tete{align-items:center;gap:9px;min-width:0;display:flex}.carte-serveur-tete strong{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.carte-serveur-tete small{color:var(--texte-3);white-space:nowrap;margin-left:auto;font-size:11px}.carte-serveur-adresse{font-family:var(--mono);color:var(--texte-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.puces-sondes{flex-wrap:wrap;gap:5px;display:flex}.puce-sonde{background:var(--champ);height:21px;color:var(--texte-2);border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:0 8px;font-size:11px;display:inline-flex}.puce-sonde span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.titre-groupe{text-transform:uppercase;letter-spacing:.05em;color:var(--texte-3);align-items:center;gap:8px;margin:20px 0 10px;font-size:11.5px;font-weight:700;display:flex}.titre-groupe:first-child{margin-top:0}.titre-groupe:after{content:"";background:var(--separateur);flex:1;height:.5px}.liste-compacte{flex-direction:column;display:flex}.ligne-compacte{border-top:.5px solid var(--separateur);align-items:flex-start;gap:10px;padding:9px 16px;font-size:12.5px;display:flex}.ligne-compacte:first-child{border-top:0}.ligne-compacte .point{margin-top:5px}.ligne-compacte .texte{word-break:break-word;flex:1;min-width:0}.ligne-compacte .texte small{color:var(--texte-3);font-size:11.5px;display:block}.ligne-compacte time{color:var(--texte-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px}.etapes{flex-direction:column;gap:8px;display:flex}.etape{border-radius:var(--r-md);background:var(--champ);border:.5px solid var(--bord);align-items:center;gap:12px;padding:11px 13px;display:flex}.etape-num{background:var(--panneau-fort);border:.5px solid var(--bord-fort);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.etape.faite .etape-num{background:var(--vert);color:#fff;border-color:#0000}.etape-texte{flex:1;min-width:0}.etape-texte strong{font-weight:600;display:block}.etape-texte span{color:var(--texte-2);font-size:12px}.etape.faite .etape-texte strong{color:var(--texte-2);text-decoration:line-through;-webkit-text-decoration-color:var(--texte-3);text-decoration-color:var(--texte-3)}.barre-outils{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.recherche{flex:240px;max-width:360px;position:relative}.recherche .icone{color:var(--texte-3);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.recherche .champ{padding-left:32px}.serveur{margin-bottom:12px}.serveur-tete{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.serveur-tete .depli{color:var(--texte-3);transition:transform var(--transition)}.serveur.ouvert .serveur-tete .depli{transform:rotate(90deg)}.serveur-nom{text-align:left;flex:200px;align-items:center;gap:10px;min-width:0;display:flex}.serveur-nom strong{font:650 15px/1.3 var(--font-titre)}.serveur-nom code{color:var(--texte-3);font-size:11.5px}.serveur-resume{color:var(--texte-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.serveur-notes{color:var(--texte-2);white-space:pre-wrap;padding:0 16px 12px 46px;font-size:12.5px}.sondes{border-top:.5px solid var(--separateur)}.sonde{border-top:.5px solid var(--separateur);grid-template-columns:minmax(180px,1.3fr) minmax(0,1.6fr) 90px 150px auto;align-items:center;gap:14px;padding:11px 16px 11px 20px;display:grid}.sonde:first-child{border-top:0}.sonde-nom{align-items:center;gap:10px;min-width:0;display:flex}.sonde-type{background:var(--champ);width:30px;height:30px;color:var(--texte-2);border-radius:9px;flex:none;place-items:center;display:grid}.sonde-nom strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.sonde-nom small{color:var(--texte-3);font-size:11.5px;display:block}.sonde-message{color:var(--texte-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.sonde-message.panne{color:var(--rouge)}.sonde-chiffres{color:var(--texte-2);font-variant-numeric:tabular-nums;font-size:12px}.sonde-chiffres strong{color:var(--texte);font-weight:600;display:block}.sonde-actions{justify-content:flex-end;gap:4px;display:flex}.sonde-signal{grid-column:1/-1;margin-top:-2px}@media (width<=1100px){.sonde{grid-template-columns:minmax(0,1fr) auto}.sonde-message{white-space:normal;grid-column:1/-1}.sonde-chiffres,.sonde .barres{display:none}.sonde-actions{grid-area:1/2}}.sondes-vide{color:var(--texte-2);border-top:.5px solid var(--separateur);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.machines{border:.5px solid var(--bord);border-radius:var(--r-sm);background:var(--champ);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.machine{border-top:.5px solid var(--separateur);align-items:center;gap:10px;padding:8px 11px;display:flex}.machine:first-child{border-top:0}.machine.modele{opacity:.55}.machine-nom{flex:1;min-width:0}.machine-nom strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.machine-nom small{color:var(--texte-3);font-size:11.5px}.types-sonde{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.type-sonde{border-radius:var(--r-md);background:var(--champ);border:.5px solid var(--bord);text-align:left;transition:all var(--transition);flex-direction:column;gap:6px;padding:13px;display:flex}.type-sonde:hover{border-color:var(--accent);background:#0a84ff14}.type-sonde .icone{color:var(--accent)}.type-sonde strong{font-weight:650}.type-sonde span{color:var(--texte-2);font-size:12px;line-height:1.45}.onglets{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.table-defile{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--texte-3);border-bottom:.5px solid var(--separateur);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:650}.table td{border-top:.5px solid var(--separateur);vertical-align:top;padding:10px 14px}.table tr:first-child td{border-top:0}.table td.discret{color:var(--texte-2);white-space:nowrap;font-variant-numeric:tabular-nums}.pagination{border-top:.5px solid var(--separateur);color:var(--texte-2);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.contacts{flex-direction:column;display:flex}.contact{border-top:.5px solid var(--separateur);flex-wrap:wrap;align-items:center;gap:12px;padding:11px 16px;display:flex}.contact:first-child{border-top:0}.contact-rang{width:26px;height:26px;color:var(--accent);background:#0a84ff24;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.contact.inactif .contact-rang{background:var(--champ);color:var(--texte-3)}.contact-texte{flex:160px;min-width:0}.contact-texte strong{font-weight:600;display:block}.contact-texte code{color:var(--texte-2);font-size:12px}.contact.inactif .contact-texte{opacity:.55}.contact-actions{align-items:center;gap:4px;display:flex}.tours{flex-direction:column;display:flex}.tour{border-top:.5px solid var(--separateur);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.tour:first-child{border-top:0}.tour.actuel{background:#0a84ff14}.tour .icone{color:var(--texte-3)}.tour-periode{color:var(--texte-2);font-variant-numeric:tabular-nums;font-size:12.5px}.lien-tableau{color:var(--texte);text-align:left;font-weight:600}.lien-tableau:hover{color:var(--accent)}.ligne-compacte.lien-ligne{text-align:left;width:100%}.ligne-compacte.lien-ligne:hover{background:var(--survol)}.menu-liste a{color:var(--texte);border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;display:flex}.menu-liste a:hover{background:var(--survol)}.chronologie{flex-direction:column;gap:2px;padding-left:20px;display:flex;position:relative}.chronologie:before{content:"";background:var(--separateur);width:1.5px;position:absolute;top:8px;bottom:8px;left:6px}.jalon{padding:5px 0;font-size:12.5px;position:relative}.jalon:before{content:"";background:var(--panneau-fort);width:9px;height:9px;box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%;position:absolute;top:11px;left:-18px}.jalon.appel:before{background:var(--accent)}.jalon.fin:before{box-shadow:inset 0 0 0 2px var(--rouge)}.jalon time{min-width:64px;font-family:var(--mono);color:var(--texte-3);font-size:11.5px;display:inline-block}.reglages{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:20px;display:grid}.reglages-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.reglages-nav button{border-radius:var(--r-sm);height:34px;color:var(--texte-2);text-align:left;align-items:center;gap:9px;padding:0 10px;font-weight:550;display:flex}.reglages-nav button:hover{background:var(--survol);color:var(--texte)}.reglages-nav button.actif{background:var(--champ);color:var(--texte)}.pied-formulaire{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:6px;display:flex}.etat-standard{border-radius:var(--r-md);background:var(--champ);border:.5px solid var(--bord);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.etat-standard .texte{flex:200px;min-width:0}.etat-standard strong{display:block}.etat-standard span{color:var(--texte-2);word-break:break-word;font-size:12px}.sous-titre{font:650 13px/1.3 var(--font-titre);margin:18px 0 10px}.sous-titre:first-child{margin-top:0}.cases{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.case{border-radius:var(--r-sm);background:var(--champ);border:.5px solid var(--bord);cursor:pointer;align-items:center;gap:7px;height:30px;padding:0 11px;font-size:12.5px;display:inline-flex}.case input{accent-color:var(--accent)}ol.etapes-texte{color:var(--texte-2);margin-bottom:14px;padding-left:18px;line-height:1.7}ol.etapes-texte strong{color:var(--texte)}@media (width<=860px){.reglages{grid-template-columns:1fr}.reglages-nav{flex-direction:row;position:static;overflow-x:auto}.reglages-nav button{white-space:nowrap}}.journal-ligne{border-top:.5px solid var(--separateur);grid-template-columns:130px 110px minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 16px;font-size:12.5px;display:grid}.journal-ligne:first-child{border-top:0}.journal-ligne time{font-family:var(--mono);color:var(--texte-3);font-size:11.5px}@media (width<=640px){.journal-ligne{grid-template-columns:1fr;gap:3px}}.ecran-connexion{place-items:center;min-height:100%;padding:30px 16px;display:grid}.boite-connexion{border-radius:var(--r-xl);background:var(--panneau);border:.5px solid var(--bord);width:100%;max-width:400px;box-shadow:var(--ombre);-webkit-backdrop-filter:blur(30px);padding:28px}.boite-connexion .marque{margin-bottom:22px;padding:0}.boite-connexion h1{font:700 21px/1.25 var(--font-titre);margin-bottom:6px}.boite-connexion>p{color:var(--texte-2);margin-bottom:20px}.chargement{min-height:100%;color:var(--texte-3);place-items:center;display:grid}.roue{border:2px solid var(--bord-fort);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite tourne}