.transcript-dialog { box-sizing:border-box; width:min(640px,calc(100vw - 24px)); max-width:640px; max-height:calc(100vh - 24px); margin:auto; padding:24px; border:1px solid #e1e7de; border-radius:20px; background:#fff; color:#25332a; font:14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; overflow:auto; text-align:left; -webkit-app-region:no-drag; }
.transcript-dialog::backdrop { background:#17251d70; }
.transcript-dialog * { box-sizing:border-box; -webkit-app-region:no-drag; }
.transcript-dialog .transcript-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.transcript-dialog h2 { font-size:23px; line-height:1.3; margin:0; letter-spacing:-.6px; }
.transcript-dialog h3 { font-size:20px; margin:18px 0 8px; overflow-wrap:anywhere; }
.transcript-dialog h4 { font-size:14px; margin:22px 0 7px; }
.transcript-dialog p { margin:8px 0; }
.transcript-dialog label { display:block; font-size:12px; margin:16px 0 6px; color:#667168; }
.transcript-dialog button { border:1px solid #dce4d9; border-radius:9px; padding:8px 12px; background:#f8faf6; color:#344f3a; cursor:pointer; font:inherit; font-size:12px; letter-spacing:0; }
.transcript-dialog button:hover { background:#eaf1e6; }
.transcript-dialog button:disabled { opacity:.55; cursor:wait; }
.transcript-dialog :focus-visible { outline:2px solid #567548; outline-offset:3px; }
.transcript-dialog .transcript-toolbar { display:flex; gap:8px; }
.transcript-dialog select { min-width:0; flex:1; border:1px solid #dce4d9; border-radius:9px; padding:9px; color:#25332a; background:#fff; font:inherit; font-size:13px; }
.transcript-dialog .transcript-toolbar button { flex-shrink:0; }
.transcript-dialog .transcript-hint { font-size:12px; line-height:1.65; color:#748075; }
.transcript-dialog .transcript-status { font-size:12px; color:#536947; }
.transcript-dialog .transcript-error { font-size:13px; color:#a34a34; }
.transcript-dialog .transcript-conversation { display:block; width:100%; margin:10px 0; padding:15px; background:#fff; text-align:left; }
.transcript-dialog .transcript-conversation strong { display:block; font-size:15px; overflow-wrap:anywhere; }
.transcript-dialog .transcript-conversation small { display:block; color:#748075; font-size:11px; }
.transcript-dialog .transcript-conversation p { font-size:12px; color:#596559; overflow-wrap:anywhere; }
.transcript-dialog .transcript-empty { padding:20px 0; color:#667168; }
.transcript-dialog .transcript-message { border-top:1px solid #edf0e9; padding:13px 0; }
.transcript-dialog .transcript-message strong { font-size:12px; }
.transcript-dialog .transcript-message small { font-size:11px; color:#7b8877; margin-left:10px; }
.transcript-dialog .transcript-message p,.transcript-dialog .transcript-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.transcript-dialog ul { list-style:disc; padding-left:20px; }
.transcript-dialog audio { display:block; width:100%; margin-top:16px; }
[data-open-transcripts] { -webkit-app-region:no-drag; }
.timer-heading [data-open-transcripts] { border:0; background:none; color:#55744c; font-size:11px; white-space:nowrap; padding:3px 6px; cursor:pointer; }
[data-transcript-record] { margin-top:8px; border:1px solid #dce4d9; border-radius:8px; padding:7px 12px; font:inherit; font-size:12px; background:#f8faf6; color:#344f3a; cursor:pointer; }
@media(max-width:540px) { .transcript-dialog { padding:18px; border-radius:15px; } .transcript-dialog h2 { font-size:21px; } }