/* Four mutually exclusive quick status filters, with theme-specific readable colors. */
#changelog {
  --cl-quick-planned:#8a5a00; --cl-quick-bug:#b42332;
  --cl-quick-pending:#176aab; --cl-quick-done:#137349;
  --cl-quick-selected-ink:#fff;
}
:root[data-theme=dark] #changelog {
  --cl-quick-planned:#f3cc65; --cl-quick-bug:#ff858c;
  --cl-quick-pending:#76bcf4; --cl-quick-done:#6addaa;
  --cl-quick-selected-ink:#10151c;
}
#changelog .cl-summary button[data-cl-value=planned] { --cl-quick-color:var(--cl-quick-planned); }
#changelog .cl-summary button[data-cl-value=unresolved] { --cl-quick-color:var(--cl-quick-bug); }
#changelog .cl-summary button[data-cl-value=pending] { --cl-quick-color:var(--cl-quick-pending); }
#changelog .cl-summary button[data-cl-value=reflected] { --cl-quick-color:var(--cl-quick-done); }
#changelog .cl-summary button {
  display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:auto 18px;
  gap:5px 10px; align-items:center; align-content:center; min-height:88px; padding:13px 16px;
  color:var(--cl-quick-color); border-color:color-mix(in srgb,var(--cl-quick-color) 50%,var(--line));
  background:color-mix(in srgb,var(--cl-quick-color) 5%,var(--surface));
}
#changelog .cl-summary button>span { text-align:left; line-height:1.5; }
#changelog .cl-summary button strong { color:inherit; }
#changelog .cl-summary button::after {
  content:''; grid-column:1/-1; min-height:18px; text-align:left; font-size:12px; line-height:18px;
}
#changelog .cl-summary button[aria-pressed=true] {
  color:var(--cl-quick-selected-ink); border-color:var(--cl-quick-color);
  background:var(--cl-quick-color);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--cl-quick-color) 35%,transparent);
}
#changelog .cl-summary button[aria-pressed=true]>span,
#changelog .cl-summary button[aria-pressed=true]>strong { color:inherit; font-weight:700; }
#changelog .cl-summary button[aria-pressed=true]::after {
  content:'✓ 선택됨'; color:inherit; font-weight:700;
}
#changelog .cl-summary button:focus-visible { outline:2px solid var(--cl-quick-color); outline-offset:3px; }
#changelog .cl-quick-help { margin:-8px 0 20px; font-size:13px; line-height:1.7; color:var(--muted); }
#changelog .cl-badge:is([data-status=pending],[data-status=partial]) {
  color:var(--cl-quick-pending); background:color-mix(in srgb,var(--cl-quick-pending) 12%,var(--surface));
}