/* users / organizers レルムのカスタムスタイル (旧 users.scss を .css 直配信へ移植)。
   ベースデザインは public/common/css/base.css (静的) が担う。 */

/* ログアウトを link_to(method: :delete) → button_to に変更したため (rails-ujs/Turbo 廃止対応)、
   生成される form をリンク同様にインライン表示する。base.css の旧 a.btn 相当を button にも適用。 */
.header__logout form.button_to {
  display: inline;
  margin: 0;
}
.header__logout form.button_to .btn {
  box-shadow: none;
}
#g-nav li form.button_to {
  display: inline-block;
  margin: 0;
}
#g-nav li form.button_to .btn {
  display: inline-block;
  border-radius: 999px;
  color: #fff;
  padding: 5px 30px;
  margin-top: 10px;
}

/* 編集理由ダイアログ (case_form_controller)。旧 jQuery UI .dialog(modal:true) の
   .ui-dialog フレーム相当を再現。base.css の #dialog__editConfirm{display:none} を
   .is-open で上書きして中央モーダル表示する。 */
.dialog__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
#dialog__editConfirm.is-open {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  background: #fff;
  min-width: 600px;
  max-width: 90vw;
  border-radius: 30px;
  padding: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
@media (max-width: 660px) {
  #dialog__editConfirm.is-open {
    min-width: 0;
    width: 92vw;
  }
}

/* 一覧テーブルのスクロールコンテナ化 (旧 scroll-hint JS 撤去対応)。
   base.css は .main__tableList に max-height + th{position:sticky;top:0} を定義するが
   overflow 指定が無く、旧環境では scroll-hint(element.style.overflow='auto')が
   実行時に補っていた。JS 撤去で overflow が visible のままになり、
   (1) sticky ヘッダー(見出し行)固定が効かない
   (2) テーブルが max-height を超えて溢れフッター「© 2021 株式会社士道」と被る
   という 2 つの不具合が発生したため、CSS 側で overflow を補う。 */
.main__tableList {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.error-text {
  color: #C44D4D;
  font-weight: bold;
}

.error-msg {
  color: #C44D4D;
  margin: 1em 0 1em 0;
}

.caseInputData__btn button.btn-disabled {
  min-width: 120px;
  opacity: .5;
}

.caseInputData__btn button.btn-registration {
  min-width: 120px;
}

.caseFooter__btn button.btn-registration {
  min-width: 120px;
}

.caseFooter__btn button.btn-disabled {
  min-width: 120px;
  opacity: .5;
}

/* 有害事象の新規追加ボタンに btn-add を追加して対応 */
.caseDataList__title .btn-add {
  margin: 0 0 0 25px;
}

/* ヘッダー固定時の背景色と同じにする */
header.header__nav {
  background: #efefef;
}

/* 一覧だけの画面用のヘッダー固定時の設定 */
.container__main.content-main.list-main {
  padding: 170px 60px 0;
}
/* 一覧だけだがタイトルありの画面用のヘッダー固定時の設定 */
.container__main.content-main.list-title {
  padding: 200px 60px 0;
}
/* リリース後、お知らせが見切れる事象が発生した件で急遽対応時に書いたもの */
.container__main.content-main.list-announce {
  padding: 210px 60px 0;
}
@media (max-width: 1279px) {
  .container__main.content-main.list-main {
    padding: 0px 15px 0;
  }
  .container__main.content-main.list-title {
    padding: 0px 15px 0;
  }
  /* リリース後、お知らせが見切れる事象が発生した件で急遽対応時に書いたもの */
  .container__main.content-main.list-announce {
    padding: 0px 15px 0;
  }
}

/* 横並びから除外パターンの説明文箇所のリンクを .caseDataList__item_text にあわせる */
.caseDataList__item.caseDataList__item_text a {
  color: #469CCE;
}

/* ログイン画面の注意書き */
.login__supported_browser {
  padding: 0 0 0 30px;
}
.login__supported_browser p {
  line-height: 2;
  padding-top: 10px;
}

/* flash メッセージで追加 */
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 0 20px;
}

.alert-danger {
  color: #571515;
  background-color: #edd4d4;
  border-color: #e6c3c3;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 0 0 20px;
}

/* ログイン画面のロゴ */
.centerBox__login__logo {
  margin: 0 0 20px;
  overflow: hidden;
}
.login__logo {
  padding: 0 25%;
}
.login__logo img {
  height: auto;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 1279px) {
  .login__logo {
    padding: 0 40%;
  }
}