.cadre{--largeur-laterale:4.5rem;grid-template-columns:var(--largeur-laterale) minmax(0, 1fr);min-height:100dvh;display:grid}.cadre-principal{flex-direction:column;min-width:0;display:flex}.cadre-contenu{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.cadre-contenu:focus{outline:none}.cadre-contenu>.app-shell{flex:1 0 auto}.lien-evitement{z-index:var(--z-menu);border-radius:var(--radius-lg);background:var(--primary-plein);color:var(--primary-foreground);transition:transform var(--duree-rapide) var(--courbe);padding:.6rem 1rem;font-size:.875rem;font-weight:600;position:fixed;top:.75rem;left:.75rem;transform:translateY(calc(-100% - 1.5rem))}.lien-evitement:focus{outline:3px solid color-mix(in oklch, var(--primary) 45%, transparent);outline-offset:3px;transform:none}.barre-laterale{background:var(--lateral);height:100dvh;color:var(--lateral-encre);flex-direction:column;align-self:start;padding:1rem .625rem .75rem;display:flex;position:sticky;top:0;overflow:hidden}.lateral-photo{opacity:.2;filter:saturate(.6);pointer-events:none;background:url(/photos/lateral.jpg) 40%/cover no-repeat;height:min(22rem,50%);position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.lateral-marque,.lateral-defilement,.lateral-bas{position:relative}.lateral-marque{justify-content:center;align-items:center;gap:.75rem;min-height:2.75rem;margin-bottom:1.25rem;display:flex}.lateral-logo{border-radius:var(--radius-lg);background:var(--lateral-encre);object-fit:contain;flex:none;width:2.25rem;height:2.25rem;padding:.2rem}.lateral-marque-texte{flex-direction:column;line-height:1.2}.lateral-marque-titre{color:var(--lateral-encre);letter-spacing:-.01em;font-size:.9375rem;font-weight:650}.lateral-marque-site{color:var(--lateral-encre-doux);font-size:.75rem;font-weight:500}.lateral-defilement{overscroll-behavior:contain;scrollbar-color:color-mix(in oklch, var(--lateral-encre) 25%, transparent) transparent;scrollbar-width:thin;flex:auto;min-height:0;margin-inline:-.25rem;padding:.125rem .25rem;overflow-y:auto}.lateral-liste{gap:.125rem;display:grid}.lateral-liste-plus{animation:lateral-deplie var(--duree-base) var(--courbe);margin-top:.125rem}.lateral-lien{border-radius:var(--radius-lg);width:100%;min-height:2.75rem;color:var(--lateral-encre-doux);text-align:left;white-space:nowrap;cursor:pointer;transition:color var(--duree-rapide) var(--courbe), background-color var(--duree-rapide) var(--courbe);justify-content:center;align-items:center;gap:.75rem;padding:.5rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.lateral-lien:hover{color:var(--lateral-encre);background:color-mix(in oklch, var(--lateral-actif) 55%, transparent)}.lateral-lien:focus-visible{outline:2px solid var(--lateral-encre);outline-offset:-2px}.lateral-rubrique[aria-current=page]{color:var(--lateral-encre);background:var(--lateral-actif);font-weight:600}.lateral-rubrique[aria-current=page]:before{background:var(--primary);content:"";border-radius:999px;width:3px;position:absolute;top:.625rem;bottom:.625rem;left:0}.lateral-icone{flex:none;width:1.125rem;height:1.125rem}.lateral-libelle{text-overflow:ellipsis;flex:auto;min-width:0;display:none;overflow:hidden}.lateral-chevron{width:1rem;height:1rem;transition:transform var(--duree-base) var(--courbe);flex:none;display:none}.lateral-plus{margin-top:.375rem}.lateral-plus[aria-expanded=true]{color:var(--lateral-encre)}.lateral-plus[aria-expanded=true] .lateral-chevron{transform:rotate(180deg)}.lateral-pastille{background:var(--lateral-encre-doux);border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:.5rem;right:.75rem}.lateral-pastille-alerte{background:var(--prio3)}.lateral-pastille-nombre{display:none}.lateral-bas{border-top:1px solid color-mix(in oklch, var(--lateral-encre) 12%, transparent);gap:.125rem;margin-top:.75rem;padding-top:.75rem;display:grid}.lateral-machine-point{place-items:center;display:grid}.lateral-machine-point:before{background:var(--ok);content:"";border-radius:50%;width:.625rem;height:.625rem}.lateral-machine-surveillance .lateral-machine-point:before{background:var(--prio2)}.lateral-machine-alerte .lateral-machine-point:before{background:var(--prio3)}@media (width>=1280px){.cadre{--largeur-laterale:15.5rem}.barre-laterale{padding-inline:.875rem}.lateral-marque{justify-content:flex-start;padding-inline:.375rem}.lateral-lien{justify-content:flex-start;padding-inline:.75rem}.lateral-libelle,.lateral-chevron{display:block}.lateral-marque-texte{display:flex}.lateral-pastille{background:color-mix(in oklch, var(--lateral-encre) 14%, transparent);width:auto;min-width:1.375rem;height:1.25rem;color:var(--lateral-encre);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding-inline:.375rem;font-size:.75rem;font-weight:650;line-height:1;display:grid;position:static}.lateral-pastille-alerte{background:var(--prio3)}.dark .lateral-pastille-alerte{color:var(--lateral)}.lateral-pastille-nombre{display:inline}}@keyframes lateral-deplie{0%{opacity:0;transform:translateY(-.25rem)}}.barre-haute{z-index:var(--z-collant);border-bottom:1px solid color-mix(in oklch, var(--trait) 80%, transparent);background:color-mix(in oklch, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);height:4rem;position:sticky;top:0}.barre-haute-interieur{align-items:center;gap:1rem;width:min(100%,1480px);height:100%;margin-inline:auto;padding-inline:1.5rem;display:flex}.barre-haute-titre-bloc{flex:0 auto;align-items:center;gap:.625rem;min-width:0;display:flex}.barre-haute-icone{background:color-mix(in oklch, var(--primary) 10%, var(--card));width:2.25rem;height:2.25rem;color:var(--primary-texte);border-radius:.875rem;flex-shrink:0;place-items:center;display:grid}.barre-haute-titre{min-width:0;color:var(--encre);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:1.25rem;font-weight:650;line-height:1.2;overflow:hidden}.barre-haute-marque{min-width:0;color:var(--encre);letter-spacing:-.02em;flex:auto;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:650;display:flex}.barre-haute-logo{object-fit:contain;width:2rem;height:2rem}.barre-haute-recherche{flex:18rem;min-width:0;max-width:30rem;display:flex}.barre-haute-actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.barre-haute-date{color:var(--encre-doux);white-space:nowrap;margin-right:.25rem;font-size:.8125rem;font-weight:500}.barre-haute-date:first-letter{text-transform:uppercase}.barre-haute-actions>.soft-button{min-width:2.5rem;min-height:2.5rem;padding:0 .625rem}.barre-haute .bouton-import-icone{margin-right:0}.barre-haute .bouton-import-libelle{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-profil{min-height:2.5rem;color:var(--encre);cursor:pointer;transition:background-color var(--duree-rapide) var(--courbe);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .375rem .25rem .25rem;display:inline-flex}.menu-profil:hover,.menu-profil[data-state=open]{background:var(--muted)}.menu-profil:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 45%, transparent);outline-offset:2px}.menu-profil-avatar{background:color-mix(in oklch, var(--primary) 12%, var(--card));width:2rem;height:2rem;color:var(--primary-texte);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.menu-profil-identite{text-align:left;flex-direction:column;min-width:0;max-width:10rem;line-height:1.25;display:none}.menu-profil-nom,.menu-profil-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-profil-nom{font-size:.8125rem;font-weight:600}.menu-profil-role{color:var(--encre-doux);font-size:.75rem}.menu-profil-chevron{width:1rem;height:1rem;color:var(--encre-doux);flex:none}.menu-profil-contenu{min-width:15rem;max-width:min(20rem,100vw - 2rem)}.menu-profil-contenu[data-state=open]{animation:menu-profil-entre var(--duree-base) var(--courbe)}.menu-profil-entete{gap:.125rem;padding:.5rem .6rem;display:grid}.menu-profil-entete-nom{color:var(--encre);font-size:.875rem;font-weight:600}.menu-profil-entete-email{color:var(--encre-doux);overflow-wrap:anywhere;font-size:.75rem}.menu-profil-separateur{background:var(--trait);height:1px;margin-block:.25rem}.menu-profil-interrupteur{border:1px solid var(--trait);background:var(--muted);width:2rem;height:1.125rem;transition:background-color var(--duree-rapide) var(--courbe);border-radius:999px;flex:none;margin-left:auto;position:relative}.menu-profil-interrupteur:after{background:var(--card);content:"";width:.875rem;height:.875rem;transition:transform var(--duree-base) var(--courbe);border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px oklch(0% 0 0/.25)}.menu-profil-interrupteur[data-actif=true]{background:var(--primary-plein);border-color:#0000}.menu-profil-interrupteur[data-actif=true]:after{transform:translate(.875rem)}@keyframes menu-profil-entre{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}}@media (width>=1280px){.menu-profil-identite{display:flex}}@media (width<=1023.98px){.barre-haute-date{display:none}}@media (width>=640px) and (width<=1023.98px){.barre-haute-titre-bloc{flex:auto}.barre-haute-recherche{flex:0 0 2.75rem}.barre-haute-recherche .recherche-declencheur{justify-content:center;padding:0}.barre-haute-recherche .recherche-declencheur-texte{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.barre-haute-recherche .recherche-kbd{display:none}}@media (width<=639.98px){.cadre{display:block}.barre-laterale{display:none}.barre-haute{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;height:auto;position:static}.barre-haute-interieur{padding:max(.75rem, env(safe-area-inset-top)) 1rem 0;gap:.25rem}.barre-haute-interieur:has(.barre-haute-titre-bloc){flex-wrap:wrap;row-gap:.5rem}.barre-haute-titre-bloc{flex:1 0 100%}.barre-haute-icone{display:none}.barre-haute-titre{white-space:normal;overflow-wrap:anywhere;flex:auto;font-size:1.375rem}.barre-haute-recherche{flex:none;max-width:none;margin-left:auto}.barre-haute-interieur:has(.barre-haute-titre-bloc) .barre-haute-recherche{flex:1 1 0;margin-left:0}.barre-haute-recherche .recherche-declencheur{min-height:2.75rem;padding-inline:.75rem}.barre-haute-recherche .recherche-kbd{display:none}.barre-haute-actions{gap:.125rem;margin-left:0}.barre-haute-actions>.soft-button{min-width:2.75rem;min-height:2.75rem;box-shadow:none;background:0 0;border-color:#0000;padding:0}.menu-profil{min-height:2.75rem;padding:.375rem}.menu-profil-chevron{display:none}.menu-profil-contenu .menu-action-choix{min-height:2.75rem}}