/* /Components/Concrete/Home/HomeDashboard.razor.rz.scp.css */
/* HomeDashboard component styles - Using global IMEAG design system */
/* /Components/Concrete/Venue/VenueCandidates.razor.rz.scp.css */
/* VenueCandidates component styles */

/* ── Hub status badge ─────────────────────────────────────────── */
.error-badge[b-6c45x80nim] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12) 0%, rgba(239, 68, 68, 0.06) 100%);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.2);
}

/* ── Back button ──────────────────────────────────────────────── */
.vc-back-btn[b-6c45x80nim] {
    text-transform: none;
    font-weight: 600;
}

/* ── Page header icon ─────────────────────────────────────────── */
.vc-header-icon[b-6c45x80nim] {
    color: var(--imeag-primary);
    font-size: 2rem;
}

/* ── Active-call status bar ───────────────────────────────────── */
.vc-active-call-bar[b-6c45x80nim] {
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.imeag-icon-container.vc-call-icon[b-6c45x80nim] {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
}

.vc-icon-md[b-6c45x80nim] {
    font-size: 1.5rem;
}

.vc-call-label[b-6c45x80nim] {
    font-weight: 600;
    color: var(--imeag-text-primary);
}

.vc-call-student-name[b-6c45x80nim] {
    color: var(--imeag-primary);
}

.vc-call-caption[b-6c45x80nim] {
    color: var(--imeag-text-secondary);
}

/* ── Audio-only placeholder panel ────────────────────────────── */
.vc-audio-panel[b-6c45x80nim] {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 1.5rem;
    border-radius: var(--imeag-radius);
    background: var(--imeag-bg-card);
    box-shadow: var(--imeag-shadow-card);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    gap: 1rem;
}

.vc-audio-icon[b-6c45x80nim] {
    font-size: 4rem;
    color: var(--imeag-primary);
}

.vc-audio-label[b-6c45x80nim] {
    color: var(--imeag-text-secondary);
}

.vc-hidden-video[b-6c45x80nim] {
    display: none;
}

/* ── Video panel ──────────────────────────────────────────────── */
.vc-video-panel[b-6c45x80nim] {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin: 0 auto 1.5rem;
    border-radius: var(--imeag-radius);
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
    box-shadow: var(--imeag-shadow-card);
}

.vc-remote-video[b-6c45x80nim] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vc-local-video-pip[b-6c45x80nim] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 160px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.4);
}

/* ── Empty state ──────────────────────────────────────────────── */
.vc-empty-icon[b-6c45x80nim] {
    font-size: 2.5rem;
}

