/* Call results (app-call-results.js) on the CRM's quiet light/dark surfaces. */
.call-results { display: grid; gap: 16px; margin-top: 12px; }
.call-result { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--border); background: var(--surface); overflow-wrap: anywhere; }
.call-result.is-needs_attention { border-color: var(--warn); background: var(--warn-bg); }
.call-result h4 { font-size: 14px; margin: 0 0 6px; }
.call-result h5 { font-size: 13px; margin: 8px 0 4px; color: var(--text-2); }
.call-result p { margin: 0; }
.call-result-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 13px; }
.call-result-reason { color: var(--text-2); }
.call-result-score { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.call-result-score strong { font-size: 28px; line-height: 1; }
.call-result-verdict { font-size: 13px; font-weight: 600; }
.call-result-verdict.is-pass { color: var(--ok-fg); }
.call-result-verdict.is-below { color: var(--warn-fg); }
.call-result-criteria { width: 100%; border-collapse: collapse; font-size: 13px; }
.call-result-criteria caption { text-align: left; font-weight: 600; font-size: 14px; padding-bottom: 6px; }
.call-result-criteria th, .call-result-criteria td { text-align: left; vertical-align: top; padding: 8px 8px 8px 0; border-top: 1px solid var(--border-faint); }
.call-result-criteria small { display: block; color: var(--text-3); font-size: 12px; font-weight: 400; margin-top: 2px; }
.call-result-criteria td.is-fail { color: var(--danger-fg); font-weight: 600; }
.call-result-coaching ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.call-result-move { margin-top: 4px; padding: 6px 10px; background: var(--surface-2); font-size: 13px; }
.call-result-draft { padding: 10px 12px; background: var(--surface-2); border-left: 2px solid var(--border-strong); white-space: pre-wrap; }
.call-result-quotes summary { color: var(--accent); font-size: 12px; cursor: pointer; margin-top: 4px; }
.call-result-quotes blockquote { margin: 6px 0 0; padding-left: 10px; border-left: 2px solid var(--border); color: var(--text-2); font-size: 12px; }
.call-result-note { color: var(--text-3); font-size: 12px; }
.call-result-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.call-result-service, .call-result-empty { padding: 12px 14px; border: 1px solid var(--border); background: var(--surface-2); font-size: 14px; }
.call-result-empty p { margin: 4px 0 0; color: var(--text-3); }
@media (max-width: 640px) {
  .call-result-criteria thead { display: none; }
  .call-result-criteria tr { display: grid; gap: 4px; padding: 8px 0; border-top: 1px solid var(--border-faint); }
  .call-result-criteria th, .call-result-criteria td { border: 0; padding: 0; }
}