.batch-code-actions { margin-top: 1rem; }
.batch-code-list { display: grid; gap: 1rem; max-height: 44rem; overflow-y: auto; overscroll-behavior: contain; padding: .25rem .5rem .25rem 0; }
.batch-code-item { min-width: 0; padding: 1rem; border: 1px solid var(--line, #dce6e3); border-radius: 12px; background: var(--surface, #fff); }
.batch-code-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .35rem 1rem; }
.batch-code-item .code { overflow-wrap: anywhere; word-break: break-word; margin: .75rem 0; font-size: 1rem; }
.batch-code-item .actions { gap: .5rem; margin-bottom: .75rem; }
.batch-code-item details summary { cursor: pointer; }
.batch-code-item textarea { width: 100%; box-sizing: border-box; margin-top: .75rem; resize: vertical; }
.batch-copy-status { margin: .75rem 0; }
.batch-copy-fallback[hidden] { display: none; }
@media (max-width: 640px) { .batch-code-list { max-height: 36rem; } .batch-code-actions .btn { width: 100%; } }
.code-record-filters { display: grid; grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)) auto; align-items: end; gap: .8rem; margin: 1.25rem 0 .5rem; }
.code-record-filters .field { margin: 0; min-width: 0; }
.code-record-filters input, .code-record-filters select { width: 100%; min-width: 0; box-sizing: border-box; }
.code-record-summary { margin: .6rem 0 1rem; }
.code-records [data-code-record][hidden], [data-code-no-matches][hidden] { display: none; }
.code-records [data-code-record] { overflow-wrap: anywhere; }
.code-record-pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.code-record-pagination .btn:disabled { opacity: .45; cursor: default; }
.code-record-pagination [data-code-page] { font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .code-record-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } .code-record-filters .field:first-child { grid-column: 1 / -1; } .code-record-filters > button { justify-self: start; } }
@media (max-width: 420px) { .code-record-filters { grid-template-columns: minmax(0, 1fr); } }