.vc-empty-title[b-6c45x80nim] {
    color: var(--imeag-text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* ── Paged count label ────────────────────────────────────────── */
.vc-count-label[b-6c45x80nim] {
    color: var(--imeag-text-secondary);
    margin-bottom: 1rem;
}

/* ── Student card ─────────────────────────────────────────────── */
.vc-student-card[b-6c45x80nim] {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
}

.vc-student-card.active-call[b-6c45x80nim] {
    border: 2px solid var(--imeag-accent);
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.3);
}

.vc-avatar-wrap[b-6c45x80nim] {
    position: relative;
}

.imeag-icon-container.vc-student-icon[b-6c45x80nim] {
    width: 50px;
    height: 50px;
    margin-bottom: 0.5rem;
}

.vc-online-dot[b-6c45x80nim] {
    position: absolute;
    bottom: 4px;
    right: -4px;
    width: 14px;
    height: 14px;
    background: var(--imeag-success);
    border: 2px solid var(--imeag-bg-card);
    border-radius: 50%;
}

.vc-student-name[b-6c45x80nim] {
    font-weight: 700;
    color: var(--imeag-text-primary);
    word-break: break-word;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.vc-divider[b-6c45x80nim] {
    width: 100%;
    margin-bottom: 0.75rem;
}

/* ── Candidate info rows ──────────────────────────────────────── */
.cand-info-grid[b-6c45x80nim] {
    width: 100%;
    font-size: 0.75rem;
}

.cand-row[b-6c45x80nim] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 4px;
    margin-bottom: 4px;
}

.cand-label[b-6c45x80nim] {
    color: var(--imeag-text-secondary);
}

.cand-value[b-6c45x80nim] {
    font-weight: 600;
    color: var(--imeag-text-primary);
}

.cand-value--break-all[b-6c45x80nim] {
    font-weight: 600;
    color: var(--imeag-text-primary);
    word-break: break-all;
}

.cand-value--break-word[b-6c45x80nim] {
    font-weight: 600;
    color: var(--imeag-text-primary);
    word-break: break-word;
}

/* ── Button wrapper ───────────────────────────────────────────── */
.vc-btn-wrap[b-6c45x80nim] {
    margin-top: auto;
    padding-top: 0.75rem;
    width: 100%;
}

/* Card action buttons */
.vc-card-btn[b-6c45x80nim] {
    border-radius: 10px;
}

/* Fix is in app.css (.mud-menu.vc-call-menu) due to Blazor CSS isolation limits */

/* ── Icon container variant (secondary) ───────────────────────── */
.imeag-icon-container.secondary[b-6c45x80nim] {
    background: linear-gradient(135deg, rgba(100, 116, 139, 0.15) 0%, rgba(100, 116, 139, 0.08) 100%);
    color: #64748b;
}
.vc-call-menu .mud-menu-activator[b-6c45x80nim] {
    width: 100%;
}
/* ── Pagination wrapper ───────────────────────────────────────── */
.vc-pagination-wrap[b-6c45x80nim] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.vc-pagination[b-6c45x80nim] {
    background: var(--imeag-bg-card);
    padding: 0.75rem 1rem;
    border-radius: var(--imeag-radius);
    box-shadow: var(--imeag-shadow-card);
}
/* /Components/Concrete/Venue/VenuesList.razor.rz.scp.css */
/* VenuesList component styles */

/* ── Page header icon ─────────────────────────────────────────── */
.vl-header-icon[b-df3gs72csn] {
    color: var(--imeag-primary);
    font-size: 2rem;
}

/* ── Toolbar search box ───────────────────────────────────────── */
.vl-search-box[b-df3gs72csn] {
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

/* ── Venue card ───────────────────────────────────────────────── */
.vl-venue-card[b-df3gs72csn] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.vl-icon-mb[b-df3gs72csn] {
    margin-bottom: 1rem;
}

.vl-icon-lg[b-df3gs72csn] {
    font-size: 1.8rem;
}

.vl-venue-name[b-df3gs72csn] {
    font-weight: 700;
    color: var(--imeag-text-primary);
    margin-bottom: 0.5rem;
}

.vl-chip-mb[b-df3gs72csn] {
    margin-bottom: 0.75rem;
}

/* ── Empty state ──────────────────────────────────────────────── */
.vl-empty-icon[b-df3gs72csn] {
    font-size: 2.5rem;
}

.vl-empty-title[b-df3gs72csn] {
    color: var(--imeag-text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.vl-empty-sub[b-df3gs72csn] {
    color: var(--imeag-text-secondary);
}

/* ── Count label ──────────────────────────────────────────────── */
.vl-count-label[b-df3gs72csn] {
    color: var(--imeag-text-secondary);
    margin-bottom: 1rem;
}

/* ── Pagination wrapper ───────────────────────────────────────── */
.vl-pagination-wrap[b-df3gs72csn] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.vl-pagination[b-df3gs72csn] {
    background: var(--imeag-bg-card);
    padding: 0.75rem 1rem;
    border-radius: var(--imeag-radius);
    box-shadow: var(--imeag-shadow-card);
}
/* /SharedRazor/Layouts/MainLayout.razor.rz.scp.css */