.call-log-actions,.call-log-presets,.call-log-controls,.call-log-pagination,.call-log-pagination>div,.call-recording-controls,.call-detail-ids,.call-transcript-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.call-log-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.call-log-stats .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.call-log-presets{margin:24px 0 18px}.call-log-presets button{font-size:12px}.call-log-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.call-log-controls{justify-content:space-between;padding:12px 0}.call-log-controls>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.call-log-controls label,.call-log-pagination label{display:flex;gap:8px;align-items:center;font-size:12px}.call-log-controls select,.call-log-pagination select{width:auto;padding:8px}.call-filter-more,.call-columns{border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;margin:12px 0}.call-columns>div{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px}.call-columns label,.call-log-check{display:flex;gap:8px;align-items:center;font-size:12px}.call-columns input,.call-log-check input{width:auto}.call-log-table{max-height:680px}.call-log-table table{font-size:12px;min-width:100%}.call-log-table th{white-space:nowrap;background:#f5f7f2;position:sticky;top:0;z-index:1}.call-log-table td{min-width:110px;max-width:220px;overflow-wrap:anywhere;vertical-align:top}.call-log-table td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.call-log-table .call-id{font-family:monospace;font-size:12px}.call-log-pagination{justify-content:space-between;margin:20px 0;font-size:12px}.call-log-empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:12px}.call-log-cost-note{font-size:12px;line-height:1.6}.call-log-detail{width:min(1080px,calc(100vw - 32px));max-width:1080px}.call-detail-ids{font-size:12px;overflow-wrap:anywhere;margin-bottom:12px}.call-detail-ids span{flex-basis:100%;font-family:monospace}.call-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:1px solid var(--line);padding:18px;border-radius:12px;margin:18px 0}.call-detail-metrics small,.call-detail-metrics strong{display:block}.call-detail-metrics small{font-size:11px;color:var(--muted);margin-bottom:6px}.call-context{padding:18px;border:1px solid var(--line);border-radius:10px;margin:20px 0}.call-context pre{background:#f5f7f2;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:320px;overflow:auto}.call-review textarea{width:100%}.call-transcript-controls{margin:20px 0 12px}.call-transcript-controls label{flex:1;min-width:180px}.call-transcript-controls span{font-size:12px;color:var(--muted)}.call-recording-controls{margin:12px 0}.call-recording-controls label{min-width:180px}.call-log-detail audio{width:100%;margin:12px 0}.call-log-detail .history-transcript{max-height:500px;overflow:auto}
@media(max-width:700px){.call-log-stats,.call-log-filters,.call-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.call-log-pagination>div{gap:7px}.call-log-pagination{align-items:flex-start}.call-log-detail{padding:18px}.call-log-detail .dialog-header h2{font-size:22px}.call-log-controls>div{width:100%}.call-log-actions{width:100%}}
@media(max-width:420px){.call-log-filters{grid-template-columns:minmax(0,1fr)}.call-log-stats .stat{padding:12px}.call-detail-ids button{font-size:11px;padding:8px}.call-log-pagination>div{width:100%}.call-log-pagination>div span{order:4;width:100%}}

.cost-panel-heading,.cost-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cost-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.cost-comparison>div{padding:18px;background:var(--paper,#f5f8f5);border:1px solid var(--line);border-radius:14px}.cost-comparison strong{font-size:20px;display:block;margin:8px 0}.call-provider-cost small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.cost-state{display:inline-block;padding:5px 9px;border-radius:20px;background:#fff2db;color:#81531d;font-size:11px;white-space:nowrap}.cost-state.is-confirmed{background:#dff1e6;color:#175b46}.cost-pending{color:#81531d;font-weight:600}.cost-actions{justify-content:flex-start;margin:18px 0}.cost-evidence{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.cost-evidence code{overflow-wrap:anywhere}.cost-usage{min-width:160px;max-width:260px;font-size:12px}.call-provider-cost td{vertical-align:top;min-width:140px}.cost-panel-heading h3{margin:5px 0}@media(max-width:640px){.cost-comparison{grid-template-columns:1fr}.cost-comparison>div{padding:14px}.cost-comparison strong{font-size:18px}}
.call-provider-cost table{white-space:normal;table-layout:fixed;min-width:760px}.call-provider-cost th,.call-provider-cost td{min-width:0;max-width:none;overflow-wrap:anywhere;padding:14px 12px;line-height:1.6}.call-provider-cost th:nth-child(1){width:18%}.call-provider-cost th:nth-child(2){width:25%}.call-provider-cost th:nth-child(3),.call-provider-cost th:nth-child(4){width:17%}.call-provider-cost th:nth-child(5){width:23%}
.cost-calculation{padding:12px;border:1px solid var(--line);border-radius:10px}.cost-line{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#avatar-video:not([hidden]){display:block;width:auto;height:min(42vh,400px);max-width:100%;aspect-ratio:4/5;margin:0 auto;border-radius:18px;background:#102722;object-fit:cover;object-position:center top}