/* CoreNet Admin Console Brand Theme - override PatternFly v5 blue -> red/orange */

:root,
.pf-v5-theme-dark,
.pf-v5-c-page,
body {
  /* ====== Primary Brand Colors ====== */
  --pf-v5-global--primary-color--100: #da2128 !important;
  --pf-v5-global--primary-color--200: #f15a22 !important;
  --pf-v5-global--primary-color--300: #e53e1f !important;
  --pf-v5-global--primary-color--400: #b81a1f !important;

  /* Active / selected states */
  --pf-v5-global--active-color--100: #f15a22 !important;
  --pf-v5-global--active-color--200: #da2128 !important;
  --pf-v5-global--active-color--300: #e53e1f !important;
  --pf-v5-global--active-color--400: #b81a1f !important;
  --pf-v5-global--active-color--400--hover: #da2128 !important;

  /* Links */
  --pf-v5-global--link--Color: #f15a22 !important;
  --pf-v5-global--link--Color--hover: #e53e1f !important;
  --pf-v5-global--link--Color--visited: #da2128 !important;
  --pf-v5-global--link--Color--dark: #f15a22 !important;
  --pf-v5-global--link--Color--dark--hover: #da2128 !important;

  /* Focus rings */
  --pf-v5-global--focus-color--100: #f15a22 !important;
  --pf-v5-global--focus-color--200: #da2128 !important;

  /* Semantic: danger stays red (conveniently matches brand) */
  --pf-v5-global--danger-color--100: #da2128 !important;
  --pf-v5-global--danger-color--200: #b81a1f !important;

  /* Disabled */
  --pf-v5-global--disabled-color--100: #64748b !important;
  --pf-v5-global--disabled-color--200: #475569 !important;
}

/* ====== Masthead (頂部 header) ====== */
.pf-v5-c-masthead,
.pf-v5-c-page__header,
header.pf-v5-c-masthead {
  background: linear-gradient(90deg, #0a0a0f 0%, #1a0a0a 50%, #2a0f05 100%) !important;
  border-bottom: 2px solid #da2128 !important;
}

/* Masthead logo 區域 */
.pf-v5-c-masthead__main, .pf-v5-c-masthead__brand {
  background: transparent !important;
}

/* ====== Sidebar (左側選單) ====== */
.pf-v5-c-page__sidebar,
.pf-v5-c-nav,
.pf-v5-c-page__sidebar .pf-v5-c-nav__list {
  background: #0f0f14 !important;
}

.pf-v5-c-page__sidebar {
  border-right: 1px solid rgba(218, 33, 40, 0.2) !important;
}

/* Nav items */
.pf-v5-c-nav__link {
  color: #cbd5e1 !important;
  transition: all 0.2s !important;
}
.pf-v5-c-nav__link:hover {
  background: rgba(241, 90, 34, 0.08) !important;
  color: #ffffff !important;
}

/* Active nav item: 品牌紅邊框 + gradient */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  background: linear-gradient(90deg, rgba(218, 33, 40, 0.2), rgba(241, 90, 34, 0.05)) !important;
  color: #ffffff !important;
  border-left: 3px solid #f15a22 !important;
  font-weight: 600;
}
.pf-v5-c-nav__link.pf-m-current::before,
.pf-v5-c-nav__link[aria-current="page"]::before {
  background: #f15a22 !important;
}

