.kops-scopepicker{--kops-scope-color:var(--color-accent-primary);border:1.5px solid var(--kops-scope-color);border-radius:var(--radius-md);background:var(--color-bg-raised);min-width:220px;box-shadow:0 0 0 2px oklch(from var(--kops-scope-color)l c h/.1);grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:4px 10px;display:inline-grid}.kops-scopepicker[data-mode=cross-tenant]{--kops-scope-color:var(--color-scope-cross-tenant-b);background-image:repeating-linear-gradient(45deg,#0000 0 4px,#5f5f840f 4px 8px);background-image:repeating-linear-gradient(45deg,#0000 0 4px,lab(41.3744% 7.23462 -21.1722/.06) 4px 8px)}.kops-scopepicker__swatch{border-radius:var(--radius-xs);background:var(--kops-scope-color);border:1px solid oklch(from var(--kops-scope-color)calc(l - .1)c h);width:10px;height:10px}.kops-scopepicker__label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-header);color:var(--color-ink-mute)}.kops-scopepicker__select{appearance:none;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--weight-semi);color:var(--color-ink);cursor:pointer;background:0 0;border:none;min-width:0;padding:2px 4px}.kops-scopepicker__prod-tag{font-family:var(--font-mono);font-size:10px;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);border:1px solid var(--color-prod-tag-border);padding:1px 6px}@media (max-width:720px){.kops-scopepicker{grid-template-columns:auto auto minmax(0,1fr);width:100%;min-width:0;padding-inline:8px}.kops-scopepicker__prod-tag{display:none}}
.kops-topbar{height:var(--chrome-topbar-h);padding:0 var(--density-page-gutter);background:var(--color-bg-panel);border-bottom:var(--border-default);grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:16px;display:grid}.kops-topbar__brand{font-family:var(--font-display);font-size:var(--font-size-display-sm);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);color:var(--color-ink);align-items:baseline;gap:4px;display:inline-flex}.kops-topbar__brand-mark{font-style:italic}.kops-topbar__brand-sep{color:var(--color-ink-faint);font-style:normal}.kops-topbar__brand-app{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:var(--tracking-header);text-transform:uppercase;color:var(--color-accent-primary);align-self:center}.kops-topbar__spacer{flex:1}.kops-topbar__hud{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink-dim);align-items:center;gap:12px;display:inline-flex}.kops-topbar__operator{border:var(--border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-ink);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.kops-topbar__operator-dot{border-radius:var(--radius-pill);background:var(--color-ok);width:6px;height:6px}@media (max-width:720px){.kops-topbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:12px}.kops-topbar__brand,.kops-topbar__spacer,.kops-topbar__hud{display:none}.kops-topbar__operator{justify-self:end;padding:8px}.kops-topbar__operator-label{display:none}}
.kops-sidebar{background:var(--color-bg-panel);border-right:var(--border-default);height:100%;font-family:var(--font-sans);font-size:var(--font-size-sm);flex-direction:column;padding:12px 0;display:flex}.kops-sidebar__list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.kops-sidebar__group+.kops-sidebar__group{margin-top:14px}.kops-sidebar__group-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--weight-semi);letter-spacing:var(--tracking-header);text-transform:uppercase;color:var(--color-ink-mute);padding:4px 16px}.kops-sidebar__group-list{margin:2px 0 0;padding:0;list-style:none}.kops-sidebar__link{color:var(--color-ink);transition:background var(--motion-fast)var(--motion-ease),border-color var(--motion-fast)var(--motion-ease);border-left:2px solid #0000;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 16px;text-decoration:none;display:grid}.kops-sidebar__link:hover{background:var(--color-bg-sunken);text-decoration:none}.kops-sidebar__link[data-active=true]{background:var(--color-accent-primary-soft);border-left-color:var(--color-accent-primary);color:var(--color-accent-primary-ink)}.kops-sidebar__link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kops-sidebar__link-trailing{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink-mute)}.kops-sidebar__link-kbd{font-family:var(--font-mono);border:var(--border-hair);border-radius:var(--radius-xs);color:var(--color-ink-mute);background:var(--color-bg-raised);letter-spacing:var(--tracking-kbd);padding:1px 5px;font-size:10px}.kops-sidebar__footer{border-top:var(--border-hair);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink-mute);padding:8px 16px}
.kops-ticker{height:var(--chrome-ticker-h);padding:0 var(--density-page-gutter);background:var(--color-bg-sunken);border-bottom:var(--border-hair);align-items:center;display:flex;overflow:hidden}.kops-ticker__list{font-family:var(--font-mono);font-size:var(--font-size-xs);align-items:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.kops-ticker__item{align-items:center;gap:6px;display:inline-flex}.kops-ticker__label{text-transform:uppercase;letter-spacing:var(--tracking-header);color:var(--color-ink-mute)}.kops-ticker__value{color:var(--color-ink)}.kops-ticker__item[data-tone=ok] .kops-ticker__value{color:var(--color-ok-ink)}.kops-ticker__item[data-tone=warn] .kops-ticker__value{color:var(--color-warn-ink)}.kops-ticker__item[data-tone=err] .kops-ticker__value{color:var(--color-err-ink)}.kops-ticker__item[data-tone=phosphor] .kops-ticker__value{color:var(--color-accent-phosphor-ink)}
.kops-statusbar{height:var(--chrome-statusbar-h);padding:0 var(--density-page-gutter);background:var(--color-bg-panel);border-top:var(--border-default);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-ink-dim);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.kops-statusbar__cluster{align-items:center;gap:12px;display:inline-flex}.kops-statusbar__cluster--center{justify-self:center}.kops-statusbar__cluster--right{justify-self:end}
.kops-scoperail{height:var(--chrome-scoperail-h);width:100%}.kops-scoperail[data-mode=cross-tenant]{background-image:repeating-linear-gradient(45deg,var(--color-scope-cross-tenant-a)0,var(--color-scope-cross-tenant-a)6px,var(--color-scope-cross-tenant-b)6px,var(--color-scope-cross-tenant-b)12px)}.kops-scoperail[data-mode=scoped]{background-color:var(--color-scope-scoped)}
.kops-sandbox-banner{background:var(--color-sandbox-bg);color:var(--color-sandbox-ink);border-bottom:1px solid var(--color-sandbox-border);font-family:var(--font-mono);font-size:var(--font-size-xs);align-items:center;gap:12px;padding:4px 12px;display:flex}.kops-sandbox-banner__chevron{color:var(--color-accent-phosphor);font-size:14px;line-height:1}.kops-sandbox-banner__label{font-weight:var(--weight-bold);letter-spacing:var(--tracking-header);text-transform:uppercase}.kops-sandbox-banner__copy{font-family:var(--font-serif);flex:1;font-style:italic}.kops-sandbox-banner__actions{gap:8px;display:inline-flex}