/* デフォルト（未選択）: gcc-status-pill でも gcc-chip でも同じ見た目 */
 form.gcc-filters label.gcc-status-pill,
 form.gcc-filters .gcc-status-chips label.gcc-chip {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: .35em .75em;
  margin: .25em .4em .25em 0;
  border: 1px solid #d0d7de;
  border-radius: 9999px;
  background: #f6f8fa;
  color: #24292f;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
}

 /* 選択時（.is-checked でも :has(checked) でもOK） */
 form.gcc-filters label.gcc-status-pill.is-checked,
 form.gcc-filters .gcc-status-chips label.gcc-chip.is-checked,
 form.gcc-filters label.gcc-status-pill:has(> input[type="checkbox"]:checked),
 form.gcc-filters .gcc-status-chips label.gcc-chip:has(> input[type="checkbox"]:checked) {
  background: var(--gcc-accent, #0073aa); /* WPブルー */
  color: #fff;
  border-color: var(--gcc-accent, #0073aa);
}

/* ホバーの見やすさ */
form.gcc-filters label.gcc-status-pill:hover {
  filter: brightness(0.97);
}
 /* 中のチェックボックスは視覚的に隠す（クリックはラベルで） */
 form.gcc-filters label.gcc-status-pill > input[type="checkbox"],
 form.gcc-filters .gcc-status-chips label.gcc-chip > input[type="checkbox"] {
  transform: scale(1.0);
}


/* ▼未選択のピル（共通） */
form.gcc-filters label.gcc-status-pill{
  display:inline-flex; align-items:center; gap:.5em;
  padding:.35em .75em; margin:.25em .4em .25em 0;
  border:1px solid #d0d7de; border-radius:9999px;
  background:#f6f8fa; color:#24292f;
  font-size:.95rem; line-height:1.2; cursor:pointer; user-select:none;
  outline:0; /* 青いフォーカス枠を消す */
}

/* ▼選択中（is-checked または :has(checked) どちらでも反映） */
form.gcc-filters label.gcc-status-pill.is-checked,
form.gcc-filters label.gcc-status-pill:has(> input[type="checkbox"]:checked){
  background:var(--gcc-accent,#0073aa); color:#fff; border-color:var(--gcc-accent,#0073aa);
}

/* ▼中のチェックボックスは非表示（見た目を統一） */
form.gcc-filters label.gcc-status-pill > input[type="checkbox"]{
  position:absolute; inset:0; width:1px; height:1px;
  opacity:0; pointer-events:none;
}