/* Values mirror navyGoldPalettes.dark and receivedBubblePalettes.dark in chatPalette.ts. */
.call-record, .call-summary-page { --call-bg: #10172C; --call-text: #F5F1E8; --call-secondary: #B8BDCC; --call-line: #303A55; --call-accent: #C9B080; --call-soft: #19223A; --call-sent: #18213D; --call-green: #245344; --call-green-text: #edfff5; --call-blue: #244a70; --call-blue-text: #edf5ff; color: var(--call-text); font-weight: 400; }
.call-summary-icon { display: inline-block; width: 20px; height: 20px; flex: none; background: currentColor; mask: var(--call-icon) center/contain no-repeat; -webkit-mask: var(--call-icon) center/contain no-repeat; }
.call-record { width: 292px; max-width: 100%; border-radius: 19px 19px 5px 19px; background: var(--call-sent); overflow: hidden; margin-top: 4px; }
.call-record-top { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 66px; padding: 0 14px; text-align: left; font: inherit; }
.call-record-phone { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; flex: none; background: var(--call-green); color: var(--call-green-text); }
.call-record-phone .call-summary-icon { width: 15px; height: 15px; }
.call-record-missed { background: var(--call-soft); color: #ff8383; }
.call-record-title { font-size: 15px; flex: 1; min-width: 0; }
.call-record-duration { font-size: 12px; color: var(--call-secondary); white-space: nowrap; }
.call-summary-link { display: flex; align-items: center; gap: 9px; min-height: 47px; padding: 0 14px; border-top: .5px solid var(--call-line); text-decoration: none; }
.call-summary-ai { display: inline-flex; align-items: center; gap: 4px; color: var(--call-accent); font-size: 10px; flex: none; }
.call-summary-ai .call-summary-icon { width: 13px; height: 13px; }
.call-summary-link-title { color: var(--call-text); font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.call-summary-link > .call-summary-icon { width: 12px; height: 12px; color: var(--call-secondary); }
.call-summary-page { max-width: 640px; margin: 0 auto; padding: 24px; background: var(--call-bg); border-radius: 25px; }
.call-summary-back { color: var(--call-secondary); font-size: 12px; display: inline-flex; align-items: center; min-height: 44px; }
.call-summary-page h1 { font-size: 22px; line-height: 29px; font-weight: 600; letter-spacing: -.6px; }
.call-summary-meta { display: flex; align-items: center; gap: 7px; margin-top: 7px; font-size: 12px; color: var(--call-secondary); }
.call-summary-points { margin-top: 26px; font-size: 15px; line-height: 24px; }
.call-summary-points p + p { margin-top: 3px; }
.call-summary-page h2 { display: flex; align-items: center; justify-content: space-between; color: var(--call-secondary); font-size: 12px; font-weight: 400; }
.call-summary-page h2 span { font-size: 11px; }
.call-summary-tasks { margin-top: 24px; border-top: .5px solid var(--call-line); padding-top: 17px; }
.call-summary-task { display: flex; align-items: center; width: 100%; gap: 11px; padding-top: 13px; min-height: 44px; text-align: left; }
.call-summary-check { width: 20px; height: 20px; border: 1.3px solid var(--call-secondary); border-radius: 50%; flex: none; color: var(--call-secondary); }
.call-summary-check .call-summary-icon { display: none; }
.call-summary-task[aria-checked="true"] .call-summary-check { border: 0; }
.call-summary-task[aria-checked="true"] .call-summary-icon { display: block; }
.call-summary-task-text { flex: 1; font-size: 14px; line-height: 20px; }
.call-summary-task[aria-checked="true"] .call-summary-task-text { color: var(--call-secondary); text-decoration: line-through; }
.call-summary-owner { color: var(--call-secondary); font-size: 11px; min-width: 40px; max-width: 28%; text-align: right; }
.call-summary-transcript { margin-top: 23px; border-top: .5px solid var(--call-line); padding-top: 17px; }
.call-summary-turn { margin-top: 17px; padding-left: 11px; border-left: 2px solid var(--call-blue); }
.call-summary-speaker { display: flex; justify-content: space-between; margin-bottom: 5px; font-size: 12px; color: var(--call-blue-text); }
.call-summary-speaker time { font-size: 10px; color: var(--call-secondary); font-variant-numeric: tabular-nums; }
.call-summary-turn p { font-size: 14px; line-height: 21px; word-break: keep-all; }
.call-summary-peer { border-left-color: var(--call-green); }
.call-summary-peer .call-summary-speaker { color: var(--call-green-text); }
.call-summary-empty { color: var(--call-secondary); font-size: 14px; margin-top: 16px; }