/* Calls controls use an explicit dark surface; native white controls hid their text. */
.calls-panel{min-width:0}
.call-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:end}
.call-filters label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:13px}
.call-filters input,.call-filters select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--ui-radius-sm);background:var(--ui-input);color:var(--text);color-scheme:dark;font:inherit}
.call-filters input::placeholder{color:var(--muted);opacity:1}
.call-filters input:focus-visible,.call-filters select:focus-visible,.calls-panel button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
.calls-panel .panel-footer,.calls-panel th{background:var(--panel2);color:var(--text);border-color:var(--border)}
.calls-panel td{border-color:var(--border)}
.calls-panel [data-call-id]{max-width:360px;white-space:normal;overflow-wrap:anywhere;text-align:left;min-height:44px}
.calls-panel .table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:600px){.call-filters{grid-template-columns:1fr 1fr}.call-filters label:nth-child(2){grid-column:1/-1}.call-filters .btn{grid-column:1/-1}.calls-panel .panel-footer{gap:12px;flex-wrap:wrap}.calls-panel .panel-footer .actions{flex-wrap:wrap}.calls-panel [data-call-id]{max-width:230px}}