.barra-desglose{display:flex;height:32px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg);background:var(--bg-body);border:1px solid var(--color-border)}.barra-desglose .barra-segmento{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;transition:width .5s ease}.barra-desglose .barra-segmento.vacaciones{background:var(--color-primary)}.barra-desglose .barra-segmento.prima-vacacional{background:var(--color-primary-dark)}.barra-desglose .barra-segmento.aguinaldo{background:var(--color-warning)}.barra-desglose .barra-segmento.indemnizacion{background:var(--color-danger)}.barra-desglose .barra-segmento.prima-antiguedad{background:var(--color-success)}.barra-leyenda{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.8rem}.barra-leyenda-item{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary)}.barra-leyenda-item .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.barra-leyenda-item .dot.vacaciones{background:var(--color-primary)}.barra-leyenda-item .dot.prima-vacacional{background:var(--color-primary-dark)}.barra-leyenda-item .dot.aguinaldo{background:var(--color-warning)}.barra-leyenda-item .dot.indemnizacion{background:var(--color-danger)}.barra-leyenda-item .dot.prima-antiguedad{background:var(--color-success)}.desglose .calculo-col{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-family)}.desglose .monto{font-family:'JetBrains Mono',monospace;font-weight:600}.motivo-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.motivo-badge.renuncia{background:var(--color-primary-muted);color:var(--color-primary)}.motivo-badge.despido-injustificado{background:var(--color-danger-bg);color:var(--color-danger)}.motivo-badge.otro{background:var(--color-warning-bg);color:var(--color-warning)}.info-box .links ul{margin-top:.25rem}@media (max-width:600px){.barra-desglose{height:24px}.barra-leyenda{gap:var(--spacing-sm)}.antiguedad-info{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media print{.barra-desglose{border:1px solid #ccc}.barra-desglose .barra-segmento{color:#000}}