#pageContainer .page-title { flex-wrap: wrap; gap: 12px; }
#pageContainer .page-title > div,
#pageContainer .page-title > span { min-width: 0; flex-wrap: wrap; }
#pageContainer .card-header { flex-wrap: wrap; gap: 8px; }
#pageContainer .page-usage-note,
#pageContainer .page-init-error { padding: 12px 16px; margin: 12px 0; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
#pageContainer .page-usage-note { background: var(--bg-input); color: var(--text-secondary); }
#pageContainer .page-init-error { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
#pageContainer .page-error { padding: 32px 16px; text-align: center; line-height: 1.6; }
#pageContainer .table-wrap { max-width: 100%; }
#pageContainer .data-table td { font-variant-numeric: tabular-nums; }
#pageContainer .btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
#pageContainer .btn[disabled] { transform: none; }
#pageContainer .page-title .btn { white-space: nowrap; }
@media (max-width: 900px) {
  #pageContainer .page-title > div:last-child { row-gap: 8px; }
  #pageContainer .card { min-width: 0; }
  #pageContainer .filter-bar { flex-wrap: wrap; }
}