/*
 * DodoTech – Keycloak admin console theme (extends keycloak.v2, PatternFly 5)
 * Follows the "Admin console · realm settings" artboard of the DodoTech Keycloak design canvas
 * and the DodoTech design system. PatternFly's global tokens are re-mapped to DodoTech tokens so
 * every screen follows; the pieces the artboard specifies exactly get their own rules below.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");

/* ── DodoTech tokens ────────────────────────────────────── */
:root {
    color-scheme: dark;

    --dt-bg-window: #10111e;
    --dt-bg-chrome: #0b0b14;
    --dt-surface: #101019;
    --dt-surface-raised: #14141f;
    --dt-surface-button: #15151f;
    --dt-surface-segment: #141524;
    --dt-surface-icon-button: #191a2f;
    --dt-surface-row-hover: #1a1a2e;
    --dt-surface-row-selected: #212131;
    --dt-chip: #1e1e2c;
    --dt-border-divider: #1a1a28;
    --dt-border-card: #1e1e2c;
    --dt-border-input: #232333;
    --dt-border-button: #2c2c3e;
    --dt-border-strong: #2e2e42;
    --dt-border-search: #24243a;
    --dt-border-checkbox: #3d3d55;
    --dt-text-strong: #ffffff;
    --dt-text: #ededf5;
    --dt-text-secondary: #9c9eb4;
    --dt-text-kbd: #9a9cb5;
    --dt-text-muted: #7c7f98;
    --dt-text-description: #7a7c90;
    --dt-text-label: #7e8096;
    --dt-text-placeholder: #6a6c82;
    --dt-text-faint: #5d5f74;
    --dt-text-disabled: #3d3f52;
    --dt-brand: #5d42de;
    --dt-brand-bright: #7c5cff;
    --dt-brand-focus: #6d4dff;
    --dt-brand-deep: #4a37a9;
    --dt-brand-soft: #a78bfa;
    --dt-brand-label: #b3a9ee;
    --dt-brand-tint: #241c4f;
    --dt-gradient-start: #7058e2;
    --dt-gradient-end: #ab49ec;
    --dt-accent: #dd1296;
    --dt-accent-tint: #500736;
    --dt-success: #34d399;
    --dt-success-tint: #10251c;
    --dt-warning: #f5b93b;
    --dt-warning-tint: #7a5a12;
    --dt-warning-ink: #ffde8f;
    --dt-danger: #f87171;
    --dt-danger-tint: #1c1117;
    --dt-info-tint: #152a3e;
    --dt-info-ink: #6fb4e8;
    --dt-shadow-menu: 0 4px 27px 0 rgba(0, 0, 0, 0.64);
    --dt-shadow-primary: 0 3px 14px 0 rgba(124, 92, 255, 0.35);
    --dt-shadow-focus: 0 0 12px 0 rgba(109, 77, 255, 0.22);
    --dt-font-sans: "Montserrat", system-ui, sans-serif;
    --dt-font-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* ── PatternFly globals → DodoTech ──────────────────────── */
:root,
:root.pf-v5-theme-dark {
    --pf-v5-global--FontFamily--text: var(--dt-font-sans);
    --pf-v5-global--FontFamily--heading: var(--dt-font-sans);
    --pf-v5-global--FontFamily--monospace: var(--dt-font-mono);
    --pf-v5-global--FontFamily--redhat-updated--sans-serif: var(--dt-font-sans);
    --pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: var(--dt-font-sans);
    --pf-v5-global--FontFamily--redhat--monospace: var(--dt-font-mono);
    --pf-v5-global--FontFamily--redhatVF--sans-serif: var(--dt-font-sans);
    --pf-v5-global--FontFamily--redhatVF--heading--sans-serif: var(--dt-font-sans);
    --pf-v5-global--FontFamily--redhatVF--monospace: var(--dt-font-mono);

    /* compact type: body 14px (PatternFly default 16px); xs 12px stays the smallest size */
    --pf-v5-global--FontSize--md: 14px;

        --pf-v5-global--BackgroundColor--100: var(--dt-bg-window);
    --pf-v5-global--BackgroundColor--150: var(--dt-surface-raised);
    --pf-v5-global--BackgroundColor--200: var(--dt-bg-chrome);
    --pf-v5-global--BackgroundColor--300: var(--dt-surface-segment);
    --pf-v5-global--BackgroundColor--400: var(--dt-surface);
    --pf-v5-global--BackgroundColor--light-100: var(--dt-bg-window);
    --pf-v5-global--BackgroundColor--light-200: var(--dt-bg-chrome);
    --pf-v5-global--BackgroundColor--light-300: var(--dt-surface-segment);
    --pf-v5-global--BackgroundColor--dark-100: var(--dt-bg-chrome);
    --pf-v5-global--BackgroundColor--dark-200: var(--dt-bg-chrome);
    --pf-v5-global--BackgroundColor--dark-300: var(--dt-surface-segment);
    --pf-v5-global--BackgroundColor--dark-400: var(--dt-surface-row-selected);
    --pf-v5-global--BorderColor--100: var(--dt-border-divider);
    --pf-v5-global--BorderColor--200: var(--dt-border-input);
    --pf-v5-global--BorderColor--300: var(--dt-border-button);
    --pf-v5-global--BorderColor--400: var(--dt-border-checkbox);
    --pf-v5-global--BorderColor--dark-100: var(--dt-border-divider);
    --pf-v5-global--BorderColor--light-100: var(--dt-border-divider);
    --pf-v5-global--Color--100: var(--dt-text);
    --pf-v5-global--Color--200: var(--dt-text-secondary);
    --pf-v5-global--Color--dark-100: var(--dt-text);
    --pf-v5-global--Color--dark-200: var(--dt-text-secondary);
    --pf-v5-global--Color--light-100: var(--dt-text);
    --pf-v5-global--Color--light-200: var(--dt-text-secondary);
    --pf-v5-global--Color--light-300: var(--dt-border-strong);
    --pf-v5-global--active-color--100: var(--dt-brand-bright);
    --pf-v5-global--primary-color--100: var(--dt-brand-bright);
    --pf-v5-global--primary-color--200: var(--dt-brand-soft);
    --pf-v5-global--primary-color--300: var(--dt-brand);
    --pf-v5-global--primary-color--400: #ffffff;
    --pf-v5-global--primary-color--light-100: var(--dt-brand-soft);
    --pf-v5-global--primary-color--dark-100: var(--dt-brand-bright);
    --pf-v5-global--link--Color: var(--dt-brand-soft);
    --pf-v5-global--link--Color--hover: var(--dt-brand-label);
    --pf-v5-global--link--Color--visited: var(--dt-brand-soft);
    --pf-v5-global--link--Color--light: var(--dt-brand-soft);
    --pf-v5-global--link--Color--light--hover: var(--dt-brand-label);
    --pf-v5-global--link--Color--dark: var(--dt-brand-soft);
    --pf-v5-global--link--Color--dark--hover: var(--dt-brand-label);
    --pf-v5-global--success-color--100: var(--dt-success);
    --pf-v5-global--warning-color--100: var(--dt-warning);
    --pf-v5-global--warning-color--200: var(--dt-warning-ink);
    --pf-v5-global--danger-color--100: var(--dt-danger);
    --pf-v5-global--danger-color--200: var(--dt-danger);
    --pf-v5-global--info-color--100: var(--dt-info-ink);
    --pf-v5-global--disabled-color--100: var(--dt-text-faint);
    --pf-v5-global--disabled-color--200: var(--dt-surface-raised);
    --pf-v5-global--disabled-color--300: var(--dt-text-faint);
    --pf-v5-global--icon--Color--light: var(--dt-text-muted);
    --pf-v5-global--icon--Color--dark: var(--dt-text);
    --pf-v5-global--icon--Color--light--light: var(--dt-text-muted);
    --pf-v5-global--icon--Color--dark--light: var(--dt-text);
    --pf-v5-global--icon--Color--light--dark: var(--dt-text-muted);
    --pf-v5-global--icon--Color--dark--dark: var(--dt-text);
    --pf-v5-global--BorderRadius--sm: 7px;
    --pf-v5-global--BorderRadius--lg: 12px;
    --pf-v5-global--BoxShadow--md: var(--dt-shadow-menu);
    --pf-v5-global--BoxShadow--lg: var(--dt-shadow-menu);
}

body {
    background: var(--dt-bg-window);
    color: var(--dt-text);
    font-family: var(--dt-font-sans);
    -webkit-font-smoothing: antialiased;
}

/* the page before React mounts */
.keycloak__loading-container,
html .keycloak__loading-container {
    background-color: var(--dt-bg-window);
    color: var(--dt-text);
    font-family: var(--dt-font-sans);
}

::selection {
    background: rgba(124, 92, 255, 0.35);
}

:is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--dt-brand-bright);
    outline-offset: 2px;
}

