/* Production embed in brand kit v1. Keep the recording, all words and behaviours. */
body.k-scope{background:#f3f8fa;font:450 18px/1.6 Manrope,'Segoe UI',Arial,sans-serif;color:#072535}
body.embed .arkoz-demo{padding:20px 0}
.arkoz-demo .demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;background:transparent;color:#072535;box-shadow:none;border-radius:0;overflow:visible;min-height:0;height:auto}
.arkoz-demo .player-panel.k-player{display:grid;align-content:start;gap:24px;padding:32px;height:auto;min-height:0;border:0;border-radius:20px;overflow:hidden}
.arkoz-demo .panel-top .eyebrow,.arkoz-demo .pill{font-size:14px;color:#a8c0c9;letter-spacing:.06em}
.arkoz-demo .pill{color:#eef6f8;border-color:#335868;background:#0b3246}
.arkoz-demo .visual{padding:0;text-align:left}
.arkoz-demo .speaker-name{font-size:32px;line-height:1.2;margin:0 0 8px;font-weight:750}
.arkoz-demo .speaker-role{font-size:16px;line-height:1.5;color:#a8c0c9}
.arkoz-demo .speaker-icon{display:none}
.arkoz-demo #wave{height:48px;margin:16px 0 0}
.arkoz-demo .custom-controls{display:grid;gap:8px}
.arkoz-demo .transport{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:center}
.arkoz-demo #play.k-play{width:64px;height:64px;min-height:64px;min-width:64px;padding:0;border-radius:50%;border:0;background:#c6ff78;color:#072535;font-size:0;display:grid;place-items:center}
.arkoz-demo #play.k-play{grid-column:1/-1;justify-self:center;position:relative}
.arkoz-demo #play:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateX(2px);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #072535;margin:0}
.arkoz-demo #play[data-v3-playing=true]:before{width:16px;height:20px;border:0;border-left:5px solid #072535;border-right:5px solid #072535;margin:0;transform:translate(-50%,-50%)}
.arkoz-demo #restart{justify-self:end}
.arkoz-demo .transport .time{justify-self:start;margin-left:0}
.arkoz-demo #restart,.arkoz-demo #follow{min-height:44px;font:750 14px/1.4 Manrope,'Segoe UI',Arial,sans-serif;padding:8px 12px;border-radius:8px}
.arkoz-demo #restart{border-color:#496371;background:transparent;color:#eef6f8}
.arkoz-demo #follow{border-color:#cddde3;background:transparent;color:#072535}
.arkoz-demo #seek{width:100%;height:44px;margin:0;accent-color:#00b8b4}
.arkoz-demo .time{font:560 14px/1.5 Manrope,'Segoe UI',Arial,sans-serif;color:#a8c0c9}
.arkoz-demo .status{margin:0;font-size:16px;line-height:1.5;color:#a8c0c9}
.arkoz-demo .next-step{margin:0;padding:24px 0 0;border-top:1px solid #335868}
.arkoz-demo .next-step .eyebrow{font-size:14px;color:#a8c0c9}
.arkoz-demo .next-step p{font-size:16px;line-height:1.6;color:#a8c0c9;margin:12px 0 16px}
.arkoz-demo .next-step .cta.k-btn{font-size:16px;justify-content:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:8px;background:#c6ff78;color:#072535;border-color:#c6ff78;white-space:normal}
.arkoz-demo .conversation{padding:0;background:transparent;color:#072535;height:auto;min-height:0;border:0;display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:12px;min-width:0}
.arkoz-demo .conversation-head{padding:0;align-items:start;gap:12px;flex-wrap:wrap}
.arkoz-demo .conversation-head .eyebrow{font-size:14px;color:#46606d}
.arkoz-demo .conversation-head h2{font-size:24px;line-height:1.2;font-weight:750;color:#072535}
.arkoz-demo .legend{padding:0;font-size:14px;color:#46606d;flex-wrap:wrap;gap:16px}
.arkoz-demo .agent-dot{background:#007874}.arkoz-demo .caller-dot{background:#124259}
.arkoz-demo #transcript.k-transcript{display:block;height:440px;min-height:0;max-height:440px;padding:0 8px 24px 0;background:transparent;scrollbar-color:#859fa9 #e4eef2;mask-image:none;-webkit-mask-image:none}
.arkoz-demo .message.k-line{width:100%;max-width:none;display:block;margin:0 0 12px;padding:16px;font:450 16px/1.5 Manrope,'Segoe UI',Arial,sans-serif;border:1px solid #cddde3;border-radius:12px;background:white;color:#072535}
.arkoz-demo .message.k-line--caller{width:calc(100% - 32px);margin-left:32px;background:#e4eef2;border-color:transparent}
.arkoz-demo .message.k-line.active{border-color:#00b8b4;box-shadow:inset 3px 0 0 #00b8b4;background:#fff}
.arkoz-demo .message.k-line--caller.active{background:#e4eef2}
.arkoz-demo .message-meta.k-line__who{font:750 14px/1.5 Manrope,'Segoe UI',Arial,sans-serif;color:#007874;letter-spacing:.02em;margin-bottom:4px}
.arkoz-demo .caller .message-meta.k-line__who{color:#124259}
.arkoz-demo .message time{font:560 14px/1.5 Manrope,'Segoe UI',Arial,sans-serif;color:#46606d}
.arkoz-demo .word.current,.arkoz-demo .caller .word.current{background:#a6dbd6;color:#072535;box-shadow:none}
.arkoz-demo .transcript-footer{padding:0;border:0;font-size:14px;line-height:1.6;color:#46606d}
/* Existing callback summary remains below the player. */
.arkoz-demo .handover{font-family:Manrope,'Segoe UI',Arial,sans-serif}
.arkoz-demo .handover .eyebrow{font-size:14px}.arkoz-demo .handover dt{font-size:16px}
@media(max-width:1023px){.arkoz-demo .demo-grid{grid-template-columns:1fr}.arkoz-demo .player-panel.k-player{padding:24px;border-radius:12px}.arkoz-demo .conversation{margin-top:0}.arkoz-demo #transcript.k-transcript{height:440px;max-height:440px}.arkoz-demo .next-step .cta.k-btn{font-size:15px;padding:10px 12px}}