/* Rosendahl Nextrom Customer Portal - Keycloak Admin Theme */

/* Logo size constraints */
.pf-v5-c-brand,
.pf-c-brand,
.pf-v5-c-masthead__brand img,
.pf-c-masthead__brand img,
img.pf-v5-c-brand,
img.pf-c-brand {
  height: 30px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Header - white background for logo visibility */
.pf-v5-c-masthead,
.pf-c-masthead,
.pf-v5-c-page__header,
.pf-c-page__header,
header.pf-v5-c-masthead,
header.pf-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--rosd-white) !important;
  --pf-c-masthead--BackgroundColor: var(--rosd-white) !important;
  background-color: var(--rosd-white) !important;
  border-bottom: 1px solid #E0E0E0 !important;
}

.pf-v5-c-masthead__brand,
.pf-c-masthead__brand,
.pf-v5-c-masthead__main,
.pf-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-c-masthead__content {
  background-color: var(--rosd-white) !important;
}

/* Header text and icons - dark for contrast */
.pf-v5-c-masthead,
.pf-c-masthead,
.pf-v5-c-masthead *,
.pf-c-masthead * {
  --pf-v5-c-masthead--c-button--Color: var(--rosd-text-dark) !important;
  --pf-c-masthead--c-button--Color: var(--rosd-text-dark) !important;
}

.pf-v5-c-masthead .pf-v5-c-button,
.pf-c-masthead .pf-c-button,
.pf-v5-c-masthead__toggle .pf-v5-c-button,
.pf-c-masthead__toggle .pf-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-c-masthead .pf-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-c-masthead .pf-c-dropdown__toggle {
  color: var(--rosd-text-dark) !important;
}

.pf-v5-c-masthead .pf-v5-c-button:hover,
.pf-c-masthead .pf-c-button:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover,
.pf-c-masthead .pf-c-menu-toggle:hover {
  color: var(--rosd-red) !important;
}

.pf-v5-c-masthead svg,
.pf-c-masthead svg,
.pf-v5-c-masthead .pf-v5-c-button svg,
.pf-c-masthead .pf-c-button svg,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__icon,
.pf-c-masthead .pf-c-menu-toggle__icon {
  color: var(--rosd-text-dark) !important;
  fill: var(--rosd-text-dark) !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-c-masthead .pf-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-text,
.pf-c-masthead .pf-c-dropdown__toggle-text {
  color: var(--rosd-text-dark) !important;
}

.pf-v5-c-masthead .pf-v5-c-avatar,
.pf-c-masthead .pf-c-avatar {
  border: 1px solid var(--rosd-border) !important;
}

:root {
  --pf-v5-global--primary-color--100: #E30613 !important;
  --pf-v5-global--primary-color--200: #C00510 !important;
  --pf-v5-global--active-color--100: #E30613 !important;
  --pf-v5-global--active-color--200: #C00510 !important;
  --pf-v5-global--link--Color: #E30613 !important;
  --pf-v5-global--link--Color--hover: #C00510 !important;
  --pf-v5-global--link--Color--visited: #E30613 !important;
  --pf-global--link--Color: #E30613 !important;
  --pf-global--link--Color--hover: #C00510 !important;
  --pf-v5-global--active-color--400:  #E30613 !important;
  --rosd-red: #E30613;
  --rosd-red-hover: #C00510;
  --rosd-white: #FFFFFF;
  --rosd-text-dark: #333333;
  --rosd-text-muted: #666666;
  --rosd-border: #E0E0E0;
}

/* Primary buttons */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
button.pf-v5-c-button.pf-m-primary,
button.pf-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--rosd-red) !important;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--rosd-red-hover) !important;
  --pf-v5-c-button--m-primary--Color: var(--rosd-white) !important;
  --pf-c-button--m-primary--BackgroundColor: var(--rosd-red) !important;
  --pf-c-button--m-primary--Color: var(--rosd-white) !important;
  background-color: var(--rosd-red) !important;
  color: var(--rosd-white) !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background-color: var(--rosd-red-hover) !important;
  color: var(--rosd-white) !important;
}

.pf-v5-c-button.pf-m-primary svg,
.pf-c-button.pf-m-primary svg {
  color: var(--rosd-white) !important;
  fill: var(--rosd-white) !important;
}

/* Secondary buttons */
.pf-v5-c-button.pf-m-secondary,
.pf-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: var(--rosd-red) !important;
  --pf-v5-c-button--m-secondary--BorderColor: var(--rosd-red) !important;
  --pf-c-button--m-secondary--Color: var(--rosd-red) !important;
  color: var(--rosd-red) !important;
  border-color: var(--rosd-red) !important;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-secondary:hover {
  --pf-v5-c-button--m-secondary--hover--Color: var(--rosd-red-hover) !important;
  --pf-v5-c-button--m-secondary--hover--BorderColor: var(--rosd-red-hover) !important;
  color: var(--rosd-red-hover) !important;
  border-color: var(--rosd-red-hover) !important;
}

