/* Ficha de Obra: resumen financiero (Tabs/Obras/Resumen.cshtml). */

/* Resumen financiero de Obra (antes un <style> local en Resumen.cshtml
   con hex fijos #28a745/#dc3545; se centraliza aquí usando las
   variables semánticas de Bootstrap que ya usa el resto de la app). */
.balance-positive {
    color: var(--bs-success);
    font-weight: bold;
}

.balance-negative {
    color: var(--bs-danger);
    font-weight: bold;
}

.percentage-badge {
    font-size: .75rem;
    padding: .25rem .5rem;
    border-radius: 12px;
}

.chart-container {
    position: relative;
    height: 300px;
    margin: 20px 0;
}

.detail-row {
    padding: 8px 0;
    border-bottom: 1px solid var(--bs-border-color-translucent, #e9ecef);
}

.detail-row:last-child {
    border-bottom: none;
}

.amount-text {
    font-weight: bold;
}