/* Approved Signature voice view and in-call conversation view. */
#cywolfRealtimeDialog{position:fixed;inset:0;transform:none;min-width:0;min-height:0}
#cywolfRealtimeDialog{color-scheme:light;width:min(424px,calc(100vw - 24px));max-width:424px;height:min(758px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;margin:auto 24px 20px auto;border:1px solid #e2eaf4;border-radius:28px;background:#fff;color:#10264a;box-shadow:0 24px 80px #122e5d26;overflow:hidden;font-family:Inter,"Segoe UI",sans-serif}
#cywolfRealtimeDialog[open]{display:flex;flex-direction:column}
#cywolfRealtimeDialog::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#085dff 0 22%,#dba521 22% 40%,#085dff 40%);z-index:2}
#cywolfRealtimeDialog::backdrop{background:#1c36503b;backdrop-filter:blur(4px)}
#cywolfRealtimeDialog .rv-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:22px 22px 10px;border:0}
#cywolfRealtimeDialog .rv-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.1px}
#cywolfRealtimeDialog .rv-brand-mark{height:29px;width:27px;object-fit:contain}
#cywolfRealtimeDialog .rv-brand span{color:#10264a}
#cywolfRealtimeDialog .rv-brand em{font-style:normal;color:#bd8a15}
#cywolfRealtimeDialog .rv-window-actions{display:flex;gap:7px}
#cywolfRealtimeDialog button{min-height:44px;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .16s,box-shadow .16s;border:1px solid #dae4f2;border-radius:13px;background:#fff;color:#15335c;padding:10px 14px}
#cywolfRealtimeDialog button:hover:enabled{background:#f0f6ff;border-color:#aec8ed}
#cywolfRealtimeDialog button:disabled{opacity:.48;cursor:default}
#cywolfRealtimeDialog button:focus-visible,#cywolfRealtimeDialog [tabindex]:focus-visible{outline:3px solid #75aaff;outline-offset:3px}
#cywolfRealtimeDialog .rv-icon{width:36px;min-width:36px;min-height:36px;height:36px;border-radius:50%;padding:0;font-size:24px;line-height:1;background:#f7faff!important;color:#25446d!important;border-color:#e1e9f4!important}
#cywolfRealtimeDialog .rv-content{padding:6px 22px 13px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#c8d8ee transparent}
#cywolfRealtimeDialog .rv-content{background:#fff}
#cywolfRealtimeDialog h2,#cywolfRealtimeDialog h3{font-family:inherit}
#cywolfRealtimeDialog .rv-hero{flex:1;min-height:285px;display:flex;flex-direction:column;justify-content:center}
#cywolfRealtimeDialog .rv-heading{text-align:center;flex:none}
#cywolfRealtimeDialog h2{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:750;color:#10264a;margin:10px 0 6px}
#cywolfRealtimeDialog .rv-intro{font-size:13px;color:#68809f;line-height:1.5;margin:0}
#cywolfRealtimeDialog .rv-avatar.rv-saif-stage{position:relative;width:100%;height:clamp(170px,32dvh,282px);min-height:140px;max-height:none;margin:6px auto 0;flex:1;isolation:isolate;background:none;mask-image:linear-gradient(#000 0 85%,transparent 100%)}
#cywolfRealtimeDialog[data-view="voice"] .rv-avatar.rv-saif-stage{background:radial-gradient(ellipse 32% 68% at 50% 52%,#e7f2ff 0,#f5f9ff 52%,transparent 74%);mask-image:radial-gradient(ellipse 32% 78% at 50% 42%,#000 0 72%,#000 78%,transparent 100%)}
#cywolfRealtimeDialog .rv-saif-portrait{position:absolute;inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;animation:none!important;overflow:hidden!important}
#cywolfRealtimeDialog .rv-saif-portrait img{width:100%;height:100%;object-fit:contain!important;object-position:center bottom!important}
#cywolfRealtimeDialog .rv-saif-portrait img,
#cywolfRealtimeDialog .rv-saif-portrait canvas,
#cywolfRealtimeDialog .rv-human-frame{-webkit-mask-image:linear-gradient(to bottom,#000 0 68%,rgba(0,0,0,.78) 79%,transparent 96%);mask-image:linear-gradient(to bottom,#000 0 68%,rgba(0,0,0,.78) 79%,transparent 96%)}
#cywolfRealtimeDialog .rv-human-frame{inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;object-fit:contain}
#cywolfRealtimeDialog .rv-presence{text-align:center;flex:none}
#cywolfRealtimeDialog .rv-identity{display:none}
#cywolfRealtimeDialog .rv-status{font-size:20px;font-weight:750;color:#10264a;line-height:1.3;margin:0 0 5px;letter-spacing:-.3px}
#cywolfRealtimeDialog .rv-status::before{content:"";display:inline-block;width:8px;height:8px;margin:0 9px 2px 0;border-radius:50%;background:#899bb4}
#cywolfRealtimeDialog[data-state="Listening"] .rv-status::before,#cywolfRealtimeDialog[data-state="Speaking"] .rv-status::before{background:#24b882}
#cywolfRealtimeDialog[data-state="Thinking"] .rv-status::before,#cywolfRealtimeDialog[data-state="Connecting"] .rv-status::before{background:#d4a030}
#cywolfRealtimeDialog .rv-detail{font-size:11px;color:#6a7f9a;line-height:1.4;min-height:0;margin:5px 0 9px}
#cywolfRealtimeDialog .rv-waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:32px;color:#368cff}
#cywolfRealtimeDialog .rv-waveform i{display:block;width:3px;height:4px;border-radius:5px;background:currentColor;opacity:.4;transition:height .1s}
#cywolfRealtimeDialog[data-state="Listening"] .rv-waveform i{height:calc(4px + var(--bar) * var(--mic-level,0));opacity:.7}
#cywolfRealtimeDialog[data-state="Speaking"] .rv-waveform i{height:calc(4px + var(--bar) * var(--voice-level,0));opacity:1}
#cywolfRealtimeDialog .rv-caption-card{flex:none;padding:10px 14px;background:#f0f6ff;border:1px solid #dceaff;border-radius:16px;text-align:center}
#cywolfRealtimeDialog .rv-caption-label{font-size:9px;letter-spacing:1.3px;color:#6683a6;font-weight:650}
#cywolfRealtimeDialog #rv-caption{font-size:14px;line-height:1.55;color:#234269;margin:3px 0 0;max-height:66px;overflow:auto;overflow-wrap:anywhere}
#cywolfRealtimeDialog .rv-transcript-toggle{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;margin-top:8px;width:100%;color:#0860ed;border-color:#bcd3fb;background:white}
#cywolfRealtimeDialog .rv-transcript-toggle span:last-child{margin-left:auto;font-size:21px}
#cywolfRealtimeDialog .rv-transcript-toggle span:first-child{margin-right:auto;font-size:22px}
#cywolfRealtimeDialog .rv-controls{margin:0;padding:0;flex:none;background:#fff}
#cywolfRealtimeDialog .rv-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;justify-content:stretch}
#cywolfRealtimeDialog .rv-actions button{flex:1;padding:11px 9px;border-radius:13px}
#cywolfRealtimeDialog .rv-actions .rv-primary{flex:1.5;background:#0960f5;color:#fff;border-color:#0960f5;box-shadow:0 3px 9px #0755d51c}
#cywolfRealtimeDialog .rv-actions .rv-primary:hover:enabled{background:#084dd0;border-color:#084dd0}
#cywolfRealtimeDialog #rv-send span{font-size:19px;margin-right:4px}
#cywolfRealtimeDialog #rv-pause::before{content:"Ⅱ";margin-right:7px;font-size:16px;font-weight:800}
#cywolfRealtimeDialog #rv-end{color:#c23845;background:#fff;border-color:#f0c6cc}
#cywolfRealtimeDialog #rv-end::before{content:"";display:inline-block;width:8px;height:8px;background:currentColor;border-radius:2px;margin-right:7px}
#cywolfRealtimeDialog #rv-audio{flex-basis:100%;color:#075ce9;background:#eef5ff}
#cywolfRealtimeDialog .rv-secondary{display:flex;align-items:center;gap:0;border-top:1px solid #e7edf6;margin-top:11px;padding-top:7px}
#cywolfRealtimeDialog .rv-secondary button{flex:1;padding:8px 2px;background:transparent;border:0;border-radius:8px;font-size:11px;min-height:40px;color:#0860ed;white-space:nowrap}
#cywolfRealtimeDialog .rv-secondary button+button{border-left:1px solid #e5ecf6;border-radius:0}
#cywolfRealtimeDialog .rv-secondary span{font-size:16px;margin-right:5px}
#cywolfRealtimeDialog .rv-secondary svg{width:17px;height:17px;vertical-align:middle}
#cywolfRealtimeDialog .rv-transcript-toggle svg{width:20px;height:20px;vertical-align:middle}
#cywolfRealtimeDialog .rv-back{align-self:flex-start;padding:3px 0;min-height:36px;font-size:12px;border:0;background:none;color:#0860ed}
#cywolfRealtimeDialog .rv-history{display:flex;flex-direction:column;flex:1;min-height:130px;border-top:1px solid #e6edf7;margin-top:4px;padding-top:12px}
#cywolfRealtimeDialog .rv-history-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;flex:none}
#cywolfRealtimeDialog h3{color:#10264a;font-size:19px;margin:0;letter-spacing:-.4px}
#cywolfRealtimeDialog #rv-transcript-hide{min-height:36px;padding:6px 10px;border-radius:20px;color:#0860ed;font-size:11px}
#cywolfRealtimeDialog #rv-captions{flex:1;min-height:0;max-height:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#c4d5ee transparent;padding:0 3px 6px;line-height:1.5;overscroll-behavior:contain;scroll-behavior:auto}
#cywolfRealtimeDialog .rv-message{max-width:91%;margin:0 0 13px}
#cywolfRealtimeDialog .rv-message-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:#778aa3;padding:0 3px 4px}
#cywolfRealtimeDialog .rv-message-meta strong{font-weight:650;color:#526a8a}
#cywolfRealtimeDialog #rv-captions .rv-message p{border:0;border-radius:4px 15px 15px 15px;background:#f0f4fa;color:#17385f;font-size:13px;line-height:1.55;margin:0;padding:11px 13px;overflow-wrap:anywhere;white-space:pre-wrap}
#cywolfRealtimeDialog .rv-message-user{margin-left:auto}
#cywolfRealtimeDialog .rv-message-user .rv-message-meta{justify-content:flex-end}
#cywolfRealtimeDialog #rv-captions .rv-message-user p{background:#0960f5;color:#fff;border-radius:15px 4px 15px 15px}
#cywolfRealtimeDialog #rv-captions .rv-voice-message{font-size:11px!important;background:#eaf2ff!important;color:#42699d!important}
#cywolfRealtimeDialog .rv-history-note{flex:none;text-align:center;padding:7px 9px;margin:0;border-radius:9px;background:#f4f8ff;color:#7386a0;font-size:10px;line-height:1.5}
#cywolfRealtimeDialog .rv-caption-language{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:none;margin:0 0 4px;color:#617a9b;font-size:10px}
#cywolfRealtimeDialog .rv-caption-language select{font:inherit;color:#234a7b;border:1px solid #dce6f4;border-radius:7px;padding:6px;max-width:69%;min-width:0;background:#fff}
#cywolfRealtimeDialog .rv-language-help{font-size:9px;line-height:1.4;color:#798da7;flex:none;margin-bottom:9px}
@media(max-height:500px){#cywolfRealtimeDialog .rv-language-help{display:none}#cywolfRealtimeDialog .rv-caption-language{margin-bottom:5px}}
#cywolfRealtimeDialog .rv-empty{margin:auto;text-align:center;color:#768aa5;font-size:13px;padding:24px}
#cywolfRealtimeDialog[data-view="transcript"] .rv-content{overflow:hidden}
#cywolfRealtimeDialog[data-view="transcript"] .rv-hero{flex:none;min-height:0;display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:center;padding:0 0 9px}
#cywolfRealtimeDialog[data-view="transcript"] .rv-heading,#cywolfRealtimeDialog[data-view="transcript"] .rv-caption-card,#cywolfRealtimeDialog[data-view="transcript"] .rv-transcript-toggle{display:none}
#cywolfRealtimeDialog[data-view="transcript"] .rv-avatar.rv-saif-stage{width:116px;height:124px;min-height:0;margin:0;mask-image:linear-gradient(#000 0 91%,transparent)}
#cywolfRealtimeDialog[data-view="transcript"] .rv-presence{text-align:left}
#cywolfRealtimeDialog[data-view="transcript"] .rv-identity{display:flex;flex-direction:column;gap:3px;margin-bottom:7px}
#cywolfRealtimeDialog .rv-identity strong{font-size:26px;letter-spacing:-.7px}
#cywolfRealtimeDialog .rv-identity span{font-size:11px;color:#6b819f}
#cywolfRealtimeDialog[data-view="transcript"] .rv-status{font-size:15px}
#cywolfRealtimeDialog[data-view="transcript"] .rv-status{text-align:left}
#cywolfRealtimeDialog[data-view="transcript"] .rv-detail{display:none}
#cywolfRealtimeDialog[data-view="transcript"] .rv-waveform{justify-content:flex-start;height:24px;gap:3px}
#cywolfRealtimeDialog[data-view="transcript"] .rv-waveform i{width:2px}
#cywolfVoiceReturn{position:fixed;z-index:2147483000;right:22px;bottom:88px;min-height:48px;max-width:calc(100vw - 36px);padding:12px 18px;border:1px solid #cbdcf7;border-radius:30px;background:white;color:#174b91;box-shadow:0 8px 30px #133a6929;font:650 13px "Segoe UI",sans-serif;cursor:pointer}
#cywolfVoiceReturn[hidden]{display:none}
@media(max-width:600px){#cywolfRealtimeDialog{margin:auto;width:calc(100vw - 20px);height:min(738px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);border-radius:23px}#cywolfRealtimeDialog .rv-header{padding:19px 18px 9px}#cywolfRealtimeDialog .rv-content{padding:4px 18px 10px}#cywolfRealtimeDialog h2{font-size:27px}#cywolfRealtimeDialog .rv-brand{font-size:11px}#cywolfRealtimeDialog .rv-avatar.rv-saif-stage{height:clamp(150px,30dvh,260px)}#cywolfRealtimeDialog[data-view="transcript"] .rv-hero{grid-template-columns:98px 1fr;gap:10px}#cywolfRealtimeDialog[data-view="transcript"] .rv-avatar.rv-saif-stage{width:98px;height:110px}#cywolfRealtimeDialog .rv-secondary button{font-size:10px}}
@media(max-height:650px){#cywolfRealtimeDialog .rv-header{padding-top:16px}#cywolfRealtimeDialog .rv-hero{min-height:180px}#cywolfRealtimeDialog h2{font-size:23px;margin-top:3px}#cywolfRealtimeDialog .rv-avatar.rv-saif-stage{min-height:100px;height:130px}#cywolfRealtimeDialog .rv-detail{margin-bottom:5px;font-size:10px}#cywolfRealtimeDialog .rv-waveform{height:22px}#cywolfRealtimeDialog[data-view="transcript"] .rv-avatar.rv-saif-stage{height:82px}#cywolfRealtimeDialog .rv-actions{margin-top:8px}#cywolfRealtimeDialog .rv-history-note{font-size:9px}#cywolfRealtimeDialog .rv-secondary{margin-top:7px;padding-top:3px}}
@media(prefers-reduced-motion:reduce){#cywolfRealtimeDialog *,#cywolfVoiceReturn{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-height:500px){
 #cywolfRealtimeDialog{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);width:min(720px,calc(100vw - 20px));max-width:720px;margin:auto;border-radius:20px}
 #cywolfRealtimeDialog .rv-header{padding:12px 18px 6px}
 #cywolfRealtimeDialog .rv-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 44px auto;gap:0 18px;padding:0 18px 7px;overflow:hidden}
 #cywolfRealtimeDialog .rv-hero{grid-column:1;grid-row:1/3;min-height:0;padding:0}
 #cywolfRealtimeDialog .rv-heading h2{font-size:21px;margin:0 0 3px}
 #cywolfRealtimeDialog .rv-intro{font-size:10px}
 #cywolfRealtimeDialog .rv-avatar.rv-saif-stage{min-height:45px;height:80px;margin:0}
 #cywolfRealtimeDialog .rv-status{font-size:15px}
 #cywolfRealtimeDialog .rv-waveform{height:15px}
 #cywolfRealtimeDialog .rv-detail{display:none}
 #cywolfRealtimeDialog .rv-caption-card{grid-column:2;grid-row:1;align-self:center}
 #cywolfRealtimeDialog .rv-transcript-toggle{grid-column:2;grid-row:2;margin:0}
 #cywolfRealtimeDialog .rv-controls{grid-column:1/-1;grid-row:3}
 #cywolfRealtimeDialog .rv-actions{margin-top:6px}
 #cywolfRealtimeDialog .rv-actions button{min-height:40px;padding:7px 9px}
 #cywolfRealtimeDialog .rv-secondary{margin-top:6px;padding-top:2px}
 #cywolfRealtimeDialog .rv-secondary button{min-height:32px}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-content{display:flex;gap:0}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-hero{grid-template-columns:65px 1fr;height:65px;padding:0}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-avatar.rv-saif-stage{height:65px;width:65px}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-identity{margin-bottom:4px}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-identity strong{font-size:20px}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-identity span{display:none}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-presence{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 20px}
 #cywolfRealtimeDialog[data-view="transcript"] .rv-waveform{grid-column:2;height:14px}
 #cywolfRealtimeDialog .rv-back{min-height:26px;font-size:11px}
 #cywolfRealtimeDialog .rv-history{min-height:50px;padding-top:7px}
 #cywolfRealtimeDialog .rv-history-header{margin-bottom:4px}
 #cywolfRealtimeDialog .rv-history-note{display:none}
 #cywolfRealtimeDialog h3{font-size:16px}
 #cywolfRealtimeDialog #rv-transcript-hide{min-height:30px}
}

/* Approved microphone control: Send now above the three call actions. */
#cywolfRealtimeDialog .rv-actions #rv-send,#cywolfRealtimeDialog .rv-actions #rv-start{flex:1 0 100%}
#cywolfRealtimeDialog #rv-mute{color:#075ce9;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}
#cywolfRealtimeDialog #rv-mute[hidden]{display:none}
#cywolfRealtimeDialog #rv-mute svg{display:block;width:18px;height:18px}
#cywolfRealtimeDialog #rv-mute[aria-pressed="true"]{background:#fff5df;border-color:#e8b44a;color:#86500a}
#cywolfRealtimeDialog[data-state="Microphone muted"] .rv-status::before{background:#e3a324}
#cywolfRealtimeDialog[data-mic-muted="true"]:not([data-state="Speaking"]) .rv-waveform{color:#9cacc4}
@media(max-height:650px){
 #cywolfRealtimeDialog[data-view="voice"] .rv-hero{min-height:145px}
 #cywolfRealtimeDialog[data-view="voice"] .rv-avatar.rv-saif-stage{min-height:75px;height:95px}
}