@import '_content/BlazorColorPicker/BlazorColorPicker.x2b8xw1nvo.bundle.scp.css';
@import '_content/WMBlazorOverlayScrollbars/WMBlazorOverlayScrollbars.bundle.scp.css';

/* /Pages/Grade.razor.rz.scp.css */
/* Estrutura do guia EPG — cores exclusivamente via tokens do YNEX. */

/* Rolagem nos dois eixos com cabeçalho de horas e coluna de canais fixos. */
.epg-scroll[b-3wgkn68zuq] {
    overflow: auto;
    max-height: 68vh;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--primary-rgb), 0.6) var(--custom-white);
}

.epg-scroll[b-3wgkn68zuq]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.epg-scroll[b-3wgkn68zuq]::-webkit-scrollbar-track {
    background: var(--custom-white);
}

.epg-scroll[b-3wgkn68zuq]::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-rgb), 0.55);
    border-radius: 6px;
}

.epg-scroll[b-3wgkn68zuq]::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--primary-rgb));
}

.epg[b-3wgkn68zuq] {
    min-width: 1500px;
}

.epg-row[b-3wgkn68zuq] {
    display: flex;
    border-block-end: 1px solid var(--default-border);
}

.epg-row:last-child[b-3wgkn68zuq] {
    border-block-end: 0;
}

.epg-head[b-3wgkn68zuq] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--custom-white);
}

.epg-head .epg-canal[b-3wgkn68zuq] {
    z-index: 6;
}

.epg-canal[b-3wgkn68zuq] {
    flex: 0 0 210px;
    max-width: 210px;
    padding: 0.55rem 0.75rem;
    border-inline-end: 1px solid var(--default-border);
    display: flex;
    align-items: center;
    position: sticky;
    left: 0;
    background: var(--custom-white);
    z-index: 2;
}

.epg-timeline[b-3wgkn68zuq] {
    position: relative;
    flex: 1 1 auto;
    min-height: 64px;
}

.epg-head .epg-timeline[b-3wgkn68zuq] {
    min-height: 26px;
}

.epg-hora[b-3wgkn68zuq] {
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 0.6875rem;
    color: var(--text-muted);
    border-inline-start: 1px dashed var(--default-border);
    padding-inline-start: 4px;
}

.epg-agora[b-3wgkn68zuq] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgb(var(--danger-rgb));
    z-index: 1;
}

.epg-bloco[b-3wgkn68zuq] {
    position: absolute;
    top: 7px;
    bottom: 7px;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 0.3rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.72rem;
    overflow: hidden;
    border: 1px solid var(--default-border);
    background: var(--custom-white);
    color: var(--default-text-color);
    cursor: pointer;
}

.epg-bloco:hover[b-3wgkn68zuq] {
    border-color: rgb(var(--primary-rgb));
}

.epg-bloco.selecionado[b-3wgkn68zuq] {
    outline: 2px solid rgb(var(--primary-rgb));
    outline-offset: 1px;
}

/* Miniatura do vídeo dentro do bloco (blocos estreitos cortam naturalmente). */
.epg-thumb[b-3wgkn68zuq] {
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 3px;
    flex-shrink: 0;
}

.epg-bloco-titulo[b-3wgkn68zuq] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.epg-bloco.ao-vivo[b-3wgkn68zuq] {
    background: rgba(var(--danger-rgb), 0.15);
    border-color: rgb(var(--danger-rgb));
    font-weight: 600;
}

.epg-bloco.agendada[b-3wgkn68zuq] {
    background: rgba(var(--primary-rgb), 0.12);
    border-color: rgba(var(--primary-rgb), 0.45);
}

.epg-bloco.encerrada[b-3wgkn68zuq] {
    opacity: 0.65;
}

.grade-legenda[b-3wgkn68zuq] {
    border-block-end: 1px solid var(--default-border);
}

.legenda[b-3wgkn68zuq] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-inline-end: 4px;
    border: 1px solid var(--default-border);
}

.legenda-aovivo[b-3wgkn68zuq] {
    background: rgba(var(--danger-rgb), 0.6);
}

.legenda-agendada[b-3wgkn68zuq] {
    background: rgba(var(--primary-rgb), 0.5);
}

.legenda-encerrada[b-3wgkn68zuq] {
    background: var(--default-border);
}

/* Painel de detalhes: thumb grande + descrição completa e legível. */
.grade-detalhe-thumb[b-3wgkn68zuq] {
    width: 100%;
    max-width: 320px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    flex-shrink: 0;
}

.grade-descricao[b-3wgkn68zuq] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 320px;
    overflow-y: auto;
    border-block-start: 1px dashed var(--default-border);
    padding-block-start: 0.75rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--primary-rgb), 0.6) var(--custom-white);
}

.grade-descricao[b-3wgkn68zuq]::-webkit-scrollbar {
    width: 8px;
}

.grade-descricao[b-3wgkn68zuq]::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-rgb), 0.55);
    border-radius: 6px;
}

.min-w-0[b-3wgkn68zuq] {
    min-width: 0;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/* /Shared/VideoCard.razor.rz.scp.css */
.video-thumb[b-a3b2o49xmg] {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.titulo-clamp[b-a3b2o49xmg] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

.video-card-clicavel[b-a3b2o49xmg] {
    transition: transform .12s ease;
}

.video-card-clicavel:hover[b-a3b2o49xmg] {
    transform: translateY(-3px);
}