/*
 * SYN-AA-BS-002: ActiveAdmin 向け Bootstrap 補正（最小限）。
 * 公開ページ用 app.css は読み込まない。body.active_admin 配下に限定する。
 */

body.active_admin {
  background-color: #f8f9fa;
}

body.active_admin #active_admin_content {
  padding: 1.25rem;
}

body.active_admin .panel,
body.active_admin .attributes_table,
body.active_admin .index_as_table {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

body.active_admin table {
  width: 100%;
}

body.active_admin input[type="text"],
body.active_admin input[type="email"],
body.active_admin input[type="password"],
body.active_admin input[type="number"],
body.active_admin input[type="search"],
body.active_admin select,
body.active_admin textarea {
  max-width: 100%;
}

body.active_admin .status_tag {
  border-radius: 999px;
}

/* SYN-AA-BS-006: ActiveAdmin のリンク色指定が Bootstrap ボタン文字色を上書きするため補正 */
body.active_admin a.btn,
body.active_admin a.btn:link,
body.active_admin a.btn:visited {
  color: #fff !important;
  text-decoration: none;
}

body.active_admin a.btn:hover,
body.active_admin a.btn:focus {
  color: #fff !important;
  text-decoration: none;
}

body.active_admin a.btn-outline-primary,
body.active_admin a.btn-outline-primary:link,
body.active_admin a.btn-outline-primary:visited {
  color: #0d6efd !important;
}

body.active_admin a.btn-outline-primary:hover,
body.active_admin a.btn-outline-primary:focus {
  color: #fff !important;
}

body.active_admin a.btn-outline-secondary,
body.active_admin a.btn-outline-secondary:link,
body.active_admin a.btn-outline-secondary:visited {
  color: #6c757d !important;
}

body.active_admin a.btn-outline-secondary:hover,
body.active_admin a.btn-outline-secondary:focus {
  color: #fff !important;
}

/*
 * SYN-AA-BS-007:
 * Bootstrap の .row と ActiveAdmin attributes_table の tr.row の衝突を解消する。
 */
body.active_admin .attributes_table table tr.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  display: table-row;
  margin: 0;
}

body.active_admin .attributes_table table tr.row > th,
body.active_admin .attributes_table table tr.row > td {
  flex: none;
  width: auto;
  max-width: none;
  margin-top: 0;
  padding-right: 12px;
  padding-left: 12px;
}

body.active_admin .attributes_table table tr.row > th {
  width: 20%;
}