.summary-grid.four-columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.summary-grid.four-columns article:nth-child(3) { border-color: #d47c00; }
.summary-grid.four-columns article:nth-child(4) { border-color: #9d3655; }
.status.leave::before { background: #d47c00; }
.status.archived::before { background: #9d3655; }
.small-button.leave { color: #8a5200; }

/* Estados operativos: color + texto para distinguirlos sin depender solo del color. */
.status[class*="asset-"] { padding: .28rem .5rem; border-radius: 999px; font-weight: 600; }
.status.asset-active { color: #08765d; background: #e2f4ee; }
.status.asset-stock { color: #1d5f9f; background: #e6f0fa; }
.status.asset-pending, .status.asset-pending_return { color: #8b5900; background: #fff2d5; }
.status.asset-return { color: #a74400; background: #ffe8d8; }
.status.asset-recycling { color: #52606d; background: #e9edf0; }
.status.asset-free { color: #1d5f9f; background: #e6f0fa; }
.status.asset-deleted { color: #7a3349; background: #f5e7ec; }
.status[class*="asset-"]::before { background: currentColor; }
@media (max-width: 760px) {
  .summary-grid.four-columns { grid-template-columns: 1fr; }
}