/* Stoner Bot Control Center: In Voice card on Home (v3.1.161). See js/voice-now.js. */
#screen .sb-vc-card{display:flex;flex-direction:column;gap:18px}
.sb-vc-channel-block{display:flex;flex-direction:column;gap:12px}
.sb-vc-channel-block+.sb-vc-channel-block{padding-top:16px;border-top:1px solid rgba(214,192,246,.13)}
.sb-vc-head{display:flex;align-items:center;gap:12px;min-width:0}
.sb-vc-speaker{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(179,136,235,.14);border:1px solid rgba(214,192,246,.16);color:#d9bdfb}
.sb-vc-speaker svg{width:21px;height:21px}
.sb-vc-headtext{display:flex;flex-direction:column;gap:3px;min-width:0}
.sb-vc-channel{font-size:16px;font-weight:720;letter-spacing:-.3px;line-height:1.25;overflow-wrap:anywhere}
.sb-vc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;font-size:12px;color:#b9adc8;font-variant-numeric:tabular-nums}
.sb-vc-dot{width:7px;height:7px;border-radius:50%;background:#5fd38a;box-shadow:0 0 0 3px rgba(95,211,138,.16);animation:sb-vc-pulse 2.4s ease-in-out infinite}
@keyframes sb-vc-pulse{0%,100%{opacity:1}50%{opacity:.45}}
.sb-vc-members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sb-vc-member{display:flex;align-items:center;gap:11px;min-width:0}
.sb-vc-avatar{flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(179,136,235,.16);color:#e2d2f7;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.1)}
.sb-vc-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.sb-vc-who{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sb-vc-name-row{display:flex;align-items:center;gap:7px;min-width:0}
.sb-vc-name{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-vc-bot .sb-vc-name{color:#cfc4dc}
.sb-vc-bottag{flex:none;font-size:9px;font-weight:800;letter-spacing:.8px;padding:2px 5px;border-radius:5px;background:rgba(88,101,242,.85);color:#fff}
.sb-vc-song{font-size:11px;color:#b9adc8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-vc-states{flex:none;display:flex;align-items:center;gap:6px;color:#b9adc8}
.sb-vc-icon{display:grid;place-items:center}
.sb-vc-icon svg{width:17px;height:17px}
.sb-vc-off{color:#f08a8a}
.sb-vc-live{font-size:9px;font-weight:800;letter-spacing:.8px;padding:2px 5px;border-radius:5px;background:#e5484d;color:#fff}
.sb-vc-error{color:#e8b0b0!important;font-size:12px!important;margin:0}

/* Slides in when someone joins voice and out when the last person leaves */
.sb-vc-wrap{display:grid;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr);opacity:1;transform:none;transition:grid-template-rows .34s cubic-bezier(.3,.7,.2,1),opacity .28s ease,transform .34s cubic-bezier(.3,.7,.2,1)}
.sb-vc-inner{min-height:0;min-width:0}
.sb-vc-wrap[data-anim="in"],.sb-vc-wrap[data-anim="out"]{grid-template-rows:0fr;opacity:0;transform:translateY(-8px)}
.sb-vc-wrap[data-anim] .sb-vc-inner{overflow:hidden}
@media(prefers-reduced-motion:reduce){.sb-vc-wrap{transition:none}.sb-vc-dot{animation:none}}