body > header,
body > header .navbar-brand,
body > header h1,
body > header h2 {
  color: var(--ci-header-text) !important;
}
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", sans-serif;

  /* ヘッダー背景（プライマリ色の極薄tint、ci-theme.js が上書き） */
  --ci-header-bg: #e8ebf1;
  /* ヘッダーテキスト色（CIカラーに合わせる） */
  --ci-header-text: #1b3b6f;
}

/* ヘッダー背景にCI色の極薄tintを適用 */
body > header {
  background-color: var(--ci-header-bg) !important;
  color: var(--ci-header-text);
}

/* ヘッダー内ナビゲーションのタブをコンパクトに */
header .nav-link {
  padding: 0.2rem 0.6rem;
  font-size: 0.82rem;
}

.tab-panel {
  display: none;
}

.tab-panel.active {
  display: block;
}

.list {
  display: grid;
  gap: 12px;
}

.output {
  background: #0f172a;
  color: #e2e8f0;
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
  overflow-x: auto;
}

/* 設定フォーム ラベルセル */
.setting-label-cell {
  cursor: default;
  user-select: none;
  font-size: 0.8rem;
  color: #555 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}