/* =========================================================
  calendar.css
  - 달력 전용 스타일만 (현재 없음)
========================================================= */

.calWrap{
  margin-top:10px;
}

.calWeek{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:6px;
  margin-bottom:8px;
}

.calWeekCell{
  text-align:center;
  font-size:12px;
  color:#6B7280;
}

.calWeekCell.isSun{
  color:#d32f2f;
}

.calWeekCell.isSat{
  color:#1976d2;
}

.calCell.isSun .calDayNum{
  color:#d32f2f;
}

.calCell.isSat .calDayNum{
  color:#1976d2;
}

.calGrid{
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:6px;
}

.calCell{
  border:1px solid #E5E7EB;
  background:#fff;
  border-radius:12px;
  padding:10px 8px;
  min-height:54px;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.calCell:hover{
  background:#F9FAFB;
}

.calEmpty{
  border:0;
  background:transparent;
  cursor:default;
}

.calDayTop{
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
}

.calDayNum{
  font-size:13px;
  color:#1F2933;
}

.calWaterIcon{
  width:10px;
  height:10px;
  color:#1F2933;
  flex:0 0 auto;
}

.calCount{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:4px;

  font-size:11px;
  color:#6B7280;
}

.calCountIcon{
  line-height:1;
}

.calCountNum{
  line-height:1;
}

.calCell.isSelected{
  border-color:#22C55E;
  background:#F0FDF4;
  box-shadow:0 2px 10px rgba(34,197,94,.12);
}

.calCell.isToday{
  border:2px solid #16A34A;
  background:#F0FDF4;
}

.calCell.isToday .calDayNum{
  font-weight:700;
  color:#15803D;
}

.calPanel{
  margin-top:14px;
}

.calSelectedDate{
  font-size:13px;
  color:#6B7280;
  margin-top:6px;
}

.calPlantItem{
  cursor:pointer;
}

/* Empty state */
.calEmptyState{
  width:100%;
  min-height:64px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;

  background:#F9FAFB;
  border:1px dashed #D1D5DB;
}

.calEmptyState .emptyIcon{
  font-size:18px;
  line-height:1;
}

.calEmptyState .emptyText{
  font-size:13px;
  color:#6B7280;
  text-align:center;
}

/* Droplet icon (monochrome, color via currentColor) */
.calDrop{
  width:16px;
  height:16px;
  display:block;
}

/* Count row */
.calCount{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:4px;
  font-size:11px;
}

/* Water status colors */
.calCount.isDue{     color:#6B7280; } /* healthy green */
.calCount.isEarly{   color:#16A34A; } /* warning yellow */
.calCount.isOverdue{ color:#DC2626; } /* alert red */

.calCountNum{
  line-height:1;
}

/* Calendar header nav buttons */
.calNav{
  display:flex;
  gap:10px;
  align-items:center;
}

.calNavBtn{
  width:44px;
  height:44px;
  padding:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #E5E7EB;
  border-radius:14px;
  background:#fff;
  cursor:pointer;

  box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.calNavBtn:hover{
  background:#F0FDF4;
  border-color:#22C55E;
}

.calNavIcon{
  width:22px;
  height:22px;
  display:block;
  color:#1F2933;
}

.calNavBtn:hover .calNavIcon{
  color:#16A34A;
}

.calNavBtn:active .calNavIcon{
  color:#15803D;
}