:root {
        --a-base-font-family: "Helvetica", system-ui;
    }

/* .t-Body-main {
    background-image: url("Empty-State-BG-Group-Image.png");;
    background-position: cover;
} */

/*  Hover Effect */
.hover {
  transition: all 0.25s ease-in-out;
}

.hover:hover {
  transform: translateY(-2px);               /* subtle lift */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);   /* soft shadow */
  cursor: pointer;                           /* show it's interactive */
}

.curve{
   border-radius: 15px; 
}


#slide {
  animation: slideDown 0.5s ease;
}

@keyframes slideDown {
  from {
    transform: translateY(-50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.animate {
   animation: blinkAnimation 1s ease-in-out infinite alternate; 
}

@keyframes blinkAnimation {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}


.step-container { max-width: 1168px; margin: 1.6rem auto }
.step-container .t-HeroRegion:not(.t-HeroRegion--featured) .t-HeroRegion-wrap { padding: 0 }
.t-Alert--info .t-Alert-icon { vertical-align: top }
.t-Alert--horizontal .t-Alert-title { line-height: 2.8rem }
.content-well { background: rgba(0, 0, 0, .05); border-radius: 2px; padding: 1.6rem }
.users-table .t-Report-report thead { display: none }
.users-table .t-Report-cell { padding: 0.8rem 0; font-size: 1.4rem; line-height: 1.5 }
.cta-button {padding: 16px 32px; font-size: 16px;}
.t-Card-info {
  margin-top: 0;
}

.t-Card-desc {
  display: none;
}

.t-Card-title {
  font-weight: 400;
}
.apex-item-yes-no {white-space:pre;
}


/* Generic status badge container */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  background-color: #f3f4f6;
  color: #111827;
  white-space: nowrap;
}

/* Icons inside the badge */
.status-badge i {
  font-size: 14px;
}

/* Status color classes mapped from SQL */
.status-green {
  background-color: #dcfce7;
  color: #065f46;
}

.status-red {
  background-color: #fee2e2;
  color: #991b1b;
}

.status-blue {
  background-color: #dbeafe;
  color: #1e40af;
}

.status-gray {
  background-color: #e5e7eb;
  color: #374151;
}

.status-orange {
  background-color: #fef3c7;
  color: #92400e;
}

.status-black {
  background-color: #f3f4f6;
  color: #111827;
}