/* ============================================================================
   CAREER COMPASS — MODULAR BATTERY CARDS (MULTI-COLOR STATES)
   ============================================================================ */

/* Initial Pending Cards: Multi-Color Tint per Module */
.mod-card-pending-a {
  background: #FFFDF9;
  border: 1.5px solid var(--hue-orange-border);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
}

.mod-card-pending-b {
  background: #FAFCFA;
  border: 1.5px solid var(--hue-green-border);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
}

.mod-card-pending-c {
  background: #F8FAFD;
  border: 1.5px solid var(--hue-blue-border);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.25s ease;
}

/* Completed Card: Calm Verified Sage Green */
.mod-card-completed {
  background: #F0FDF4 !important;
  border: 1.5px solid #86EFAC !important;
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 15px rgba(22, 101, 52, 0.05);
}

/* Status Badges */
.badge-status-done {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.68rem;
  font-weight: 800;
  background: #DCFCE7;
  color: #15803D;
  border: 1px solid #86EFAC;
}

.badge-status-pending {
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  font-size: 0.68rem;
  font-weight: 800;
  background: #F1F5F9;
  color: #475569;
  border: 1px solid #CBD5E1;
}

.btn-mod-review {
  width: 100%;
  padding: 0.6rem;
  border-radius: 0.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  background: #FFFFFF;
  color: #15803D;
  border: 1px solid #86EFAC;
  transition: background 0.2s ease;
}

.btn-mod-review:hover {
  background: #DCFCE7;
}