.pf-v5-c-page {
    --pf-v5-c-page--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-page__sidebar--BackgroundColor: var(--dt-bg-chrome);
    --pf-v5-c-page__main-section--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-page__main-section--m-light--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-page__main-breadcrumb--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-page__main-section--m-dark-200--BackgroundColor: var(--dt-bg-chrome);
}

/* ── Masthead: Keycloak's own bar height, the DodoTech brand bar (logo · divider · "Auth") ── */
.pf-v5-c-page .pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: var(--dt-bg-chrome);
    --pf-v5-c-masthead--m-display-inline--BackgroundColor: var(--dt-bg-chrome);
    --pf-v5-c-masthead--Color: var(--dt-text);
    --pf-v5-global--Color--100: var(--dt-text);
    --pf-v5-global--Color--200: var(--dt-text-secondary);
    --pf-v5-global--BackgroundColor--100: var(--dt-bg-chrome);
    background-color: var(--dt-bg-chrome);
    color: var(--dt-text);
    box-shadow: inset 0 -1px 0 var(--dt-border-divider);
}

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

.pf-v5-c-masthead__brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

.pf-v5-c-masthead__brand:hover {
    text-decoration: none;
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand .keycloak__pageheader_brand {
    order: 1;
    display: block;
    width: auto;
    height: 28px;
    max-height: none;
}

.pf-v5-c-masthead__brand::before {
    content: "";
    order: 2;
    width: 1px;
    height: 26px;
    background: var(--dt-border-checkbox);
}

.pf-v5-c-masthead__brand::after {
    content: "Auth";
    order: 3;
    font-family: var(--dt-font-sans);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1;
    color: var(--dt-text-secondary);
    white-space: nowrap;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-plain {
    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    color: var(--dt-text-kbd);
    background: transparent;
    box-shadow: none;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button.pf-m-plain:hover,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-plain:hover {
    color: var(--dt-text-strong);
}

/* User menu: transparent, a soft fill while hovered or open */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain) {
    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-menu-toggle--Color: var(--dt-text);
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    color: var(--dt-text);
    font-size: 12.5px;
    font-weight: 600;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain).pf-m-expanded,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain):hover {
    background: var(--dt-surface-segment);
    box-shadow: none;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle__toggle-icon {
    color: var(--dt-text-label);
}

/* Avatar: 32px with a ring and the initials (js/dodotech-admin.js sets data-dt-initials on its parent) */
.pf-v5-c-masthead .pf-v5-c-avatar {
    width: 32px;
    height: 32px;
    border: 1px solid var(--dt-border-strong);
    border-radius: 50%;
}

.pf-v5-c-masthead [data-dt-initials] .pf-v5-c-avatar {
    display: none;
}

.pf-v5-c-masthead [data-dt-initials]::after {
    content: attr(data-dt-initials);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid var(--dt-border-strong);
    border-radius: 50%;
    background: var(--dt-brand-tint);
    color: var(--dt-brand-soft);
    font-family: var(--dt-font-sans);
    font-size: 12px;
    font-weight: 600;
}

/* ── Sidebar: Keycloak's own menu, only DodoTech colours; the current item is the brand pill ── */
.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: var(--dt-bg-chrome);
    --pf-v5-c-page__sidebar-body--BackgroundColor: var(--dt-bg-chrome);
    background-color: var(--dt-bg-chrome);
    box-shadow: inset -1px 0 0 var(--dt-border-divider);
    color: var(--dt-text-muted);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav {
    --pf-v5-c-nav--BackgroundColor: transparent;
    --pf-v5-c-nav__link--Color: var(--dt-text-muted);
    --pf-v5-c-nav__link--hover--Color: var(--dt-text);
    --pf-v5-c-nav__link--focus--Color: var(--dt-text);
    --pf-v5-c-nav__link--active--Color: var(--dt-text);
    --pf-v5-c-nav__link--m-current--Color: var(--dt-text-strong);
    --pf-v5-c-nav__link--BackgroundColor: transparent;
    --pf-v5-c-nav__link--hover--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-nav__link--focus--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-nav__link--active--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-nav__link--m-current--BackgroundColor: var(--dt-brand);
    --pf-v5-c-nav__link--before--BorderColor: transparent;
    --pf-v5-c-nav__link--after--BorderColor: transparent;
    --pf-v5-c-nav__link--hover--after--BorderColor: transparent;
    --pf-v5-c-nav__link--m-current--after--BorderColor: transparent;
    --pf-v5-c-nav__item--before--BorderColor: var(--dt-border-divider);
    --pf-v5-c-nav__section-title--Color: var(--dt-text-label);
    --pf-v5-c-nav__section-title--BorderBottomColor: var(--dt-border-divider);
    --pf-v5-c-nav__toggle--Color: var(--dt-text-label);
    background: transparent;
    padding-inline: 12px; /* items and the current pill sit off the sidebar edges */
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
    --pf-v5-c-nav__link--FontSize: 1rem; /* Keycloak's own menu size; the global 14px body size does not apply here */
    border-radius: 8px;
    font-family: var(--dt-font-sans);
    font-weight: 500;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-page__sidebar .pf-v5-c-nav__link.pf-m-current:hover {
    background: var(--dt-brand);
    color: var(--dt-text-strong);
    font-weight: 600;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link::after {
    border-color: transparent !important;
}

/* Section titles ("Manage", "Configure") as DodoTech section labels */
.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title {
    font-family: var(--dt-font-sans);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--dt-text-label);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__section-title .pf-v5-c-label {
    --pf-v5-c-label--BackgroundColor: var(--dt-brand-tint);
    --pf-v5-c-label__content--Color: var(--dt-brand-soft);
    --pf-v5-c-label__content--before--BorderColor: transparent;
    text-transform: none;
    letter-spacing: 0;
}

/* The realm header at the top ("Keycloak · Current realm") is the current selection, not a menu category */
.pf-v5-c-page__sidebar .pf-v5-c-nav > .pf-v5-c-nav__section-title {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--dt-text);
}

/* ── Page header: Keycloak's own layout and sizes, DodoTech colour and weight ── */
.pf-v5-c-title {
    font-family: var(--dt-font-sans);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--dt-text-strong);
}

.pf-v5-c-page__main-section .pf-v5-c-content h1,
.pf-v5-c-page__main-section > .pf-v5-l-level h1 {
    font-weight: 600;
    letter-spacing: -0.015em;
    color: var(--dt-text-strong);
}

.pf-v5-c-content {
    --pf-v5-c-content--Color: var(--dt-text);
    --pf-v5-c-content--a--Color: var(--dt-brand-soft);
    --pf-v5-c-content--a--hover--Color: var(--dt-brand-label);
}

#view-header-subkey,
#view-header-subkey p {
    color: var(--dt-text-secondary);
}

a {
    color: var(--dt-brand-soft);
}

a:hover {
    color: var(--dt-brand-label);
}

/* ── Tabs (box) ─────────────────────────────────────────── */
.pf-v5-c-tabs.pf-m-box {
    --pf-v5-c-tabs--before--BorderColor: var(--dt-border-divider);
    --pf-v5-c-tabs__link--before--BorderColor: var(--dt-border-divider);
    --pf-v5-c-tabs__link--after--BorderColor: var(--dt-brand-bright);
    --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-tabs--m-box__item--m-current__link--after--BorderTopWidth: 2px;
    --pf-v5-c-tabs--m-box__link--hover--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-tabs__link--Color: var(--dt-text-muted);
    --pf-v5-c-tabs__link--hover--Color: var(--dt-text);
    --pf-v5-c-tabs__item--m-current__link--Color: var(--dt-text-strong);
    --pf-v5-c-tabs__link--PaddingTop: 0;
    --pf-v5-c-tabs__link--PaddingBottom: 0;
    --pf-v5-c-tabs__link--PaddingLeft: 12.5px;
    --pf-v5-c-tabs__link--PaddingRight: 12.5px;
}

/* Rounded tabs (DodoTech.SessionTabs): 9px top corners, brand outline on the current tab */
.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__list {
    gap: 4px;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link {
    position: relative;
    height: 38px;
    padding: 10px 16px;
    border-radius: 9px 9px 0 0;
    background: transparent;
    box-shadow: none;
    font-family: var(--dt-font-sans);
    font-weight: 500;
    transition: color 0.12s, background-color 0.12s;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link::before,
.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link::after {
    display: none;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item:not(.pf-m-current) .pf-v5-c-tabs__link:hover {
    background: var(--dt-surface-segment);
    color: var(--dt-text);
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    z-index: 1; /* covers the tab bar's bottom rule */
    background: var(--dt-bg-window);
    box-shadow: inset 0 2px 0 var(--dt-brand-bright), inset 1px 0 0 var(--dt-brand-bright), inset -1px 0 0 var(--dt-brand-bright);
    color: var(--dt-text-strong);
    font-weight: 600;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__scroll-button {
    --pf-v5-c-tabs__scroll-button--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-tabs__scroll-button--Color: var(--dt-text-muted);
    --pf-v5-c-tabs__scroll-button--hover--Color: var(--dt-text);
}

/* ── Horizontal forms ───────────────────────────────────── */
.pf-v5-c-form {
    --pf-v5-c-form--GridGap: 19px;
    --pf-v5-c-form__label--Color: var(--dt-text);
    --pf-v5-c-form__label-required--Color: var(--dt-danger);
    --pf-v5-c-form__group-label-help--Color: var(--dt-text-muted);
    --pf-v5-c-form__group-label-help--hover--Color: var(--dt-text);
}

.pf-v5-c-form.pf-m-horizontal {
    --pf-v5-c-form--m-horizontal__group-label--md--GridColumnGap: 10px;
}

.pf-v5-c-form__label {
    font-family: var(--dt-font-sans);
    font-weight: 600;
    line-height: 16px;
}

.pf-v5-c-form__label-text {
    font-weight: 600;
}

.keycloak__form .pf-v5-c-form__group-control {
    max-width: 671px;
}

.pf-v5-c-helper-text {
    --pf-v5-c-helper-text__item-text--Color: var(--dt-text-description);
    --pf-v5-c-helper-text__item--m-error__item-text--Color: var(--dt-danger);
    --pf-v5-c-helper-text__item--m-warning__item-text--Color: var(--dt-warning-ink);
    --pf-v5-c-helper-text__item--m-success__item-text--Color: var(--dt-success);
}

/* Input: radius 7, inset border; focus ring in brand-focus */
.pf-v5-c-form-control {
    --pf-v5-c-form-control--BackgroundColor: var(--dt-surface);
    --pf-v5-c-form-control--Color: var(--dt-text-strong);
    --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--dt-surface-raised);
    --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--dt-surface-raised);
    --pf-v5-c-form-control--m-disabled--Color: var(--dt-text-faint);
    --pf-v5-c-form-control--m-placeholder--Color: var(--dt-text-placeholder);
    border-radius: 7px;
    background-color: var(--dt-surface);
    box-shadow: inset 0 0 0 1px var(--dt-border-input);
    color: var(--dt-text-strong);
    transition: box-shadow 0.12s;
}

.pf-v5-c-form-control::before,
.pf-v5-c-form-control::after {
    display: none;
}

.pf-v5-c-form-control:hover {
    box-shadow: inset 0 0 0 1px var(--dt-border-button);
}

.pf-v5-c-form-control:focus-within {
    box-shadow: inset 0 0 0 1.5px var(--dt-brand-focus), var(--dt-shadow-focus);
}

.pf-v5-c-form-control.pf-m-error,
.pf-v5-c-form-control.pf-m-error:focus-within {
    box-shadow: inset 0 0 0 1.5px var(--dt-danger);
}

.pf-v5-c-form-control.pf-m-readonly,
.pf-v5-c-form-control.pf-m-disabled {
    box-shadow: inset 0 0 0 1px var(--dt-border-divider);
}

.pf-v5-c-form-control > :is(input, select, textarea) {
    font-family: var(--dt-font-sans);
    color: inherit;
}

.pf-v5-c-form-control > :is(input, textarea)::placeholder {
    color: var(--dt-text-placeholder);
}

.pf-v5-c-form-control > :is(input, textarea):focus-visible {
    outline: none;
}

/* Clipboard copy (realm name): the copy button sits inside the field */
.pf-v5-c-clipboard-copy__group {
    position: relative;
}

.pf-v5-c-clipboard-copy__group > .pf-v5-c-form-control {
    padding-right: 36px;
}

.pf-v5-c-clipboard-copy__group > .pf-v5-c-button.pf-m-control {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 100%;
    padding: 0;
    border-radius: 0 7px 7px 0;
    background: transparent;
    box-shadow: inset 1px 0 0 var(--dt-border-input);
    color: var(--dt-text-secondary);
}

.pf-v5-c-clipboard-copy__group > .pf-v5-c-button.pf-m-control::after {
    display: none;
}

.pf-v5-c-clipboard-copy__group > .pf-v5-c-button.pf-m-control:hover {
    color: var(--dt-text);
}

/* Menu toggles: selects in forms look like fields, others like secondary buttons */
.pf-v5-c-menu-toggle {
    --pf-v5-c-menu-toggle--Color: var(--dt-text);
    --pf-v5-c-menu-toggle--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--dt-surface-icon-button);
    --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-menu-toggle--active--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-menu-toggle__toggle-icon--Color: var(--dt-text);
    --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--dt-surface-raised);
    --pf-v5-c-menu-toggle--disabled--Color: var(--dt-text-faint);
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px var(--dt-border-button);
    font-family: var(--dt-font-sans);
    font-weight: 500;
}

.pf-v5-c-menu-toggle::before,
.pf-v5-c-menu-toggle::after {
    display: none;
}

.pf-v5-c-menu-toggle.pf-m-expanded,
.pf-v5-c-menu-toggle:focus-visible {
    box-shadow: inset 0 0 0 1.5px var(--dt-brand-focus), var(--dt-shadow-focus);
}

.pf-v5-c-menu-toggle.pf-m-full-width,
.pf-v5-c-menu-toggle.pf-m-typeahead,
.pf-v5-c-form .pf-v5-c-menu-toggle:not(.pf-m-plain) {
    --pf-v5-c-menu-toggle--BackgroundColor: var(--dt-surface);
    --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--dt-surface);
    --pf-v5-c-menu-toggle--focus--BackgroundColor: var(--dt-surface);
    --pf-v5-c-menu-toggle--active--BackgroundColor: var(--dt-surface);
    --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--dt-surface);
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--dt-border-input);
    font-weight: 400;
}

