/* Migrado de keepedu-theme.css — pages/_historico.css */

/* Validação — barra da tabela com atalho para correção */
.keepedu-app-page .historico-btn-ver-cartao[aria-busy="true"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 64px;
    min-height: 28px;
}

.keepedu-app-page .historico-btn-spinner {
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, .48);
    border-top-color: #fff;
    border-radius: 50%;
    animation: historico-btn-girar .7s linear infinite;
}

@keyframes historico-btn-girar {
    to { transform: rotate(360deg); }
}

.keepedu-app-page .validacao-table-toolbar {
    align-items: flex-end;
}

.keepedu-app-page .validacao-table-toolbar .table-toolbar-actions {
    flex: 0 0 auto;
}

.keepedu-app-page .validacao-table-wrapper {
    overflow-x: auto;
}

.keepedu-app-page .validacao-table-wrapper .data-table {
    table-layout: fixed;
    min-width: 1080px;
}

.keepedu-app-page .validacao-table-wrapper .data-table td {
    vertical-align: top;
    white-space: normal;
}

/* Validation records use a compact spreadsheet layout on desktop. */
@media (min-width: 769px) {
    .keepedu-app-page .validacao-table-wrapper {
        border: 1px solid #d5e0ea;
        border-radius: 8px;
        background: #fff;
    }

    .keepedu-app-page .validacao-table-wrapper .validacao-spreadsheet {
        width: 100%;
        min-width: 1570px;
        border-collapse: collapse;
        table-layout: fixed;
        font-size: 12px;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-col-imagem { width: 130px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-id-detectado { width: 110px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-ra { width: 90px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-nome { width: 210px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-id-final { width: 95px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-origem { width: 175px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-status { width: 205px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-motivo { width: 390px; }
    .keepedu-app-page .validacao-spreadsheet .validacao-col-correcao { width: 150px; }

    .keepedu-app-page .validacao-spreadsheet th,
    .keepedu-app-page .validacao-spreadsheet td {
        padding: 9px 12px;
        line-height: 1.35;
        vertical-align: middle;
        overflow: hidden;
        border-right: 1px solid #e1e8ef;
        border-bottom: 1px solid #dce5ed;
    }

    /* O conteúdo textual pode crescer em altura; nunca deve ser ocultado. */
    .keepedu-app-page .validacao-spreadsheet td {
        overflow: visible;
    }

    .keepedu-app-page .validacao-spreadsheet th {
        position: sticky;
        top: 0;
        z-index: 1;
        white-space: nowrap;
        font-size: 11px;
        letter-spacing: normal;
        text-transform: none;
    }

    .keepedu-app-page .validacao-spreadsheet .table-sort-button {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }

    .keepedu-app-page .validacao-spreadsheet .table-sort-button:hover,
    .keepedu-app-page .validacao-spreadsheet .table-sort-button.is-sorted {
        color: #0f6fba;
    }

    .keepedu-app-page .validacao-spreadsheet .table-sort-button span {
        color: #7c8da1;
        font-size: 13px;
        line-height: 1;
    }

    .keepedu-app-page .validacao-spreadsheet th:last-child,
    .keepedu-app-page .validacao-spreadsheet td:last-child {
        border-right: 0;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-image-cell {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 0;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-image-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-image-preview-btn {
        flex: 0 0 auto;
        width: auto;
        min-width: 104px;
        min-height: 32px;
        padding: 0 10px;
        justify-content: center;
        white-space: nowrap;
    }

    .keepedu-app-page .validacao-spreadsheet td:nth-child(4),
    .keepedu-app-page .validacao-spreadsheet td:nth-child(6) {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-motivo-cell {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .keepedu-app-page .validacao-spreadsheet .validacao-correcao-cell,
    .keepedu-app-page .validacao-spreadsheet .validacao-correcao-cell .muted {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .keepedu-app-page .validacao-spreadsheet .status-badge {
        white-space: nowrap;
    }

    .keepedu-app-page .validacao-spreadsheet .manual-form {
        flex-wrap: nowrap;
        gap: 6px;
    }

    .keepedu-app-page .validacao-spreadsheet .manual-form input {
        width: 62px;
        max-width: 62px;
        padding: 0 5px;
    }

    .keepedu-app-page .validacao-spreadsheet .manual-action-btn {
        min-width: 58px;
        padding-inline: 7px;
    }
}