/* ============================================================
   Closing (월마감) — CM card style
   ============================================================ */

.cl-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px;
}
.cl-cell {
  background: var(--bg-2);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 6px;
  text-align: center;
  transition: all .15s;
}
.cl-cell:hover { box-shadow: var(--shadow-sm); }
.cl-cell.done {
  background: rgba(16,185,129,.10);
  border-color: rgba(16,185,129,.35);
}
.cl-cell.cur {
  background: var(--primary-50);
  border-color: var(--primary);
}
.cl-cell-m {
  font-size: 12px; font-weight: 700;
  color: var(--fg-muted);
  letter-spacing: -.01em;
}
.cl-cell.done .cl-cell-m { color: #047857; }
.cl-cell.cur  .cl-cell-m { color: var(--primary-700); }
.cl-cell-amt {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-dim);
  margin-top: 6px;
}
.cl-cell.done .cl-cell-amt { color: #065F46; font-weight: 600; }
.cl-cell.cur  .cl-cell-amt { color: var(--primary-700); }

@media (max-width: 1024px) {
  .cl-grid { grid-template-columns: repeat(6, 1fr); }
}

/* Dark 모드 톤 조정 */
:root[data-theme="dark"] .cl-cell.done { background: rgba(16,185,129,.14); }
:root[data-theme="dark"] .cl-cell.cur  { background: rgba(99,102,241,.18); }
:root[data-theme="dark"] .cl-cell.done .cl-cell-m,
:root[data-theme="dark"] .cl-cell.done .cl-cell-amt { color: #6EE7B7; }
:root[data-theme="dark"] .cl-cell.cur  .cl-cell-m,
:root[data-theme="dark"] .cl-cell.cur  .cl-cell-amt { color: #C7D2FE; }