@layer components{.lks .etat{max-width:760px;margin:0 auto;padding:56px 16px 104px}.lks .etat .eyebrow{color:var(--tx-2);letter-spacing:.02em;font-size:14px;font-weight:600}.lks .etat-banner{border:1px solid var(--line);box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(rgba(255,255,255,.9),rgba(246,248,245,.9));border-radius:20px;align-items:flex-start;gap:16px;margin-top:14px;padding:24px;display:flex}.lks .etat-banner h1{font-size:max(26px,min(4vw,36px));line-height:1.15}.lks .etat-banner p{color:var(--tx-2);margin-top:8px;font-size:16px}.lks .etat-banner .etat-dot{width:14px;height:14px;margin-top:10px}.lks .etat-dot{background:var(--tx-2);border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.lks .is-ok .etat-dot,.lks .etat-banner.is-ok .etat-dot{background:var(--jade);box-shadow:0 0 0 4px rgba(11,107,80,.12)}.lks .is-degrade .etat-dot{background:var(--warn);box-shadow:0 0 0 4px rgba(149,89,0,.12)}.lks .is-panne .etat-dot{background:var(--err);box-shadow:0 0 0 4px rgba(180,35,50,.12)}.lks .etat-banner.is-degrade{border-color:rgba(149,89,0,.25)}.lks .etat-banner.is-panne{border-color:rgba(180,35,50,.25)}.lks .etat-list{border:1px solid var(--line);background:var(--bg);border-radius:16px;margin-top:28px;overflow:hidden}.lks .etat-list li{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:16px 20px;display:flex}.lks .etat-list li+li{border-top:1px solid var(--line)}.lks .etat-name{font-size:16px;font-weight:600}.lks .etat-badge{background:var(--bg-2);color:var(--tx-2);border-radius:999px;flex:none;align-items:center;gap:8px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-flex}.lks .etat-badge.is-ok{color:var(--jade)}.lks .etat-badge.is-degrade{color:var(--warn)}.lks .etat-badge.is-panne{color:var(--err)}.lks .etat-foot{color:var(--tx-2);margin-top:20px;font-size:14px}.lks .etat-foot a{color:var(--tx);text-underline-offset:4px;font-weight:600;text-decoration:underline}@media (max-width:480px){.lks .etat{padding-top:36px}.lks .etat-banner{gap:12px;padding:20px}.lks .etat-list li{padding:14px 16px}.lks .etat-name{font-size:15px}}}