.sk-row {
  background:linear-gradient(90deg,rgba(99,102,241,0.06) 25%,rgba(255,255,255,0.08) 50%,rgba(16,185,129,0.05) 75%);
  background-size:600px 100%;
  animation:shimmerWave 1.2s infinite;
  border:1px solid rgba(148,163,184,0.12);
  border-radius:12px;
  height:72px;
}

.col-chip {
  background:linear-gradient(180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035));
  border:1px solid rgba(148,163,184,0.18);
  border-radius:12px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  gap:10px;
  animation:fadeInUp 0.35s ease both;
  min-height:72px;
  box-shadow:0 8px 24px rgba(15,23,42,0.05);
}

.col-chip.ok { border-color:rgba(34,197,94,0.28); background:linear-gradient(180deg,rgba(34,197,94,0.08),rgba(255,255,255,0.035)); }
.col-chip.optional { border-color:rgba(99,102,241,0.26); background:linear-gradient(180deg,rgba(99,102,241,0.08),rgba(255,255,255,0.035)); }
.col-chip.warn { border-color:rgba(251,191,36,0.38); background:linear-gradient(180deg,rgba(251,191,36,0.08),rgba(255,255,255,0.035)); }

.chip-check {
  width:28px;height:28px;
  background:linear-gradient(135deg,rgba(34,197,94,0.22),rgba(16,185,129,0.12));
  border:1px solid rgba(34,197,94,0.25);
  border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  animation:checkPop 0.4s ease both;
  font-size:12px;
  font-weight:900;
  color:#059669;
}

.chip-warn {
  width:28px;height:28px;
  background:linear-gradient(135deg,rgba(251,191,36,0.22),rgba(245,158,11,0.10));
  border:1px solid rgba(251,191,36,0.3);
  border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  font-size:12px;
}
