/* ========================================
   Keycloak ログイン画面風ヘッダースタイル
   ======================================== */

/* ヘッダー全体 */
#header {
  background-color: #FFFFFF !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* header_links のアイコン画像を大きく表示（Tailwind h-6 w-6 を上書き） */
#header button:has(> a[rel="noopener noreferrer"]) {
  width: auto !important;
  height: auto !important;
}

#header a[rel="noopener noreferrer"] {
  width: auto !important;
  height: auto !important;
}

#header a[rel="noopener noreferrer"] img {
  height: 40px !important;
  width: auto !important;
  max-width: none !important;
}

/* ステップ表示内の「使用済み」「使用中」バッジspanを非表示 */
button[id^="step-"] > span:first-child,
p[id^="step-"] > span:first-child {
  display: none !important;
}

/* 生成リンクの色を統一し、出所ラベルを表示 */
a[data-link-source] {
  color: #00358c !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

a[data-link-source]:visited {
  color: #00358c !important;
}

a[data-link-source]::after {
  font-size: 0.75em;
  font-weight: 600;
  margin-left: 0.4em;
  vertical-align: baseline;
}

a[data-link-source="external"]::after {
  content: "[外部]";
}