/* Estilos propios de Tribum Contabilidad. Lo compartido con los demás productos vive en Platform.Web (css/tribum.css). */

/* ── Sparkline y gráfico de barras (GraficosFinancieros, usado por Home.razor y
   Portal/PortalResumen.razor): global y no scoped a un componente, porque cada .razor recibe su
   propio atributo de scope de Blazor CSS isolation y una regla en la hoja scoped de uno no llegaría
   al otro aunque compartan el nombre de clase. El resto del estilo del sparkline/barras (línea,
   punto, barras, guías) se fija inline en GraficosFinancieros, con style= y no class=: un <svg>
   armado a mano con RenderTreeBuilder nunca recibe el atributo de scope, así que una clase de acá
   tampoco llegaría a esos elementos. ── */
.sparkline-caja {
    margin: 0.4rem 0 0.5rem;
}

/* Leyenda siempre presente para 2+ series (nunca solo el color); el valor exacto de cada barra vive
   en su <title>, no en un eje con números. */
.grafico-leyenda {
    display: flex;
    gap: 1rem;
    font-size: 0.82rem;
    color: var(--contab-tinta-suave);
}

.grafico-leyenda-item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.grafico-swatch {
    display: inline-block;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 2px;
}

.swatch-ingresos {
    background: var(--contab-acento);
}

/* #a5714f: terracota apagado, no un gris-azul — Ingresos ya tiene dueño (--contab-acento); Gastos
   necesita distinguirse sin tomar prestado un color de estado (--contab-alerta insinuaría "algo anda
   mal", y un gasto normal no lo es). Hex literal y no una custom property: no llegaría al SVG por el
   mismo problema de scope de arriba. Validado contra el acento con scripts/validate_palette.js del
   skill de dataviz: separación CVD 9.4/21.0 (sobre el objetivo de 8), contraste >=3:1. Solo falla el
   piso de croma, y falla por el propio --contab-acento (0.063, ya bajo el piso): ningún color nuevo
   arregla eso sin rediseñar el acento de toda la app. */
.swatch-gastos {
    background: #a5714f;
}