.pf-v5-c-menu-toggle.pf-m-plain {
    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--dt-surface-segment);
    box-shadow: none;
}

.pf-v5-c-menu-toggle.pf-m-primary {
    --pf-v5-c-menu-toggle--BackgroundColor: var(--dt-brand);
    --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--dt-brand);
    --pf-v5-c-menu-toggle--Color: var(--dt-text-strong);
    box-shadow: none;
}

.pf-v5-c-text-input-group {
    --pf-v5-c-text-input-group--BackgroundColor: var(--dt-surface);
    --pf-v5-c-text-input-group__text--before--BorderColor: transparent;
    --pf-v5-c-text-input-group__text--after--BorderBottomColor: transparent;
    --pf-v5-c-text-input-group__text--hover__icon--Color: var(--dt-text);
    --pf-v5-c-text-input-group__icon--Color: var(--dt-text-subtle, var(--dt-text-muted));
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--dt-border-input);
}

.pf-v5-c-text-input-group__text::before,
.pf-v5-c-text-input-group__text::after {
    display: none;
}

.pf-v5-c-text-input-group:focus-within {
    box-shadow: inset 0 0 0 1.5px var(--dt-brand-focus), var(--dt-shadow-focus);
}

.pf-v5-c-text-input-group__text-input {
    font-family: var(--dt-font-sans);
    color: var(--dt-text-strong);
}

