@charset "UTF-8";

/* ================= 테마별 배경 스타일 ================= */
.bg-theme-gradient1 {
  background: linear-gradient(135deg, #fce7f3 0%, #e0e7ff 50%, #ccfbf1 100%);
}

.bg-theme-gradient2 {
  background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 50%, #fecdd3 100%);
}

.bg-theme-gradient3 {
  background: linear-gradient(135deg, #ede9fe 0%, #fbcfe8 50%, #fef08a 100%);
}

.bg-theme-clean-slate {
  background-color: #f1f5f9;
}

.bg-theme-cork-board {
  background-color: #eedbc0;
  background-image: radial-gradient(#d4ba96 15%, transparent 16%), radial-gradient(#d4ba96 15%, transparent 16%);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}

.bg-theme-dark-board {
  background-color: #0f172a;
}

/* 캔버스 모드 격자 무늬 */
.bg-grid-pattern {
  background-size: 28px 28px;
  background-image: 
    linear-gradient(to right, rgba(148, 163, 184, 0.25) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(148, 163, 184, 0.25) 1px, transparent 1px);
}

/* ================= 카드 색상 팔레트 ================= */
.card-color-white {
  background-color: #ffffff;
  border-color: #e2e8f0;
}

.card-color-yellow {
  background-color: #fef9c3;
  border-color: #fef08a;
}

.card-color-peach {
  background-color: #ffedd5;
  border-color: #fed7aa;
}

.card-color-green {
  background-color: #dcfce7;
  border-color: #bbf7d0;
}

.card-color-blue {
  background-color: #e0f2fe;
  border-color: #bae6fd;
}

.card-color-purple {
  background-color: #f3e8ff;
  border-color: #e9d5ff;
}

/* ================= 커스텀 스크롤바 ================= */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.6);
}

/* ================= 드래그 앤 드롭 스타일 ================= */
.sortable-ghost {
  opacity: 0.35;
  transform: scale(0.98);
}

.sortable-chosen {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* ================= 인쇄 / PDF 최적화 ================= */
@media print {
  header, #fab-add-card, .no-print {
    display: none !important;
  }
  body, main {
    height: auto !important;
    overflow: visible !important;
    background: white !important;
  }
  #wall-view {
    display: block !important;
  }
  .card-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
  }
}