/* reportes.css — reports page + print styles */

.filtros-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
}

.condicion-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.condicion-bar__label {
    width: 80px;
    font-size: 13px;
    font-weight: 500;
    flex-shrink: 0;
    text-transform: capitalize;
}

.condicion-bar__track {
    flex: 1;
    height: 14px;
    background: var(--border);
    border-radius: 7px;
    overflow: hidden;
}

.condicion-bar__fill {
    height: 100%;
    background: var(--primary-light);
    border-radius: 7px;
    transition: width .4s ease;
    min-width: 2px;
}

.condicion-bar__count {
    width: 32px;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
}

.row--warning td { background: color-mix(in srgb, var(--warning) 12%, white); }
.row--danger  td { background: color-mix(in srgb, var(--danger)  10%, white); }

.tabla__total td {
    border-top: 2px solid var(--border);
}

/* ── Print ───────────────────────────────────────────────────────────────── */
@media print {
    .app-header,
    .app-nav,
    #btn-print,
    .filter-bar,
    .filtros-row { display: none !important; }

    .app-content { padding: 0 !important; }

    .card {
        break-inside: avoid;
        border: 1px solid #ccc !important;
        box-shadow: none !important;
    }

    body {
        font-size: 12px;
    }
}