/* 캘린더 뷰 전용 스타일 (style.css 변수 재사용) */

.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;flex-wrap:wrap}
.cal-nav{display:flex;align-items:center;gap:8px}
.cal-nav h2{margin:0;font-size:20px;color:var(--primary2);letter-spacing:-.6px;min-width:120px;text-align:center}
.cal-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--muted);align-items:center}
.cal-legend .pill{height:20px;padding:0 7px;font-size:10px}

.cal-grid-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f4f6f9;border-bottom:1px solid var(--line)}
.cal-weekdays div{padding:9px 0;text-align:center;font-size:12px;font-weight:900;color:#475467}
.cal-weekdays div:first-child{color:var(--red)}
.cal-weekdays div:last-child{color:var(--primary)}

.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(96px,auto)}
.cal-day{border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:6px;overflow:hidden;display:flex;flex-direction:column;gap:3px}
.cal-day:nth-child(7n){border-right:0}
.cal-day.other-month{background:#fbfcfe}
.cal-day.other-month .cal-daynum{color:#c3c9d2}
.cal-day.today{background:#f5f9ff}
.cal-daynum{font-size:12px;font-weight:800;color:#344054}
.cal-day:nth-child(7n+1) .cal-daynum{color:var(--red)}
.cal-day:nth-child(7n) .cal-daynum{color:var(--primary)}
.cal-day.today .cal-daynum{color:var(--primary2)}

.cal-chip{font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.cal-chip.status-open{background:var(--green-soft);color:var(--green)}
.cal-chip.status-soon{background:var(--orange-soft);color:var(--orange)}
.cal-chip.status-today{background:var(--red-soft);color:var(--red)}
.cal-chip.status-closed{background:var(--gray-soft);color:var(--muted)}
.cal-more{font-size:10.5px;color:var(--muted);font-weight:800;padding:1px 4px;cursor:pointer}

@media(max-width:720px){
  .cal-grid{grid-auto-rows:minmax(64px,auto)}
  .cal-daynum{font-size:11px}
  .cal-chip,.cal-more{font-size:9.5px}
}