/* Woo Glasovne Poruke (ElevenLabs) - v1.4.6 UI */
.bbv-voice-box { border: 1px solid #e9e9ee; padding: 14px; margin: 14px 0; border-radius: 12px; background: #fff; }
.bbv-voice-box h3 { margin: 0 0 10px; font-size: 1.05rem; }
.bbv-panels { display: grid; grid-template-columns: 1fr; gap: 12px; }
.bbv-panel { background: #fafafe; padding: 12px; border-radius: 12px; border: 1px solid #eef; }
.bbv-panel h4 { margin: 0 0 10px; font-size: 1rem; }
.bbv-recorder { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.bbv-timer { font-weight: 700; min-width: 48px; text-align: center; }
.bbv-actions { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.bbv-voice-box .button { border-radius: 10px; padding: 6px 12px; }
audio { width: 100%; margin-top: 8px; border-radius: 8px; }
.bbv-hint{font-size:.9rem;color:#555;margin-top:4px}

.bbv-label{display:block;margin-bottom:6px;font-weight:600}
.bbv-voice-select{width:100%;padding:6px;border-radius:8px;border:1px solid #ddd;margin-bottom:8px}

.bbv-clear-rec, .bbv-clear-tts { background: #e53935; border-color: #e53935; color: #fff; }
.bbv-clear-rec:hover, .bbv-clear-tts:hover { background: #c62828; border-color: #c62828; color: #fff; }

@media (min-width: 780px){
  .bbv-panels { grid-template-columns: 1fr 1fr; }
}