/* ====== Buttons ====== */
.pf-v5-c-button.pf-m-primary {
  background: linear-gradient(135deg, #da2128 0%, #f15a22 100%) !important;
  border: none !important;
  box-shadow: 0 4px 12px -4px rgba(218, 33, 40, 0.5) !important;
  transition: all 0.2s !important;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background: linear-gradient(135deg, #b81a1f 0%, #e53e1f 100%) !important;
  box-shadow: 0 6px 16px -4px rgba(241, 90, 34, 0.7) !important;
  transform: translateY(-1px);
}

.pf-v5-c-button.pf-m-link {
  color: #f15a22 !important;
}
.pf-v5-c-button.pf-m-link:hover {
  color: #da2128 !important;
}

/* Secondary button: 透明底 + 品牌色邊框 */
.pf-v5-c-button.pf-m-secondary {
  background: transparent !important;
  border: 1.5px solid #f15a22 !important;
  color: #f15a22 !important;
}
.pf-v5-c-button.pf-m-secondary:hover {
  background: rgba(241, 90, 34, 0.1) !important;
  border-color: #da2128 !important;
}

/* ====== Tabs ====== */
.pf-v5-c-tabs__link {
  color: #cbd5e1 !important;
}
.pf-v5-c-tabs__item.pf-m-current > .pf-v5-c-tabs__link {
  color: #f15a22 !important;
}
.pf-v5-c-tabs__item.pf-m-current > .pf-v5-c-tabs__link::after {
  background: linear-gradient(90deg, #da2128, #f15a22) !important;
  height: 3px !important;
}

/* ====== Toggle switches ====== */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
  background: #f15a22 !important;
}

/* ====== Checkbox / radio accent ====== */
.pf-v5-c-check__input:checked {
  accent-color: #f15a22 !important;
  background: #f15a22 !important;
  border-color: #f15a22 !important;
}

/* ====== Form controls focus ====== */
.pf-v5-c-form-control:focus-within,
.pf-v5-c-form-control__input:focus,
input:focus {
  border-color: #f15a22 !important;
  box-shadow: 0 0 0 3px rgba(241, 90, 34, 0.15) !important;
}

/* ====== Badges / Labels ====== */
.pf-v5-c-label.pf-m-red,
.pf-v5-c-label.pf-m-orange {
  --pf-v5-c-label--BackgroundColor: rgba(218, 33, 40, 0.15) !important;
  --pf-v5-c-label--Color: #f15a22 !important;
  --pf-v5-c-label--BorderColor: rgba(241, 90, 34, 0.3) !important;
}

/* ====== Alerts ====== */
.pf-v5-c-alert.pf-m-success {
  --pf-v5-c-alert--BorderTopColor: #22c55e !important;
}

/* ====== Table row hover ====== */
.pf-v5-c-table tbody tr:hover {
  background: rgba(241, 90, 34, 0.05) !important;
}

/* ====== Pagination ====== */
.pf-v5-c-pagination__nav-control > button:hover,
.pf-v5-c-pagination__nav-control > button:focus {
  color: #f15a22 !important;
}

/* ====== Spinner ====== */
.pf-v5-c-spinner {
  color: #f15a22 !important;
  --pf-v5-c-spinner--Color: #f15a22 !important;
}

/* ====== Logo 在 masthead 顯示 ====== */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  max-height: 40px !important;
  filter: brightness(1.1);
}

/* ====== Dark mode 背景調暖 ====== */
.pf-v5-theme-dark {
  --pf-v5-global--BackgroundColor--dark-100: #0f0f14 !important;
  --pf-v5-global--BackgroundColor--dark-200: #14141a !important;
  --pf-v5-global--BackgroundColor--dark-300: #1a1a21 !important;
}

/* ====== 選中/啟用的 card 邊框 ====== */
.pf-v5-c-card.pf-m-selectable.pf-m-selected {
  border-color: #f15a22 !important;
  box-shadow: 0 0 0 2px rgba(241, 90, 34, 0.2) !important;
}

/* ====== 捲軸 ====== */
*::-webkit-scrollbar-thumb {
  background: rgba(241, 90, 34, 0.3) !important;
  border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(241, 90, 34, 0.5) !important;
}

/* ===== v2 對比修正 ===== */

/* Primary button 文字強制白色 + 內層 spans/icons 也白 */
.pf-v5-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-primary:active,
.pf-v5-c-button.pf-m-primary *,
.pf-v5-c-button.pf-m-primary span,
.pf-v5-c-button.pf-m-primary i,
.pf-v5-c-button.pf-m-primary svg,
button.pf-m-primary,
button.pf-m-primary * {
  color: #ffffff !important;
  fill: #ffffff !important;
  --pf-v5-c-button--m-primary--Color: #ffffff !important;
  --pf-v5-c-button--m-primary--hover--Color: #ffffff !important;
  --pf-v5-c-button--m-primary--focus--Color: #ffffff !important;
  --pf-v5-c-button--m-primary--active--Color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* Disabled primary button（如 Delete user 灰狀態） */
.pf-v5-c-button.pf-m-primary:disabled,
.pf-v5-c-button.pf-m-primary.pf-m-disabled {
  background: #334155 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

/* Danger button（刪除類）保持醒目紅 */
.pf-v5-c-button.pf-m-danger,
.pf-v5-c-button.pf-m-danger * {
  background: #dc2626 !important;
  color: #ffffff !important;
  border: none !important;
}
.pf-v5-c-button.pf-m-danger:hover {
  background: #b91c1c !important;
}

/* Secondary button 對比提升 */
.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-secondary span {
  color: #f15a22 !important;
  background: rgba(241, 90, 34, 0.08) !important;
  border: 1.5px solid #f15a22 !important;
}
.pf-v5-c-button.pf-m-secondary:hover {
  background: rgba(241, 90, 34, 0.2) !important;
  color: #ffffff !important;
}

/* "Delete user" 這類灰色 link button */
.pf-v5-c-button.pf-m-link.pf-m-inline,
.pf-v5-c-button.pf-m-plain {
  color: #cbd5e1 !important;
}
.pf-v5-c-button.pf-m-link.pf-m-inline:hover,
.pf-v5-c-button.pf-m-plain:hover {
  color: #f15a22 !important;
}

/* "Refresh" 這類純文字連結按鈕 - 保留橙色但加 icon 分隔 */
.pf-v5-c-button.pf-m-link {
  color: #f15a22 !important;
  font-weight: 500;
}
.pf-v5-c-button.pf-m-link:hover {
  color: #fb923c !important;
  text-decoration: underline;
}

/* ===== v3: 各種 badge/label + navbar 瑕疵 ===== */

/* === PatternFly 彩色 Label（Current realm badge 等） === */
.pf-v5-c-label.pf-m-blue,
.pf-v5-c-label.pf-m-cyan,
.pf-v5-c-label.pf-m-purple,
.pf-v5-c-label.pf-m-teal,
.pf-v5-c-label.pf-m-info,
.pf-v5-c-badge.pf-m-read {
  --pf-v5-c-label--BackgroundColor: rgba(241, 90, 34, 0.15) !important;
  --pf-v5-c-label--Color: #fb923c !important;
  --pf-v5-c-label--BorderColor: rgba(241, 90, 34, 0.3) !important;
  background-color: rgba(241, 90, 34, 0.15) !important;
  color: #fb923c !important;
  border-color: rgba(241, 90, 34, 0.3) !important;
}

.pf-v5-c-label.pf-m-blue .pf-v5-c-label__content,
.pf-v5-c-label.pf-m-cyan .pf-v5-c-label__content,
.pf-v5-c-label.pf-m-info .pf-v5-c-label__content {
  color: #fb923c !important;
}

/* 特殊：Current realm badge 用更醒目的品牌漸層 */
.pf-v5-c-label.pf-m-outline.pf-m-blue {
  background: linear-gradient(135deg, rgba(218, 33, 40, 0.2), rgba(241, 90, 34, 0.2)) !important;
  border-color: #f15a22 !important;
  color: #ffffff !important;
}

/* === Navbar 右側：清除潛在橘色 leak === */

/* Masthead 右邊 toolbar */
.pf-v5-c-masthead__content,
.pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar {
  background: transparent !important;
}

/* User dropdown (右上角 Hoe Yuan Ong) */
.pf-v5-c-menu-toggle,
.pf-v5-c-dropdown__toggle,
button.pf-v5-c-menu-toggle {
  background: transparent !important;
  color: #e2e8f0 !important;
  border: none !important;
}
.pf-v5-c-menu-toggle:hover,
.pf-v5-c-dropdown__toggle:hover {
  background: rgba(241, 90, 34, 0.08) !important;
  color: #ffffff !important;
}
.pf-v5-c-menu-toggle[aria-expanded="true"],
.pf-v5-c-dropdown__toggle[aria-expanded="true"] {
  background: rgba(241, 90, 34, 0.12) !important;
}

/* User avatar (圓形) */
.pf-v5-c-avatar {
  border: 1.5px solid rgba(241, 90, 34, 0.4) !important;
  background: #1a1a21 !important;
}

/* Help button (?) 和 settings */
.pf-v5-c-button.pf-m-plain {
  color: #cbd5e1 !important;
  background: transparent !important;
}
.pf-v5-c-button.pf-m-plain:hover {
  color: #f15a22 !important;
  background: rgba(241, 90, 34, 0.08) !important;
}

/* === 清除 primary color 可能 leak 到背景的地方 === */

/* 任何使用 --pf-v5-global--primary-color 當底色的元素，除非明確需要 */
.pf-v5-c-masthead *:not(.pf-v5-c-button):not(.pf-v5-c-label):not(.pf-v5-c-badge) {
  --local-bg: initial;
}

/* Realm selector dropdown */
.pf-v5-c-menu-toggle__controls,
.pf-v5-c-menu-toggle__icon {
  color: inherit !important;
}

/* 側邊欄頂部 realm 區塊 */
[data-testid="realmSelector"],
.pf-v5-c-page__sidebar-body > .pf-v5-c-menu-toggle {
  background: transparent !important;
}

/* === Scroll / pagination 數字標記 === */
.pf-v5-c-pagination__total-items {
  color: #cbd5e1 !important;
}

/* Currently active: 側邊欄被選中項的右側小圓點 */
.pf-v5-c-nav__link.pf-m-current > .pf-v5-c-nav__toggle-icon {
  color: #f15a22 !important;
}