/* 쪽지 시스템 스타일 */
.message-content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* 읽지 않은 쪽지 강조 */
.table tbody tr.fw-bold {
    background-color: #f8f9fa;
}

.table tbody tr.fw-bold:hover {
    background-color: #e9ecef;
}

/* 중요 쪽지 아이콘 애니메이션 */
.bi-star-fill {
    transition: transform 0.2s ease;
}

.bi-star-fill:hover {
    transform: scale(1.2);
}

/* 쪽지함 사이드바 */
.list-group-item.active {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.list-group-item:hover {
    background-color: #f8f9fa;
}

.list-group-item.active:hover {
    background-color: #0b5ed7;
}

/* 쪽지 배지 스타일 */
#unreadMessageBadge {
    font-size: 0.75rem;
    padding: 0.2rem 0.4rem;
    border-radius: 10px;
    vertical-align: top;
    margin-left: 0.25rem;
}

/* 쪽지 작성 폼 */
.message-compose textarea {
    resize: vertical;
    min-height: 200px;
}

/* 쪽지 상세 페이지 */
.message-detail .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.message-detail .message-content {
    padding: 1rem 0;
    word-wrap: break-word;
}

/* 반응형 테이블 */
@media (max-width: 768px) {
    .table-responsive table {
        font-size: 0.875rem;
    }
    
    .table td, .table th {
        padding: 0.5rem 0.25rem;
    }
    
    /* 모바일에서 날짜 형식 간소화 */
    .table td:last-child {
        white-space: nowrap;
    }
}

/* 쪽지 아이콘 색상 */
.bi-envelope-fill {
    color: #0d6efd;
}

.bi-envelope-open {
    color: #6c757d;
}

/* 쪽지 삭제 확인 */
.btn-danger:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
}

/* Select2 커스텀 스타일 (쪽지 작성 페이지) */
.select2-container--bootstrap-5 .select2-selection--single {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}

/* 쪽지 알림 애니메이션 */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.notification-badge.new-message {
    animation: pulse 2s infinite;
}