/* Migrado de keepedu-theme.css — theme/_modals-shared.css */

/* Padronização: remove visual legado (gradientes, stat-cards duplicados) */
.keepedu-app-page .validacao-hero::before,
.keepedu-app-page .processamento-hero::before,
.keepedu-app-page .bernoulli-hero::before,
.keepedu-app-page 

.keepedu-app-page .ke-page-hero,
.keepedu-app-page .validacao-hero,
.keepedu-app-page .processamento-hero {
    background: #ffffff !important;
    border: 1px solid #d7dce3 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    padding: 22px !important;
}

.keepedu-app-page .validacao-primary-stats,
.keepedu-app-page .validacao-secondary-stats,
.keepedu-app-page .validacao-hero-stats {
    display: none !important;
}

.keepedu-app-page .hero-stats-row .hero-stat {
    background: #f8fafc !important;
    border: 1px solid #d9e0e8 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    padding: 16px 18px !important;
}

.keepedu-app-page .hero-stats-row .hero-stat strong {
    color: #2a8cdb !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.keepedu-app-page .stats-grid .stat-card {
    background: #f8fafc !important;
    border: 1px solid #d9e0e8 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.keepedu-app-page .grid-imagens {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}

.keepedu-app-page .app-modal-image-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 0 22px 12px;
}

.keepedu-app-page .app-modal--imagem-scroll {
    display: block !important;
    overflow: auto !important;
    align-items: unset !important;
    justify-content: unset !important;
    padding: 16px 12px 28px !important;
}

.keepedu-app-page .app-modal--imagem-scroll.hidden {
    display: none !important;
}

.keepedu-app-page .app-modal--imagem-scroll .app-modal-image-dialog {
    width: min(96vw, 1100px) !important;
    max-width: min(96vw, 1100px) !important;
    margin: 0 auto !important;
}

.keepedu-app-page .app-modal-image-body {
    display: block !important;
    padding: 0 22px 20px;
    min-height: 0 !important;
    overflow: visible !important;
}

.keepedu-app-page .app-modal-image-stage {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border: none !important;
}

.keepedu-app-page .app-modal-image-preview {
    display: block !important;
    width: 100%;
    height: auto !important;
    max-width: 100%;
    margin: 0 !important;
    image-orientation: from-image;
    border-radius: 4px !important;
    box-shadow: none !important;
}

body.ke-modal-imagem-aberto {
    overflow: hidden !important;
}