/* ============================================================================
   SolarCompute — sc-sequence.css   ·  shared workload sequence cards
   Light variant (default) sits on a white composer. .sc-seq--dark for dark.
   ============================================================================ */
.sc-seq{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:0 12px 14px; }
.sc-seq .sc-seq-card{
  text-align:center; padding:10px 6px 11px; border-radius:12px;
  border:1px solid rgba(0,0,0,.07); background:#faf9f6;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.sc-seq .sc-seq-card strong{ display:block; font-size:12.5px; font-weight:600; color:#9a9384; letter-spacing:-.01em; }
.sc-seq .sc-seq-card small{ display:block; margin-top:3px; font-size:10.5px; color:#b3ac9d; }
.sc-seq .sc-seq-card.is-done strong{ color:#6b6355; }
.sc-seq .sc-seq-card.is-done small{ color:#9a9384; }
.sc-seq .sc-seq-card.is-active{
  border-color:var(--accent,#d89b2b); background:rgba(245,184,65,.10);
  box-shadow:0 0 0 3px rgba(245,166,35,.12);
}
.sc-seq .sc-seq-card.is-active strong{ color:#8a6410; }
.sc-seq .sc-seq-card.is-active small{ color:#a9803a; }
.sc-seq .sc-seq-card.is-failed{ border-color:rgba(213,72,77,.45); background:#fdecec; box-shadow:none; }
.sc-seq .sc-seq-card.is-failed strong{ color:#b0403f; }
.sc-seq .sc-seq-card.is-failed small{ color:#c06b6a; }
.sc-seq .sc-seq-card.is-fallback{ border-color:rgba(0,0,0,.14); background:#f3f1ec; box-shadow:none; }
.sc-seq .sc-seq-card.is-fallback strong{ color:#6b6355; }
.sc-seq .sc-seq-card.is-fallback small{ color:#8a8578; }
.sc-seq--dark .sc-seq-card{ border-color:rgba(255,255,255,.09); background:rgba(255,255,255,.03); }
.sc-seq--dark .sc-seq-card strong{ color:var(--muted,#9fabbb); }
.sc-seq--dark .sc-seq-card small{ color:rgba(159,171,187,.7); }
.sc-seq--dark .sc-seq-card.is-done strong{ color:var(--text,#e6e9ee); }
.sc-seq--dark .sc-seq-card.is-active{ border-color:rgba(216,155,43,.55); background:rgba(245,184,65,.10); box-shadow:0 0 0 3px rgba(245,166,35,.10); }
.sc-seq--dark .sc-seq-card.is-active strong{ color:var(--accent-strong,#f5b841); }
.sc-seq--dark .sc-seq-card.is-active small{ color:rgba(245,184,65,.85); }
.sc-seq--dark .sc-seq-card.is-fallback{ border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.05); }
@media (max-width:640px){
  .sc-seq{ grid-template-columns:repeat(2,1fr); }
  .sc-seq .sc-seq-card:last-child{ grid-column:1 / -1; }
}