/* Search inputs in toolbars (DodoTech.SearchField) */
.pf-v5-c-toolbar .pf-v5-c-text-input-group,
.pf-v5-c-toolbar .pf-v5-c-search-input .pf-v5-c-text-input-group {
    --pf-v5-c-text-input-group--BackgroundColor: var(--dt-surface-raised);
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--dt-border-search);
}

/* Switch: 32×18, magenta when on */
.pf-v5-c-switch {
    --pf-v5-c-switch__toggle--Height: 18px;
    --pf-v5-c-switch__toggle--BackgroundColor: var(--dt-chip);
    --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--dt-accent);
    --pf-v5-c-switch__input--checked__label--Color: var(--dt-text);
    --pf-v5-c-switch__input--not-checked__label--Color: var(--dt-text);
    --pf-v5-c-switch__input--focus__toggle--OutlineColor: var(--dt-brand-bright);
    --pf-v5-c-switch__toggle--before--BackgroundColor: var(--dt-text-muted);
    --pf-v5-c-switch__label--PaddingLeft: 12px;
    --pf-v5-c-switch--ColumnGap: 12px;
    --pf-v5-c-switch__input--disabled__toggle--BackgroundColor: var(--dt-surface-raised);
    --pf-v5-c-switch__input--disabled__toggle--before--BackgroundColor: var(--dt-text-disabled);
    --pf-v5-c-switch__input--disabled__label--Color: var(--dt-text-faint);
    font-family: var(--dt-font-sans);
}

