*{box-sizing:border-box}body{margin:0;background:#f3f2ef;color:#26302f;font:16px/1.5 Arial,sans-serif}header{background:#172422;padding:20px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}header>a{font-weight:800;letter-spacing:.06em;color:#fff;text-decoration:none}nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}nav>a{color:#d5ded8;font-size:14px}nav form{margin:0}main{max-width:1100px;margin:40px auto;padding:0 20px}.card{background:#fff;border:1px solid #deded8;border-radius:10px;padding:28px;box-shadow:0 2px 8px #1724220c}.login{max-width:450px;margin:60px auto}h1{font-size:25px;margin:0 0 12px}p{color:#69716f}form label{display:block;margin:18px 0 6px;font-weight:600}input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #b7bdb9;border-radius:6px;font:inherit}input:focus{outline:2px solid #997b44;outline-offset:2px}button{padding:10px 16px;border:1px solid #b7bdb9;border-radius:6px;background:#fff;color:#26302f;font:inherit;cursor:pointer}.primary{background:#80612d;color:#fff;border-color:#80612d;margin-top:16px;width:100%}header button{background:transparent;color:#d5ded8;border-color:#4a5952;font-size:14px}.error,.errorlist{color:#a52626;background:#fff0ef;padding:12px;border-radius:5px;font-size:14px}a{color:#80612d}.helptext{font-size:13px;color:#69716f}ul{font-size:13px;color:#69716f}@media(max-width:500px){.login{margin:25px auto}.card{padding:20px}header{padding:16px 20px}header>a{font-size:16px}}

.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.device-grid .card{margin:0}select{max-width:100%;padding:.6rem}main{max-width:1100px}.danger{background:#a32b35}form input,form select{max-width:100%}

.heartbeat-icon{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;flex:none;margin-right:.4em}
.heartbeat-status{display:inline-flex;align-items:center;gap:.5em;font-weight:600}
.heartbeat-status::before{content:"";width:.65em;height:.65em;border-radius:50%;background:#899391;flex:none;box-shadow:0 0 0 3px #8993911a}
.heartbeat-status[data-state="online"]::before{background:#16834a;box-shadow:0 0 0 3px #16834a1a}
.heartbeat-status[data-state="pending"]::before{background:#b97508;box-shadow:0 0 0 3px #b975081a}
.heartbeat-status[data-state="offline"]::before{background:#c3353d;box-shadow:0 0 0 3px #c3353d1a}