.voice-outbox {
  box-sizing: border-box;
  max-width: 100%;
  max-height: min(36vh, 260px);
  overflow: auto;
  margin-block: 6px;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 12px;
  padding: 8px 12px;
  color: inherit;
  background: color-mix(in srgb, Canvas 94%, #4285ed);
  font-size: 0.85rem;
}
.voice-outbox[hidden] { display: none; }
.voice-outbox summary { cursor: pointer; padding-block: 4px; }
.voice-outbox-item { padding-block: 8px; overflow-wrap: anywhere; }
.voice-outbox-item + .voice-outbox-item { border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.voice-outbox-destination { font-weight: 600; }
.voice-outbox-status { padding-block: 4px; }
.voice-outbox audio { display: block; width: 100%; max-width: 360px; height: 36px; margin-block: 6px; }
.voice-outbox-actions { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.voice-outbox-actions button, .voice-outbox-actions a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  padding: 4px;
  cursor: pointer;
}
.voice-outbox-actions button:disabled { opacity: 0.55; cursor: default; }
.voice-outbox :focus-visible { outline: 2px solid #4285ed; outline-offset: 2px; }