.pf-v5-c-switch__toggle {
    width: 32px;
    height: 18px;
    border-radius: 9999px;
    box-shadow: inset 0 0 0 1px var(--dt-border-checkbox);
}

.pf-v5-c-switch__toggle::before {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 9999px;
    box-shadow: none;
    transition: transform 0.15s, background-color 0.15s;
}

.pf-v5-c-switch__toggle-icon {
    display: none;
}

.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle {
    box-shadow: none;
}

.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle::before {
    background-color: #ffffff;
    transform: translateX(14px);
}

.pf-v5-c-switch__label {
    color: var(--dt-text);
}

/* the "Enabled" switch in the page header uses the medium weight */
.pf-v5-c-page__main-section .pf-v5-c-toolbar .pf-v5-c-switch__label {
    font-weight: 500;
}

/* Checkbox / radio: DodoTech magenta */
.pf-v5-c-check__input,
.pf-v5-c-radio__input,
.pf-v5-c-table input[type="checkbox"] {
    accent-color: var(--dt-accent);
}

.pf-v5-c-check__label,
.pf-v5-c-radio__label {
    color: var(--dt-text);
}

/* ── Buttons ────────────────────────────────────────────── */
.pf-v5-c-button {
    --pf-v5-c-button--FontWeight: 500;
    --pf-v5-c-button--BorderRadius: 8px;
    --pf-v5-c-button--m-link--Color: var(--dt-brand-soft);
    --pf-v5-c-button--m-link--hover--Color: var(--dt-brand-label);
    --pf-v5-c-button--m-link--focus--Color: var(--dt-brand-label);
    --pf-v5-c-button--m-link--active--Color: var(--dt-brand-label);
    --pf-v5-c-button--m-link--disabled--Color: var(--dt-text-faint);
    --pf-v5-c-button--m-link--m-inline--hover--Color: var(--dt-brand-label);
    --pf-v5-c-button--m-plain--Color: var(--dt-text-muted);
    --pf-v5-c-button--m-plain--hover--Color: var(--dt-text);
    --pf-v5-c-button--m-control--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-button--m-control--Color: var(--dt-text-secondary);
    --pf-v5-c-button--disabled--BackgroundColor: var(--dt-surface-raised);
    --pf-v5-c-button--disabled--Color: var(--dt-text-faint);
    --pf-v5-c-button--m-danger--BackgroundColor: var(--dt-danger-tint);
    --pf-v5-c-button--m-danger--Color: var(--dt-danger);
    --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--dt-danger-tint);
    --pf-v5-c-button--m-danger--hover--Color: var(--dt-danger);
    font-family: var(--dt-font-sans);
    letter-spacing: -0.1px;
}

