:root{--kj-color-bg:#fff;--kj-color-bg-muted:#f4f6f8;--kj-color-text:#16202a;--kj-color-text-muted:#4a5a68;--kj-color-border:#d7dee4;--kj-color-accent:#0b5fa5;--kj-color-accent-contrast:#fff;--kj-color-focus:#d9720b;--kj-color-success-bg:#eaf6ec;--kj-color-success-text:#205e2c;--kj-color-warning-bg:#fdf3e3;--kj-color-warning-text:#6b4a08;--kj-color-error-bg:#fbeaea;--kj-color-error-text:#7a1f1f;--kj-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kj-font-size-base:1rem;--kj-line-height-base:1.6;--kj-space-1:.25rem;--kj-space-2:.5rem;--kj-space-3:1rem;--kj-space-4:1.5rem;--kj-space-5:2.5rem;--kj-space-6:4rem;--kj-radius:.4rem;--kj-max-width:46rem}@media (prefers-color-scheme:dark){:root{--kj-color-bg:#0f1620;--kj-color-bg-muted:#17212c;--kj-color-text:#eaf0f5;--kj-color-text-muted:#a9b8c4;--kj-color-border:#2b3947;--kj-color-accent:#6cb1ec;--kj-color-accent-contrast:#0f1620;--kj-color-focus:#f0a94e;--kj-color-success-bg:#123420;--kj-color-success-text:#8fe0a2;--kj-color-warning-bg:#3a2c0d;--kj-color-warning-text:#f0cd8a;--kj-color-error-bg:#3a1414;--kj-color-error-text:#f0a0a0}}*{box-sizing:border-box}body{background:var(--kj-color-bg);color:var(--kj-color-text);font-family:var(--kj-font-sans);font-size:var(--kj-font-size-base);line-height:var(--kj-line-height-base);margin:0}a{color:var(--kj-color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kj-color-focus);outline-offset:2px}button,.kj-button{font:inherit;cursor:pointer;border-radius:var(--kj-radius)}.kj-button-primary{background:var(--kj-color-accent);color:var(--kj-color-accent-contrast);padding:var(--kj-space-2) var(--kj-space-4);border-radius:var(--kj-radius);border:none;font-weight:600;text-decoration:none;display:inline-block}.kj-button-primary:visited{color:var(--kj-color-accent-contrast)}.kj-container{max-width:var(--kj-max-width);padding:0 var(--kj-space-3);margin:0 auto}.kj-notice{border:1px solid var(--kj-color-border);border-radius:var(--kj-radius);padding:var(--kj-space-3);margin:var(--kj-space-3) 0}.kj-notice-warning{background:var(--kj-color-warning-bg);color:var(--kj-color-warning-text);border-color:#0000}.kj-notice-success{background:var(--kj-color-success-bg);color:var(--kj-color-success-text);border-color:#0000}.kj-notice-error{background:var(--kj-color-error-bg);color:var(--kj-color-error-text);border-color:#0000}.kj-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kj-skip-link{background:var(--kj-color-accent);color:var(--kj-color-accent-contrast);padding:var(--kj-space-2) var(--kj-space-3);z-index:100;position:absolute;top:0;left:-9999px}.kj-skip-link:focus{left:var(--kj-space-2);top:var(--kj-space-2)}.kj-header{border-bottom:1px solid var(--kj-color-border);background:var(--kj-color-bg-muted)}.kj-header-inner{padding-top:var(--kj-space-2);padding-bottom:var(--kj-space-2);justify-content:space-between;align-items:center;display:flex}.kj-header-brand{color:var(--kj-color-text);font-size:1.1rem;font-weight:700;text-decoration:none}.kj-header-actions{align-items:center;gap:var(--kj-space-3);display:flex}.kj-header-email{color:var(--kj-color-text-muted)}.kj-link-button{color:var(--kj-color-accent);align-items:center;gap:var(--kj-space-1);font:inherit;background:0 0;border:none;padding:0;display:inline-flex}.kj-button-danger{background:var(--kj-color-error-text);color:var(--kj-color-bg);padding:var(--kj-space-2) var(--kj-space-4);border-radius:var(--kj-radius);border:none;font-weight:600}.kj-auth-page{max-width:28rem;padding-top:var(--kj-space-6)}.kj-form{gap:var(--kj-space-2);margin:var(--kj-space-3) 0;flex-direction:column;display:flex}.kj-form input,.kj-rename-form input{padding:var(--kj-space-2);border:1px solid var(--kj-color-border);border-radius:var(--kj-radius);font:inherit}.kj-rename-form{align-items:center;gap:var(--kj-space-2);margin-bottom:var(--kj-space-3);display:flex}.kj-device-list{gap:var(--kj-space-3);flex-direction:column;padding:0;list-style:none;display:flex}.kj-device-card{border:1px solid var(--kj-color-border);border-radius:var(--kj-radius)}.kj-device-card-link{padding:var(--kj-space-3);color:inherit;justify-content:space-between;align-items:center;gap:var(--kj-space-3);flex-wrap:wrap;text-decoration:none;display:flex}.kj-device-card-main h2{margin:0 0 var(--kj-space-1);font-size:1.05rem}.kj-device-card-meta{color:var(--kj-color-text-muted);font-size:.9rem}.status-dot-row{align-items:center;gap:var(--kj-space-1);display:inline-flex}.status-dot{border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.status-dot-online{background:var(--kj-color-success-text)}.status-dot-offline{background:var(--kj-color-text-muted)}.status-dot-lastseen{color:var(--kj-color-text-muted)}.kj-device-card-problems{align-items:center;gap:var(--kj-space-2);display:inline-flex}.kj-device-card-noproblems{color:var(--kj-color-success-text)}.badge{border-radius:999px;padding:.1rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.sev-critical,.sev-high{background:var(--kj-color-error-bg);color:var(--kj-color-error-text)}.sev-medium{background:var(--kj-color-warning-bg);color:var(--kj-color-warning-text)}.sev-low,.sev-info{background:var(--kj-color-bg-muted);color:var(--kj-color-text-muted)}.kj-device-header{margin:var(--kj-space-3) 0}.kj-device-meta{gap:var(--kj-space-4);flex-wrap:wrap;margin:0;display:flex}.kj-device-meta div{flex-direction:column;display:flex}.kj-device-meta dt{color:var(--kj-color-text-muted);font-size:.8rem}.kj-device-meta dd{margin:0;font-weight:600}.kj-health-tiles{gap:var(--kj-space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.kj-health-tile{border:1px solid var(--kj-color-border);border-radius:var(--kj-radius);padding:var(--kj-space-2) var(--kj-space-3);flex-direction:column;min-width:9rem;display:flex}.kj-health-tile-label{color:var(--kj-color-text-muted);font-size:.8rem}.kj-health-tile-value{font-size:1.1rem;font-weight:700}.kj-table{border-collapse:collapse;width:100%;margin:var(--kj-space-2) 0 var(--kj-space-4)}.kj-table th,.kj-table td{text-align:left;padding:var(--kj-space-2);border-bottom:1px solid var(--kj-color-border);font-size:.9rem}.kj-dialog-overlay{background:#0006;position:fixed;inset:0}.kj-dialog-content{background:var(--kj-color-bg);border-radius:var(--kj-radius);padding:var(--kj-space-4);width:calc(100vw - 2rem);max-width:26rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.kj-dialog-actions{justify-content:flex-end;gap:var(--kj-space-3);margin-top:var(--kj-space-4);display:flex}
