/* 파일명: /assets/css/global.css */
/* Blog Manager - SaaS 하이브리드 통합 스타일시트 (신규 리팩토링 전용) */

/* 1. 기본 폰트 설정 (Pretendard) */
body { 
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
}

/* 2. 전역 스크롤바 커스텀 */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.5); border-radius: 10px; }

/* 3. SaaS 하이브리드 공통 컴포넌트 (Dark 톤) */
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.text-gradient {
    background: linear-gradient(to right, #818cf8, #c084fc, #f472b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glow-effect { transition: all 0.3s ease; }
.glow-effect:focus-within {
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.3);
    border-color: rgba(99, 102, 241, 0.5);
}

/* 4. 유틸리티 클래스 */
.no-copy { 
    user-select: none; 
    -webkit-user-select: none; 
}

/* 5. 공통 UI 애니메이션 (토스트 알림 등) */
@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
.animate-slide-up { animation: slideUp 0.4s ease-out forwards; }

.toast-panel {
    min-width: 320px;
    padding: 1.25rem;
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

:root {
    --notice-bg: rgba(30, 41, 59, 0.4);
    --notice-border: rgba(255, 255, 255, 0.05);
    --notice-title: #f8fafc;
    --notice-text: #94a3b8;
}

/* PC 앱 환경일 때 변수 스위칭 */
.is-pc-app {
    --notice-bg: #ffffff;
    --notice-border: #e2e8f0;
    --notice-title: #0f172a;
    --notice-text: #475569;
}

/* [assets/css/global.css 맨 아래 추가] */
.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); 
}
.reveal.active { 
    opacity: 1; 
    transform: translateY(0); 
}

/* ✅ 6. 대시보드 테이블 & 유틸리티 클래스 (복구됨) */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 상태 뱃지 글자 줄바꿈 방지 */
.post-check { cursor: pointer; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 체크박스 커스텀 컬러 */
input[type="checkbox"] {
    accent-color: #4f46e5;
}