/* Primary: gradient, 700 */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--Color: var(--dt-text-strong);
    --pf-v5-c-button--m-primary--hover--Color: var(--dt-text-strong);
    --pf-v5-c-button--m-primary--focus--Color: var(--dt-text-strong);
    --pf-v5-c-button--m-primary--active--Color: var(--dt-text-strong);
    background: linear-gradient(90deg, var(--dt-gradient-start), var(--dt-gradient-end));
    box-shadow: var(--dt-shadow-primary);
    font-weight: 700;
    transition: filter 0.12s;
}

.pf-v5-c-button.pf-m-primary:hover {
    filter: brightness(1.08);
}

.pf-v5-c-button.pf-m-primary:disabled,
.pf-v5-c-button.pf-m-primary.pf-m-disabled,
.pf-v5-c-button.pf-m-primary.pf-m-aria-disabled {
    filter: saturate(0.3) brightness(0.7);
}

/* Secondary / tertiary: DodoTech.Button secondary */
.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-tertiary {
    --pf-v5-c-button--m-secondary--Color: var(--dt-text);
    --pf-v5-c-button--m-secondary--hover--Color: var(--dt-text);
    --pf-v5-c-button--m-secondary--focus--Color: var(--dt-text);
    --pf-v5-c-button--m-secondary--active--Color: var(--dt-text);
    --pf-v5-c-button--m-secondary--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-button--m-secondary--hover--BackgroundColor: var(--dt-surface-icon-button);
    --pf-v5-c-button--m-secondary--focus--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-button--m-secondary--active--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-button--m-tertiary--Color: var(--dt-text);
    --pf-v5-c-button--m-tertiary--hover--Color: var(--dt-text);
    --pf-v5-c-button--m-tertiary--BackgroundColor: var(--dt-surface-button);
    --pf-v5-c-button--m-tertiary--hover--BackgroundColor: var(--dt-surface-icon-button);
    box-shadow: inset 0 0 0 1px var(--dt-border-button);
}

.pf-v5-c-button.pf-m-secondary::after,
.pf-v5-c-button.pf-m-tertiary::after {
    display: none;
}

.pf-v5-c-button.pf-m-secondary.pf-m-danger {
    --pf-v5-c-button--m-secondary--Color: var(--dt-danger);
    --pf-v5-c-button--m-secondary--hover--Color: var(--dt-danger);
    box-shadow: inset 0 0 0 1px var(--dt-danger-tint);
}

.pf-v5-c-button.pf-m-link {
    font-weight: 500;
}


/* ── Sticky save bar (Save · Revert) ────────────────────── */
.pf-v5-c-form__group.pf-m-action[class*="_buttonGroup_"],
.keycloak__form .pf-v5-c-form__group.pf-m-action {
    padding-top: 8px;
    padding-bottom: 8px;
    background: var(--dt-bg-window);
    box-shadow: inset 0 1px 0 var(--dt-border-divider);
}

.pf-v5-c-form__actions {
    gap: 22px;
    --pf-v5-c-form__actions--child--MarginRight: 0;
    --pf-v5-c-form__actions--child--MarginLeft: 0;
}

.pf-v5-c-form__actions > .pf-v5-c-button.pf-m-link {
    padding-left: 0;
    padding-right: 0;
}

