/* Loaded after keycloak.v2's own CSS; every colour is a token from tokens.css. */

/* Layer 1 — PatternFly v5 variables. */
:root {
  --pf-v5-global--FontFamily--text: Inter, ui-sans-serif, system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--text--vf: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontFamily--heading--vf: var(--pf-v5-global--FontFamily--text);

  --pf-v5-global--primary-color--100: var(--vn-primary);
  --pf-v5-global--primary-color--200: var(--vn-tint-text);
  --pf-v5-global--primary-color--light-100: var(--vn-tint);
  --pf-v5-global--primary-color--dark-100: var(--vn-tint-text);
  --pf-v5-global--active-color--100: var(--vn-focus);
  --pf-v5-global--link--Color: var(--vn-tint-text);
  --pf-v5-global--link--Color--hover: var(--vn-text-1);

  --pf-v5-global--Color--100: var(--vn-text-1);
  --pf-v5-global--Color--200: var(--vn-text-3);
  --pf-v5-global--BorderColor--100: var(--vn-field-border);
  --pf-v5-global--BackgroundColor--200: var(--vn-stage-soft);

  --pf-v5-global--BorderRadius--sm: 10px;
}

.pf-v5-c-masthead {
  --pf-v5-global--Color--100: var(--vn-text-1);
  --pf-v5-global--Color--200: var(--vn-text-3);
  --pf-v5-global--BorderColor--100: var(--vn-line);
  --pf-v5-global--link--Color: var(--vn-text-1);
  --pf-v5-global--link--Color--hover: var(--vn-text-1);
  --pf-v5-global--BackgroundColor--100: transparent;
  --pf-v5-global--icon--Color--light: var(--vn-text-3);
  --pf-v5-global--icon--Color--dark: var(--vn-text-3);
  --pf-v5-c-masthead--BackgroundColor: var(--vn-search-bg);
  --pf-v5-c-masthead--c-toolbar--BackgroundColor: transparent;
  --pf-v5-c-button--m-plain--Color: var(--vn-text-3);
  --pf-v5-c-button--m-plain--hover--Color: var(--vn-text-1);
  --pf-v5-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
  --pf-v5-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
  --pf-v5-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
  --pf-v5-c-masthead--m-display-inline__main--MinHeight: 52px;
  --pf-v5-c-masthead--m-display-inline__content--MinHeight: 52px;
}

.pf-v5-c-page__sidebar {
  --pf-v5-global--Color--100: var(--vn-text-1);
  --pf-v5-c-page__sidebar--BackgroundColor: transparent;
}

.pf-v5-c-nav {
  --pf-v5-c-nav__link--FontSize: 14px;
  --pf-v5-c-nav__link--FontWeight: 600;
  --pf-v5-c-nav__link--PaddingTop: 7px;
  --pf-v5-c-nav__link--PaddingBottom: 7px;
  --pf-v5-c-nav__link--PaddingLeft: 14px;
  --pf-v5-c-nav__link--xl--PaddingLeft: 14px;
  --pf-v5-c-nav__link--Color: var(--vn-text-1);
  --pf-v5-c-nav__link--hover--Color: var(--vn-text-1);
  --pf-v5-c-nav__link--focus--Color: var(--vn-text-1);
  --pf-v5-c-nav__link--active--Color: var(--vn-text-1);
  --pf-v5-c-nav__link--m-current--Color: var(--vn-tint-text);
  --pf-v5-c-nav__link--BackgroundColor: transparent;
  --pf-v5-c-nav__link--hover--BackgroundColor: var(--vn-hover);
  --pf-v5-c-nav__link--focus--BackgroundColor: var(--vn-hover);
  --pf-v5-c-nav__link--active--BackgroundColor: var(--vn-hover);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--vn-nav-active-bg);
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--vn-nav-active-bg);
  --pf-v5-c-nav__link--after--BorderLeftWidth: 0;
  --pf-v5-c-nav__link--hover--after--BorderLeftWidth: 0;
  --pf-v5-c-nav__link--focus--after--BorderLeftWidth: 0;
  --pf-v5-c-nav__link--active--after--BorderLeftWidth: 0;
  --pf-v5-c-nav__link--m-current--after--BorderLeftWidth: 0;
  --pf-v5-c-nav__link--after--BorderColor: transparent;
  --pf-v5-c-nav__link--m-current--after--BorderColor: transparent;
  --pf-v5-c-nav__link--m-current--not--m-expanded__link--after--BorderWidth: 0;
  --pf-v5-c-nav__link--before--BorderBottomWidth: 0;
  --pf-v5-c-nav__item--before--BorderWidth: 0;
}

.pf-v5-c-tabs {
  --pf-v5-c-tabs--before--BorderColor: transparent;
  --pf-v5-c-tabs__link--Color: var(--vn-text-3);
  --pf-v5-c-tabs__link--FontSize: 14px;
  --pf-v5-c-tabs__link--BackgroundColor: transparent;
  --pf-v5-c-tabs--m-box__link--BackgroundColor: transparent;
  --pf-v5-c-tabs__item--m-current__link--Color: var(--vn-text-1);
  --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--vn-seg-thumb);
  --pf-v5-c-tabs__link--before--BorderTopColor: transparent;
  --pf-v5-c-tabs__link--before--BorderRightColor: transparent;
  --pf-v5-c-tabs__link--before--BorderBottomColor: transparent;
  --pf-v5-c-tabs__link--before--BorderLeftColor: transparent;
  --pf-v5-c-tabs__link--after--BorderWidth: 0;
  --pf-v5-c-tabs__link--hover--after--BorderWidth: 0;
  --pf-v5-c-tabs__link--focus--after--BorderWidth: 0;
  --pf-v5-c-tabs__link--active--after--BorderWidth: 0;
  --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: 0;
  --pf-v5-c-tabs__link--PaddingTop: 6px;
  --pf-v5-c-tabs__link--PaddingBottom: 6px;
  --pf-v5-c-tabs__link--PaddingRight: 14px;
  --pf-v5-c-tabs__link--PaddingLeft: 14px;
}

