.audio-retention-panel { display: grid; gap: 14px; min-width: 0; }
.audio-retention-panel > *, .audio-retention-heading > * { min-width: 0; max-width: 100%; }
.audio-retention-heading, .audio-retention-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.audio-retention-heading .section-title, .audio-retention-heading .section-note, .audio-retention-copy { margin: 0; }
.audio-retention-badge { border: 1px solid #c8b7ef; border-radius: 999px; padding: 7px 12px; background: #f7f2ff; color: #563788; font-size: 12px; font-weight: 700; }
.audio-retention-copy { color: var(--muted, #626b80); line-height: 1.5; }
.audio-retention-actions { justify-content: flex-start; }
.audio-retention-actions button { min-height: 40px; border: 1px solid #c8b7ef; border-radius: 999px; padding: 9px 15px; background: #f7f2ff; color: #563788; font-weight: 700; cursor: pointer; }
.audio-retention-actions button:disabled { cursor: wait; opacity: .65; }
.audio-retention-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.audio-retention-metric { display: grid; gap: 4px; padding: 14px; border: 1px solid var(--line, #e6e1ed); border-radius: 14px; }
.audio-retention-metric strong { font-size: 24px; }
.audio-retention-metric span { color: var(--muted, #626b80); font-size: 13px; }
.audio-retention-warning { margin: 0; padding: 12px 14px; border: 1px solid #e7c98c; border-radius: 12px; background: #fff9ec; color: #664b15; line-height: 1.5; }
.audio-retention-panel summary { cursor: pointer; font-weight: 700; padding: 7px 0; }
.audio-retention-panel li { margin: 7px 0; line-height: 1.5; overflow-wrap: anywhere; }
.audio-retention-filters { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.audio-retention-filters label { display: grid; gap: 5px; flex: 1 1 180px; min-width: 0; font-size: 13px; }
.audio-retention-filters input, .audio-retention-filters select { width: 100%; min-width: 0; min-height: 40px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--line, #e6e1ed); background: var(--panel, #fff); color: inherit; }
.audio-retention-table-wrap { overflow-x: auto; }
.audio-retention-panel .audio-retention-table-wrap,
.audio-retention-export-list,
.audio-retention-issues ul {
  max-height: min(68vh, 680px);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.audio-retention-panel .audio-retention-table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--panel, #fff);
}
.audio-retention-table-wrap table { width: 100%; border-collapse: collapse; text-align: left; table-layout: fixed; }
.audio-retention-table-wrap th, .audio-retention-table-wrap td { padding: 10px; vertical-align: top; border-bottom: 1px solid var(--line, #e6e1ed); overflow-wrap: anywhere; }
.audio-retention-table-wrap th:first-child { width: 37%; }
.audio-retention-table-wrap th:nth-child(2) { width: 16%; }
.audio-retention-table-wrap td:nth-child(2) { white-space: nowrap; }
.audio-retention-table-wrap small { display: block; margin-top: 5px; color: var(--muted, #626b80); line-height: 1.4; }
.audio-retention-path { font-size: 12px; overflow-wrap: anywhere; }
.audio-retention-schedule-preview { grid-column: 1 / -1; min-width: 0; max-width: 100%; box-sizing: border-box; }
.audio-retention-schedule-preview > * { min-width: 0; max-width: 100%; }
.audio-retention-schedule-preview .audio-retention-scheduled-list summary { cursor: pointer; font-weight: 700; }
.audio-retention-schedule-preview .audio-retention-table-wrap { max-height: 360px; overflow: auto; }
.audio-retention-schedule-preview table { width: 100%; border-collapse: collapse; text-align: left; }
.audio-retention-schedule-preview th, .audio-retention-schedule-preview td { padding: 9px; border-bottom: 1px solid var(--line, #e6e1ed); vertical-align: top; }
.audio-retention-schedule-preview td:first-child { max-width: 550px; overflow-wrap: anywhere; }
.audio-retention-export-list { display: grid; gap: 12px; margin-top: 12px; }
.audio-retention-export { min-width: 0; padding: 14px; border: 1px solid var(--line, #e6e1ed); border-radius: 14px; }
.audio-retention-export dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 12px 0; }
.audio-retention-export dt { color: var(--muted, #626b80); font-size: 12px; }
.audio-retention-export dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.audio-retention-export small { display: block; color: var(--muted, #626b80); line-height: 1.5; overflow-wrap: anywhere; }
.audio-retention-panel :is(button, input, select, summary, [tabindex="0"]):focus-visible { outline: 3px solid #9b7fdb; outline-offset: 3px; }
.admin-app[data-theme="dark"] .audio-retention-warning { background: #352a16; color: #f1d8a0; border-color: #735c2c; }
.admin-app[data-theme="dark"] .audio-retention-badge, .admin-app[data-theme="dark"] .audio-retention-actions button { background: #332443; color: #e2cef9; border-color: #755993; }
@media (max-width: 800px) { .audio-retention-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .audio-retention-table-wrap table { min-width: 580px; } .audio-retention-actions button { width: 100%; } .audio-retention-metric { padding: 10px; } .audio-retention-export dl { grid-template-columns: 1fr; } }