/* ── Surfaces: cards, menus, modals, popovers ───────────── */
.pf-v5-c-card {
    --pf-v5-c-card--BackgroundColor: var(--dt-surface);
    --pf-v5-c-card--BoxShadow: none;
    --pf-v5-c-card--m-selectable--hover--BoxShadow: none;
    --pf-v5-c-card__title-text--FontWeight: 700;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--dt-border-card);
}

.pf-v5-c-card.pf-m-selectable:hover,
.pf-v5-c-card.pf-m-clickable:hover {
    box-shadow: inset 0 0 0 1px var(--dt-border-button);
}

/* Keycloak form panels (e.g. Realm settings → Login, Email): flat cards without side padding by default */
html .pf-v5-c-card:has(> .kc-form-panel__header) {
    padding: 22px 26px 22px;
    margin-bottom: 22px;
}

html .pf-v5-c-card > .kc-form-panel__header,
html .pf-v5-c-card > .kc-form-panel__body {
    padding-left: 0;
    padding-right: 0;
}

html .pf-v5-c-card > .kc-form-panel__header {
    padding-bottom: 18px;
}

html .pf-v5-c-card > .kc-form-panel__body {
    padding-bottom: 0;
}

/* the form inside reserves room for a sticky save bar these panels do not have */
html .kc-form-panel__body > .keycloak__form {
    padding-bottom: 0;
}

.pf-v5-c-card .kc-form-panel__header .pf-v5-c-title {
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--dt-text-strong);
}

.pf-v5-c-menu {
    --pf-v5-c-menu--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-menu--BoxShadow: var(--dt-shadow-menu);
    --pf-v5-c-menu__item--Color: var(--dt-text-strong);
    --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-menu__list-item--m-selected--BackgroundColor: var(--dt-surface-segment);
    --pf-v5-c-menu__item-select-icon--Color: var(--dt-brand-soft);
    --pf-v5-c-menu__item-description--Color: var(--dt-text-muted);
    --pf-v5-c-menu__group-title--Color: var(--dt-text-label);
    --pf-v5-c-menu__search--BackgroundColor: transparent;
    padding: 8px;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--dt-border-card), var(--dt-shadow-menu);
    font-family: var(--dt-font-sans);
}

.pf-v5-c-menu__list-item {
    border-radius: 8px;
}

.pf-v5-c-menu__item {
    border-radius: 8px;
    font-weight: 500;
}

.pf-v5-c-menu__item.pf-m-danger .pf-v5-c-menu__item-text {
    color: var(--dt-danger);
}

.pf-v5-c-divider {
    --pf-v5-c-divider--BackgroundColor: var(--dt-border-search);
}

.pf-v5-c-modal-box {
    --pf-v5-c-modal-box--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-modal-box--BoxShadow: var(--dt-shadow-menu);
    --pf-v5-c-modal-box__title--FontFamily: var(--dt-font-sans);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--dt-border-card), var(--dt-shadow-menu);
}

.pf-v5-c-backdrop {
    --pf-v5-c-backdrop--BackgroundColor: #0b0b1494;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.pf-v5-c-popover,
.pf-v5-c-popover__content {
    --pf-v5-c-popover__content--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-popover__arrow--BackgroundColor: var(--dt-bg-window);
    font-family: var(--dt-font-sans);
}

.pf-v5-c-popover__content {
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px var(--dt-border-card), var(--dt-shadow-menu);
}

.pf-v5-c-tooltip {
    --pf-v5-c-tooltip__content--BackgroundColor: var(--dt-chip);
    --pf-v5-c-tooltip__content--Color: var(--dt-text);
    --pf-v5-c-tooltip__arrow--BackgroundColor: var(--dt-chip);
}

.pf-v5-c-tooltip__content {
    border-radius: 7px;
    font-family: var(--dt-font-sans);
}

/* ── Tables & data lists ────────────────────────────────── */
.pf-v5-c-table {
    --pf-v5-c-table--BackgroundColor: transparent;
    --pf-v5-c-table--BorderColor: var(--dt-border-divider);
    --pf-v5-c-table--cell--Color: var(--dt-text);
    --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--dt-surface-row-hover);
    --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--dt-surface-row-selected);
    --pf-v5-c-table__expandable-row--after--BorderColor--base: var(--dt-brand-bright);
    font-family: var(--dt-font-sans);
}

.pf-v5-c-table tbody > tr:hover > td {
    background: var(--dt-surface-row-hover);
}

.pf-v5-c-data-list {
    --pf-v5-c-data-list__item--BackgroundColor: var(--dt-surface);
    --pf-v5-c-data-list__item--BorderBlockEndColor: var(--dt-border-divider);
    --pf-v5-c-data-list--BorderTopColor: var(--dt-border-divider);
}

.pf-v5-c-toolbar {
    --pf-v5-c-toolbar--BackgroundColor: transparent;
}

.pf-v5-c-pagination {
    --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
}

