/* =====================================================
 * LINTEL Portal Theme — v4.0
 * Dark theme — PatternFly 5 overrides for admin console
 *
 * Design notes:
 *  - Dark surfaces matching lintel.digital website
 *  - Orange (#ff4400) accent for ALL interactive elements
 *  - Outfit for display, Inter for body
 *  - Every PF5 blue (#06c) replaced with orange
 *  - All colour values hardcoded (not var refs) to ensure
 *    they override PF5 defaults regardless of load order
 * ===================================================== */

/* ----- FONT DECLARATIONS ----- */
@font-face {
  font-family: "Outfit";
  src: url("../fonts/outfit-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

/* =====================================================
 * PF5 GLOBAL TOKEN OVERRIDES
 * ===================================================== */

:root {
  /* LINTEL design tokens */
  --lintel-bg: #1a1a1a;
  --lintel-surface: #141414;
  --lintel-elevated: #262626;
  --lintel-orange: #ff4400;
  --lintel-orange-dark: #d93a00;
  --lintel-text: #f5f5f4;
  --lintel-text-secondary: #a8a29e;
  --lintel-text-muted: #78716c;
  --lintel-border: #333333;
  --lintel-border-subtle: #262626;
  --lintel-white: #ffffff;
  --lintel-radius: 0.375rem;

  /* PF5 global colour overrides — replace ALL blues with orange */
  --pf-v5-global--primary-color--100: #ff4400 !important;
  --pf-v5-global--primary-color--200: #d93a00 !important;
  --pf-v5-global--primary-color--300: #ff4400 !important;
  --pf-v5-global--primary-color--dark-100: #ff4400 !important;
  --pf-v5-global--primary-color--light-100: #ff4400 !important;
  --pf-v5-global--active-color--100: #ff4400 !important;
  --pf-v5-global--active-color--200: #d93a00 !important;
  --pf-v5-global--active-color--300: #ff4400 !important;
  --pf-v5-global--link--Color: #ff4400 !important;
  --pf-v5-global--link--Color--hover: #d93a00 !important;
  --pf-v5-global--link--Color--dark--100: #ff4400 !important;
  --pf-v5-global--link--Color--dark--200: #d93a00 !important;
  --pf-v5-global--link--Color--light: #ff4400 !important;
  --pf-v5-global--link--Color--visited: #ff4400 !important;

  /* Background and text */
  --pf-v5-global--BackgroundColor--100: #141414 !important;
  --pf-v5-global--BackgroundColor--200: #1a1a1a !important;
  --pf-v5-global--BackgroundColor--dark-100: #141414 !important;
  --pf-v5-global--BackgroundColor--dark-200: #1a1a1a !important;
  --pf-v5-global--BackgroundColor--dark-300: #262626 !important;
  --pf-v5-global--BackgroundColor--light-100: #1a1a1a !important;
  --pf-v5-global--BackgroundColor--light-200: #141414 !important;
  --pf-v5-global--BackgroundColor--light-300: #262626 !important;
  --pf-v5-global--Color--100: #f5f5f4 !important;
  --pf-v5-global--Color--200: #a8a29e !important;
  --pf-v5-global--Color--300: #78716c !important;
  --pf-v5-global--Color--dark-100: #f5f5f4 !important;
  --pf-v5-global--Color--dark-200: #a8a29e !important;
  --pf-v5-global--Color--light-100: #f5f5f4 !important;
  --pf-v5-global--Color--light-200: #a8a29e !important;
  --pf-v5-global--Color--light-300: #78716c !important;

  /* Border radius */
  --pf-v5-global--BorderRadius--sm: 0.375rem !important;
  --pf-v5-global--BorderRadius--md: 0.375rem !important;
  --pf-v5-global--BorderRadius--lg: 0.5rem !important;
  --pf-v5-global--BorderRadius--xl: 0.75rem !important;
  --pf-v5-global--BorderRadius--2xl: 1rem !important;

  /* Border colors */
  --pf-v5-global--BorderColor--100: #333333 !important;
  --pf-v5-global--BorderColor--200: #262626 !important;
  --pf-v5-global--BorderColor--300: #333333 !important;
  --pf-v5-global--BorderColor--dark-100: #333333 !important;

  /* Box shadow */
  --pf-v5-global--BoxShadow--sm: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  --pf-v5-global--BoxShadow--md: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  --pf-v5-global--BoxShadow--lg: 0 8px 24px rgba(0, 0, 0, 0.5) !important;

  /* Status colors */
  --pf-v5-global--danger-color--100: #ef4444 !important;
  --pf-v5-global--danger-color--200: #dc2626 !important;
  --pf-v5-global--danger-color--300: #b91c1c !important;
  --pf-v5-global--success-color--100: #22c55e !important;
  --pf-v5-global--success-color--200: #16a34a !important;
  --pf-v5-global--warning-color--100: #f59e0b !important;
  --pf-v5-global--warning-color--200: #d97706 !important;
  --pf-v5-global--info-color--100: #ff4400 !important;
  --pf-v5-global--info-color--200: #d93a00 !important;
}

/* =====================================================
 * PAGE BASE
 * ===================================================== */

html,
body {
  background-color: #1a1a1a !important;
  color: #f5f5f4;
  font-family: "Inter", system-ui, sans-serif;
}

/* =====================================================
 * LOADING SCREEN
 * ===================================================== */

.keycloak__loading-container {
  background: rgba(26, 26, 26, 0.97) !important;
  color: #f5f5f4 !important;
}

#loading-text {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #a8a29e;
}

/* =====================================================
 * MASTHEAD — dark surface
 * ===================================================== */

.pf-v5-c-masthead,
.pf-v5-c-masthead.pf-m-light,
.pf-v5-c-masthead.pf-m-light-200 {
  --pf-v5-c-masthead--BackgroundColor: #141414 !important;
  --pf-v5-c-masthead--m-light--BackgroundColor: #141414 !important;
  --pf-v5-c-masthead--m-light-200--BackgroundColor: #141414 !important;
  background-color: #141414 !important;
  background: #141414 !important;
  border-bottom: 1px solid #333333 !important;
  box-shadow: none !important;
}

.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-masthead__content,
.pf-v5-c-masthead .pf-v5-c-masthead__main {
  background: transparent !important;
  background-color: transparent !important;
}

.pf-v5-c-masthead *,
.pf-v5-c-masthead.pf-m-light *,
.pf-v5-c-masthead.pf-m-light-200 * {
  color: rgba(255, 255, 255, 0.85) !important;
}

.pf-v5-c-masthead img,
.pf-v5-c-masthead .pf-v5-c-brand {
  color: unset !important;
}

.pf-v5-c-masthead .pf-v5-c-menu,
.pf-v5-c-masthead .pf-v5-c-menu *,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu * {
  color: #f5f5f4 !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover,
.pf-v5-c-masthead .pf-v5-c-button:focus-visible,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:focus-visible {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.375rem !important;
}

/* =====================================================
 * BRAND / LOGO
 * ===================================================== */

.pf-v5-c-masthead__brand,
.pf-v5-c-masthead__brand a,
.pf-v5-c-page__header-brand,
.pf-v5-c-page__header-brand-link {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  flex-shrink: 0;
}

.pf-v5-c-brand,
.pf-v5-c-page__header-brand-link .pf-v5-c-brand,
.pf-v5-c-masthead img {
  --pf-v5-c-page__header-brand-link--c-brand--MaxHeight: 44px !important;
  height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  display: block !important;
  object-fit: contain !important;
}

/* =====================================================
 * SIDEBAR / NAVIGATION
 * ===================================================== */

.pf-v5-c-page__sidebar,
.pf-v5-c-nav {
  background: #141414 !important;
}

.pf-v5-c-page__sidebar {
  border-right: 1px solid #333333 !important;
}

.pf-v5-c-nav__section-title {
  color: #78716c !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid #262626 !important;
  padding-bottom: 0.4rem;
  margin-bottom: 0.2rem;
}

.pf-v5-c-nav__link {
  color: #a8a29e !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 0.375rem !important;
  transition: background-color 150ms ease, color 150ms ease;
}

.pf-v5-c-nav__link:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
.pf-v5-c-nav__link[aria-current] {
  color: #ffffff !important;
  background: #ff4400 !important;
}

/* Remove PF5 default blue left-border indicator on current nav link */
.pf-v5-c-nav__link.pf-m-current::before,
.pf-v5-c-nav__link[aria-current]::before,
.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__link[aria-current]::after {
  display: none !important;
}

/* Expandable nav sections */
.pf-v5-c-nav__subnav {
  background: transparent !important;
}

.pf-v5-c-expandable-section__toggle {
  color: #a8a29e !important;
}

.pf-v5-c-expandable-section__toggle:hover {
  color: #ffffff !important;
}

/* =====================================================
 * MAIN CONTENT AREA
 * ===================================================== */

.pf-v5-c-page__main,
.pf-v5-c-page__main-section {
  background: #1a1a1a !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-page__main-section.pf-m-light {
  background: #141414 !important;
  border-bottom: 1px solid #333333 !important;
}

.pf-v5-c-page__main-section.pf-m-fill {
  background: #1a1a1a !important;
}

/* =====================================================
 * CARDS & PANELS
 * ===================================================== */

.pf-v5-c-card,
.pf-v5-c-panel {
  background: #262626 !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-card__title,
.pf-v5-c-card__header {
  border-bottom: 1px solid #333333;
  background: transparent !important;
}

.pf-v5-c-card__title-text {
  font-family: "Outfit", "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #f5f5f4;
}

/* =====================================================
 * TOOLBAR
 * ===================================================== */

.pf-v5-c-toolbar {
  background: #262626 !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
  color: #f5f5f4 !important;
}

/* =====================================================
 * TABLES
 * ===================================================== */

.pf-v5-c-table {
  background: #262626 !important;
  border-radius: 0.375rem !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-table thead tr,
.pf-v5-c-table th,
.pf-v5-c-table .pf-v5-c-table__th {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #a8a29e !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid #333333 !important;
}

.pf-v5-c-table tbody tr:hover td,
.pf-v5-c-table tbody tr:hover {
  background: rgba(255, 68, 0, 0.04) !important;
}

.pf-v5-c-table td,
.pf-v5-c-table .pf-v5-c-table__td {
  color: #f5f5f4 !important;
  border-bottom: 1px solid #262626 !important;
}

.pf-v5-c-table__sort .pf-v5-c-table__button {
  color: #a8a29e !important;
}

.pf-v5-c-table__sort .pf-v5-c-table__button:hover {
  color: #f5f5f4 !important;
}

.pf-v5-c-table__sort.pf-m-selected .pf-v5-c-table__button {
  color: #ff4400 !important;
}

/* =====================================================
 * TITLES & BREADCRUMBS
 * ===================================================== */

.pf-v5-c-title,
.pf-v5-c-page__main-breadcrumb {
  color: #f5f5f4;
}

.pf-v5-c-title {
  font-family: "Outfit", "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.pf-v5-c-breadcrumb__link {
  color: #ff4400 !important;
}

.pf-v5-c-breadcrumb__link:hover {
  color: #d93a00 !important;
}

.pf-v5-c-breadcrumb__item-divider {
  color: #78716c !important;
}

/* =====================================================
 * BUTTONS — all variants
 * ===================================================== */

.pf-v5-c-button {
  --pf-v5-c-button--m-primary--BackgroundColor: #ff4400 !important;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #d93a00 !important;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #d93a00 !important;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #d93a00 !important;
  border-radius: 0.375rem !important;
  font-family: "Inter", system-ui, sans-serif;
}

.pf-v5-c-button.pf-m-primary {
  border: none !important;
  background-color: #ff4400 !important;
  background: #ff4400 !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(255, 68, 0, 0.2);
  transition: background-color 150ms ease, box-shadow 150ms ease;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus-visible {
  background-color: #d93a00 !important;
  background: #d93a00 !important;
  box-shadow: 0 4px 12px rgba(255, 68, 0, 0.3);
}

.pf-v5-c-button.pf-m-secondary {
  border: 1px solid #333333 !important;
  background: transparent !important;
  color: #f5f5f4 !important;
  font-weight: 500;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus-visible {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: #ff4400 !important;
}

.pf-v5-c-button.pf-m-tertiary {
  border: 1px solid #333333 !important;
  background: transparent !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-button.pf-m-tertiary:hover {
  border-color: #ff4400 !important;
  color: #ff4400 !important;
}

.pf-v5-c-button.pf-m-link {
  color: #ff4400 !important;
  background: transparent !important;
}

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

.pf-v5-c-button.pf-m-plain {
  color: #a8a29e !important;
}

.pf-v5-c-button.pf-m-plain:hover,
.pf-v5-c-button.pf-m-plain:focus-visible {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-button.pf-m-danger {
  border: 1px solid #ef4444 !important;
  background: #ef4444 !important;
  color: #ffffff !important;
}

.pf-v5-c-button.pf-m-danger:hover,
.pf-v5-c-button.pf-m-danger:focus-visible {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
}

.pf-v5-c-button.pf-m-warning {
  background: #f59e0b !important;
  color: #000000 !important;
}

.pf-v5-c-button.pf-m-control {
  border: 1px solid #333333 !important;
  background: #1a1a1a !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-button.pf-m-control:hover {
  border-color: #ff4400 !important;
}

.pf-v5-c-button:disabled,
.pf-v5-c-button.pf-m-disabled {
  opacity: 0.5 !important;
}

/* =====================================================
 * LINKS — global override
 * ===================================================== */

a {
  color: #ff4400;
  text-decoration: none;
}

a:hover {
  color: #d93a00;
}

.pf-v5-c-page__main a:not(.pf-v5-c-button):not(.pf-v5-c-nav__link):not(.pf-v5-c-breadcrumb__link):not(.pf-v5-c-tabs__link) {
  color: #ff4400;
}

.pf-v5-c-page__main a:not(.pf-v5-c-button):not(.pf-v5-c-nav__link):not(.pf-v5-c-breadcrumb__link):not(.pf-v5-c-tabs__link):hover {
  color: #d93a00;
}

/* =====================================================
 * FORM CONTROLS
 * ===================================================== */

.pf-v5-c-form-control,
.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
.pf-v5-c-form-control > select {
  border-radius: 0.375rem !important;
  border-color: #333333 !important;
  background-color: #1a1a1a !important;
  color: #f5f5f4 !important;
  transition: border-color 150ms ease;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-within,
.pf-v5-c-form-control:focus-visible {
  border-color: #ff4400 !important;
  box-shadow: 0 0 0 2px rgba(255, 68, 0, 0.15) !important;
}

/* Override PF5 bottom-border indicator color */
.pf-v5-c-form-control::after {
  border-bottom-color: #ff4400 !important;
}

.pf-v5-c-form-select {
  border-radius: 0.375rem !important;
  border-color: #333333 !important;
  background-color: #1a1a1a !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-text-area {
  border-radius: 0.375rem !important;
  border-color: #333333 !important;
  background-color: #1a1a1a !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-form__label-text {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #a8a29e;
}

.pf-v5-c-form__label-required {
  color: #ff4400 !important;
}

.pf-v5-c-helper-text__item {
  color: #78716c !important;
}

.pf-v5-c-helper-text__item.pf-m-error {
  color: #ef4444 !important;
}

.pf-v5-c-helper-text__item.pf-m-success {
  color: #22c55e !important;
}

.pf-v5-c-helper-text__item.pf-m-warning {
  color: #f59e0b !important;
}

/* =====================================================
 * TOGGLE / SWITCH — orange when on
 * ===================================================== */

.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
  --pf-v5-c-switch--m-on__toggle--BackgroundColor: #ff4400 !important;
  background-color: #ff4400 !important;
}

.pf-v5-c-switch__toggle {
  background-color: #333333 !important;
}

.pf-v5-c-switch__label {
  color: #f5f5f4 !important;
}

/* =====================================================
 * CHECKBOX / RADIO
 * ===================================================== */

.pf-v5-c-check__input:checked,
.pf-v5-c-radio__input:checked {
  accent-color: #ff4400 !important;
}

/* =====================================================
 * DROPDOWNS, SELECT MENUS, MENU TOGGLES
 * ===================================================== */

.pf-v5-c-dropdown__menu,
.pf-v5-c-select__menu,
.pf-v5-c-menu {
  background: #262626 !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-dropdown__menu-item,
.pf-v5-c-select__menu-item,
.pf-v5-c-menu__item,
.pf-v5-c-menu__item-main {
  color: #f5f5f4 !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.8125rem;
  background: transparent !important;
}

.pf-v5-c-dropdown__menu-item:hover,
.pf-v5-c-select__menu-item:hover,
.pf-v5-c-menu__item:hover,
.pf-v5-c-dropdown__menu-item:focus,
.pf-v5-c-select__menu-item:focus,
.pf-v5-c-menu__item:focus {
  background: rgba(255, 68, 0, 0.08) !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-dropdown__menu-item.pf-m-selected,
.pf-v5-c-select__menu-item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-selected {
  background: rgba(255, 68, 0, 0.12) !important;
  color: #ff4400 !important;
}

.pf-v5-c-dropdown__separator,
.pf-v5-c-menu__separator {
  border-color: #333333 !important;
}

/* Menu toggle (dropdown trigger buttons) */
.pf-v5-c-menu-toggle,
.pf-v5-c-select__toggle,
.pf-v5-c-dropdown__toggle {
  border-radius: 0.375rem !important;
  background: #1a1a1a !important;
  color: #f5f5f4 !important;
  border: 1px solid #333333 !important;
}

.pf-v5-c-menu-toggle:hover,
.pf-v5-c-select__toggle:hover,
.pf-v5-c-dropdown__toggle:hover {
  background: #262626 !important;
  border-color: #ff4400 !important;
}

.pf-v5-c-menu-toggle.pf-m-expanded,
.pf-v5-c-select__toggle.pf-m-expanded,
.pf-v5-c-dropdown__toggle.pf-m-expanded {
  border-color: #ff4400 !important;
}

/* Menu toggle plain variant (in masthead, etc.) */
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  background: transparent !important;
  border: none !important;
}

.pf-v5-c-menu-toggle.pf-m-plain {
  background: transparent !important;
  border: none !important;
}

/* =====================================================
 * TABS
 * ===================================================== */

.pf-v5-c-tabs {
  border-bottom: 1px solid #333333;
}

.pf-v5-c-tabs__link {
  color: #78716c !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  border: none !important;
}

.pf-v5-c-tabs__link:hover {
  color: #f5f5f4 !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.pf-v5-c-tabs__link.pf-m-current,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  color: #f5f5f4 !important;
  background: transparent !important;
}

/* Override active tab underline — must be orange */
.pf-v5-c-tabs__link.pf-m-current::after,
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
  border-color: #ff4400 !important;
  border-bottom-width: 3px !important;
  border-bottom-color: #ff4400 !important;
}

.pf-v5-c-tabs__item.pf-m-current {
  --pf-v5-c-tabs__item--m-current__link--after--BorderColor: #ff4400 !important;
}

/* =====================================================
 * BADGES / CHIPS / LABELS
 * ===================================================== */

.pf-v5-c-label {
  border-radius: 0.375rem !important;
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  color: #a8a29e !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
}

/* Override all blue-tinted PF5 labels with orange */
.pf-v5-c-label.pf-m-blue,
.pf-v5-c-label.pf-m-outline {
  background: rgba(255, 68, 0, 0.1) !important;
  border-color: rgba(255, 68, 0, 0.3) !important;
  color: #ff4400 !important;
}

.pf-v5-c-label.pf-m-blue .pf-v5-c-label__content,
.pf-v5-c-label.pf-m-outline .pf-v5-c-label__content,
.pf-v5-c-label.pf-m-compact .pf-v5-c-label__content {
  color: inherit !important;
}

/* "Current realm" chip */
.pf-v5-c-label.pf-m-compact {
  background: rgba(255, 68, 0, 0.15) !important;
  border-color: rgba(255, 68, 0, 0.3) !important;
  color: #ff4400 !important;
}

.pf-v5-c-chip {
  border-radius: 0.375rem !important;
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  color: #a8a29e !important;
}

.pf-v5-c-badge {
  border-radius: 0.375rem !important;
  background: #ff4400 !important;
  color: #ffffff !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
}

.pf-v5-c-badge.pf-m-read {
  background: #333333 !important;
  color: #a8a29e !important;
}

.pf-v5-c-badge.pf-m-unread {
  background: #ff4400 !important;
  color: #ffffff !important;
}

/* =====================================================
 * ALERTS / BANNERS
 * ===================================================== */

.pf-v5-c-alert {
  border-radius: 0.375rem !important;
  border-width: 1px !important;
  background: #262626 !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-alert.pf-m-success { border-left-color: #22c55e !important; }
.pf-v5-c-alert.pf-m-danger { border-left-color: #ef4444 !important; }
.pf-v5-c-alert.pf-m-warning { border-left-color: #f59e0b !important; }
.pf-v5-c-alert.pf-m-info { border-left-color: #ff4400 !important; }
.pf-v5-c-alert.pf-m-custom { border-left-color: #ff4400 !important; }

.pf-v5-c-alert__title { color: #f5f5f4 !important; }
.pf-v5-c-alert__description { color: #a8a29e !important; }

.pf-v5-c-alert.pf-m-info .pf-v5-c-alert__icon,
.pf-v5-c-alert.pf-m-custom .pf-v5-c-alert__icon {
  color: #ff4400 !important;
}

/* =====================================================
 * POPOVERS & TOOLTIPS
 * ===================================================== */

.pf-v5-c-popover__content {
  background: #262626 !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-popover__header {
  border-bottom: 1px solid #333333 !important;
}

.pf-v5-c-tooltip__content {
  background: #262626 !important;
  color: #f5f5f4 !important;
  border-radius: 0.375rem !important;
  font-size: 0.8125rem;
  border: 1px solid #333333;
}

.pf-v5-c-tooltip__arrow {
  --pf-v5-c-tooltip__arrow--BackgroundColor: #262626 !important;
}

/* =====================================================
 * MODALS
 * ===================================================== */

.pf-v5-c-modal-box {
  border-radius: 0.5rem !important;
  border: 1px solid #333333 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
  background: #262626 !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-modal-box__header {
  border-bottom: 1px solid #333333 !important;
  background: transparent !important;
}

.pf-v5-c-modal-box__footer {
  border-top: 1px solid #333333 !important;
}

.pf-v5-c-modal-box__title-text {
  font-family: "Outfit", "Inter", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #f5f5f4 !important;
}

.pf-v5-c-backdrop {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* =====================================================
 * DESCRIPTION LISTS
 * ===================================================== */

.pf-v5-c-description-list { background: transparent !important; }

.pf-v5-c-description-list__term {
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #78716c !important;
}

.pf-v5-c-description-list__description {
  color: #f5f5f4 !important;
}

/* =====================================================
 * SPINNER / PROGRESS
 * ===================================================== */

.pf-v5-c-spinner {
  --pf-v5-c-spinner--Color: #ff4400;
}

/* =====================================================
 * PAGINATION
 * ===================================================== */

.pf-v5-c-pagination {
  background: transparent !important;
  color: #a8a29e !important;
}

.pf-v5-c-pagination__nav-control .pf-v5-c-button {
  color: #a8a29e !important;
}

.pf-v5-c-pagination__nav-control .pf-v5-c-button:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f5f5f4 !important;
}

/* =====================================================
 * EMPTY STATE
 * ===================================================== */

.pf-v5-c-empty-state { color: #f5f5f4 !important; }
.pf-v5-c-empty-state__title-text { color: #f5f5f4 !important; }
.pf-v5-c-empty-state__body { color: #a8a29e !important; }
.pf-v5-c-empty-state__icon { color: #78716c !important; }

/* =====================================================
 * ACCORDION
 * ===================================================== */

.pf-v5-c-accordion__toggle { color: #f5f5f4 !important; background: transparent !important; }
.pf-v5-c-accordion__toggle:hover { background: rgba(255, 255, 255, 0.04) !important; }
.pf-v5-c-accordion__toggle.pf-m-expanded { color: #ff4400 !important; }
.pf-v5-c-accordion__expanded-content { color: #f5f5f4 !important; }

/* =====================================================
 * CODE EDITOR / CODE BLOCKS
 * ===================================================== */

.pf-v5-c-code-block {
  background: #141414 !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
}

.pf-v5-c-code-block__content,
.pf-v5-c-code-block pre,
.pf-v5-c-code-block code {
  color: #f5f5f4 !important;
  background: transparent !important;
}

.pf-v5-c-clipboard-copy {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
  color: #f5f5f4 !important;
}

/* =====================================================
 * DATA LIST
 * ===================================================== */

.pf-v5-c-data-list {
  background: transparent !important;
  border-color: #333333 !important;
}

.pf-v5-c-data-list__item {
  border-bottom-color: #333333 !important;
  background: transparent !important;
}

.pf-v5-c-data-list__item:hover {
  background: rgba(255, 68, 0, 0.04) !important;
}

/* =====================================================
 * TEXT INPUT GROUP (search bars)
 * ===================================================== */

.pf-v5-c-text-input-group {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  border-radius: 0.375rem !important;
}

.pf-v5-c-text-input-group__text-input {
  background: transparent !important;
  color: #f5f5f4 !important;
}

.pf-v5-c-text-input-group:focus-within {
  border-color: #ff4400 !important;
  box-shadow: 0 0 0 2px rgba(255, 68, 0, 0.15) !important;
}

/* =====================================================
 * EXPANDABLE SECTION
 * ===================================================== */

.pf-v5-c-expandable-section__toggle-text {
  color: #ff4400 !important;
}

/* =====================================================
 * JUMP LINKS
 * ===================================================== */

.pf-v5-c-jump-links__link { color: #a8a29e !important; }
.pf-v5-c-jump-links__link:hover { color: #f5f5f4 !important; }
.pf-v5-c-jump-links__link.pf-m-current { color: #ff4400 !important; }
.pf-v5-c-jump-links__link.pf-m-current::before { border-left-color: #ff4400 !important; }

/* =====================================================
 * NOTIFICATION DRAWER
 * ===================================================== */

.pf-v5-c-notification-drawer {
  background: #262626 !important;
  border: 1px solid #333333 !important;
}

/* =====================================================
 * SCROLLBARS (Webkit)
 * ===================================================== */

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #1a1a1a; }
::-webkit-scrollbar-thumb { background: #333333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #78716c; }

/* =====================================================
 * FOCUS VISIBLE
 * ===================================================== */

:focus-visible {
  outline: 2px solid #ff4400 !important;
  outline-offset: 2px;
}

/* =====================================================
 * REDUCED MOTION
 * ===================================================== */

@media (prefers-reduced-motion: reduce) {
  .pf-v5-c-button,
  .pf-v5-c-nav__link,
  .pf-v5-c-form-control {
    transition: none;
  }
}