/* Migrado de style.css — layout/_responsive-legacy.css */

/* PROJECT-WIDE PREMIUM OVERRIDES */

.page-processamento,
.page-processando,
.page-validacao,
.page-correcao,
.bernoulli-page,
.page-home {
    padding-top: 38px;
    padding-bottom: 56px;
}

.processamento-hero,
.processando-hero,
.validacao-hero,

.processamento-hero::before,
.processando-hero::before,
.validacao-hero::before,
.bernoulli-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top right, rgba(201, 168, 76, 0.08), transparent 22%),
        radial-gradient(circle at top left, rgba(31, 67, 109, 0.07), transparent 22%);
}

.processamento-hero > *,
.processando-hero > *,
.validacao-hero > *,
.bernoulli-hero > * {
    position: relative;
    z-index: 1;
}

.processamento-hero,
.processando-hero,
.validacao-hero {
    background:
        linear-gradient(180deg, rgba(249, 252, 255, 0.99), rgba(236, 243, 249, 0.97));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 24px 48px rgba(14, 32, 56, 0.09);
}

.processamento-hero,
.validacao-hero {
    grid-template-columns: 1fr;
}

.processamento-summary-grid,
.validacao-primary-stats,
.validacao-secondary-stats {
    gap: 20px;
}

.processamento-actions-card,
.processamento-gallery-card,
.validacao-export-card,
.validacao-table-card,
.processando-progress-card,
.bernoulli-form-card,
.bernoulli-log-card,
.bernoulli-help-card,
.bernoulli-track-card {
    background:
        linear-gradient(180deg, rgba(250, 252, 255, 0.99), rgba(238, 244, 249, 0.97));
    border: 1px solid rgba(35, 66, 103, 0.11);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 22px 42px rgba(14, 32, 56, 0.07);
}

.processando-progress-card {
    max-width: 840px;
}

.processando-progress-card h2,
.processamento-actions-card h2,
.processamento-gallery-card h2,
.validacao-export-card h2,
.validacao-table-card h2 {
    margin-bottom: 16px;
}

.hero-stat,
.summary-card,
.stat-card,
.bernoulli-log-stat,
.bernoulli-meta-item,
.bernoulli-rule-item,
.bernoulli-mini-card,
.sidebar-stat {
    border-radius: 20px;
}

.hero-stat {
    background:
        linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(239, 245, 250, 0.98));
    border: 1px solid rgba(35, 66, 103, 0.10);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 10px 20px rgba(14, 32, 56, 0.04);
}

.hero-stat strong,
.summary-card strong,
.stat-card strong,
.bernoulli-log-stat strong,
.sidebar-stat strong {
    letter-spacing: -0.05em;
}

.grid-imagens a {
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(250, 252, 255, 0.99), rgba(239, 245, 250, 0.98));
    border: 1px solid rgba(35, 66, 103, 0.11);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 12px 24px rgba(14, 32, 56, 0.04);
}

.grid-imagens a:hover {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 18px 30px rgba(14, 32, 56, 0.07);
}

.grid-imagens img {
    border-radius: 14px;
    background: linear-gradient(180deg, #f7faff, #eef4fa);
}

.table-toolbar,
.actions.action-grid,
.bernoulli-actions,
.viewer-actions {
    gap: 12px;
}

.table-toolbar,
.toolbar,
.corner-toolbar,
.bernoulli-day-toggle {
    border-radius: 20px;
}

.table-toolbar {
    padding: 16px 18px;
    background:
        linear-gradient(180deg, rgba(246, 250, 253, 0.96), rgba(236, 243, 249, 0.94));
    border: 1px solid rgba(35, 66, 103, 0.10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.data-table {
    min-width: 1120px;
}

.data-table th:first-child {
    border-top-left-radius: 16px;
}

.data-table th:last-child {
    border-top-right-radius: 16px;
}

.manual-form {
    gap: 10px;
}

.manual-form input {
    background: rgba(249, 252, 255, 0.96);
}

.bernoulli-hero {
    padding: 28px;
}

.bernoulli-day-toggle {
    padding: 7px;
    background:
        linear-gradient(180deg, rgba(228, 235, 243, 0.92), rgba(218, 228, 239, 0.88));
}

.bernoulli-status-banner,
.event-log-empty,
.sidebar-empty {
    border-radius: 20px;
}

.bernoulli-status-banner {
    border: 1px solid rgba(35, 66, 103, 0.10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

.page-correcao 

.page-correcao 

.page-correcao 

.sidebar,
.viewer {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 24px 44px rgba(14, 32, 56, 0.08);
}

.viewer-header strong {
    font-size: 18px;
    letter-spacing: -0.03em;
}

.viewer-meta,
.item-imagem-subtitle,
.item-imagem-detail {
    color: #6a7788;
}

.progress-card,
.log-processamento,
.bernoulli-progress-box {
    border-radius: 22px;
}

.erro-box {
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.app-modal-dialog {
    border: 1px solid rgba(35, 66, 103, 0.12);
}

.app-modal-header h3 {
    letter-spacing: -0.045em;
}

@media (max-width: 1180px) {
    .page-processamento,
    .page-processando,
    .page-validacao,
    .page-correcao,
    .bernoulli-page,
    .page-home {
        padding-top: 30px;
    }
}

@media (max-width: 900px) {
    .processamento-summary-grid,
    .validacao-primary-stats,
    .validacao-secondary-stats,
    .hero-stats-row {
        grid-template-columns: 1fr;
    }

    .table-toolbar {
        padding: 14px;
    }
}