:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#1d241f;background:#f4f5f2;margin:0}main{max-width:72rem;margin:0 auto;padding:2rem}section[aria-label=館内の現在状態] article{border:1px solid #d8d5cf;border-radius:12px;margin-block:1rem;padding:1rem}section[aria-label=館内の現在状態] ul{margin:0;padding:0;list-style:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.page-head__stamp{color:#625f59;margin:0;font-size:.85rem}.operations-nav,.login-actions{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.operations-nav a,.login-actions a{color:#245c39}.login-card{background:#fff;border:1px solid #d8d5cf;border-radius:12px;max-width:32rem;margin-top:10vh;padding:2rem}.record-list{gap:.75rem;padding:0;list-style:none;display:grid}.record-list li{background:#fff;border:1px solid #d8d5cf;border-radius:10px;gap:.35rem;padding:1rem;display:grid}.record-list small{color:#625f59}.record-list pre{font-size:.8rem;overflow:auto}.safety-banner{background:#fdf7ec;border-left:5px solid #c9821a;margin:1rem 0;padding:1rem}.command-actions{gap:.5rem;display:flex}.report-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;display:grid}.report-grid div{background:#fff;border:1px solid #d8d5cf;border-radius:10px;padding:1rem}.report-grid dd{margin:.25rem 0 0;font-size:1.6rem;font-weight:700}.summary{background:#fff;border:1px solid #d8d5cf;border-left-width:5px;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem 1.25rem;display:flex}.summary--normal{border-left-color:#2c6b43}.summary--warning{border-left-color:#c9821a}.summary--critical{border-left-color:#b3300f}.summary--unknown{border-left-color:#7b7f96}.summary__label{margin:0;font-size:1.6rem;font-weight:700}.summary__counts{flex-wrap:wrap;gap:1.75rem;margin:0;display:flex}.summary__counts div{flex-direction:column;display:flex}.summary__counts dt{color:#6d6a63;font-size:.7rem}.summary__counts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.empty{color:#625f59}.incidents{padding-left:1.2rem}.idle-block{color:#5e5b55;border:1px dashed #d8d5cf;border-radius:12px;padding:1rem 1.25rem}.idle-block h2{margin-top:0;font-size:1rem}.idle-block__note{margin:0 0 .75rem;font-size:.85rem}.idle-block__list{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.idle-block__type{color:#8a867e;margin-left:.5rem;font-size:.8rem}.page-foot{color:#625f59;border-top:1px solid #e2dfd9;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.device__reason{color:#8a5406;font-size:.85rem}.device--offline .device__reason{color:#5c5952}.device{border-left:3px solid #0000;border-radius:8px;grid-template-columns:minmax(12rem,1fr) auto;grid-template-areas:"head metrics""meta meta";align-items:center;gap:.3rem 1.5rem;padding:.85rem .75rem;display:grid}.device+.device{border-top:1px solid #ece9e3}.device--warning{background:#fdf7ec;border-left-color:#c9821a}.device--offline{background:#f7f6f4;border-left-color:#a8a49c}.device__head{grid-area:head;align-items:center;gap:.6rem;min-width:0;display:flex}.device__name{overflow-wrap:anywhere;font-weight:600}.badge{border:1px solid #0000;border-radius:999px;flex:none;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.badge--normal{color:#2c6b43;background:#e6f2ea;border-color:#c3e0cd}.badge--warning{color:#8a5406;background:#fbeed6;border-color:#e8cf9f}.badge--offline{color:#5c5952;background:#eceae6;border-color:#d6d3cc}.badge--unknown{color:#4a4f6b;background:#e9ebf3;border-color:#ccd0e0}.device__metrics{flex-wrap:wrap;grid-area:metrics;justify-content:flex-end;gap:1.25rem;display:flex}.metric{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.metric__label{color:#6d6a63;font-size:.7rem}.metric__value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.device__meta{color:#625f59;grid-area:meta}@media (max-width:640px){.device{grid-template-columns:1fr;grid-template-areas:"head""metrics""meta"}.device__metrics{justify-content:flex-start}.metric{align-items:flex-start}}