/* Migrado de keepedu-theme.css — components/_toolbar.css */

/* ==========================================================================
   FIX DEFINITIVO TOOLBAR
   ========================================================================== */

section.toolbar-modern {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    background: #fff !important;
    border: 1px solid #dbe2ea !important;
    border-radius: 10px !important;

    overflow: hidden !important;
}

section.toolbar-modern > .toolbar-main {
    display: flex !important;
    flex-wrap: wrap !important;

    align-items: flex-end !important;

    gap: 16px !important;

    width: 100% !important;

    padding: 20px !important;
}

section.toolbar-modern .toolbar-group {
    display: flex !important;
    flex-direction: column !important;

    gap: 8px !important;
}

section.toolbar-modern .search-group {
    flex: 1 1 320px !important;
}

section.toolbar-modern .zoom-group {
    width: 180px !important;
    flex: 0 0 180px !important;
}

section.toolbar-modern .action-group {
    width: 220px !important;
    flex: 0 0 220px !important;
}

section.toolbar-modern input[type="text"] {
    width: 100% !important;
    height: 46px !important;

    padding: 0 14px !important;

    border: 1px solid #cfd7e2 !important;
    border-radius: 8px !important;

    background: #fff !important;
}

section.toolbar-modern select {
    width: 100% !important;
    height: 46px !important;
}

section.toolbar-modern .btn-primary {
    width: 100% !important;
    height: 46px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;
}

section.toolbar-modern .toolbar-info {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    padding-top: 8px !important;
}

section.toolbar-modern .toolbar-footer {
    display: flex !important;

    justify-content: space-between !important;
    align-items: center !important;

    padding: 14px 20px !important;

    border-top: 1px solid #e2e8f0 !important;

    background: #f8fafc !important;
}

/* ==========================================================================
   HOME: Alinhamento do painel de fluxo
   ========================================================================== */
.keepedu-app-page .home-hero-panel h2 {
    margin-top: 0;
    margin-bottom: 4px; /* Reduz o espaço após o título */
    font-size: 29px; /* Tamanho alinhado ao h1 principal, com ajuste de +1px */
}

.keepedu-app-page .home-hero-panel p {
    margin-top: 0;
    margin-bottom: 10px; /* Reduz o espaço antes da lista de passos */
    font-size: 28px; /* Tamanho alinhado ao h1 principal */
}

/* ==========================================================================
   HOME: Ajuste de espaçamento no card "Antes de começar"
   ========================================================================== */
.keepedu-app-page .home-ops-list {
    display: flex;
    flex-direction: column;
    gap: 16px; /* Define um espaçamento consistente entre os itens */
    flex-grow: 1; /* Faz a lista crescer para preencher o espaço do card */
    justify-content: space-around; /* Distribui os itens verticalmente */
}

.keepedu-app-page .home-ops-item {
    height: auto; /* Remove a altura de 100% para que o item se ajuste ao seu conteúdo */
    padding: 16px; /* Adiciona um preenchimento interno para consistência visual */
    justify-content: center; /* Centraliza o conteúdo dentro do item */
}

/* ==========================================================================
   HOME: Alinhamento dos painéis superiores
   ========================================================================== */
.keepedu-app-page .eyebrow,
.keepedu-app-page .panel-kicker {
    margin-bottom: 8px;
}

.keepedu-app-page .home-hero-main h1 {
    margin-top: 0;
    margin-bottom: 8px;
}
.keepedu-app-page .home-hero-main p {
    margin-top: 0;
}

.event-log-list {
    flex: 1;
    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;
}

.upload-command-bottom {
    align-items: start !important;
}

/* ==========================================================================
   HOME: Conter altura do log de processamento
   ========================================================================== */
.log-processamento-home {
    max-height: 220px;
    overflow-y: auto;
}

.log-processamento-home::-webkit-scrollbar {
    width: 6px;
}

.log-processamento-home::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

/* ==========================================================================
   HOME: Estatísticas do Job no Painel de Eventos
   ========================================================================== */

/* Container para as estatísticas, posicionado dentro do card de eventos */

.job-stats-grid.visible {
    display: grid; /* Torna o grid visível quando um job está em andamento */
}