/* BB Hashtag Generator - Live Radio Bar */
.bbhg-radio-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    background: linear-gradient(90deg, #0f172a 0%, #1e1b4b 100%);
    color: #e2e8f0;
    font-size: 13px;
    line-height: 1.2;
    position: relative;
    z-index: 10001;
    flex: 0 0 auto;
    min-height: 40px;
    box-sizing: border-box;
}
.bbhg-radio-bar * { box-sizing: border-box; }
.bbhg-radio-toggle {
    width: 30px; height: 30px; flex: 0 0 30px;
    border: 0; border-radius: 50%;
    background: #7c3aed; color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; padding: 0;
    transition: background .15s, transform .1s;
}
.bbhg-radio-toggle:hover { background: #6d28d9; }
.bbhg-radio-toggle:active { transform: scale(.94); }
.bbhg-radio-toggle svg { width: 14px; height: 14px; fill: currentColor; }
.bbhg-radio-toggle .bbhg-ico-stop { display: none; }
.bbhg-radio-toggle.is-playing .bbhg-ico-play { display: none; }
.bbhg-radio-toggle.is-playing .bbhg-ico-stop { display: block; }
.bbhg-radio-eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; flex: 0 0 auto; }
.bbhg-radio-eq i { display: block; width: 3px; height: 4px; background: #a78bfa; border-radius: 1px; }
.bbhg-radio-bar[data-state="live"] .bbhg-radio-eq i { animation: bbhgEq 0.9s ease-in-out infinite; }
.bbhg-radio-bar[data-state="live"] .bbhg-radio-eq i:nth-child(2) { animation-delay: .2s; }
.bbhg-radio-bar[data-state="live"] .bbhg-radio-eq i:nth-child(3) { animation-delay: .4s; }
.bbhg-radio-bar[data-state="live"] .bbhg-radio-eq i:nth-child(4) { animation-delay: .1s; }
@keyframes bbhgEq { 0%,100% { height: 3px; } 50% { height: 14px; } }
.bbhg-radio-status {
    flex: 1 1 auto; min-width: 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: #e2e8f0; font-weight: 600;
}
.bbhg-radio-bar[data-state="error"] .bbhg-radio-status { color: #fca5a5; }
.bbhg-radio-bar[data-state="held"] .bbhg-radio-status { color: #fde68a; }
.bbhg-radio-station {
    flex: 0 1 170px; min-width: 0; max-width: 170px;
    background: rgba(255,255,255,.1); color: #fff;
    border: 1px solid rgba(255,255,255,.2); border-radius: 8px;
    padding: 4px 8px; font-size: 12px; height: 28px;
}
.bbhg-radio-station option { color: #0f172a; background: #fff; }
.bbhg-radio-vol { width: 80px; flex: 0 0 80px; accent-color: #a78bfa; cursor: pointer; }
.bbhg-radio-credit { color: #94a3b8; font-size: 11px; text-decoration: none; flex: 0 0 auto; }
.bbhg-radio-credit:hover { color: #fff; text-decoration: underline; }
@media (max-width: 640px) {
    .bbhg-radio-bar { padding: 5px 10px; gap: 8px; }
    .bbhg-radio-vol, .bbhg-radio-credit { display: none; }
    .bbhg-radio-station { flex-basis: 120px; max-width: 120px; }
}