/* 여러 업무가 함께 쓰는 조회 조건·안내·확정 요약 컴포넌트. 화면별 배치는 각 화면 CSS에 둔다. */
.quick-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin: var(--space-6) 0; }
.quick-filters > span { color: var(--text-muted); font-size: 12px; }
.quick-filters a { display: inline-flex; align-items: center; min-height: 36px; padding: var(--space-3) var(--space-5); border: 1px solid var(--line-strong); border-radius: 99px; background: var(--surface); color: var(--accent); text-decoration: none; font-size: 12px; }
.quick-filters a:hover { background: var(--accent-soft); border-color: var(--accent); }
.scope-note, .source-help { color: var(--text); font-size: 12px; }
.scope-note { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.source-help { padding: var(--space-5) var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--surface); }
.source-help summary { cursor: pointer; color: var(--accent); }
.source-help p { margin: var(--space-5) 0 0; }
.review-summary { min-width: 0; padding: var(--space-6); border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: var(--radius-control); background: var(--surface-hi); color: var(--text); overflow-wrap: anywhere; }
.review-summary p { margin: 0; }
.review-summary p + p { margin-top: var(--space-4); }
.review-summary strong { color: var(--text-strong); }
.review-summary [role="status"] { font-variant-numeric: tabular-nums; }
.error-summary a, .field-error { color: var(--bad); }
[aria-invalid="true"] { border-color: var(--bad); }
.error-summary:focus { outline: 3px solid var(--focus); outline-offset: 3px; }
:where(a, button, summary, .table-wrap):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button:disabled { cursor: not-allowed; }
@media (prefers-reduced-motion: no-preference) {
  button, .button, .button-link, .quick-filters a { transition: background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}