.records-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border); margin-bottom: 20px; }
.records-tabs { display: flex; gap: 16px; flex-wrap: wrap; }
.records-tabs button { border: 0; border-bottom: 3px solid transparent; background: none; color: var(--muted); padding: 12px 2px; font: inherit; font-size: 14px; cursor: pointer; }
.records-tabs button[aria-selected="true"] { color: var(--text); border-bottom-color: #237b5d; font-weight: 700; }
.records-filters { display: flex; gap: 12px; align-items: end; margin-bottom: 20px; flex-wrap: wrap; }
.records-filters label { min-width: 180px; flex: 1; max-width: 360px; }
.records-filters input, .records-filters select { width: 100%; }
.records-table { overflow-x: auto; }
.records-table table { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 680px; background: white; }
.records-table th, .records-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--border); font-size: 13px; vertical-align: top; overflow-wrap: anywhere; }
.records-table th { background: #edf2f0; font-size: 12px; }
.records-table small { display: block; font-size: 11px; color: var(--muted); margin-top: 5px; }
.records-table .icon-button { margin-top: 8px; }
.records-link { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; color: #176c50; cursor: pointer; text-align: left; overflow-wrap: anywhere; }
.records-link:hover { text-decoration: underline; }
.records-pager { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 16px; font-size: 13px; }
.records-storage { max-width: 760px; margin: 0 0 20px; }
.records-storage > div { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; border-bottom: 1px solid var(--border); padding: 18px 0; font-size: 14px; }
.records-storage dt { font-weight: 600; }
.records-storage dd { margin: 0; }
.records-dialog { width: min(720px, calc(100vw - 24px)); max-height: calc(100dvh - 32px); overflow-y: auto; padding: 20px; }
.records-dialog .dialog-heading { padding: 0 0 16px; margin-bottom: 16px; }
.records-dialog h3 { font-size: 17px; margin: 0 0 20px; }
.records-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.records-detail dt { color: var(--muted); font-size: 12px; margin-bottom: 5px; }
.records-detail dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; }
.records-source { padding: 0; margin: 0 0 20px; border: 0; }
.records-source legend { font-size: 13px; font-weight: 600; margin-bottom: 12px; }
.records-source label, .records-check { display: flex; gap: 10px; align-items: center; margin-bottom: 16px; font-size: 14px; }
.records-check { margin-bottom: 24px; }
@media (max-width: 600px) { .records-detail { grid-template-columns: minmax(0,1fr); } .records-dialog { padding: 16px; } .records-filters label { min-width: 120px; } .records-tabs { gap: 12px; } .records-tabs button { font-size: 13px; } }