/* ───────────── Sahifa almashish (PJAX) indikatori ───────────── */
#qv-progress {
    position: fixed; top: 0; left: 0; height: 3px; width: 0;
    background: linear-gradient(90deg, #30AF6F, #FFCC66);
    box-shadow: 0 0 6px rgba(0, 156, 78, .6);
    z-index: 10000; opacity: 0; pointer-events: none;
    transition: width .25s ease, opacity .3s ease;
}
#qv-progress.qv-on { opacity: 1; }
#qv-page { transition: opacity .15s ease; }
#qv-page.qv-loading { opacity: .55; }

/* ───────────── Header'dagi doimiy panel (ovozli chat + ovozli xabar) ───────────── */
#qv-dock {
    position: sticky; top: 0; z-index: 900;
    display: flex; flex-direction: column; gap: 0;
}
#qv-dock:empty { display: none; }
.qv-bar {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 5px 8px; color: #fff; font-size: 13px; line-height: 18px;
    background: linear-gradient(135deg, #009C4E 0%, #0b7d45 100%);
    border-bottom: 1px solid #06693a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
    animation: qv-slide .22s ease;
}
.qv-bar[hidden] { display: none; }
.qv-bar.qv-audio-bar { background: linear-gradient(135deg, #6182AA 0%, #4a6a91 100%); border-bottom-color: #3d5877; }
@keyframes qv-slide { from { transform: translateY(-100%); opacity: 0; } to { transform: none; opacity: 1; } }

.qv-bar a, .qv-bar a:link, .qv-bar a:visited { color: #fff; text-decoration: none; }
.qv-bar-main { display: flex; align-items: center; gap: 6px; min-width: 0; flex: 1 1 auto; }
.qv-bar-title { font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60vw; }
.qv-bar-title small { font-weight: normal; opacity: .85; }
.qv-live {
    width: 9px; height: 9px; border-radius: 50%; background: #b9f6ca; flex: 0 0 auto;
    box-shadow: 0 0 0 0 rgba(185, 246, 202, .7); animation: qv-pulse 1.6s infinite;
}
@keyframes qv-pulse { 0% { box-shadow: 0 0 0 0 rgba(185,246,202,.7); } 70% { box-shadow: 0 0 0 7px rgba(185,246,202,0); } 100% { box-shadow: 0 0 0 0 rgba(185,246,202,0); } }
.qv-bar-actions { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; }
.qv-ibtn {
    border: 0; border-radius: 14px; padding: 3px 10px; cursor: pointer;
    font-family: inherit; font-size: 11px; line-height: 16px; font-weight: bold; color: #fff; background: rgba(255, 255, 255, .18);
    transition: background .15s ease, transform .1s ease;
}
.qv-ibtn:hover { background: rgba(255, 255, 255, .3); }
.qv-ibtn:active { transform: scale(.95); }
.qv-ibtn.qv-danger { background: #e53935; }
.qv-ibtn.qv-danger:hover { background: #f44336; }
.qv-ibtn.qv-muted { background: #ff7043; }
.qv-bar-people { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; }
.qv-bar-people:empty { display: none; }

/* Ishtirokchi "chip"lari — header va sahifadagi vidjetlar uchun umumiy */
.vc-chip {
    display: inline-flex; align-items: center; gap: 4px;
    background: #fff; color: #37474f; padding: 1px 7px 1px 2px; border-radius: 14px;
    border: 1px solid #d0dbe5; font-size: 11px; line-height: 18px;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.vc-chip img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.vc-chip .vc-nick { font-weight: bold; color: #78909c; transition: color .15s ease; }
.vc-chip .vc-muted-ico { color: #e53935; font-weight: bold; }
.vc-chip.vc-speaking { border-color: #4caf50; background: #e8f5e9; box-shadow: 0 0 5px rgba(76, 175, 80, .55); }
.vc-chip.vc-speaking .vc-nick { color: #2e7d32; }
.vc-chip .vc-kick, .vc-chip .vc-kick:link, .vc-chip .vc-kick:visited {
    color: #e53935 !important; font-weight: bold; text-decoration: none; margin-left: 1px; cursor: pointer;
}
.vc-chip .vc-kick:hover { color: #b71c1c !important; background: none; }
.vc-chip .vc-fmute, .vc-chip .vc-fmute:link, .vc-chip .vc-fmute:visited {
    color: #ef6c00 !important; font-weight: bold; text-decoration: none; margin-left: 1px; cursor: pointer;
}
.vc-chip .vc-fmute.is-on, .vc-chip .vc-fmute.is-on:link, .vc-chip .vc-fmute.is-on:visited { color: #2e7d32 !important; }
.vc-chip .vc-role { font-size: 11px; line-height: 1; }
.vc-chip.vc-chip-admin { border-color: #ffb300; background: #fff8e1; }
.vc-chip.vc-chip-moderator { border-color: #7e57c2; background: #f3e5f5; }

/* Sahifadagi vidjet */
.vc-widget {
    padding: 6px 8px; margin: 4px 0; border: 1px solid #d0dbe5; border-radius: 4px; background: #f0f4f8;
}
.vc-widget.vc-active { border-color: var(--vc-accent, #4caf50); box-shadow: inset 3px 0 0 var(--vc-accent, #4caf50); }
.vc-widget-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; }
.vc-widget-title { font-size: 13px; font-weight: bold; color: #37474f; display: inline-flex; align-items: center; gap: 5px; }
.vc-widget-title small { font-weight: normal; color: #607d8b; }
.vc-dot { width: 8px; height: 8px; border-radius: 50%; background: #b0bec5; }
.vc-widget.vc-active .vc-dot { background: var(--vc-accent, #4caf50); animation: qv-pulse 1.6s infinite; }
.vc-controls { display: flex; align-items: center; gap: 6px; }
.vc-btn {
    padding: 3px 10px; border: none; border-radius: 12px; font-size: 11px; font-weight: bold;
    color: #fff; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
}
.vc-btn[hidden] { display: none; }
.vc-btn-join { background: var(--vc-accent, #4caf50); }
.vc-btn-mute { background: #607d8b; }
.vc-btn-mute.vc-is-muted { background: #e53935; }
.vc-btn-leave { background: #f44336; }
.vc-note { font-size: 11px; color: #b71c1c; margin-top: 4px; }
.vc-note[hidden] { display: none; }
.vc-participants-wrap {
    display: flex; margin-top: 6px; align-items: center; gap: 6px; flex-wrap: wrap;
    padding-top: 4px; border-top: 1px dashed #d0dbe5;
}
.vc-participants-wrap[hidden] { display: none; }

/* Ovozli xabar mini-pleyeri */
.qv-audio-progress {
    flex: 1 1 120px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .3);
    cursor: pointer; position: relative; overflow: hidden; min-width: 80px;
}
.qv-audio-progress > i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #fff; border-radius: 2px; }
.qv-audio-time { font: 11px monospace; opacity: .9; min-width: 34px; text-align: right; }

/* Bildirishnoma (toast) */
#qv-toast {
    position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%) translateY(20px);
    background: #37474f; color: #fff; padding: 8px 14px; border-radius: 18px; font-size: 13px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .25); z-index: 10001; opacity: 0; pointer-events: none;
    transition: opacity .25s ease, transform .25s ease; max-width: 90vw; text-align: center;
}
#qv-toast.qv-on { opacity: 1; transform: translateX(-50%) translateY(0); }
#qv-toast.qv-err { background: #c62828; }
.vc-chip.vc-speaking { border-color: #4caf50; background: #e8f5e9; box-shadow: 0 0 5px rgba(76, 175, 80, .55); }