/**
 * ファイルパス: style.css
 * 機能概要: DDRS固有の画面調整CSS。無効イベント行、一覧ソートリンク、公開フォーム選択肢の見た目を補正する。
 */

/*
 * zuzu-base アプリ固有 CSS（zuzu-ui の上に載せる）
 *
 * 本文幅（.cursor/rules/project.mdc「本文の幅」）:
 * - ルート公開画面 … main 直下そのまま（幅100%）
 * - admin / settings 一式 … main 内 .container（全画面統一）
 */

/* admin イベント一覧：使用不可（event_hide_flg ≠ 0） */
.table tr.zuzu-row-event-disabled td {
  background-color: #fce4ec;
}

/* admin イベント一覧：ソート可能ヘッダ */
.ddrs-sort-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
  text-decoration: none;
}

.ddrs-sort-link:hover,
.ddrs-sort-link:focus {
  text-decoration: underline;
}

.ddrs-sort-link-center {
  justify-content: center;
  width: 100%;
}

/* event.php：checkbox / radio を form-control 同型の枠で表示 */
#frm .zuzu-form-check-row {
  padding: 0.375rem 0.75rem;
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-body-bg);
}

#frm .zuzu-form-check-row.border-danger {
  border-color: var(--bs-danger);
}