@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.live-context-panel{border:1px solid var(--ev-colors-borderColor);background:var(--ev-colors-background);border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.live-context-panel .live-context-panel-header{border-bottom:1px solid var(--ev-colors-borderColor);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.live-context-panel .live-context-panel-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ev-colors-text);font-size:14px;font-weight:600;overflow:hidden}.live-context-panel .live-context-panel-status{background:var(--ev-colors-backgroundSecondary);color:var(--ev-colors-secondaryText);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.live-context-panel .live-context-panel-status .live-context-panel-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.live-context-panel .live-context-panel-status--connected{color:var(--ev-colors-statusRunning);background:var(--ev-colors-statusRunningBackground)}.live-context-panel .live-context-panel-status--connected .live-context-panel-status-dot{animation:1.6s ease-in-out infinite live-context-pulse}.live-context-panel .live-context-panel-status--error{color:var(--ev-colors-statusError);background:var(--ev-colors-statusErrorBackground)}.live-context-panel .live-context-panel-status--disconnected{color:var(--ev-colors-warning);background:color-mix(in srgb, var(--ev-colors-warning) 12%, transparent)}.live-context-panel .live-context-panel-status--idle{color:var(--ev-colors-statusIdle);background:var(--ev-colors-statusIdleBackground)}.live-context-panel .live-context-panel-body{flex:1;min-height:0;overflow:auto}.live-context-panel .live-context-panel-message{color:var(--ev-colors-secondaryText);padding:14px;font-size:13px;line-height:1.5}.live-context-panel .live-context-panel-message--error{color:var(--ev-colors-danger)}.live-context-panel .live-context-panel-json{white-space:pre-wrap;word-break:break-word;color:var(--ev-colors-text);margin:0;padding:14px;font-family:SF Mono,ui-monospace,Menlo,Consolas,Roboto Mono,monospace;font-size:12px;line-height:1.6}.live-context-panel .live-context-render-fallback-label{background:var(--ev-colors-backgroundSecondary);color:var(--ev-colors-secondaryText);border-radius:8px;margin:12px 14px 0;padding:8px 10px;font-size:12px}.live-context-panel .live-context-render-fallback-label code{color:var(--ev-colors-text)}.live-context-panel .live-context-messages,.live-context-panel .live-context-cards{flex-direction:column;gap:10px;padding:14px;display:flex}.live-context-panel .live-context-message{--live-context-message-color:var(--ev-colors-highlight);border:1px solid color-mix(in srgb, var(--live-context-message-color) 24%, transparent);background:color-mix(in srgb, var(--live-context-message-color) 10%, var(--ev-colors-background));width:fit-content;max-width:88%;color:var(--ev-colors-text);border-radius:12px 12px 12px 4px;align-self:flex-start;padding:9px 11px}.live-context-panel .live-context-message--customer{--live-context-message-color:var(--ev-colors-brightBlue)}.live-context-panel .live-context-message--agent{--live-context-message-color:var(--ev-colors-statusRunning);border-radius:12px 12px 4px;align-self:flex-end}.live-context-panel .live-context-message--tone-0{--live-context-message-color:var(--ev-colors-highlight)}.live-context-panel .live-context-message--tone-1{--live-context-message-color:var(--ev-colors-warning)}.live-context-panel .live-context-message--tone-2{--live-context-message-color:var(--ev-colors-statusRunning)}.live-context-panel .live-context-message--tone-3{--live-context-message-color:var(--ev-colors-brightBlue)}.live-context-panel .live-context-message-meta,.live-context-panel .live-context-timeline-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.live-context-panel .live-context-message-speaker{color:var(--live-context-message-color);letter-spacing:.02em;text-transform:capitalize;font-size:11px;font-weight:700}.live-context-panel .live-context-message-content,.live-context-panel .live-context-timeline-content,.live-context-panel .live-context-list-content,.live-context-panel .live-context-card-field dd,.live-context-panel .live-context-card-value{overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.45}.live-context-panel .live-context-item-time{color:var(--ev-colors-secondaryText);flex-shrink:0;font-size:10px;font-weight:500}.live-context-panel .live-context-timeline{flex-direction:column;gap:12px;margin:0;padding:14px 14px 14px 28px;list-style:none;display:flex;position:relative}.live-context-panel .live-context-timeline:before{background:var(--ev-colors-borderColor);content:"";width:1px;position:absolute;top:20px;bottom:20px;left:18px}.live-context-panel .live-context-timeline li{position:relative}.live-context-panel .live-context-timeline-dot{border:2px solid var(--ev-colors-background);background:var(--ev-colors-highlight);width:7px;height:7px;box-shadow:0 0 0 1px var(--ev-colors-highlight);border-radius:50%;position:absolute;top:13px;left:-14px}.live-context-panel .live-context-timeline-card,.live-context-panel .live-context-card{border:1px solid var(--ev-colors-borderColor);background:var(--ev-colors-backgroundSecondary);border-radius:10px;padding:10px 12px}.live-context-panel .live-context-timeline-meta strong,.live-context-panel .live-context-card h4{color:var(--ev-colors-text);margin:0;font-size:12px;font-weight:650}.live-context-panel .live-context-card-fields{gap:7px;margin:0;display:grid}.live-context-panel .live-context-card-field{grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:10px;display:grid}.live-context-panel .live-context-card-field dt{color:var(--ev-colors-secondaryText);text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.live-context-panel .live-context-card-field dd{min-width:0;color:var(--ev-colors-text);margin:0}.live-context-panel .live-context-list{flex-direction:column;gap:1px;margin:0;padding:8px;list-style:none;display:flex}.live-context-panel .live-context-list li{border-radius:8px;align-items:baseline;gap:10px;padding:9px 10px;display:flex}.live-context-panel .live-context-list li:nth-child(odd){background:var(--ev-colors-backgroundSecondary)}.live-context-panel .live-context-list-label{color:var(--ev-colors-secondaryText);text-overflow:ellipsis;white-space:nowrap;flex:0 0 28%;font-size:11px;font-weight:650;overflow:hidden}.live-context-panel .live-context-list-content{min-width:0;color:var(--ev-colors-text)}@supports (content-visibility:auto){.live-context-panel .live-context-message,.live-context-panel .live-context-timeline li,.live-context-panel .live-context-card,.live-context-panel .live-context-list li{content-visibility:auto;contain-intrinsic-size:auto 64px}}@media (prefers-reduced-motion:reduce){.live-context-panel .live-context-panel-status-dot{animation:none!important}}@keyframes live-context-pulse{0%,to{opacity:1}50%{opacity:.35}}