.phone-call-card { padding: 20px; margin: 16px 0; border: 1px solid var(--border-color, #dce2ea); border-radius: 12px; background: var(--panel-bg, #fff); }
.phone-call-heading, .phone-call-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; }
.phone-call-heading h3 { margin: 0; }
.phone-call-actions { justify-content: flex-end; margin-top: 18px; }
.phone-call-badge { border-radius: 20px; padding: 6px 12px; background: #edf2f7; color: #25344b; font-size: 13px; }
.phone-proposal-grid { display: grid; grid-template-columns: 110px 1fr; gap: 8px 16px; }
.phone-proposal-grid dt { color: #637086; }.phone-proposal-grid dd { margin: 0; overflow-wrap: anywhere; }
.phone-transcript { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; max-height: 320px; overflow-y: auto; line-height: 1.6; }
.phone-call-warning { padding: 10px; border-radius: 8px; background: #fff1d5; color: #684406; }
#phoneCallsPanel audio, #phoneCallProposal audio { width: 100%; margin-top: 12px; }
#phoneCallUpload { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; padding: 16px 0; }
#phoneCallUpload label { display: grid; gap: 6px; }
#phoneCallProposal { max-width: 680px; width: calc(100% - 32px); }
#phoneCallProposal .modal-card { width: 100%; min-width: 0; }