/* アンケート導入ポップアップ(survey.js が生成)。
   配色は styles.css のテーマ変数(--surface-1 / --text-* / --accent-btn 等)を
   参照するため、ダーク/ブルー/レッドの3テーマに自動追従する。
   z-index: 比較パネルより上・トースト(100)より下(バナー90/モーダル95) */

/* 画面右下の小さなカード(路線選択等の操作を妨げない位置) */
.survey-banner {
  position: fixed; right: 16px; bottom: 16px; z-index: 90;
  max-width: 340px;
  background: var(--surface-1); color: var(--text-primary);
  border: 1px solid var(--baseline); border-radius: 12px;
  padding: 13px 15px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  font-size: 12.5px; line-height: 1.65;
}
.survey-text { margin: 0 0 10px; color: var(--text-secondary); }
.survey-actions { display: flex; gap: 8px; justify-content: flex-end; }
.survey-answer {
  border: none; cursor: pointer;
  background: var(--accent-btn, var(--accent)); /* 白文字とWCAG AAを満たすボタン色 */
  color: #fff; font: inherit; font-size: 12.5px; font-weight: 600;
  padding: 6px 14px; border-radius: 8px;
}
.survey-answer:hover { filter: brightness(1.08); }
.survey-dismiss {
  background: transparent; color: var(--text-secondary);
  border: 1px solid var(--border); border-radius: 8px;
  font: inherit; font-size: 12.5px; padding: 6px 12px; cursor: pointer;
}
.survey-dismiss:hover { color: var(--text-primary); border-color: var(--baseline); }
/* スマホでは下部の全幅バナーにする */
@media (max-width: 760px) {
  .survey-banner { left: 12px; right: 12px; bottom: 12px; max-width: none; }
  /* サイドバー常設リンク: スマホの上部バーは幅が限られるため
     アイコンのみ表示(styles.css の .side-ico { display:none } を上書き) */
  #side-survey .side-label { display: none; }
  #side-survey .side-ico { display: inline-block; width: auto; }
}

/* Googleフォームのモーダル(大きめ・フォーム側スクロール可) */
.survey-modal {
  position: fixed; inset: 0; z-index: 95;
  background: rgba(0, 0, 0, 0.5);
  display: flex; align-items: center; justify-content: center;
  padding: 3vh 12px;
}
.survey-modal-box {
  width: 680px; max-width: 100%; height: 90vh;
  display: flex; flex-direction: column;
  background: var(--surface-1); border: 1px solid var(--baseline);
  border-radius: 12px; overflow: hidden;
  box-shadow: 0 12px 44px rgba(0, 0, 0, 0.4);
}
.survey-modal-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 8px 8px 14px; border-bottom: 1px solid var(--grid);
  color: var(--text-primary); font-size: 13.5px;
}
.survey-modal-close {
  border: none; background: transparent; color: var(--text-secondary);
  font: inherit; font-size: 16px; line-height: 1;
  padding: 6px 10px; border-radius: 8px; cursor: pointer;
}
.survey-modal-close:hover { color: var(--text-primary); background: var(--row-selected); }
/* フォーム本体。Googleフォームは白背景のため、iframe背景も白で固定
   (ダークテーマでも読み込み中に黒帯が出ないように) */
.survey-frame { flex: 1; width: 100%; border: 0; background: #fff; }