/* 서브페이지 기본 스타일 */

/* 게시판 리스트 */
.board-list {
  @apply bg-red-500 rounded-lg shadow-sm;
}

.board-list .list-item {
  @apply border-b border-gray-200 py-4 px-6 hover:bg-gray-50 transition;
}

.board-list .list-item:last-child {
  @apply border-b-0;
}

.board-list .list-title {
  @apply text-lg font-semibold text-gray-900 hover:text-primary transition;
}

.board-list .list-meta {
  @apply text-sm text-gray-500 mt-2;
}

/* 게시판 뷰 */
.board-view {
  @apply bg-white rounded-lg shadow-sm p-6;
}

.board-view .view-title {
  @apply text-2xl font-bold text-gray-900 mb-4;
}

.board-view .view-meta {
  @apply flex items-center gap-4 text-sm text-gray-500 mb-6 pb-4 border-b border-gray-200;
}

.board-view .view-content {
  @apply prose max-w-none text-gray-700;
}

/* 폼 스타일 */
.form-group {
  @apply mb-6;
}

.form-label {
  @apply block text-sm font-medium text-gray-700 mb-2;
}

.form-input {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent;
}

.form-textarea {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent;
}

.form-select {
  @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent bg-white;
}

/* 버튼 스타일 */
.btn {
  @apply px-6 py-2 rounded-lg font-medium transition;
}

.btn-primary {
  @apply bg-primary text-white hover:bg-primary-dark;
}

.btn-secondary {
  @apply bg-gray-200 text-gray-700 hover:bg-gray-300;
}

.btn-outline {
  @apply border-2 border-primary text-primary hover:bg-primary hover:text-white;
}

/* 카드 스타일 */
.card {
  @apply bg-white rounded-lg shadow-md overflow-hidden;
}

.card-header {
  @apply px-6 py-4 border-b border-gray-200;
}

.card-body {
  @apply px-6 py-4;
}

.card-footer {
  @apply px-6 py-4 border-t border-gray-200 bg-gray-50;
}

/* 테이블 스타일 */
.table {
  @apply w-full border-collapse;
}

.table thead {
  @apply bg-gray-50;
}

.table th {
  @apply px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b border-gray-200;
}

.table td {
  @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900 border-b border-gray-200;
}

.table tbody tr:hover {
  @apply bg-gray-50;
}

/* 페이지네이션 */
.pagination {
  @apply flex items-center justify-center gap-2 mt-8;
}

.pagination a,
.pagination span {
  @apply px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-primary hover:text-white hover:border-primary transition;
}

.pagination .current {
  @apply bg-primary text-white border-primary;
}

/* 알림 메시지 */
.alert {
  @apply p-4 rounded-lg mb-4;
}

.alert-success {
  @apply bg-green-50 text-green-800 border border-green-200;
}

.alert-error {
  @apply bg-red-50 text-red-800 border border-red-200;
}

.alert-warning {
  @apply bg-yellow-50 text-yellow-800 border border-yellow-200;
}

.alert-info {
  @apply bg-blue-50 text-blue-800 border border-blue-200;
}