/* AuroraStecknat — customizações sobre AdminLTE 4 / Bootstrap 5 */

html, body {
    overflow-x: hidden;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding: 0.6rem 2.5rem 0.7rem 1.25rem;
    color: var(--bs-body-color);
    background: var(--bs-warning-bg-subtle, #fff3cd);
    border-top: 1px solid var(--bs-warning-border-subtle, #ffecb5);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
}

#blazor-error-ui .reload { margin-left: 0.5rem; }
#blazor-error-ui .dismiss { position: absolute; top: 0.45rem; right: 0.75rem; cursor: pointer; }

.app-wrapper {
    position: relative;
    display: grid;
    grid-template-areas:
        "lte-app-sidebar lte-app-header"
        "lte-app-sidebar lte-app-main"
        "lte-app-sidebar lte-app-footer";
    grid-template-rows: min-content 1fr min-content;
    grid-template-columns: auto 1fr;
    grid-gap: 0;
    align-content: stretch;
    align-items: stretch;
    max-width: 100vw;
    min-height: 100vh;
}

.app-wrapper > * { min-width: 0; }
.app-header  { grid-area: lte-app-header; }
.app-sidebar { grid-area: lte-app-sidebar; min-width: var(--lte-sidebar-width, 250px); max-width: var(--lte-sidebar-width, 250px); }
.app-main    { grid-area: lte-app-main; }
.app-footer  { grid-area: lte-app-footer; }

.skip-links { display: none !important; }

:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }

#main:focus, #navigation:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus,
.aurora-page-title:focus, label:focus, p:focus { outline: none; box-shadow: none; }

body.layout-fixed .app-main { min-height: 0; overflow-x: hidden; overflow-y: auto; }

@media (min-width: 992px) {
    body.layout-fixed.sidebar-expand-lg .app-wrapper {
        height: 100vh; height: 100dvh;
        max-height: 100vh; max-height: 100dvh;
        overflow: hidden;
    }
}

body.layout-fixed { overflow: hidden; }

.app-header, .app-footer { background-color: var(--bs-body-bg); }

.app-sidebar .sidebar-wrapper .sidebar-menu .nav-link { gap: 0 !important; }
.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link > .nav-icon { min-width: 1.125rem; max-width: 1.125rem; }
.sidebar-wrapper .sidebar-menu > .nav-item > .nav-link > p { padding-left: 0.25rem; margin-bottom: 0; }
.app-sidebar .sidebar-brand .brand-text { font-weight: 600; }

.aurora-page-title { font-weight: 600; }

/* Layout de autenticação */
.auth-layout {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-body-bg);
}

.auth-layout .auth-card { width: 100%; max-width: 420px; }
.auth-layout .auth-panel .card-body { padding: 2rem; }

/* Player de vídeo */
.aurora-player-wrap {
    position: relative;
    width: 100%;
    background: #000;
    border-radius: 0.5rem;
    overflow: hidden;
}

.aurora-player {
    width: 100%;
    display: block;
    max-height: 70vh;
}

.aurora-player-placeholder {
    width: 100%;
    min-height: 260px;
    border: 2px dashed var(--bs-border-color);
    border-radius: 0.5rem;
}

/* Lista de episódios — altura máxima com scroll em desktop */
@media (min-width: 992px) {
    .list-group.shadow-sm {
        max-height: 70vh;
        overflow-y: auto;
    }
}