/*
    O RadWindow está tendo um comportamento incorreto.
    Quando há uma grande barra de rolagem, e uma trilha é aberta em uma janela que é maximizada, e, de dentro dessa trilha, você abre uma subtrilha em uma nova janela, ao clicar no RadTabStrip
    para trocar de matrícula, a primeira janela, que está maximizada, é jogada para fora do viewport. Como a janela maximizada tira a rolagem do chamador, ficamos com uma tela cinza, sem possibilidade
    e vermos o conteúdo da janela novamente. Isso acontece quando o Telerik executa o método m.focus(), sendo m a referência ao "a" do RabTab (e este método só é executado no modo Safari).
        if($telerik.isSafari){setTimeout(function(){m.focus();},0);}
    Para chegar neste método, eu coloquei um breakpoint no evento onmousedown do RadTabStrip.

    Para corrigir este comportamento, incluí o css abaixo, que alterará o position da janela maximizada de "absolute" para "fixed", e o left e top para "0px", o que significa que a exibição da janela maximizada não dependerá
    mais de javascript para posicionar a janela dentro do local correto da rolagem do chamador. A janela sempre ficará na posição 0,0 do viewport do chamador.
*/
.RadWindow.rwMaximizedWindow {
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
}

.RadWindow {
    z-index: 8050 !important;
    background: linear-gradient(135deg, #e5e5e5, #fafafa);
}

html.redImageManager ul.ruInputs {
    float: none !important;
}

.RadToolBar .rtbOuter {
    padding: 0;
    color: initial;
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}

.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    color: #fff;
    background-color: var(--mdc-theme-secondary) !important;
}

.RadWindow_MetroTouch .rwTable a.rwIcon {
    width: 30px !important;
    height: 30px !important;
    margin: 6px 5px 0 6px;
    background-image: url(' ') !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}

/* Comentar temporariamente as regras complexas do Chrome */
/*

/* Manter apenas as regras básicas */
.RadFileExplorer .rfeToolbar,
.rfeToolbar {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 30px !important;
    overflow: visible !important;
    z-index: 1001 !important;
    position: relative !important;
}

.RadWindow .rwDialogButtons,
.RadWindow .rwFooter {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 35px !important;
    overflow: visible !important;
    position: relative !important;
    bottom: 0 !important;
}

/*
    O RadWindow está tendo um comportamento incorreto.
    Quando há uma grande barra de rolagem, e uma trilha é aberta em uma janela que é maximizada, e, de dentro dessa trilha, você abre uma subtrilha em uma nova janela, ao clicar no RadTabStrip
    para trocar de matrícula, a primeira janela, que está maximizada, é jogada para fora do viewport. Como a janela maximizada tira a rolagem do chamador, ficamos com uma tela cinza, sem possibilidade
    e vermos o conteúdo da janela novamente. Isso acontece quando o Telerik executa o método m.focus(), sendo m a referência ao "a" do RabTab (e este método só é executado no modo Safari).
        if($telerik.isSafari){setTimeout(function(){m.focus();},0);}
    Para chegar neste método, eu coloquei um breakpoint no evento onmousedown do RadTabStrip.

    Para corrigir este comportamento, incluí o css abaixo, que alterará o position da janela maximizada de "absolute" para "fixed", e o left e top para "0px", o que significa que a exibição da janela maximizada não dependerá
    mais de javascript para posicionar a janela dentro do local correto da rolagem do chamador. A janela sempre ficará na posição 0,0 do viewport do chamador.
*/
/*.RadWindow.rwMaximizedWindow {
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
}

.RadWindow {
    z-index: 8050 !important;
    background: linear-gradient(135deg, #e5e5e5, #fafafa);
}

html.redImageManager ul.ruInputs {
    float: none !important;
}

.RadToolBar .rtbOuter {
    padding: 0;
    color: initial;
    border-color: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
}

.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    color: #fff;
    background-color: var(--mdc-theme-secondary) !important;
}

.RadWindow_MetroTouch .rwTable a.rwIcon {
    width: 30px !important;
    height: 30px !important;
    margin: 6px 5px 0 6px;
    background-image: url(' ') !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
}*/

/*
    SOLUÇÃO DEFINITIVA PARA RADFILEEXPLORER - CSS PURO QUE FUNCIONA EM TODOS OS NAVEGADORES
    Esta abordagem não depende de JavaScript e funciona mesmo com restrições de cross-origin
*/

