.quality-call-picker { width: min(1080px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; padding: 24px; border: 1px solid #e4e8eb; border-radius: 16px; color: var(--ink); background: #fff; }
.quality-call-picker::backdrop { background:var(--backdrop); }
.quality-call-picker > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.quality-call-picker h2 { margin: 0; font-size: 18px; font-weight: 500; }
.quality-call-picker .filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.quality-call-picker .filters label { flex: 1 1 160px; }
.quality-call-picker table { min-width: 680px; }
.quality-call-picker [data-picker-close] { color: var(--muted); font-size: 14px; font-weight: 400; }
.quality-picker-status { display: inline-flex; gap: 8px; align-items: center; margin: 6px 12px; font-size: 13px; color: var(--muted); }
.quality-picker-status button { padding: 2px 6px; font-size: inherit; color: inherit; font-weight: 400; }
@media (max-width: 600px) { .quality-call-picker { padding: 16px; } .quality-call-picker .section-head { gap: 12px; flex-wrap: wrap; } }

.calls-table .call-quality-action { text-align: center; white-space: nowrap; }
.calls-table thead .call-quality-action { background: #f5f6f8; }