/* Tertiary buttons */
.pf-v5-c-button.pf-m-tertiary,
.pf-c-button.pf-m-tertiary {
  --pf-v5-c-button--m-tertiary--Color: var(--rosd-red) !important;
  --pf-c-button--m-tertiary--Color: var(--rosd-red) !important;
  color: var(--rosd-red) !important;
}

.pf-v5-c-button.pf-m-tertiary:hover,
.pf-c-button.pf-m-tertiary:hover {
  color: var(--rosd-red-hover) !important;
}

/* Link buttons */
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link,
button.pf-v5-c-button.pf-m-link,
button.pf-c-button.pf-m-link {
  --pf-v5-c-button--m-link--Color: var(--rosd-red) !important;
  --pf-c-button--m-link--Color: var(--rosd-red) !important;
  color: var(--rosd-red) !important;
}

.pf-v5-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:hover {
  --pf-v5-c-button--m-link--hover--Color: var(--rosd-red-hover) !important;
  color: var(--rosd-red-hover) !important;
}

/* Links */
a {
  color: var(--rosd-red) !important;
}

a:hover {
  color: var(--rosd-red-hover) !important;
}

/* Ensure all link variations are red */
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link,
.pf-v5-m-link,
.pf-m-link,
a.pf-v5-c-button,
a.pf-c-button {
  color: var(--rosd-red) !important;
}

a.pf-v5-c-button:hover,
a.pf-c-button:hover {
  color: var(--rosd-red-hover) !important;
}

