/* PG Forja Clínica · Gastos y beneficios (colores validados para daltonismo en claro y oscuro) */
.pg-app, #pgfc-app { --pgg-ing: #2a78d6; --pgg-gas: #eb6834; --pgg-pos: #1baf7a; --pgg-neg: #e34948; --pgg-rejilla: #e6ebeb; --pgg-eje: #6b7a7c; }
[data-tema="oscuro"] #pgfc-app { --pgg-ing: #3987e5; --pgg-gas: #d95926; --pgg-pos: #199e70; --pgg-neg: #e66767; --pgg-rejilla: #2c3638; --pgg-eje: #a9b6b8; }
@media (prefers-color-scheme: dark) { [data-tema="auto"] #pgfc-app { --pgg-ing: #3987e5; --pgg-gas: #d95926; --pgg-pos: #199e70; --pgg-neg: #e66767; --pgg-rejilla: #2c3638; --pgg-eje: #a9b6b8; } }
.pgg-graf svg, .pgg-ben svg { width: 100%; height: auto; display: block; }
.pgg-lienzo { position: relative; }
.pgg-rejilla { stroke: var(--pgg-rejilla); stroke-width: 1; }
.pgg-cero { stroke: var(--pgg-eje); stroke-width: 1; opacity: .6; }
.pgg-eje { fill: var(--pgg-eje); font-size: 11px; }
.pgg-val { fill: var(--pg-texto-2, #5c6b6d); font-size: 10.5px; }
path.pgg-ing { fill: var(--pgg-ing); } path.pgg-gas { fill: var(--pgg-gas); }
path.pgg-pos { fill: var(--pgg-pos); } path.pgg-neg { fill: var(--pgg-neg); }
.pgg-hit { fill: transparent; cursor: crosshair; }
g.on .pgg-hit { fill: color-mix(in srgb, var(--pgg-eje) 8%, transparent); }
.pgg-leyenda { display: flex; gap: 16px; font-size: 13px; margin: 0 0 6px; color: var(--pg-texto-2, #5c6b6d); }
.pgg-leyenda i, .pgg-tip i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
i.pgg-ing { background: var(--pgg-ing); } i.pgg-gas { background: var(--pgg-gas); }
.pgg-tip { position: absolute; pointer-events: none; background: var(--pg-fondo-2, #fff); border: 1px solid var(--pg-borde, #dfe5e6); border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,.12); padding: 8px 10px; font-size: 12.5px; display: flex; flex-direction: column; gap: 2px; min-width: 160px; z-index: 3; }
.pgg-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 900px) { .pgg-dos { grid-template-columns: 1fr; } }
.pgg-barras { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.pgg-barras li { display: grid; grid-template-columns: minmax(110px, 38%) 1fr auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; font-size: 13px; }
.pgg-barras .pgg-et { grid-row: 1 / 3; }
.pgg-barras .pgg-pista { height: 10px; border-radius: 5px; background: var(--pgg-rejilla); overflow: hidden; }
.pgg-barras .pgg-pista i { display: block; height: 100%; background: var(--pg-primario, #1d7874); border-radius: 5px; }
.pgg-barras b { font-size: 13px; }
.pgg-barras small { grid-column: 2 / 4; color: var(--pg-texto-2, #5c6b6d); font-size: 11.5px; }
.pgg-total { margin: 0; color: var(--pg-texto-2, #5c6b6d); }
.pgg-fechas input { max-width: 140px; }