/* FollowCue Team 同期エンジンの見た目（本体のCSSには触れない・fcsync- 接頭辞で衝突を避ける） */

.fcsync-entry {
  position: fixed;
  left: 12px;
  bottom: calc(env(safe-area-inset-bottom) + 86px);
  z-index: 9998;
  min-width: 44px;
  height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #12221e;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(15, 24, 21, .35);
  opacity: .92;
}
.fcsync-entry.is-on { background: #0e7d64; }
.fcsync-entry.is-error { background: #9c4a4a; }
.fcsync-settings-tools { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.fcsync-settings-tools .fcsync-entry { position: static; flex: 1; box-shadow: none; border-radius: 12px; opacity: 1; }

#fcSyncSheetRoot[hidden] { display: none; }
.fcsync-backdrop {
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(14, 20, 17, .5);
}
.fcsync-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  max-height: 88vh; overflow-y: auto;
  padding: 18px 18px calc(env(safe-area-inset-bottom) + 22px);
  border-radius: 18px 18px 0 0;
  background: #fff;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  color: #1c2b27;
  box-shadow: 0 -10px 40px rgba(15, 24, 21, .2);
}
.fcsync-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 12px;
}
.fcsync-head b { font-size: 17px; }
.fcsync-head button {
  width: 34px; height: 34px; border: 0; border-radius: 50%;
  background: #f0f4f2; color: #1c2b27; font-size: 18px; line-height: 1;
}
.fcsync-status {
  margin-bottom: 14px; padding: 10px 12px;
  border: 1px solid #dde5e2; border-radius: 10px; background: #fafcfb;
  font-size: 12.5px; line-height: 1.7; color: #5c6f69;
}
.fcsync-status.is-on { border-color: #bfe0d7; background: #eaf4f0; color: #0e7d64; font-weight: 700; }
.fcsync-status.is-error { border-color: #e4c9c9; background: #fbf3f3; color: #9c4a4a; font-weight: 700; }
.fcsync-label {
  display: block; margin: 12px 0 5px;
  font-size: 12px; font-weight: 800; color: #5c6f69;
}
.fcsync-input {
  width: 100%; min-height: 46px; padding: 10px 12px;
  border: 1px solid #dde5e2; border-radius: 10px; background: #fff;
  font-size: 16px; /* iOSで拡大されない最小サイズ */
  color: #1c2b27;
}
.fcsync-btn {
  width: 100%; min-height: 48px; margin-top: 12px;
  border: 1px solid #dde5e2; border-radius: 12px; background: #fff;
  font-size: 14px; font-weight: 800; color: #1c2b27;
}
.fcsync-btn.primary { border-color: #0e7d64; background: #0e7d64; color: #fff; }
.fcsync-note {
  margin-top: 14px; font-size: 11.5px; line-height: 1.75; color: #5c6f69;
}
.fcsync-toast {
  position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom) + 150px);
  transform: translateX(-50%); z-index: 10000;
  max-width: 86vw; padding: 11px 18px;
  border-radius: 999px; background: #12221e; color: #fff;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-size: 13px; font-weight: 700; text-align: center;
  box-shadow: 0 8px 22px rgba(15, 24, 21, .35);
}
.fcsync-toast[hidden] { display: none; }

/* 新規開拓の入口＝同期ボタンの上に重ねる（本体のUIは触らない） */
.fcsync-entry-2 { bottom: calc(env(safe-area-inset-bottom) + 132px) !important; }

/* PCとつなぐ（claude-501）＝畳む道具と手順の番号 */
.fcsync-more > summary { cursor: pointer; font-size: 12.5px; color: #47554f; font-weight: 700; }
.fcsync-steps { margin: 0 0 12px; padding-left: 22px; }
.fcsync-steps li { font-size: 13px; line-height: 1.7; margin-bottom: 6px; }
.fcsync-steps li b { font-weight: 800; }