.records-toolbar {
  display:block;
  padding:0 0 12px
}
.records-filters { display:flex; align-items:flex-end; justify-content:flex-start; gap:8px; flex-wrap:wrap }
.records-filters label,.records-pagination label { display:grid; gap:4px; color:var(--muted); font-size:11px }
.records-filters select,.records-filters input,.records-pagination select { min-height:42px; height:42px; padding:0 10px; font-size:12px }
.records-filters input { width:180px }
.records-filters .select-control .select-trigger { height:42px; min-height:42px; padding-block:0 }
.records-filters .btn { display:inline-flex; align-items:center; justify-content:center; height:42px; min-height:42px }
.records-filters .btn-quiet { color:var(--muted); border-color:transparent }
.records-filters .btn-quiet:hover { background:var(--surface-alt); color:var(--ink) }
.records-workspace { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr); gap:16px; align-items:stretch; height:calc(100vh - 340px); min-height:390px; max-height:780px }
.records-workspace.is-empty { grid-template-columns:minmax(0,1fr); height:auto; min-height:0; max-height:none }
.records-workspace.is-empty .records-table-panel { height:auto; min-height:0; max-height:none }
.records-workspace.is-empty .records-list { flex:none }
.records-table-panel { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface) }
.records-list { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain }
.records-table { width:100%; border-collapse:separate; border-spacing:0; text-align:left; font-size:12px }
.records-table thead { position:sticky; top:0; z-index:2; background:var(--surface-alt); box-shadow:0 1px 0 var(--line) }
.records-table th { height:42px; padding:0 12px; color:var(--muted); font-size:11px; font-weight:600; white-space:nowrap }
.records-sort { color:inherit; font:inherit; text-align:left; border:0; background:none; cursor:pointer; padding:8px 0 }
.records-sort:hover,.records-sort:focus-visible { color:var(--ink); text-decoration:underline; text-underline-offset:3px }
.records-table td { padding:11px 12px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums }
.records-table tbody tr[tabindex] { cursor:pointer; outline:none }
.records-table tbody tr[tabindex]:hover,.records-table tbody tr.selected { background:var(--surface-alt) }
.records-table tbody tr[tabindex]:focus-visible { box-shadow:inset 0 0 0 2px var(--accent) }
.records-table td:first-child { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:550 }
.records-table td:nth-child(3) { white-space:nowrap }
.records-table .recording-state { color:var(--muted); white-space:nowrap }
.records-table .records-empty { color:var(--muted); padding:24px 16px; white-space:normal }
.records-failure { padding:18px 14px; color:var(--negative); background:color-mix(in srgb,var(--negative) 5%,var(--surface)); white-space:normal }
.records-failure-content { display:flex; align-items:center; justify-content:flex-start; gap:16px }
.records-failure-content span { line-height:1.5 }
.records-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none; position:sticky; bottom:0; z-index:3; padding:10px 12px; border-top:1px solid var(--line); background:var(--surface-alt); color:var(--muted); font-size:11px }
.records-page-buttons { display:flex; gap:6px }
.records-pagination .btn { height:42px; min-height:42px }
.records-pagination .btn:disabled { opacity:.45; cursor:default }
.record-row {
  display:grid;
  grid-template-columns:minmax(140px,1.5fr) 80px 115px 85px 85px;
  gap:12px;
  align-items:center;
  text-align:left;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:8px;
  padding:13px;
  color:var(--ink);
  width:100%
}
.record-row:hover {
  border-color:var(--accent);
  background:var(--surface-alt)
}
.record-row span:not(:first-child) {
  color:var(--muted);
  font-variant-numeric:tabular-nums
}
.record-row .record-main {
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.record-detail {
  min-width:0;
  min-height:0;
  overflow:auto;
  background:var(--surface-alt);
  border:1px solid var(--line);
  border-radius:8px;
  padding:20px
}
.record-detail h2 {
  font-size:17px;
  margin-bottom:12px
}
.record-detail-prompt { min-height:180px; display:grid; place-items:center; padding:20px; text-align:center; color:var(--muted); border:1px dashed var(--line-strong); border-radius:6px }
.record-detail dl {
  display:grid;
  grid-template-columns:140px 1fr;
  gap:9px;
  margin:0
}
.record-detail dt {
  color:var(--muted)
}
.record-detail dd {
  margin:0;
  overflow-wrap:anywhere
}
.record-detail audio {
  width:100%;
  margin-top:16px
}
.record-player { margin-top:22px; padding-top:18px; border-top:1px solid var(--line) }
.record-player h3 { font-size:14px; margin:0 }
.record-no-audio { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted) }
.inline-editor {
  background:var(--surface-alt);
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px;
  margin:12px 0;
  display:grid;
  gap:12px
}
.inline-editor .form-grid {
  max-width:none
}