.pf-v5-c-label {
  --pf-v5-c-label--BorderRadius: 999px;
  --pf-v5-c-label--m-blue--BackgroundColor: var(--vn-status-info-fill);
  --pf-v5-c-label--m-blue__content--Color: var(--vn-status-info-text);
  --pf-v5-c-label--m-green--BackgroundColor: var(--vn-status-success-fill);
  --pf-v5-c-label--m-green__content--Color: var(--vn-status-success-text);
  --pf-v5-c-label--m-orange--BackgroundColor: var(--vn-status-warn-fill);
  --pf-v5-c-label--m-orange__content--Color: var(--vn-status-warn-text);
  --pf-v5-c-label--m-red--BackgroundColor: var(--vn-status-danger-fill);
  --pf-v5-c-label--m-red__content--Color: var(--vn-status-danger-text);
  --pf-v5-c-label__content--before--BorderColor: transparent;
  --pf-v5-c-label--m-blue__content--before--BorderColor: transparent;
  --pf-v5-c-label--m-green__content--before--BorderColor: transparent;
  --pf-v5-c-label--m-orange__content--before--BorderColor: transparent;
  --pf-v5-c-label--m-red__content--before--BorderColor: transparent;
}

.pf-v5-c-form-control {
  --pf-v5-c-form-control--before--BorderTopColor: var(--vn-field-border);
  --pf-v5-c-form-control--before--BorderRightColor: var(--vn-field-border);
  --pf-v5-c-form-control--before--BorderBottomColor: var(--vn-field-border);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--vn-field-border);
  --pf-v5-c-form-control--after--BorderBottomWidth: 0;
  --pf-v5-c-form-control--focus--after--BorderBottomWidth: 0;
}

/* Layer 2 — class selectors. Breaks on PatternFly 6; layer 1 still holds. */
body {
  background: var(--vn-window);
  background-attachment: fixed;
}

.pf-v5-c-page {
  --pf-v5-c-page--BackgroundColor: transparent;
  background: transparent;
}

.pf-v5-c-masthead {
  border-bottom: 1px solid var(--vn-line);
}

.pf-v5-c-masthead__brand {
  align-items: center;
  gap: 8px;
  color: var(--vn-text-1);
  text-decoration: none;
}

.pf-v5-c-masthead__brand img {
  height: 18px;
  width: auto;
}

.pf-v5-c-masthead__brand::after {
  content: "Vertuoza";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.pf-v5-c-page__sidebar {
  border-right: 1px solid var(--vn-sidebar-border);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__list {
  padding-inline: 10px;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
  border-radius: 8px;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current {
  box-shadow: var(--vn-seg-thumb-shadow);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__section > .pf-v5-c-nav__section-title {
  color: var(--vn-status-neutral-text);
  border-bottom: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pf-v5-c-page__main {
  padding: 16px 20px 20px;
  background: transparent;
}

.pf-v5-c-page__main-breadcrumb {
  background: transparent;
}

.pf-v5-c-page__main-section.pf-m-light {
  background: var(--vn-card);
  border-inline: 1px solid var(--vn-line);
}

.pf-v5-c-page__main > .pf-v5-c-page__main-section.pf-m-light:first-of-type {
  border-top: 1px solid var(--vn-line);
  border-radius: 14px 14px 0 0;
}

.pf-v5-c-page__main > .pf-v5-c-page__main-section.pf-m-light:last-of-type {
  border-bottom: 1px solid var(--vn-line);
  border-radius: 0 0 14px 14px;
  box-shadow: var(--vn-shadow-card);
}

.pf-v5-c-tabs__list {
  gap: 2px;
  padding: 2px;
  border-radius: 10px;
  background: var(--vn-seg-track);
}

.pf-v5-c-tabs {
  padding-block: 4px 8px;
}

.pf-v5-c-tabs__link {
  border-radius: 9px;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  box-shadow: var(--vn-seg-thumb-shadow);
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle::before {
  border-width: 0;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item .pf-v5-c-tabs__link::before,
.pf-v5-c-tabs .pf-v5-c-tabs__link::after {
  border-width: 0;
  border-color: transparent;
}

.pf-v5-c-table thead th {
  color: var(--vn-status-neutral-text);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link::after {
  border-width: 0;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav > .pf-v5-c-nav__section-title {
  color: var(--vn-text-1);
  border-bottom: 1px solid var(--vn-line);
}

.pf-v5-c-masthead__toggle .pf-v5-c-button {
  --pf-v5-c-button--m-plain--Color: var(--vn-text-3);
  --pf-v5-c-button--m-plain--hover--Color: var(--vn-text-1);
}

.pf-v5-c-form-control,
.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after {
  border-radius: 10px;
}

.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--before--BorderTopColor: var(--vn-focus);
  --pf-v5-c-form-control--before--BorderRightColor: var(--vn-focus);
  --pf-v5-c-form-control--before--BorderBottomColor: var(--vn-focus);
  --pf-v5-c-form-control--before--BorderLeftColor: var(--vn-focus);
}

.pf-v5-c-masthead__content::before {
  content: "Admin";
  align-self: center;
  margin-inline-start: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--vn-tint);
  color: var(--vn-tint-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}