/* MarketingShop Dashboard - Custom CSS */
:root {
  --primary: #6366f1;
  --primary-dark: #4f46e5;
}

/* 스크롤바 커스텀 */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111827; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }

/* 부드러운 전환 */
* { transition-property: background-color, border-color, color; transition-duration: 150ms; }

/* 사이드바 스크롤 */
#sidebar nav { scrollbar-width: thin; scrollbar-color: #374151 transparent; }

/* 모달 애니메이션 */
.modal-overlay { animation: fadeIn 0.15s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.modal-overlay > div { animation: slideUp 0.2s ease; }
@keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* 플랫폼 체크박스 상태 */
input[name="platforms"]:checked + * { border-color: var(--primary); background: rgba(99,102,241,0.1); color: #a5b4fc; }

/* 생성 버튼 로딩 */
#generateBtn:disabled { cursor: not-allowed; }

/* 반응형 */
@media (max-width: 768px) {
  #sidebar { transform: translateX(-100%); }
  main { margin-left: 0; }
}