/* Tabs - comprehensive selectors */
.pf-v5-c-tabs__link::after,
.pf-c-tabs__link::after {
  background-color: transparent !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after,
.pf-v5-c-tabs__item.pf-m-current > .pf-v5-c-tabs__link::after,
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link::after,
.pf-c-tabs__item.pf-m-current > .pf-c-tabs__link::after,
[class*="pf-v5-c-tabs"] [class*="pf-m-current"] [class*="tabs__link"]::after,
[class*="pf-c-tabs"] [class*="pf-m-current"] [class*="tabs__link"]::after,
.pf-v5-c-tabs button.pf-m-current::after,
.pf-c-tabs button.pf-m-current::after,
[class*="tabs__item"][class*="current"] [class*="tabs__link"]::after,
[class*="tabs__item"][class*="current"] button::after {
  background-color: var(--rosd-red) !important;
}

/* Tab link text color when current */
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link,
.pf-c-tabs__item.pf-m-current .pf-c-tabs__link,
[class*="tabs__item"][class*="current"] [class*="tabs__link"] {
  --pf-v5-c-tabs__link--after--BackgroundColor: var(--rosd-red) !important;
  --pf-c-tabs__link--after--BackgroundColor: var(--rosd-red) !important;
}

/* Sidebar - white background with dark text */
.pf-v5-c-page__sidebar,
.pf-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-c-page__sidebar-body,
.pf-v5-c-nav,
.pf-c-nav {
  --pf-v5-c-page__sidebar--BackgroundColor: var(--rosd-white) !important;
  --pf-c-page__sidebar--BackgroundColor: var(--rosd-white) !important;
  --pf-v5-c-nav--BackgroundColor: var(--rosd-white) !important;
  --pf-c-nav--BackgroundColor: var(--rosd-white) !important;
  background-color: var(--rosd-white) !important;
  border-right: 1px solid var(--rosd-border) !important;
}

.pf-v5-c-nav__link,
.pf-c-nav__link,
.pf-v5-c-page__sidebar .pf-v5-c-nav__link,
.pf-c-page__sidebar .pf-c-nav__link,
.pf-v5-c-page__sidebar a,
.pf-c-page__sidebar a {
  color: var(--rosd-text-dark) !important;
}

.pf-v5-c-nav__link:hover,
.pf-c-nav__link:hover {
  color: var(--rosd-red) !important;
  background-color: rgba(227, 6, 19, 0.05) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current {
  color: var(--rosd-red) !important;
  background-color: rgba(227, 6, 19, 0.1) !important;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-c-nav__link.pf-m-current::after {
  background-color: var(--rosd-red) !important;
}

/* Sidebar section titles */
.pf-v5-c-nav__section-title,
.pf-c-nav__section-title {
  color: var(--rosd-text-muted) !important;
}

/* Sidebar icons */
.pf-v5-c-nav__link svg,
.pf-c-nav__link svg,
.pf-v5-c-nav__link .pf-v5-c-nav__link-icon,
.pf-c-nav__link .pf-c-nav__link-icon {
  color: var(--rosd-text-dark) !important;
}

.pf-v5-c-nav__link:hover svg,
.pf-c-nav__link:hover svg,
.pf-v5-c-nav__link.pf-m-current svg,
.pf-c-nav__link.pf-m-current svg {
  color: var(--rosd-red) !important;
}

/* Sidebar toggle/expand icons */
.pf-v5-c-nav__toggle,
.pf-c-nav__toggle,
.pf-v5-c-nav__toggle-icon,
.pf-c-nav__toggle-icon {
  color: var(--rosd-text-dark) !important;
}

/* Switches */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle,
.pf-c-switch__input:checked + .pf-c-switch__toggle,
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--rosd-red) !important;
  --pf-c-switch__input--checked__toggle--BackgroundColor: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
}

/* Checkboxes and radios */
.pf-v5-c-check__input:checked,
.pf-c-check__input:checked,
.pf-v5-c-radio__input:checked,
.pf-c-radio__input:checked {
  accent-color: var(--rosd-red);
}

/* Form controls focus */
.pf-v5-c-form-control:focus,
.pf-c-form-control:focus {
  --pf-v5-c-form-control--focus--BorderBottomColor: var(--rosd-red) !important;
  --pf-c-form-control--focus--BorderBottomColor: var(--rosd-red) !important;
  border-bottom-color: var(--rosd-red) !important;
}

/* Labels - ALL color variants */
.pf-v5-c-label,
.pf-c-label,
span.pf-v5-c-label,
span.pf-c-label {
  --pf-v5-c-label--BackgroundColor: var(--rosd-red) !important;
  --pf-c-label--BackgroundColor: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
}

.pf-v5-c-label.pf-m-blue,
.pf-c-label.pf-m-blue,
.pf-v5-c-label.pf-m-cyan,
.pf-c-label.pf-m-cyan,
.pf-v5-c-label.pf-m-green,
.pf-c-label.pf-m-green,
.pf-v5-c-label.pf-m-orange,
.pf-c-label.pf-m-orange,
.pf-v5-c-label.pf-m-purple,
.pf-c-label.pf-m-purple,
.pf-v5-c-label.pf-m-gold,
.pf-c-label.pf-m-gold,
.pf-v5-c-label.pf-m-grey,
.pf-c-label.pf-m-grey,
.pf-v5-c-label.pf-m-teal,
.pf-c-label.pf-m-teal,
[class*="pf-v5-c-label"][class*="pf-m-"],
[class*="pf-c-label"][class*="pf-m-"] {
  --pf-v5-c-label--BackgroundColor: var(--rosd-red) !important;
  --pf-c-label--BackgroundColor: var(--rosd-red) !important;
  --pf-v5-c-label--m-blue--BackgroundColor: var(--rosd-red) !important;
  --pf-c-label--m-blue--BackgroundColor: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
}

/* Label content (text and icon) */
.pf-v5-c-label__content,
.pf-c-label__content,
.pf-v5-c-label__text,
.pf-c-label__text,
.pf-v5-c-label__icon,
.pf-c-label__icon {
  color: var(--rosd-white) !important;
}

/* Badges - ALL variants */
.pf-v5-c-badge,
.pf-c-badge,
span.pf-v5-c-badge,
span.pf-c-badge {
  --pf-v5-c-badge--BackgroundColor: var(--rosd-red) !important;
  --pf-c-badge--BackgroundColor: var(--rosd-red) !important;
}

.pf-v5-c-badge.pf-m-unread,
.pf-c-badge.pf-m-unread,
.pf-v5-c-badge.pf-m-read,
.pf-c-badge.pf-m-read,
[class*="pf-v5-c-badge"],
[class*="pf-c-badge"] {
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--rosd-red) !important;
  --pf-v5-c-badge--m-read--BackgroundColor: var(--rosd-red) !important;
  --pf-c-badge--m-unread--BackgroundColor: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
  color: var(--rosd-white) !important;
}

/* Spinners */
.pf-v5-c-spinner,
.pf-c-spinner {
  --pf-v5-c-spinner--Color: var(--rosd-red) !important;
  --pf-c-spinner--Color: var(--rosd-red) !important;
}

/* Progress bars */
.pf-v5-c-progress__indicator,
.pf-c-progress__indicator {
  --pf-v5-c-progress__indicator--BackgroundColor: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
}

