/* 웹진 관리 시스템 커스텀 스타일 */

/* 커스텀 색상과 Tailwind에서 구현하기 어려운 스타일만 포함 */
:root {
  --primary-color: #163779;
  --primary-hover: #0f2555;
}

/* 발행 상태별 배경색 */
.vol-item.published {
  background-color: #e8f5e9;
}

.vol-item.waiting {
  background-color: #fff3e0;
}

/* 호버 효과 */
.vol-item:hover {
  background-color: #f8f9fa;
  border-color: var(--primary-color);
}

/* 상태 뱃지 */
.status-badge.published {
  background-color: #4caf50;
}

.status-badge.waiting {
  background-color: #ff9800;
}

/* 모달 표시 */
.modal.active {
  display: flex !important;
}

/* 탭 활성화 */
.tab-btn.active {
  color: #163779;
  border-bottom-color: #163779;
  background-color: white;
}