/* ── Labels, alerts, banners, empty states ──────────────── */
.pf-v5-c-label {
    --pf-v5-c-label--BorderRadius: 5px;
    --pf-v5-c-label--BackgroundColor: var(--dt-chip);
    --pf-v5-c-label__content--Color: var(--dt-text-secondary);
    --pf-v5-c-label__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-blue--BackgroundColor: var(--dt-brand-tint);
    --pf-v5-c-label--m-blue__content--Color: var(--dt-brand-soft);
    --pf-v5-c-label--m-blue__icon--Color: var(--dt-brand-soft);
    --pf-v5-c-label--m-blue__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-purple--BackgroundColor: var(--dt-brand-tint);
    --pf-v5-c-label--m-purple__content--Color: var(--dt-brand-soft);
    --pf-v5-c-label--m-purple__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-green--BackgroundColor: var(--dt-success-tint);
    --pf-v5-c-label--m-green__content--Color: var(--dt-success);
    --pf-v5-c-label--m-green__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-red--BackgroundColor: var(--dt-accent-tint);
    --pf-v5-c-label--m-red__content--Color: var(--dt-accent);
    --pf-v5-c-label--m-red__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-gold--BackgroundColor: var(--dt-warning-tint);
    --pf-v5-c-label--m-gold__content--Color: var(--dt-warning-ink);
    --pf-v5-c-label--m-gold__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-orange--BackgroundColor: var(--dt-warning-tint);
    --pf-v5-c-label--m-orange__content--Color: var(--dt-warning-ink);
    --pf-v5-c-label--m-orange__content--before--BorderColor: transparent;
    --pf-v5-c-label--m-cyan--BackgroundColor: var(--dt-info-tint);
    --pf-v5-c-label--m-cyan__content--Color: var(--dt-info-ink);
    --pf-v5-c-label--m-cyan__content--before--BorderColor: transparent;
    font-weight: 500;
}

.pf-v5-c-alert {
    --pf-v5-c-alert--BackgroundColor: var(--dt-bg-window);
    --pf-v5-c-alert--BoxShadow: var(--dt-shadow-menu);
    --pf-v5-c-alert__title--Color: var(--dt-text-strong);
    --pf-v5-c-alert--m-success__icon--Color: var(--dt-success);
    --pf-v5-c-alert--m-success__title--Color: var(--dt-success);
    --pf-v5-c-alert--m-danger__icon--Color: var(--dt-danger);
    --pf-v5-c-alert--m-danger__title--Color: var(--dt-danger);
    --pf-v5-c-alert--m-warning__icon--Color: var(--dt-warning);
    --pf-v5-c-alert--m-warning__title--Color: var(--dt-warning-ink);
    --pf-v5-c-alert--m-info__icon--Color: var(--dt-brand-soft);
    --pf-v5-c-alert--m-info__title--Color: var(--dt-brand-soft);
    border-radius: 9px;
    font-family: var(--dt-font-sans);
}

.pf-v5-c-alert.pf-m-success { --pf-v5-c-alert--BorderTopColor: var(--dt-success); }
.pf-v5-c-alert.pf-m-danger { --pf-v5-c-alert--BorderTopColor: var(--dt-danger); }
.pf-v5-c-alert.pf-m-warning { --pf-v5-c-alert--BorderTopColor: var(--dt-warning); }
.pf-v5-c-alert.pf-m-info { --pf-v5-c-alert--BorderTopColor: var(--dt-brand-bright); }

.pf-v5-c-alert.pf-m-inline.pf-m-success { --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--dt-success-tint); }
.pf-v5-c-alert.pf-m-inline.pf-m-danger { --pf-v5-c-alert--m-inline--m-danger--BackgroundColor: var(--dt-danger-tint); }
.pf-v5-c-alert.pf-m-inline.pf-m-warning { --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--dt-warning-tint); }
.pf-v5-c-alert.pf-m-inline.pf-m-info { --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--dt-brand-tint); }

/* "You are logged in as a temporary admin user" */
.pf-v5-c-banner {
    --pf-v5-c-banner--m-gold--BackgroundColor: var(--dt-warning-tint);
    --pf-v5-c-banner--m-gold--Color: var(--dt-warning-ink);
    --pf-v5-c-banner--m-warning--BackgroundColor: var(--dt-warning-tint);
    --pf-v5-c-banner--m-warning--Color: var(--dt-warning-ink);
    --pf-v5-c-banner--m-danger--BackgroundColor: var(--dt-danger-tint);
    --pf-v5-c-banner--m-danger--Color: var(--dt-danger);
    --pf-v5-c-banner--m-info--BackgroundColor: var(--dt-brand-tint);
    --pf-v5-c-banner--m-info--Color: var(--dt-brand-soft);
    font-family: var(--dt-font-sans);
    font-weight: 500;
}

.pf-v5-c-banner.pf-m-gold,
.pf-v5-c-banner.pf-m-warning {
    background: var(--dt-warning-tint);
    color: var(--dt-warning-ink);
}

.pf-v5-c-empty-state {
    --pf-v5-c-empty-state__body--Color: var(--dt-text-secondary);
    --pf-v5-c-empty-state__icon--Color: var(--dt-text-faint);
    font-family: var(--dt-font-sans);
}

.pf-v5-c-empty-state.pf-m-xs .pf-v5-c-empty-state__body {
    line-height: 16.5px;
}

.pf-v5-c-code-block,
.pf-v5-c-code-editor__main {
    --pf-v5-c-code-block--BackgroundColor: var(--dt-surface);
    font-family: var(--dt-font-mono);
}

.pf-v5-c-expandable-section__toggle {
    --pf-v5-c-expandable-section__toggle--Color: var(--dt-brand-soft);
    --pf-v5-c-expandable-section__toggle--hover--Color: var(--dt-brand-label);
}

/* Scrollbars */
* {
    scrollbar-color: var(--dt-border-strong) transparent;
}