[data-ui-surface="shell"] .inspector-layer-strip {
  display: flex;
  align-items: center;
  gap: 6px;
}

[data-ui-surface="shell"] .inspector-layer-tick {
  display: inline-block;
  box-sizing: border-box;
  width: 4px;
  height: 14px;
  flex: none;
  border-radius: var(--arhix-radius-tick);
}

[data-ui-surface="shell"] .inspector-layer-tick--blue { background: var(--arhix-data-blue); }
[data-ui-surface="shell"] .inspector-layer-tick--red { background: var(--arhix-data-red); }
[data-ui-surface="shell"] .inspector-layer-tick--yellow { background: var(--arhix-data-yellow); }
[data-ui-surface="shell"] .inspector-layer-tick--green { background: var(--arhix-data-green); }
[data-ui-surface="shell"] .inspector-layer-tick--ink { background: var(--arhix-canvas-ink); }
[data-ui-surface="shell"] .inspector-layer-tick--hidden { background: var(--arhix-ink-muted); }
[data-ui-surface="shell"] .inspector-layer-tick--off { background: var(--arhix-ink-ghost); }

[data-ui-surface="shell"] .inspector-layer-tick--outline {
  box-sizing: border-box;
  border: 1px solid var(--arhix-canvas-ink);
  background: transparent;
}

[data-ui-surface="shell"] .inspector-layer-tick--outline.inspector-layer-tick--off {
  border: 0;
  background: var(--arhix-ink-ghost);
}

[data-ui-surface="shell"] [data-ui-theme-scope="dark"] .inspector-layer-tick--ink:not(.inspector-layer-tick--off) {
  background: var(--arhix-ink-active);
}

[data-ui-surface="shell"] [data-ui-theme-scope="dark"] .inspector-layer-tick--outline:not(.inspector-layer-tick--off) {
  border-color: var(--arhix-ink-active);
}