/* テスト用 期間選択カレンダー (sp-* と同形、prefix だけ変更) */
.stp-calendar-container { user-select: none; }
.stp-calendar-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.stp-nav-spacer { flex: 1; }
.stp-calendars { display: flex; gap: 24px; justify-content: center; }
.stp-month { flex: 1; min-width: 0; }
.stp-month-title { text-align: center; font-weight: bold; font-size: 14px; margin-bottom: 4px; }
.stp-cal-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.stp-cal-table th, .stp-cal-table td { text-align: center; padding: 6px 2px; font-size: 13px; cursor: default; }
.stp-cal-table th { font-weight: bold; border-bottom: 1px solid #dee2e6; }
.stp-cal-table th.stp-sun { color: #dc3545; }
.stp-cal-table th.stp-sat { color: #007bff; }
.stp-cal-table td.stp-day { cursor: pointer; border-radius: 4px; }
.stp-cal-table td.stp-day:hover { background-color: #e9ecef; }
.stp-cal-table td.stp-other-month { color: #ccc; }
.stp-cal-table td.stp-sun-day { color: #dc3545; }
.stp-cal-table td.stp-sat-day { color: #007bff; }
.stp-cal-table td.stp-other-month.stp-sun-day,
.stp-cal-table td.stp-other-month.stp-sat-day { color: #ccc; }
.stp-cal-table td.stp-selected-start,
.stp-cal-table td.stp-selected-end {
  background-color: #dc3545; color: #fff !important; border-radius: 4px;
}
.stp-cal-table td.stp-selected-range {
  background-color: #f8d7da; color: #333 !important; border-radius: 0;
}
.stp-cal-table td.stp-selected-start { border-radius: 4px 0 0 4px; }
.stp-cal-table td.stp-selected-end { border-radius: 0 4px 4px 0; }
.stp-cal-table td.stp-selected-single {
  background-color: #dc3545; color: #fff !important; border-radius: 4px;
}
.stp-cal-table td.stp-today { font-weight: bold; text-decoration: underline; }

/* 参考期間 (もう一方の予定/テスト): 薄い青で塗る。選択範囲(赤系)が重なれば上書きされる */
.stp-cal-table td.stp-reference-range {
  background-color: #cfe2ff;
  color: #0a4a9b;
  border-radius: 0;
}
/* 選択範囲 (赤系) が参考期間 (青系) を上書き */
.stp-cal-table td.stp-reference-range.stp-selected-start,
.stp-cal-table td.stp-reference-range.stp-selected-end,
.stp-cal-table td.stp-reference-range.stp-selected-single {
  background-color: #dc3545; color: #fff !important;
}
.stp-cal-table td.stp-reference-range.stp-selected-range {
  background-color: #f8d7da; color: #333 !important;
}

.stp-selection-info {
  text-align: center; margin-top: 12px; font-size: 13px; min-height: 20px; color: #333;
}
.stp-reference-info-label {
  display: inline-block;
  background-color: #cfe2ff;
  color: #0a4a9b;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 4px;
}