/* Kole UI Calendar 样式 — 月历组件，可选中日期，标记今天 */

.kole-calendar { width: 320px; background: var(--kole-color-card-bg); border: 1px solid var(--kole-color-border); border-radius: 8px; padding: 12px;
  font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); color: var(--kole-color-text-body); box-sizing: border-box; }
.kole-calendar-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.kole-calendar-title { font-size: 14px; font-weight: 500; color: var(--kole-color-text-title); }
.kole-calendar-nav { width: 28px; height: 28px; border: none; background: none; cursor: pointer; color: var(--kole-color-text-tertiary); border-radius: 4px; font-size: 16px; }
.kole-calendar-nav:hover { background: var(--kole-color-brand-bg); color: var(--kole-color-brand); }
.kole-calendar-week, .kole-calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.kole-calendar-week { margin-bottom: 4px; }
.kole-calendar-weekday { text-align: center; font-size: 12px; color: var(--kole-color-text-secondary); padding: 4px 0; }
.kole-calendar-cell { text-align: center; padding: 6px 0; font-size: 13px; cursor: pointer; border-radius: 6px; }
.kole-calendar-cell:hover { background: var(--kole-color-brand-bg); }
.kole-calendar-cell.is-out { color: var(--kole-color-text-placeholder); }
.kole-calendar-cell.is-today { color: var(--kole-color-brand); font-weight: 600; }
.kole-calendar-cell.is-selected { background: var(--kole-color-brand); color: var(--kole-color-text-inverse); }
.kole-calendar-cell.is-selected.is-today { color: var(--kole-color-text-inverse); }