.bos-live-console {
  margin: 14px 0;
  border: 1px solid color-mix(in srgb, var(--accent, #8b6dff) 54%, #273244);
  border-radius: 16px;
  overflow: hidden;
  background: #080b12;
  color: #d7e0ee;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035), 0 12px 30px rgba(0, 0, 0, 0.22);
}

.bos-live-head,
.bos-live-agent {
  display: flex;
  align-items: center;
  gap: 9px;
}

.bos-live-head {
  justify-content: space-between;
  padding: 11px 13px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(255, 255, 255, 0.035);
}

.bos-live-head > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bos-live-head strong {
  font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.bos-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.12), 0 0 14px rgba(96, 165, 250, 0.7);
  animation: bos-live-pulse 1.8s ease-in-out infinite;
}

.bos-live-dot.done { background: #34d399; box-shadow: 0 0 12px rgba(52, 211, 153, 0.65); animation: none; }
.bos-live-dot.error { background: #fb7185; box-shadow: 0 0 12px rgba(251, 113, 133, 0.65); animation: none; }
.bos-live-dot.waiting { background: #fbbf24; box-shadow: 0 0 12px rgba(251, 191, 36, 0.6); }

@keyframes bos-live-pulse {
  50% { opacity: 0.48; transform: scale(0.82); }
}

.bos-live-toggle {
  border: 0;
  border-radius: 8px;
  padding: 5px 9px;
  background: rgba(255, 255, 255, 0.08);
  color: #b8c4d6;
  font: 600 11px/1 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.bos-live-agent {
  flex-wrap: wrap;
  padding: 11px 13px 8px;
  font: 12px/1.3 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.bos-live-agent strong { color: #f8fafc; }
.bos-live-agent span { color: #93c5fd; }
.bos-live-agent em { margin-left: auto; color: #7f8da3; font-style: normal; }

.bos-live-terminal {
  min-height: 132px;
  max-height: 310px;
  margin: 0;
  padding: 8px 13px 12px;
  overflow: auto;
  list-style: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px) 0 0 / 100% 24px,
    #070a10;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  scrollbar-color: #334155 transparent;
}

.bos-live-line {
  display: grid;
  grid-template-columns: 72px 14px minmax(0, 1fr);
  gap: 6px;
  min-height: 24px;
  align-items: start;
}

.bos-live-line time { color: #526077; }
.bos-live-line .bos-live-prompt { color: #60a5fa; font-weight: 800; }
.bos-live-line.active .bos-live-prompt { color: #c084fc; }
.bos-live-line.done .bos-live-prompt { color: #34d399; }
.bos-live-line.waiting .bos-live-prompt { color: #fbbf24; }
.bos-live-line.error .bos-live-prompt { color: #fb7185; }
.bos-live-line b { color: #c4b5fd; font-weight: 650; }

.bos-live-foot {
  padding: 8px 13px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  color: #59677b;
  font: 10px/1.35 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

@media (max-width: 640px) {
  .bos-live-agent em { width: 100%; margin-left: 0; }
  .bos-live-terminal { max-height: 250px; }
  .bos-live-line { grid-template-columns: 60px 12px minmax(0, 1fr); font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .bos-live-dot { animation: none; }
}