/* ============================================================
   GSI.Offline 用スタイル
   （オフライン保存ダイアログ／管理ダイアログ 共通）
   ・既存 gsimaps.css のトーンに準拠
     アクセント: #2B7396 ／ 削除・警告: #CE0000
     基本フォント: 9pt〜9.5pt ／ ボタンは .normalbutton を流用
   ============================================================ */

/* ---- 見出し（① 保存する範囲 等） ---- */
.gsi_offline_caption {
  font-size: 9pt;
  font-weight: bold;
  margin-top: 2px;
}

/* ---- セクションのまとまり ---- */
.gsi_offline_section {
  margin: 2px 0 8px 0;
}

/* ---- 範囲補助テキスト ---- */
.gsi_offline_rangehelp {
  margin: 0 0 8px 0;
  font-size: 9pt;
  color: #555;
}
.gsi_offline_rangehelp a {
  color: #2B7396;
  text-decoration: underline;
}

/* ---- ダイアログ全体：リサイズ時に中身が追従し、画面が低くても保存ボタンに届くように ---- */
.gsi_offline_savedialog {
  display: flex;
  flex-direction: column;
}
.gsi_offline_savedialog .gsi_dialog_content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gsi_offline_dialog_frame {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  /* リサイズしていない初期状態でも、低い画面で保存ボタンが隠れないための保険 */
  max-height: calc(100vh - 140px);
}

/* ---- レイヤ一覧：長くなってもダイアログ全体が伸びすぎないようスクロール化 ---- */
.gsi_offline_layerlist {
  max-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 4px 6px;
  box-sizing: border-box;
}

/* ---- ズーム注意書き（赤系） ---- */
.gsi_offline_zoomnote {
  font-size: 8.5pt;
  color: #900;
  margin-bottom: 8px;
}

/* ---- 推定容量ボックス ---- */
.gsi_offline_estimate {
  margin: 8px 0;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #f8f8f8;
}

.gsi_offline_estimate_text {
  font-size: 9.5pt;
}

/* ---- 容量バー ---- */
.gsi_offline_bar_bg {
  height: 8px;
  background: #ddd;
  border-radius: 3px;
  margin-top: 4px;
  overflow: hidden;
}

.gsi_offline_bar {
  height: 8px;
  width: 0;
  background: #2B7396;   /* 既存アクセント色 */
}

.gsi_offline_bar.over {
  background: #CE0000;   /* 上限超過（既存の削除・警告色） */
}

/* ---- 使用量テキスト ---- */
.gsi_offline_usage {
  font-size: 8.5pt;
  color: #555;
  margin-top: 3px;
}

/* ---- 規約・注意表記 ---- */
.gsi_offline_note {
  font-size: 8.5pt;
  color: #333;
  margin: 8px 0;
  line-height: 1.5;
}

/* ---- 進捗表示 ---- */
.gsi_offline_progress {
  margin-top: 8px;
  display: none;
}

.gsi_offline_progress_text {
  font-size: 9pt;
}

.gsi_offline_progress_bar_bg {
  height: 10px;
  background: #ddd;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 4px;
}

.gsi_offline_progress_bar {
  height: 10px;
  width: 0;
  background: #2B7396;
}

/* ---- ズーム選択の余白 ---- */
.gsi_offline_zoomlabel {
  margin-left: 8px;
}

/* ============================================================
   管理ダイアログ（ManageDialog）
   ============================================================ */

.gsi_offline_manage_desc {
  font-size: 9pt;
  margin-bottom: 6px;
  line-height: 1.5;
}

/* 選択状況ボックス */
.gsi_offline_manage_selinfo {
  margin: 6px 0;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #f8f8f8;
  font-size: 9.5pt;
}

/* 合計情報 */
.gsi_offline_manage_totalinfo {
  font-size: 8.5pt;
  color: #555;
  margin-bottom: 8px;
}

/* ボタン間の余白（2つ目以降） */
.gsi_offline_btn_spacing {
  margin-top: 4px;
}

/* 削除系ボタンの色付け（任意アクセント）
   ※ .normalbutton をベースに、削除だけ赤系文字にする */
.gsi_offline_deletebtn {
  color: #CE0000;
}

.gsi_offline_deletebtn.disabled {
  color: #ccc;
}