/* =========================================================
 * 管理画面：予約スロット追加モーダル
 * （もともと #reservation-slot-modal / #modal-overlay に
 *  inline-style で指定していた内容）
 * =======================================================*/

#reservation-slot-modal {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 1000;
    max-width: 800px;
    width: 90%;
    box-sizing: border-box;
}

#modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

/* フィルターフォーム（もともと inline-style="margin-bottom:1em"） */
.reservation-filter-form {
    margin-bottom: 1em;
}

/* 2時間単位トグルの幅指定 */
.slot-chunk {
    width: 100%;
}

/* 2時間単位トグルのラベル（もともと inline-style） */
.slot-chunk-label {
    display: inline-block;
    width: 100%;
}

/* 通知先メール選択の fieldset/legend/label 等（元は inline-style） */
.reservation-notify-fieldset {
    margin: 12px 0;
    padding: 10px;
    border: 1px solid #ddd;
}

.reservation-notify-legend {
    font-weight: 600;
}

.reservation-notify-label {
    display: block;
    margin-bottom: .5rem;
}

.reservation-notify-description {
    margin-top: .5rem;
}

/* 予約情報の「新規追加」ボタン非表示
   もともと admin_head で inline-style を出していたものを移動 */
body.post-type-reservation .page-title-action {
    display: none;
}

/* 任意：二重送信中ボタンの視覚的な変化用（必要なら調整） */
#reservation-submit-btn.is-disabled {
    opacity: 0.7;
    cursor: default;
}
/*
 * Reservation System Plugin - Admin 用スタイル
 * CSP 対応のため、インライン <style> からこちらに移動
 */

/* 予約スロットメタボックス（予約システム投稿） */
.rs-slot-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
}

.rs-slot-table th {
  background: #f7f7f7;
  text-align: center;
}

.rs-slot-table th,
.rs-slot-table td {
  border: 1px solid #ddd;
  padding: 4px;
}

.rs-slot-table input[type='date'],
.rs-slot-table input[type='time'],
.rs-slot-table input[type='number'],
.rs-slot-table input[type='datetime-local'] {
  width: 100%;
  box-sizing: border-box;
}

.rs-slot-table .remove-slot-btn {
  color: #b32d2e;
  cursor: pointer;
}

/* 公開日時一括設定エリア */
#rs-bulk-area {
  background: #f8f8f8;
  padding: 6px 8px;
  border: 1px solid #ddd;
  margin-top: 0.5rem;
}

/* タイトルロック時の注意メッセージ */
.reservation-title-lock-msg {
  margin-top: 4px;
  color: #d63638;
}

/* 予約システム編集画面：管理画面の「新規追加」ボタンを非表示 */
body.post-type-reservation_system .page-title-action {
  display: none;
}