/* Chips */
.pf-v5-c-chip,
.pf-c-chip {
  --pf-v5-c-chip--m-read-only--BackgroundColor: var(--rosd-red) !important;
}

/* Menu toggles */
.pf-v5-c-menu-toggle.pf-m-primary,
.pf-c-menu-toggle.pf-m-primary {
  --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--rosd-red) !important;
  --pf-v5-c-menu-toggle--m-primary--Color: var(--rosd-white) !important;
  background-color: var(--rosd-red) !important;
  color: var(--rosd-white) !important;
}

.pf-v5-c-menu-toggle.pf-m-primary:hover,
.pf-c-menu-toggle.pf-m-primary:hover {
  --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--rosd-red-hover) !important;
  background-color: var(--rosd-red-hover) !important;
  color: var(--rosd-white) !important;
}

.pf-v5-c-menu-toggle.pf-m-primary svg,
.pf-c-menu-toggle.pf-m-primary svg,
.pf-v5-c-menu-toggle.pf-m-primary .pf-v5-c-menu-toggle__icon,
.pf-c-menu-toggle.pf-m-primary .pf-c-menu-toggle__icon {
  color: var(--rosd-white) !important;
  fill: var(--rosd-white) !important;
}

/* Select menu selected option */
.pf-v5-c-select__menu-item.pf-m-selected,
.pf-c-select__menu-item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-selected,
.pf-c-menu__item.pf-m-selected {
  color: var(--rosd-red) !important;
}

.pf-v5-c-select__menu-item.pf-m-selected .pf-v5-c-select__menu-item-icon,
.pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
  color: var(--rosd-red) !important;
}

/* Dropdown selected */
.pf-v5-c-dropdown__menu-item.pf-m-selected,
.pf-c-dropdown__menu-item.pf-m-selected {
  color: var(--rosd-red) !important;
}

/* Alert links */
.pf-v5-c-alert a,
.pf-c-alert a {
  color: var(--rosd-red) !important;
}

.pf-v5-c-alert a:hover,
.pf-c-alert a:hover {
  color: var(--rosd-red-hover) !important;
}

/* Catch-all for any remaining blue elements */
[style*="background-color: rgb(0, 102, 204)"],
[style*="background-color: #0066cc"],
[style*="background-color:#0066cc"],
[style*="background: rgb(0, 102, 204)"],
[style*="background: #0066cc"] {
  background-color: var(--rosd-red) !important;
}

/* Action list items */
.pf-v5-c-action-list__item .pf-v5-c-button,
.pf-c-action-list__item .pf-c-button {
  color: var(--rosd-red) !important;
}

/* Card actions */
.pf-v5-c-card__actions .pf-v5-c-button.pf-m-link,
.pf-c-card__actions .pf-c-button.pf-m-link {
  color: var(--rosd-red) !important;
}

/* Table row selected */
.pf-v5-c-table__tr.pf-m-selected,
.pf-c-table__tr.pf-m-selected {
  --pf-v5-c-table__tr--m-selected--BorderLeftColor: var(--rosd-red) !important;
}

/* Expandable section toggle */
.pf-v5-c-expandable-section__toggle-icon,
.pf-c-expandable-section__toggle-icon {
  color: var(--rosd-red) !important;
}

/* Accordion expanded */
.pf-v5-c-accordion__toggle.pf-m-expanded,
.pf-c-accordion__toggle.pf-m-expanded {
  color: var(--rosd-red) !important;
}

/* Wizard step current */
.pf-v5-c-wizard__nav-link.pf-m-current,
.pf-c-wizard__nav-link.pf-m-current {
  color: var(--rosd-red) !important;
}

.pf-v5-c-wizard__nav-link.pf-m-current::before,
.pf-c-wizard__nav-link.pf-m-current::before {
  border-color: var(--rosd-red) !important;
  background-color: var(--rosd-red) !important;
}

/* Pagination current */
.pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control,
.pf-c-pagination__nav-page-select .pf-c-form-control {
  color: var(--rosd-text-dark) !important;
}

/* Inline edit active */
.pf-v5-c-inline-edit__action .pf-v5-c-button,
.pf-c-inline-edit__action .pf-c-button {
  color: var(--rosd-red) !important;
}

/* Data list selected */
.pf-v5-c-data-list__item.pf-m-selected,
.pf-c-data-list__item.pf-m-selected {
  --pf-v5-c-data-list__item--m-selected--BorderLeftColor: var(--rosd-red) !important;
}

/* Tile selected */
.pf-v5-c-tile.pf-m-selected,
.pf-c-tile.pf-m-selected {
  --pf-v5-c-tile--m-selected--BorderColor: var(--rosd-red) !important;
  border-color: var(--rosd-red) !important;
}