.kops-kpi{background:var(--color-bg-raised);border:var(--border-default);border-radius:var(--radius-md);flex-direction:column;gap:4px;min-width:140px;padding:12px 14px;display:flex}.kops-kpi__label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--tracking-header);text-transform:uppercase;color:var(--color-ink-mute)}.kops-kpi__value{font-family:var(--font-mono);font-size:var(--font-size-display-sm);font-weight:var(--weight-medium);color:var(--color-ink);line-height:var(--line-tight)}.kops-kpi__caption{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink-dim)}.kops-kpi[data-tone=ok] .kops-kpi__value{color:var(--color-ok-ink)}.kops-kpi[data-tone=warn] .kops-kpi__value{color:var(--color-warn-ink)}.kops-kpi[data-tone=err] .kops-kpi__value{color:var(--color-err-ink)}.kops-kpi[data-tone=phosphor] .kops-kpi__value{color:var(--color-accent-phosphor-ink)}
.kops-filter-chip{background:var(--color-bg-raised);border:var(--border-default);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink);align-items:center;gap:4px;padding:1px 8px 1px 10px;display:inline-flex}.kops-filter-chip__facet{color:var(--color-ink-mute);text-transform:uppercase;letter-spacing:var(--tracking-header)}.kops-filter-chip__op{color:var(--color-ink-mute)}.kops-filter-chip__value{color:var(--color-ink);font-weight:var(--weight-medium)}.kops-filter-chip[data-negated=true] .kops-filter-chip__value{text-decoration:line-through;-webkit-text-decoration-color:var(--color-err);text-decoration-color:var(--color-err)}.kops-filter-chip__clear{appearance:none;color:var(--color-ink-mute);font-family:var(--font-mono);font-size:var(--font-size-md);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:0 2px}.kops-filter-chip__clear:hover{color:var(--color-err-ink)}
.kops-tenant-chip{--kops-tenant-color:var(--color-accent-primary);border:1px solid var(--kops-tenant-color);border-radius:var(--radius-sm);background:var(--color-bg-raised);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink);white-space:nowrap;align-items:center;gap:5px;padding:1px 8px;display:inline-flex}.kops-tenant-chip__swatch{border-radius:var(--radius-pill);background:var(--kops-tenant-color);width:6px;height:6px}.kops-tenant-chip__prod{font-size:9px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-header);border-radius:var(--radius-xs);background:var(--color-prod-tag-bg);color:var(--color-prod-tag-ink);margin-left:2px;padding:0 4px}
.kops-type-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-bg-sunken);color:var(--color-ink);align-items:center;gap:5px;padding:1px 6px;display:inline-flex}.kops-type-badge__dot{border-radius:var(--radius-pill);width:6px;height:6px}.kops-type-badge[data-family=message] .kops-type-badge__dot{background:var(--color-accent-primary)}.kops-type-badge[data-family=agent] .kops-type-badge__dot{background:var(--color-accent-phosphor)}.kops-type-badge[data-family=workstream] .kops-type-badge__dot{background:var(--color-info)}.kops-type-badge[data-family=system] .kops-type-badge__dot{background:var(--color-ink-mute)}.kops-type-badge[data-family=audit] .kops-type-badge__dot{background:var(--color-warn)}.kops-type-badge[data-family=unknown] .kops-type-badge__dot{background:var(--color-ink-faint)}
.kops-level-tag{border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semi);letter-spacing:var(--tracking-header);text-transform:uppercase;border:1px solid #0000;padding:0 6px;display:inline-block}.kops-level-tag[data-level=debug]{background:var(--color-bg-sunken);color:var(--color-ink-mute);border-color:var(--color-border)}.kops-level-tag[data-level=info]{background:var(--color-info-soft);color:var(--color-info-ink);border-color:#98cceb;border-color:lab(79.2508% -11.9165 -21.2915)}.kops-level-tag[data-level=notice]{background:var(--color-accent-primary-soft);color:var(--color-accent-primary-ink);border-color:#b2c0ff;border-color:lab(78.2612% 6.84249 -36.3605)}.kops-level-tag[data-level=warn]{background:var(--color-warn-soft);color:var(--color-warn-ink);border-color:#edbb64;border-color:lab(79.2142% 11.351 50.7352)}.kops-level-tag[data-level=error]{background:var(--color-err-soft);color:var(--color-err-ink);border-color:#ffa9a2;border-color:lab(77.7701% 43.6482 24.4382)}.kops-level-tag[data-level=critical]{background:var(--color-err);color:var(--color-ink-inverse);border-color:var(--color-err-ink)}
.kops-code-block{background:var(--color-code-bg);color:var(--color-code-ink);border:1px solid var(--color-code-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-snug);margin:0;overflow:auto}.kops-code-block__pre{font-family:inherit;font-size:inherit;white-space:pre;margin:0;padding:12px 14px}.kops-code-block__code{font-family:inherit}.kops-code-block__line{grid-template-columns:32px 1fr;gap:12px;display:grid}.kops-code-block__lineno{text-align:right;color:#7c808d;color:lab(53.461% .852793 -7.47033);-webkit-user-select:none;user-select:none}.kops-code-block__linetext{white-space:pre}
.kops-unwired-surface{background:linear-gradient(#ffffff08,#ffffff08),var(--color-bg-sunken);border:1px dashed color-mix(in srgb,var(--color-ink-mute)52%,transparent);border-radius:var(--radius-lg);padding:10px}.kops-unwired-surface__annotation{color:var(--color-ink-dim);align-items:flex-start;gap:10px;margin-bottom:10px;line-height:1.45;display:flex}.kops-unwired-surface__label{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-mute);font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-semi);flex:none;padding:4px 8px;line-height:1.2}.kops-unwired-surface__note{font-family:var(--font-sans);min-width:0;font-size:13px}.kops-unwired-surface__body{filter:grayscale(.45);opacity:.72}.kops-unwired-surface__body:hover,.kops-unwired-surface__body:focus-within{filter:grayscale(.2);opacity:.88}@media (max-width:560px){.kops-unwired-surface__annotation{flex-direction:column}}
.kops-state-panel{text-align:center;max-width:520px;color:var(--color-ink);flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:48px 24px;display:flex}.kops-state-panel__ornament{font-family:var(--font-mono);font-size:var(--font-size-display-md);letter-spacing:.2em;color:var(--color-ink-faint);line-height:1}.kops-state-panel__title{font-family:var(--font-display);font-size:var(--font-size-display-sm);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);text-transform:none;color:var(--color-ink)}.kops-state-panel__body{font-family:var(--font-serif);font-size:var(--font-size-md);line-height:var(--line-default);color:var(--color-ink-dim)}.kops-state-panel__action{margin-top:8px}.kops-state-panel[data-kind=loading] .kops-state-panel__ornament{color:var(--color-accent-primary);animation:1.6s ease-in-out infinite kops-state-pulse}.kops-state-panel[data-kind=error] .kops-state-panel__ornament{color:var(--color-err)}.kops-state-panel[data-kind=permission-denied] .kops-state-panel__ornament{color:var(--color-warn)}@keyframes kops-state-pulse{0%,to{opacity:.5}50%{opacity:1}}