/* Base: RadWindow configuração geral */
/*.RadWindow {
    z-index: 8050 !important;
    background: linear-gradient(135deg, #e5e5e5, #fafafa);
    min-width: 600px !important;
    min-height: 450px !important;
    max-width: 95vw !important;
    max-height: 90vh !important;
}*/

    /* Forçar estrutura do RadWindow para evitar elementos cortados */
    /*.RadWindow .rwWindowContent {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        overflow: hidden !important;
    }*/

    /* IFrame dentro do RadWindow - garantir espaço para toolbar e botões */
    /*.RadWindow iframe {
        border: none !important;
        width: 100% !important;
        flex: 1 !important;
        min-height: 300px !important;
        margin-top: 40px !important;*/ /* Espaço para toolbar */
        /*margin-bottom: 50px !important;*/ /* Espaço para botões do rodapé */
    /*}*/

    /* Criar toolbar fixo FORA do iframe */
    /*.RadWindow::before {
        content: "📁 Explorar Arquivos | ⬆️ Upload | 🗑️ Excluir | 📋 Renomear | 📂 Nova Pasta" !important;
        display: block !important;
        position: absolute !important;
        top: 25px !important;
        left: 0 !important;
        right: 0 !important;
        height: 35px !important;
        background: #f5f5f5 !important;
        border-bottom: 1px solid #ddd !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
        color: #666 !important;
        z-index: 1003 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }*/

    /* Criar botões do rodapé FORA do iframe */
    /*.RadWindow::after {
        content: "[ Inserir ]   [ Cancelar ]" !important;
        display: block !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 45px !important;
        background: #f9f9f9 !important;
        border-top: 1px solid #ddd !important;
        padding: 12px !important;
        text-align: center !important;
        font-size: 12px !important;
        color: #333 !important;
        z-index: 1003 !important;
        cursor: pointer !important;
    }*/

        /* Hover effect nos pseudo-botões */
        /*.RadWindow::after:hover {
            background: #eeeeee !important;
        }*/

/* Ajustes específicos para diferentes tamanhos de tela */
/*@media (max-width: 1366px) {
    .RadWindow {
        max-width: 90vw !important;
        max-height: 85vh !important;
    }

        .RadWindow::before {
            font-size: 10px !important;
            height: 30px !important;
            padding: 6px 8px !important;
        }

        .RadWindow iframe {
            margin-top: 35px !important;
            margin-bottom: 45px !important;
        }
}

@media (max-width: 1024px) {
    .RadWindow {
        width: 95vw !important;
        height: 80vh !important;
        left: 2.5vw !important;
        top: 10vh !important;
    }

        .RadWindow::before {
            content: "📁 Arquivos | ⬆️ Upload | 🗑️ Del | 📂 Pasta" !important;
            font-size: 9px !important;
        }

        .RadWindow::after {
            content: "[ Inserir ] [ Cancelar ]" !important;
            font-size: 11px !important;
            padding: 8px !important;
            height: 40px !important;
        }

        .RadWindow iframe {
            margin-top: 30px !important;
            margin-bottom: 40px !important;
        }
}

@media (max-width: 768px) {
    .RadWindow::before {
        content: "📁 ⬆️ 🗑️ 📂" !important;
        text-align: center !important;
        font-size: 14px !important;
        height: 25px !important;
        padding: 4px !important;
    }

    .RadWindow::after {
        content: "[Inserir] [Cancelar]" !important;
        font-size: 10px !important;
        height: 35px !important;
        padding: 6px !important;
    }

    .RadWindow iframe {
        margin-top: 25px !important;
        margin-bottom: 35px !important;
    }
}*/

/* Fallbacks específicos para Edge e outros navegadores */
/*@supports (-ms-ime-align: auto) {*/
    /* Edge específico */
    /*.RadWindow {
        display: block !important;
        position: fixed !important;
    }

        .RadWindow .rwWindowContent {
            position: relative !important;
            height: 100% !important;
        }
}*/

/* Fallback para navegadores que não suportam flexbox */
/*.RadWindow {
    *display: block !important;
    *position: relative !important;
}

    .RadWindow iframe {
        *margin-top: 40px !important;
        *margin-bottom: 50px !important;
    }*/

        /* Esconder qualquer toolbar/botão interno que possa aparecer ocasionalmente */
        /*.RadWindow iframe * {*/
            /* Esta regra não funcionará devido ao cross-origin, mas não faz mal tê-la */
        /*}*/

/* Chrome-specific fixes para RadFileExplorer */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /* Esta regra é aplicada apenas no Chrome/WebKit browsers */

    /* Forçar visibilidade do RadFileExplorer no Chrome */
    /*.RadWindow iframe,
    .RadWindow .rwWindowContent iframe {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        backface-visibility: hidden !important;
        will-change: transform !important;
    }*/

    /* Específico para Chrome - forçar layout do FileExplorer */
    /*.RadFileExplorer,
    .RadWindow .RadFileExplorer {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        z-index: 1 !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }*/

        /* Chrome - toolbar sempre visível */
        /*.RadFileExplorer .rfeToolbar,
        .rfeToolbar {
            display: block !important;
            visibility: visible !important;
            position: relative !important;
            z-index: 100 !important;
            height: auto !important;
            min-height: 30px !important;
            -webkit-appearance: none !important;
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important;
        }*/

    /* Chrome - botões do diálogo */
    /*.RadWindow .rwDialogButtons,
    .RadWindow .rwFooter {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        z-index: 100 !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
    }*/

    /* Chrome - esconder elementos extras que podem aparecer */
    /*.RadWindow div[id*="RadWindowWrapper"][id*="dialogOpener"] {
        display: none !important;
        visibility: hidden !important;
    }
}*/

/* Chrome específico - usando seletor de user-agent */
/*@supports (-webkit-appearance: none) {
    .RadWindow {
        -webkit-font-smoothing: antialiased !important;
        text-rendering: optimizeLegibility !important;
    }

    .RadFileExplorer * {
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
    }
}*/