#overflow{
  overflow : auto ;
  height : 200px 
}

#main {
  width: 750px;
  padding-left: 10px;
  margin-left: 470px;
}

/* 検索条件のスタイル */

/* ラベルの幅を統一（業務アプリ風） */
.label-col {
  width: 7em; /* ラベルの固定幅（日本語5～6文字にちょうど良い） */
  text-align: right;
}

/* 全体の余白と雰囲気を調整 */
.card {
  border-radius: 0.5rem;
}
.card-header {
  font-size: 0.875rem;
  background-color: #f8f9fa;
}

.card-body form {
  font-size: 0.875rem;
}

body {
  background-color: #f5f6f8;
}

.form-label,
.col-form-label {
  font-weight: 600;
  color: #333;
}

.col-form-label,
.label-col label {
  font-size: 0.85rem;
  color: #444;
  line-height: 1.1;
}

/* ステーション編集画面のテーブル */
.table-wrapper {
  max-width: 900px;   /* 少し広めに */
  margin: 0 auto;
}

#rundate-fields-container {
  width: auto;
  margin: 0 auto;
  table-layout: fixed;
}

#rundate-fields-container th,
#rundate-fields-container td {
  vertical-align: middle;
  white-space: nowrap;
  padding: 4px 6px;
  font-size: 0.85rem;
}

/* 列ごとの幅 */
.col-item   { width: 140px; max-width: 140px; }
.col-unit   { width: 120px; max-width: 120px; }
.col-itaku  { width: 160px; max-width: 160px; }
.col-week   { width: 110px; max-width: 110px; }
.col-yobi   { width: 320px; max-width: 320px; }
.col-delete { width: 70px;  max-width: 70px; text-align: center; }

#rundate-fields-container select.form-select-sm,
#rundate-fields-container input.form-control-sm {
  width: 100%;
  font-size: 0.85rem;
}

/* 曜日チェックボックスの見た目 */
.weekday-group .form-check-inline {
  margin-right: 6px;
}

.weekday-group label {
  cursor: pointer;
}

.weekday-group input:checked + label {
  background-color: #0d6efd;
  color: white;
  border-radius: 4px;
  padding: 1px 4px;
}