:root {
    --uea-azul: #1f4e79;
    --uea-rojo: #a4262c;
}

body {
    background: #f4f6f9;
}

.app-navbar {
    background: var(--uea-azul);
    border-bottom: 3px solid var(--uea-rojo);
}

.card {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.table thead th {
    background: var(--uea-azul);
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

.num {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.kpi .valor {
    font-size: 1.6rem;
    font-weight: 600;
}

.grilla td, .grilla th {
    font-size: .85rem;
}

.grilla td.sin-aporte {
    background: #fdecea;
}

.grilla th.filial, .grilla td.filial {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    white-space: nowrap;
}

.grilla thead th.filial {
    background: var(--uea-azul);
}

.login-box {
    max-width: 380px;
    margin: 10vh auto 0;
}

.logo-pill {
    background: #fff;
    border-radius: .375rem;
    padding: 3px 8px;
    line-height: 0;
}

@media print {
    .app-navbar, .no-print, .alert .btn-close {
        display: none !important;
    }
    body {
        background: #fff;
    }
    .card {
        box-shadow: none;
        break-inside: avoid;
    }
    .table thead th {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}