/* ============================
   상담 신청 현황 — 스타트업 스타일 최종본
============================ */

/* 🔹 전체 배경 박스 */
.apply-status-wrapper {
  background: #f9fafc;
  padding: 32px;
  border-radius: 18px;
  margin-top: 20px;
  border: 1px solid #eef0f3;
}
.apply-status-section {  
  margin-bottom: 20px;
}

/* 🔹 흰 바탕 박스 (신청현황 컨테이너) */
.apply-status-cards {
  background: #ffffff;
  color: #000;
  padding: 28px;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  border: 1px solid #e6e8eb;
  display: block;
  transition: 0.3s ease;
}

/* 🔹 개별 카드 (신청현황 row) */
.apply-status-card {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 16px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  font-size: 15px;
  align-items: center;

  opacity: 0;
  transform: translateY(8px);
  transition: all 0.25s ease;
}

.apply-status-card.visible {
  opacity: 1;
  transform: translateY(0);
}

/* 🔹 각 칸 */
.apply-status-card .col {
  white-space: nowrap;
}

/* 🔹 상태 강조 (스타트업 포인트 컬러) */
/* 기본 스타일 */
.status {
  font-weight: 700;
}

/* 상태별 색상 */
.status-신청 {
  color: #3a7afe; /* 파란색 */
}
.status-접수 {
  color: #ffe8a3; /* 파란색 */
}
.status-배정 {
  color: #ff9800; /* 주황색 */
}
.status-완료 {
  color: #4caf50; /* 초록색 */
}
.status-보류 {
  color: #9c27b0; /* 보라색 */
}
.status-취소 {
  color: #f44336; /* 빨간색 */
  text-decoration: line-through;
  opacity: 0.6;
}

/* 🔹 모바일 4열 */
@media (max-width: 768px) {
  .apply-status-card {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 6px;
  }
}

/* 🔹 CTA 버튼 */
.apply-status-cta {
  margin-top: 24px;
  width: 100%;
  padding: 18px;
  background: #3a7afe;
  color: #fff;
  border-radius: 14px;
  font-size: 18px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: 0.2s ease;
}

.apply-status-cta:hover {
  background: #1f5fe0;
  transform: translateY(-2px);
}