/* ===================================================
 * MLS Footer Bar CSS
 * main_footer_bar.inc.php のインライン<style>から移設
 * =================================================== */

/* ----- 下バー レイアウト ----- */
.mfbar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

/* ----- 汎用ボタン ----- */
.mfbtn {
  padding: 6px 10px;
  border: 1px solid #999;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.mfghost {
  opacity: .8;
}

/* ----- System Check 詳細パネル ----- */
.mfdetail {
  margin-top: 8px;
}

.mflog {
  font-size: 12px;
  line-height: 1.25;
  white-space: pre-wrap;
  max-height: 30vh;
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 8px;
  background: #fff;
}

/* System Check は完全に視認性優先 */
#mfDetail {
  background: #fff !important;
  color: #111 !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
}
#mfDetail .mflog {
  color: #111 !important;
}

/* ----- Edit トグル色分け ----- */

/* Edit: ON → OFF（編集モードON状態） */
.mfbtn[href*="edit=0"] {
  background: #e6f6ea;
  border-color: #2fa84f;
  color: #1f7a37;
}

/* Edit: OFF → ON（編集モードOFF状態） */
.mfbtn[href*="edit=1"] {
  background: #fdecec;
  border-color: #d64545;
  color: #a52828;
}

/* hover（共通） */
.mfbtn[href*="edit="]:hover {
  filter: brightness(0.95);
}