:is(.pipeline-page,.spotlight-action-bar) .planning-completion {
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  max-width:100%;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:4px 10px 4px 4px;
  border-radius:999px;
  color:var(--muted,#6d685f);
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  cursor:pointer;
  user-select:none;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive input {
  position:absolute;
  width:1px;
  height:1px;
  margin:0;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-circle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:24px;
  height:24px;
  border:1.5px solid #b8b3a8;
  border-radius:50%;
  background:#fff;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-circle svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#fff;
  opacity:0;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive:hover .planning-completion-circle {
  border-color:#75633d;
  box-shadow:0 0 0 4px #b78b3812;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive input:checked + .planning-completion-circle {
  border-color:#746033;
  background:#746033;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive input:checked + .planning-completion-circle svg { opacity:1; }
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive input:focus-visible + .planning-completion-circle {
  outline:2px solid #54749b;
  outline-offset:3px;
}
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive:has(input:checked) { color:#5f4c26; }
:is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive:has(input:disabled) { cursor:wait; opacity:.65; }
@media (prefers-reduced-motion:reduce) {
  :is(.pipeline-page,.spotlight-action-bar) .planning-completion-circle { transition:none; }
}
@media (forced-colors:active) {
  :is(.pipeline-page,.spotlight-action-bar) .planning-completion-circle { forced-color-adjust:none; border-color:ButtonText; background:Canvas; }
  :is(.pipeline-page,.spotlight-action-bar) .planning-completion-archive input:checked + .planning-completion-circle { border-color:Highlight; background:Highlight; }
  :is(.pipeline-page,.spotlight-action-bar) .planning-completion-circle svg { color:HighlightText; }
}