/* =============================================================
   GestionFlota — Solicitudes · pipeline grande + cards refinadas
   Proviene del kit Claude Design System (1).zip · ui_kits/solicitudes/
   Override sobre .sol-pipeline existente (no toca JS).
   ============================================================= */

/* Pipeline más grande (fix del 'chips muy pequeños') */
.sol-pipeline {
  display: flex; align-items: center; gap: 0; flex-wrap: wrap;
  padding: 14px 20px;
  border-top: 1px solid var(--ck-border);
  background: var(--ck-neutral-50);
  margin: 0;
}
.sol-pipeline__step {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.sol-pipeline__step:not(:last-child)::after {
  content: '';
  width: 28px; height: 2px;
  background: var(--ck-neutral-200);
  margin: 0 8px;
  flex-shrink: 0;
}
.sol-pipeline__step--done:not(:last-child)::after { background: var(--ck-success-500); }

/* Bullet · 26px circular */
.sol-pipeline__dot,
.sol-pipeline__step > span:first-child {
  width: 26px; height: 26px;
  border-radius: 50%;
  display: inline-grid; place-items: center;
  font-size: 13px; font-weight: 700;
  background: var(--ck-neutral-200);
  color: var(--ck-text-muted);
  border: 2px solid transparent;
  flex-shrink: 0;
}
.sol-pipeline__step--done .sol-pipeline__dot,
.sol-pipeline__step--done > span:first-child {
  background: var(--ck-success-500);
  color: #fff;
}
.sol-pipeline__step--active .sol-pipeline__dot,
.sol-pipeline__step--active > span:first-child {
  background: var(--ck-primary);
  color: #fff;
  border-color: rgba(37, 99, 235, 0.25);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

/* Label del paso · alineado al bullet */
.sol-pipeline__label {
  font-size: 13px; font-weight: 600;
  color: var(--ck-text-muted);
  white-space: nowrap;
}
.sol-pipeline__step--done   .sol-pipeline__label { color: var(--ck-text-secondary, var(--ck-text-muted)); }
.sol-pipeline__step--active .sol-pipeline__label { color: var(--ck-primary); }

/* Folio inline · monospace destacado */
.sol-pipeline__folio {
  margin-left: 12px;
  font-family: var(--ck-font-mono);
  font-size: 12px;
  font-weight: 600;
  color: var(--ck-text);
  background: var(--ck-surface);
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid var(--ck-border);
}
.sol-pipeline__folio code { font-family: inherit; background: transparent; padding: 0; }

/* Card de solicitud · si está en estado urgente, borde más fuerte */
.sol-card.sol-card--urgent { border-color: var(--ck-danger-200); }

/* Chip c-waiting (de mig anterior) · espacio dentro de cards */
.sol-card .c-waiting { margin: 4px 0 0; }

/* Mobile */
@media (max-width: 760px) {
  .sol-pipeline { gap: 10px; padding: 10px 14px; }
  .sol-pipeline__step:not(:last-child)::after { width: 16px; margin: 0 4px; }
  .sol-pipeline__label { display: none; }
  .sol-pipeline__folio { margin-left: 0; }
}