/* Cibrai Admin Theme - Professional Dark Glass-morphism Design */
/* Matching Login Page Quality with Modern UI */

/* ==================== BASE STYLES ==================== */
html {
    min-height: 100%;
    background: radial-gradient(1200px circle at 20% 10%, #0b2a5f 0%, transparent 55%),
              radial-gradient(900px circle at 80% 20%, #0f3b8a 0%, transparent 50%),
              linear-gradient(180deg, #020617 0%, #070b1a 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body {
    min-height: 100%;
    background: transparent !important;
    color: #e5e7eb !important;
}

/* Global Text Color Enforcement */
* {
    color: inherit;
}

.pf-v5-c-page,
.pf-c-page {
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-page__main {
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-page__main-section {
    color: #e5e7eb !important;
}

/* Text Elements */
p, span, div, a, label, button {
    color: inherit;
}

/* Ensure all text inputs and form elements have light text */
input, textarea, select {
    color: #e5e7eb !important;
}

/* ==================== TYPOGRAPHY ==================== */
.pf-v5-c-title,
.pf-c-title,
.pf-v5-c-content h1,
.pf-v5-c-content h2,
.pf-v5-c-content h3,
.pf-v5-c-content h4,
.pf-v5-c-content h5,
.pf-v5-c-content h6,
h1, h2, h3, h4, h5, h6 {
    color: #f9fafb !important;
    font-weight: 600;
}

.pf-v5-c-content p,
.pf-v5-c-content,
.pf-v5-c-description-list__text,
.pf-v5-c-description-list__description {
    color: #e5e7eb !important;
}

/* ==================== HEADER / MASTHEAD ==================== */
.pf-v5-c-page__header,
.pf-c-page__header,
.pf-v5-c-masthead {
    background: rgba(11, 15, 25, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
}

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

/* ==================== PAGE SECTIONS ==================== */
/* Light sections fix - dark background with proper contrast */
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light {
    background: rgba(17, 24, 40, 0.5) !important;
    color: #e5e7eb !important;
}

/* Force all children to inherit light color */
.pf-v5-c-page__main-section *,
.pf-v5-c-page__main-section.pf-m-light * {
    color: #e5e7eb !important;
}

/* Important elements that need specific light colors */
.pf-v5-c-page__main-section h1,
.pf-v5-c-page__main-section h2,
.pf-v5-c-page__main-section h3,
.pf-v5-c-page__main-section.pf-m-light h1,
.pf-v5-c-page__main-section.pf-m-light h2,
.pf-v5-c-page__main-section.pf-m-light h3 {
    color: #f9fafb !important;
}

.pf-v5-c-page__main-section.pf-m-dark {
    background: rgba(11, 15, 25, 0.8) !important;
    color: #e5e7eb !important;
}

/* ==================== SIDEBAR / NAVIGATION ==================== */
.pf-v5-c-page__sidebar,
.pf-c-page__sidebar {
    background: linear-gradient(180deg, rgba(11, 15, 25, 0.98) 0%, rgba(7, 11, 26, 0.95) 100%) !important;
    border-right: 1px solid rgba(37, 99, 235, 0.15) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    overflow: hidden !important;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3) !important;
}

.pf-v5-c-page__sidebar-body {
    background: transparent !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 16px 0 24px !important;
}

/* Modern Custom Scrollbar for Sidebar */
.pf-v5-c-page__sidebar-body::-webkit-scrollbar {
    width: 8px;
}

.pf-v5-c-page__sidebar-body::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.4);
    border-radius: 4px;
    margin: 8px 0;
}

.pf-v5-c-page__sidebar-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.4), rgba(59, 130, 246, 0.4));
    border-radius: 4px;
    transition: background 0.2s ease;
}

.pf-v5-c-page__sidebar-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.6), rgba(59, 130, 246, 0.6));
}

/* Navigation Container */
.pf-v5-c-nav,
.pf-c-nav {
    background: transparent !important;
}

/* Navigation Sections */
.pf-v5-c-nav__section {
    margin-bottom: 16px;
}

.pf-v5-c-nav__section:first-child {
    margin-top: 0;
}

/* Section Title Styling - Reduced Size */
.pf-v5-c-nav__section-title {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 16px 6px !important;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.pf-v5-c-nav__section-title:hover {
    color: #d1d5db !important;
}

/* Current Realm Section - Modern Highlighted Design */
.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title {
    font-size: 11px !important;
    text-transform: none;
    color: #f9fafb !important;
    font-weight: 600;
    padding: 16px 14px !important;
    margin: 8px 8px 20px 8px !important;
    overflow-wrap: break-word;
    white-space: normal;
    word-break: break-word;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    line-height: 1.4;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(59, 130, 246, 0.08)) !important;
    border-radius: 10px;
    border: 1px solid rgba(37, 99, 235, 0.25) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    position: relative;
    overflow: visible;
    width: calc(100% - 16px);
    box-sizing: border-box;
}

/* Add subtle glow effect */
.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), transparent);
    pointer-events: none;
}

/* Realm name text - Block element taking full width */
.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title [data-testid="currentRealm"] {
    display: block !important;
    width: 100%;
    font-size: 15px !important;
    font-weight: 700;
    color: #ffffff !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Label in Current Realm - Block element below realm name */
.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title .pf-v5-c-label {
    font-size: 9px !important;
    padding: 4px 10px !important;
    margin: 0 !important;
    display: block !important;
    width: fit-content;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.25), rgba(59, 130, 246, 0.25)) !important;
    border-radius: 6px;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
    position: relative;
    z-index: 1;
}

.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title .pf-v5-c-label__content {
    display: flex;
    align-items: center;
}

.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title .pf-v5-c-label__text {
    color: #93c5fd !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 1.2;
}

/* Expandable Section Support - Add Arrow Icon */
.pf-v5-c-nav__section-title::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    transition: transform 0.2s ease;
    opacity: 0.7;
    flex-shrink: 0;
    margin-left: 8px;
}

.pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title::after {
    display: none;
}

/* Collapsed Section */
.pf-v5-c-nav__section.pf-m-collapsed .pf-v5-c-nav__section-title::after {
    transform: rotate(-90deg);
}

.pf-v5-c-nav__section.pf-m-collapsed .pf-v5-c-nav__list {
    display: none;
}

/* Navigation List */
.pf-v5-c-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Navigation Links - Compact and Professional */
.pf-v5-c-nav__link,
.pf-c-nav__link {
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 500;
    border-radius: 8px;
    margin: 0 8px 2px;
    padding: 8px 12px !important;
    transition: all 0.2s ease;
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

.pf-v5-c-nav__link:hover,
.pf-c-nav__link:hover {
    color: #f9fafb !important;
    background-color: rgba(47, 107, 255, 0.15) !important;
    text-decoration: none;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
    font-weight: 600;
}

.pf-v5-c-nav__link.pf-m-current:hover {
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
}

/* Remove any unwanted pseudo-elements */
.pf-v5-c-nav__link::before,
.pf-v5-c-nav__link:before {
    display: none !important;
}

/* ==================== BUTTONS - PROFESSIONAL STYLING ==================== */
/* Primary Buttons - Match Login Page */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary {
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 500;
    padding: 10px 20px !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
    transition: all 0.2s ease;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover {
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.45) !important;
    transform: translateY(-1px);
}

.pf-v5-c-button.pf-m-primary:active {
    transform: translateY(0);
}

/* Secondary Buttons */
.pf-v5-c-button.pf-m-secondary,
.pf-c-button.pf-m-secondary {
    background-color: rgba(148, 163, 184, 0.15) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 8px !important;
    color: #e5e7eb !important;
    font-weight: 500;
    padding: 10px 20px !important;
    transition: all 0.2s ease;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-secondary:hover {
    background-color: rgba(148, 163, 184, 0.25) !important;
    border-color: rgba(148, 163, 184, 0.4) !important;
    color: #f9fafb !important;
}

/* Tertiary Buttons - FIX WHITE ON WHITE ISSUE */
.pf-v5-c-button.pf-m-tertiary,
.pf-c-button.pf-m-tertiary {
    background-color: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 8px !important;
    color: #e5e7eb !important;
    font-weight: 500;
    padding: 10px 20px !important;
    transition: all 0.2s ease;
}

.pf-v5-c-button.pf-m-tertiary:hover,
.pf-c-button.pf-m-tertiary:hover {
    background-color: rgba(47, 107, 255, 0.2) !important;
    border-color: rgba(47, 107, 255, 0.4) !important;
    color: #60a5fa !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

/* Link Buttons */
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link {
    color: #60a5fa !important;
    font-weight: 500;
}

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

/* Danger Buttons */
.pf-v5-c-button.pf-m-danger,
.pf-c-button.pf-m-danger {
    background: linear-gradient(135deg, #dc2626, #ef4444) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
}

.pf-v5-c-button.pf-m-danger:hover,
.pf-c-button.pf-m-danger:hover {
    background: linear-gradient(135deg, #b91c1c, #dc2626) !important;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.45);
}

/* Button Disabled State */
.pf-v5-c-button:disabled,
.pf-c-button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    background-color: rgba(148, 163, 184, 0.1) !important;
    color: #6b7280 !important;
}

/* Small Buttons */
.pf-v5-c-button.pf-m-small {
    padding: 6px 12px !important;
    font-size: 13px;
}

/* Inline Buttons */
.pf-v5-c-button.pf-m-inline {
    background-color: transparent !important;
    border: none !important;
    color: #60a5fa !important;
    padding: 4px 8px !important;
    font-weight: 500;
}

.pf-v5-c-button.pf-m-inline:hover {
    color: #93c5fd !important;
    background-color: rgba(47, 107, 255, 0.1) !important;
}

/* Warning Buttons */
.pf-v5-c-button.pf-m-warning {
    background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
}

.pf-v5-c-button.pf-m-warning:hover {
    background: linear-gradient(135deg, #d97706, #f59e0b) !important;
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.45);
}

/* ==================== TABS - PROFESSIONAL BOX STYLE ==================== */
.pf-v5-c-tabs.pf-m-box {
    background: rgba(17, 24, 40, 0.7) !important;
    border-radius: 10px;
    padding: 4px;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link {
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    margin: 0 4px !important;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link:hover {
    color: #f9fafb !important;
    background: rgba(47, 107, 255, 0.15) !important;
}

.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link.pf-m-current,
.pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link[aria-selected="true"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
    font-weight: 600 !important;
}

/* Regular Tabs - Enhanced Professional Style */
.pf-v5-c-tabs {
    background: transparent !important;
    border: none !important;
}

.pf-v5-c-tabs__list {
    background: rgba(17, 24, 40, 0.5) !important;
    border-radius: 10px;
    padding: 4px;
    border: none !important;
}

.pf-v5-c-tabs__item {
    background: transparent !important;
    border: none !important;
}

.pf-v5-c-tabs__link {
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    margin: 0 2px !important;
    font-weight: 500;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: none !important;
}

.pf-v5-c-tabs__link::before,
.pf-v5-c-tabs__link::after {
    display: none !important;
}

.pf-v5-c-tabs__link:hover {
    color: #f9fafb !important;
    background: rgba(47, 107, 255, 0.2) !important;
    border: none !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important;
}

/* Active/Selected Tab - Multiple selectors for compatibility */
.pf-v5-c-tabs__link.pf-m-current,
.pf-v5-c-tabs__link[aria-selected="true"],
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4) !important;
    font-weight: 600 !important;
}

/* Hover state for active tab */
.pf-v5-c-tabs__link.pf-m-current:hover,
.pf-v5-c-tabs__link[aria-selected="true"]:hover {
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.5) !important;
}

/* Tab Item Text - Inherit parent colors properly */
.pf-v5-c-tabs__item-text {
    color: inherit !important;
    font-weight: inherit !important;
}

.pf-v5-c-tabs__link:focus {
    outline: none !important;
    border: none !important;
}

.pf-v5-c-tabs__link:active {
    transform: translateY(0);
}

/* Tab Scroll Buttons - Professional Arrow Styling */
.pf-v5-c-tabs.pf-m-inset-none {
    background: transparent !important;
}

.pf-v5-c-tabs__scroll-button {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 8px !important;
    color: #94a3b8 !important;
    width: 40px;
    height: 40px;
    transition: all 0.2s ease;
}

.pf-v5-c-tabs__scroll-button:hover {
    background: rgba(47, 107, 255, 0.2) !important;
    border-color: rgba(47, 107, 255, 0.5) !important;
    color: #60a5fa !important;
    transform: scale(1.05);
}

.pf-v5-c-tabs__scroll-button:active {
    transform: scale(0.95);
}

.pf-v5-c-tabs__scroll-button .pf-v5-c-button__icon {
    color: inherit !important;
}

/* Tab Items with Presentation Role */
.pf-v5-c-tabs__item[role="presentation"] {
    background: transparent !important;
}

.pf-v5-c-tabs__item[role="presentation"] .pf-v5-c-tabs__link {
    color: #94a3b8 !important;
}

.pf-v5-c-tabs__item[role="presentation"] .pf-v5-c-tabs__link:hover {
    color: #f9fafb !important;
    background: rgba(47, 107, 255, 0.15) !important;
}

/* Vertical Tabs */
.pf-v5-c-tabs.pf-m-vertical {
    background: transparent !important;
}

.pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link {
    border-left: 3px solid transparent !important;
    border-radius: 0 8px 8px 0 !important;
}

.pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link.pf-m-current {
    border-left-color: #2563eb !important;
}

/* Filled Tabs */
.pf-v5-c-tabs.pf-m-fill {
    background: rgba(17, 24, 40, 0.5) !important;
    border-radius: 10px;
}

.pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item {
    flex: 1;
}

.pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__link {
    width: 100%;
    justify-content: center;
}

/* ==================== CARDS - GLASS EFFECT ==================== */
.pf-v5-c-card,
.pf-c-card {
    background: rgba(17, 24, 40, 0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.7),
        0 0 0 1px rgba(148, 163, 184, 0.12) !important;
    color: #e5e7eb !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-top: 3px solid #2f6bff !important;
}

.pf-v5-c-card__title,
.pf-c-card__title {
    color: #f9fafb !important;
    font-weight: 600;
}

.pf-v5-c-card__body,
.pf-c-card__body {
    color: #e5e7eb !important;
}

.pf-v5-c-card__header {
    background: transparent !important;
    border-bottom: none !important;
}

.pf-v5-c-card__header-main {
    background: transparent !important;
    color: #f9fafb !important;
}

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

.pf-v5-c-card__selectable-actions {
    background: transparent !important;
}

.pf-v5-c-card__footer {
    background: transparent !important;
    border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

/* Card Spacing and Layout */
.pf-v5-c-card {
    margin-bottom: 24px !important;
}

.pf-v5-c-card.pf-m-flat {
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(148, 163, 184, 0.12) !important;
}

.pf-v5-c-card__body.kc-form-panel__body {
    padding: 20px 24px !important;
}

/* Gallery Layout for Cards */
.pf-v5-l-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    background: transparent !important;
}

.pf-v5-l-gallery.pf-m-gutter {
    gap: 24px;
}

/* Ensure gallery cards have dark backgrounds */
.pf-v5-l-gallery .pf-v5-c-card {
    background: rgba(17, 24, 40, 0.92) !important;
    width: 100%;
    margin-bottom: 0 !important;
}

/* Clickable Cards */
.pf-v5-c-card.pf-m-clickable {
    cursor: pointer;
    transition: all 0.2s ease;
}

.pf-v5-c-card.pf-m-clickable:hover {
    background: rgba(47, 107, 255, 0.12) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
    box-shadow: 
        0 28px 68px rgba(0, 0, 0, 0.8),
        0 0 0 2px rgba(37, 99, 235, 0.3) !important;
    transform: translateY(-2px);
}

.pf-v5-c-card.pf-m-clickable:active {
    transform: translateY(0);
}

/* Card with selected radio */
.pf-v5-c-card.pf-m-clickable:has(.pf-v5-c-radio__input:checked) {
    background: rgba(37, 99, 235, 0.15) !important;
    border-color: rgba(37, 99, 235, 0.6) !important;
    border-width: 2px !important;
    box-shadow: 
        0 24px 60px rgba(37, 99, 235, 0.4),
        0 0 0 1px rgba(37, 99, 235, 0.4) !important;
}

/* Radio buttons in cards */
.pf-v5-c-card .pf-v5-c-radio {
    background: transparent !important;
}

.pf-v5-c-card .pf-v5-c-radio__input {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 2px solid rgba(148, 163, 184, 0.4) !important;
}

.pf-v5-c-card .pf-v5-c-radio__input:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.pf-v5-c-card .pf-v5-c-radio__label {
    color: #e5e7eb !important;
}

/* Card title and text */
.pf-v5-c-card__title-text {
    color: #f9fafb !important;
}

/* Ensure all card content is visible */
.pf-v5-c-card * {
    color: #e5e7eb;
}

.pf-v5-c-card h1,
.pf-v5-c-card h2,
.pf-v5-c-card h3,
.pf-v5-c-card h4,
.pf-v5-c-card h5,
.pf-v5-c-card h6,
.pf-v5-c-card .pf-v5-c-card__title,
.pf-v5-c-card .pf-v5-c-card__title-text,
.pf-v5-c-card strong {
    color: #f9fafb !important;
}

/* Icons in cards */
.pf-v5-c-card .pf-v5-c-icon {
    color: #60a5fa !important;
}

.pf-v5-c-card .pf-v5-c-icon.pf-m-lg {
    font-size: 1.5rem;
}

.pf-v5-c-card .pf-v5-c-icon__content {
    color: inherit !important;
}

.pf-v5-c-card .pf-v5-c-icon .pf-v5-svg {
    color: inherit !important;
    fill: currentColor !important;
}

.pf-v5-c-card svg.pf-v5-svg {
    color: #60a5fa !important;
}

.pf-v5-c-card svg.pf-v5-svg path {
    fill: currentColor !important;
}

/* Split layout in cards */
.pf-v5-c-card .pf-v5-l-split {
    align-items: center;
}

.pf-v5-c-card .pf-v5-l-split.pf-m-gutter {
    gap: 12px;
}

.pf-v5-c-card .pf-v5-l-split__item {
    color: #e5e7eb !important;
}

.pf-v5-c-card .pf-v5-l-split__item.pf-m-fill {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 1rem;
}

/* ==================== FORM CONTROLS ==================== */
.pf-v5-c-form-control{
    outline: none !important;
}
.pf-v5-c-form-control,
.pf-c-form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    color: #e5e7eb !important;
    /* padding: 10px 12px !important; */
    transition: all 0.15s ease;
}

.pf-v5-c-form-control::placeholder,
.pf-c-form-control::placeholder {
    color: #6b7280 !important;
}

.pf-v5-c-form-control:focus,
.pf-c-form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.6) !important;
    background-color: rgba(15, 23, 42, 0.95) !important;
    outline: none !important;
}

/* Labels */
.pf-v5-c-form__label,
.pf-v5-c-form__label-text,
.pf-c-form__label,
label {
    color: #d1d5db !important;
    font-weight: 500;
    font-size: 13px;
}

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

/* ==================== FORM GROUPS - COMPACT LAYOUT ==================== */
.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group {
    margin-bottom: 16px !important;
    display: grid;
    grid-template-columns: minmax(150px, 200px) 1fr;
    gap: 16px;
    align-items: center;
}

.pf-v5-c-form.pf-m-horizontal .pf-v5-c-form__group:last-child {
    margin-bottom: 0 !important;
}

.pf-v5-c-form__group-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 !important;
}

.pf-v5-c-form__group-label.pf-m-no-padding-top {
    padding-top: 0 !important;
}

.pf-v5-c-form__group-label-help {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    padding: 4px !important;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.pf-v5-c-form__group-label-help:hover {
    color: #60a5fa !important;
    background: rgba(47, 107, 255, 0.15) !important;
}

.pf-v5-c-form__group-label-help .pf-v5-c-icon {
    color: inherit !important;
}

.pf-v5-c-form__group-control {
    display: flex;
    align-items: center;
    padding: 0 !important;
}

/* Switch Label Styling */
.pf-v5-c-switch__label {
    color: #94a3b8 !important;
    font-size: 13px;
}

.pf-v5-c-switch__label.pf-m-on {
    color: #e5e7eb !important;
}

/* ==================== TEXT INPUT GROUPS - PROFESSIONAL STYLING ==================== */
/* Text Input Group Container */
.pf-v5-c-text-input-group {
    background: transparent !important;
    border: none !important;
}

/* Text Input Group Main */
.pf-v5-c-text-input-group__main {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    min-height: 44px;
}

/* Text Input Group Main with Icon */
.pf-v5-c-text-input-group__main.pf-m-icon {
    padding: 0 12px;
}

/* Text Input Group Text Input - No Unusual Borders */
.pf-v5-c-text-input-group__text-input,
.pf-v5-c-text-input-group__text {
    background: transparent !important;
    border: none !important;
    border-radius: 10px !important;
    color: #e5e7eb !important;
    padding: 10px 12px !important;
    outline: none !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
    flex: 1;
}

/* Text Input inside Main with Icon - Adjust Padding */
.pf-v5-c-text-input-group__main.pf-m-icon .pf-v5-c-text-input-group__text,
.pf-v5-c-text-input-group__main.pf-m-icon .pf-v5-c-text-input-group__text-input {
    padding: 0 0 0 8px !important;
    height: auto;
    line-height: 1.5;
}

/* Ensure proper spacing between icon and text */
.pf-v5-c-text-input-group__main.pf-m-icon .pf-v5-c-text-input-group__text input,
.pf-v5-c-text-input-group__main.pf-m-icon input.pf-v5-c-text-input-group__text-input {
    padding-left: 8px !important;
}

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

.pf-v5-c-text-input-group__text-input::placeholder {
    color: #6b7280 !important;
}

/* Focus State - Blue Glow */
.pf-v5-c-text-input-group__main:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.6) !important;
    background-color: rgba(15, 23, 42, 0.95) !important;
}

.pf-v5-c-text-input-group__text-input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Text Input Group Icon */
.pf-v5-c-text-input-group__icon {
    color: #94a3b8 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.pf-v5-c-text-input-group__main:focus-within .pf-v5-c-text-input-group__icon {
    color: #60a5fa !important;
}

/* Text Input Group Utilities */
.pf-v5-c-text-input-group__utilities {
    background: transparent !important;
}

.pf-v5-c-text-input-group__utilities button {
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
    transition: color 0.15s ease;
}

.pf-v5-c-text-input-group__utilities button:hover {
    color: #60a5fa !important;
    background: rgba(47, 107, 255, 0.1) !important;
}

/* Remove Any Default Borders */
.pf-v5-c-text-input-group *::before,
.pf-v5-c-text-input-group *::after {
    border: none !important;
}

/* Disabled State */
.pf-v5-c-text-input-group.pf-m-disabled .pf-v5-c-text-input-group__main {
    opacity: 0.5;
    background-color: rgba(15, 23, 42, 0.4) !important;
}

/* ==================== TABLES ==================== */
.pf-v5-c-table,
.pf-c-table {
    background-color: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-table thead,
.pf-c-table thead {
    background-color: rgba(15, 23, 42, 0.7) !important;
    border-bottom: 2px solid rgba(148, 163, 184, 0.2) !important;
}

.pf-v5-c-table thead th,
.pf-c-table thead th {
    color: #f9fafb !important;
    font-weight: 600;
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

.pf-v5-c-table tbody tr,
.pf-c-table tbody tr {
    border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
    background: transparent !important;
}

.pf-v5-c-table tbody tr:hover,
.pf-c-table tbody tr:hover {
    background-color: rgba(47, 107, 255, 0.08) !important;
}

.pf-v5-c-table tbody td,
.pf-c-table tbody td {
    color: #e5e7eb !important;
    border-bottom-color: rgba(148, 163, 184, 0.1) !important;
}

/* ==================== ALERTS ==================== */
.pf-v5-c-alert,
.pf-c-alert {
    background-color: rgba(17, 24, 40, 0.95) !important;
    border-radius: 10px !important;
    border-left: 4px solid !important;
    backdrop-filter: blur(12px);
    color: #e5e7eb !important;
}

.pf-v5-c-alert * {
    color: #e5e7eb !important;
}

.pf-v5-c-alert.pf-m-success {
    border-left-color: #10b981 !important;
    background-color: rgba(16, 185, 129, 0.15) !important;
}

.pf-v5-c-alert.pf-m-danger {
    border-left-color: #ef4444 !important;
    background-color: rgba(239, 68, 68, 0.15) !important;
}

.pf-v5-c-alert.pf-m-warning {
    border-left-color: #f59e0b !important;
    background-color: rgba(245, 158, 11, 0.15) !important;
}

.pf-v5-c-alert.pf-m-info {
    border-left-color: #3b82f6 !important;
    background-color: rgba(59, 130, 246, 0.15) !important;
}

.pf-v5-c-alert__title {
    color: #f9fafb !important;
    font-weight: 600;
}

.pf-v5-c-alert__description {
    color: #e5e7eb !important;
}

/* ==================== DROPDOWNS & MENUS ==================== */
.pf-v5-c-dropdown,
.pf-c-dropdown {
    background-color: transparent !important;
}

.pf-v5-c-dropdown__toggle,
.pf-c-dropdown__toggle {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    color: #e5e7eb !important;
}

.pf-v5-c-dropdown__toggle:hover {
    background-color: rgba(15, 23, 42, 0.95) !important;
    border-color: rgba(47, 118, 246, 0.5) !important;
}

/* Menu Container - Dark Glass Effect */
.pf-v5-c-dropdown__menu,
.pf-c-dropdown__menu,
.pf-v5-c-menu,
.pf-v5-c-menu__content,
.pf-v5-c-menu__list {
    background: rgba(17, 24, 40, 0.98) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
}

/* Menu Items - No White Background */
/* List item wrapper - no styling, transparent container */
.pf-v5-c-menu__list-item {
    background: transparent !important;
    list-style: none;
}

/* Actual menu button/item - this is what gets styled */
.pf-v5-c-dropdown__menu-item,
.pf-c-dropdown__menu-item,
.pf-v5-c-menu__item {
    background: transparent !important;
    color: #e5e7eb !important;
    border-radius: 6px !important;
    margin: 2px 4px !important;
    padding: 10px 16px !important;
    transition: background-color 0.15s ease, color 0.15s ease;
    border: none !important;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

/* Menu Item Hover State - Blue Glow (ONLY on the button) */
.pf-v5-c-dropdown__menu-item:hover,
.pf-c-dropdown__menu-item:hover,
.pf-v5-c-menu__item:hover {
    background-color: rgba(47, 107, 255, 0.2) !important;
    color: #f9fafb !important;
}

/* DO NOT apply hover to list-item wrapper */
.pf-v5-c-menu__list-item:hover {
    background: transparent !important;
}

/* Menu Item Selected/Active State */
.pf-v5-c-menu__list-item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-selected {
    background-color: rgba(47, 107, 255, 0.25) !important;
    color: #60a5fa !important;
}

/* Menu Item Text and Main - inherit parent colors, no extra effects */
.pf-v5-c-menu__item-text,
.pf-v5-c-menu__item-main {
    color: inherit !important;
    background: transparent !important;
    transition: none !important;
}

/* Remove any pseudo-elements from menu item parts */
.pf-v5-c-menu__item-text::before,
.pf-v5-c-menu__item-text::after,
.pf-v5-c-menu__item-main::before,
.pf-v5-c-menu__item-main::after {
    display: none !important;
    content: none !important;
}

/* Menu Item Description */
.pf-v5-c-menu__item-description {
    color: #94a3b8 !important;
    font-size: 12px;
}

/* Menu Divider */
.pf-v5-c-menu__item-divider,
.pf-v5-c-divider {
    background-color: rgba(148, 163, 184, 0.12) !important;
    margin: 4px 0;
}

/* Menu Group Title */
.pf-v5-c-menu__group-title {
    color: #94a3b8 !important;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 16px 4px;
}

/* Menu Item Icon */
.pf-v5-c-menu__item-icon {
    color: #94a3b8 !important;
}

.pf-v5-c-menu__item:hover .pf-v5-c-menu__item-icon {
    color: #60a5fa !important;
}

/* Dropdown Menu Specific */
.pf-v5-c-dropdown__menu {
    background: rgba(17, 24, 40, 0.98) !important;
}

/* Context Menu */
.pf-v5-c-menu.pf-m-flyout {
    background: rgba(17, 24, 40, 0.98) !important;
    backdrop-filter: blur(20px) !important;
}

/* ==================== MODALS ==================== */
.pf-v5-c-backdrop,
.pf-c-backdrop {
    background-color: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(4px);
}

.pf-v5-c-modal-box,
.pf-c-modal-box {
    background: rgba(17, 24, 40, 0.98) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8) !important;
}

.pf-v5-c-modal-box__title,
.pf-c-modal-box__title {
    color: #f9fafb !important;
    font-weight: 600;
}

.pf-v5-c-modal-box__body,
.pf-c-modal-box__body {
    color: #e5e7eb !important;
}

.pf-v5-c-modal-box__header {
    background: transparent !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.pf-v5-c-modal-box__footer {
    background: transparent !important;
    border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

/* ==================== TOOLBAR ==================== */
.pf-v5-c-toolbar,
.pf-c-toolbar {
    background: transparent !important;
}

.pf-v5-c-toolbar__content,
.pf-c-toolbar__content {
    color: #e5e7eb !important;
}

/* ==================== BREADCRUMB ==================== */
.pf-v5-c-breadcrumb__link,
.pf-c-breadcrumb__link {
    color: #94a3b8 !important;
}

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

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

/* ==================== PAGINATION ==================== */
.pf-v5-c-pagination,
.pf-c-pagination {
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-pagination__nav-page-select {
    color: #e5e7eb !important;
}

/* ==================== LABELS & BADGES ==================== */
.pf-v5-c-label,
.pf-c-label {
    background-color: rgba(47, 107, 255, 0.2) !important;
    color: #93c5fd !important;
    border-radius: 6px;
    font-weight: 500;
    padding: 4px 10px !important;
    font-size: 12px;
    border: 1px solid rgba(47, 107, 255, 0.3) !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
}

.pf-v5-c-label.pf-m-blue {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.pf-v5-c-label.pf-m-green {
    background-color: rgba(16, 185, 129, 0.2) !important;
    color: #6ee7b7 !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

.pf-v5-c-label.pf-m-red {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.pf-v5-c-label.pf-m-orange,
.pf-v5-c-label.pf-m-gold {
    background-color: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

.pf-v5-c-label.pf-m-grey,
.pf-v5-c-label.pf-m-gray {
    background-color: rgba(148, 163, 184, 0.2) !important;
    color: #cbd5e1 !important;
}

.pf-v5-c-label.pf-m-cyan {
    background-color: rgba(6, 182, 212, 0.2) !important;
    color: #67e8f9 !important;
}

.pf-v5-c-label.pf-m-purple {
    background-color: rgba(168, 85, 247, 0.2) !important;
    color: #c4b5fd !important;
}

/* Label Content and Text - Ensure Proper Visibility */
.pf-v5-c-label__content {
    color: inherit !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pf-v5-c-label__text {
    color: inherit !important;
    font-weight: 500;
    font-size: inherit;
    line-height: 1.4;
}

/* Label text color variants */
.pf-v5-c-label.pf-m-blue .pf-v5-c-label__text {
    color: #60a5fa !important;
}

.pf-v5-c-label.pf-m-green .pf-v5-c-label__text {
    color: #6ee7b7 !important;
}

.pf-v5-c-label.pf-m-red .pf-v5-c-label__text {
    color: #fca5a5 !important;
}

.pf-v5-c-label.pf-m-orange .pf-v5-c-label__text,
.pf-v5-c-label.pf-m-gold .pf-v5-c-label__text {
    color: #fbbf24 !important;
}

.pf-v5-c-label.pf-m-grey .pf-v5-c-label__text,
.pf-v5-c-label.pf-m-gray .pf-v5-c-label__text {
    color: #cbd5e1 !important;
}

.pf-v5-c-label.pf-m-cyan .pf-v5-c-label__text {
    color: #67e8f9 !important;
}

.pf-v5-c-label.pf-m-purple .pf-v5-c-label__text {
    color: #c4b5fd !important;
}

/* Label Icon */
.pf-v5-c-label__icon {
    display: flex;
    align-items: center;
    color: inherit !important;
}

/* Badge Styling - Professional Dark Theme */
.pf-v5-c-badge,
.pf-c-badge {
    background-color: rgba(47, 107, 255, 0.2) !important;
    color: #93c5fd !important;
    border-radius: 6px !important;
    font-weight: 500;
    padding: 4px 10px !important;
    font-size: 12px;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.pf-v5-c-badge.pf-m-read {
    background-color: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
}

.pf-v5-c-badge.pf-m-unread {
    background-color: rgba(37, 99, 235, 0.25) !important;
    color: #93c5fd !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
    font-weight: 600;
}

.pf-v5-c-badge.pf-m-blue {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.pf-v5-c-badge.pf-m-green {
    background-color: rgba(16, 185, 129, 0.15) !important;
    color: #6ee7b7 !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

.pf-v5-c-badge.pf-m-red {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, 0.25) !important;
}

.pf-v5-c-badge.pf-m-orange,
.pf-v5-c-badge.pf-m-gold {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}

.pf-v5-c-badge.pf-m-grey,
.pf-v5-c-badge.pf-m-gray {
    background-color: rgba(148, 163, 184, 0.15) !important;
    color: #cbd5e1 !important;
    border-color: rgba(148, 163, 184, 0.25) !important;
}

/* Keycloak-specific badge classes */
.keycloak-admin--role-mapping__client-name {
    background-color: rgba(37, 99, 235, 0.2) !important;
    color: #60a5fa !important;
    border-color: rgba(37, 99, 235, 0.3) !important;
    font-weight: 500 !important;
}

/* ==================== SWITCHES & CHECKBOXES ==================== */
.pf-v5-c-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Switch Toggle Track */
.pf-v5-c-switch__toggle {
    position: relative;
    background-color: rgba(148, 163, 184, 0.3) !important;
    border: none !important;
    border-radius: 12px !important;
    width: 48px !important;
    height: 24px !important;
    transition: all 0.2s ease;
    cursor: pointer;
    padding: 0 !important;
}

/* Checked State - Blue Background */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle {
    background-color: #2563eb !important;
}

/* Toggle Knob (white circle) - OFF state */
.pf-v5-c-switch__toggle::before {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease !important;
    transform: translateX(0) !important;
}

/* Toggle Knob - ON state (moves to the right) */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle::before {
    transform: translateX(24px) !important;
    background-color: #ffffff !important;
}

/* Remove any ::after pseudo-elements */
.pf-v5-c-switch__toggle::after {
    display: none !important;
    content: none !important;
}

/* Disabled State */
.pf-v5-c-switch__input:disabled + .pf-v5-c-switch__toggle {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Hover Effect */
.pf-v5-c-switch__toggle:hover:not(:disabled) {
    background-color: rgba(148, 163, 184, 0.4) !important;
}

.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle:hover:not(:disabled) {
    background-color: #1d4ed8 !important;
}

/* Radio buttons and checkboxes */
.pf-v5-c-radio__input,
.pf-v5-c-check__input {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 2px solid rgba(148, 163, 184, 0.4) !important;
    transition: all 0.2s ease;
}

.pf-v5-c-radio__input:hover,
.pf-v5-c-check__input:hover {
    border-color: rgba(37, 99, 235, 0.6) !important;
}

.pf-v5-c-check__input:checked,
.pf-v5-c-radio__input:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
}

.pf-v5-c-check__label,
.pf-v5-c-radio__label {
    color: #e5e7eb !important;
}

/* Standalone radio buttons */
.pf-v5-c-radio.pf-m-standalone {
    background: transparent !important;
}

/* ==================== SELECT ==================== */
.pf-v5-c-select,
.pf-c-select {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
}

.pf-v5-c-select__toggle,
.pf-c-select__toggle {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border-color: rgba(47, 118, 246, 0.35) !important;
    color: #e5e7eb !important;
    border-radius: 10px !important;
}

/* Select Menus - Dark Professional Styling */
.pf-v5-c-select__menu,
.pf-c-select__menu {
    background: rgba(17, 24, 40, 0.98) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6) !important;
}

.pf-v5-c-select__menu-item,
.pf-c-select__menu-item {
    background: transparent !important;
    color: #e5e7eb !important;
    border-radius: 6px !important;
    margin: 2px 4px !important;
    padding: 10px 16px !important;
    transition: all 0.15s ease;
}

.pf-v5-c-select__menu-item:hover,
.pf-c-select__menu-item:hover {
    background-color: rgba(47, 107, 255, 0.2) !important;
    color: #f9fafb !important;
}

.pf-v5-c-select__menu-item.pf-m-selected {
    background-color: rgba(47, 107, 255, 0.25) !important;
    color: #60a5fa !important;
}

/* Options Menu */
.pf-v5-c-options-menu__menu,
.pf-v5-c-options-menu__menu-item {
    background: rgba(17, 24, 40, 0.98) !important;
    color: #e5e7eb !important;
}

.pf-v5-c-options-menu__menu-item:hover {
    background-color: rgba(47, 107, 255, 0.2) !important;
}

/* ==================== DESCRIPTION LIST ==================== */
.pf-v5-c-description-list__term {
    color: #94a3b8 !important;
    font-weight: 500;
}

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

/* ==================== DIVIDER ==================== */
.pf-v5-c-divider,
.pf-c-divider {
    background-color: rgba(148, 163, 184, 0.12) !important;
}

/* ==================== EMPTY STATE ==================== */
.pf-v5-c-empty-state {
    color: #e5e7eb !important;
}

.pf-v5-c-empty-state__icon {
    color: #94a3b8 !important;
}

/* ==================== LINKS ==================== */
a {
    color: #60a5fa !important;
    text-decoration: none;
}

a:hover {
    color: #93c5fd !important;
    text-decoration: underline;
}

/* ==================== DATA LIST ==================== */
.pf-v5-c-data-list,
.pf-c-data-list {
    background: transparent !important;
}

.pf-v5-c-data-list__item,
.pf-c-data-list__item {
    background: rgba(17, 24, 40, 0.5) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
}

.pf-v5-c-data-list__item:hover,
.pf-c-data-list__item:hover {
    background: rgba(47, 107, 255, 0.08) !important;
}

/* ==================== SCROLLBARS ==================== */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
}

::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.5);
}

/* ==================== MOBILE RESPONSIVE ==================== */
@media (max-width: 767px) {
    .pf-v5-c-page__sidebar {
        background: rgba(11, 15, 25, 0.98) !important;
    }
    
    .pf-v5-c-card {
        border-radius: 8px !important;
    }
    
    .pf-v5-c-button {
        padding: 8px 16px !important;
    }
    
    .pf-v5-c-tabs__link {
        padding: 8px 12px !important;
        font-size: 13px;
    }
}

/* ==================== ACTION BUTTONS ==================== */
.pf-v5-c-button[aria-label],
button[aria-label] {
    transition: all 0.2s ease;
}

.pf-v5-c-button[aria-label]:hover,
button[aria-label]:hover {
    transform: scale(1.05);
}

/* Icon Only Buttons */
.pf-v5-c-button.pf-m-plain.pf-m-no-padding {
    padding: 8px !important;
    border-radius: 6px;
}

.pf-v5-c-button.pf-m-plain.pf-m-no-padding:hover {
    background-color: rgba(47, 107, 255, 0.15) !important;
}

/* ==================== BUTTON GROUPS ==================== */
.pf-v5-c-button:not(:last-child) {
    margin-right: 8px;
}

/* Compact button group spacing */
.pf-v5-c-form__actions .pf-v5-c-button,
.pf-v5-c-modal-box__footer .pf-v5-c-button {
    margin-right: 12px;
}

.pf-v5-c-form__actions .pf-v5-c-button:last-child,
.pf-v5-c-modal-box__footer .pf-v5-c-button:last-child {
    margin-right: 0;
}

/* ==================== FOCUS STATES ==================== */
.pf-v5-c-button:focus,
.pf-v5-c-tabs__link:focus,
.pf-v5-c-menu-toggle:focus {
    outline: 2px solid #2563eb !important;
    outline-offset: 2px;
}

.pf-v5-c-button:focus:not(:focus-visible),
.pf-v5-c-tabs__link:focus:not(:focus-visible),
.pf-v5-c-menu-toggle:focus:not(:focus-visible) {
    outline: none !important;
}

/* ==================== LOADING STATES ==================== */
.pf-v5-c-button.pf-m-progress {
    position: relative;
    pointer-events: none;
}

.pf-v5-c-button.pf-m-progress::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: spinner 0.6s linear infinite;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

/* ==================== TEXT COLORS - FORCE VISIBILITY ==================== */
.pf-v5-c-content,
.pf-v5-c-page__main-section p,
.pf-v5-c-page__main-section span:not(.pf-v5-c-button *),
.pf-v5-c-page__main-section div:not(.pf-v5-c-button *) {
    color: #e5e7eb !important;
}


/* Additional overrides removed - handled above in PAGE SECTIONS */
/* Keeping this section empty to avoid duplication */


/* ==================== MENU TOGGLES - ENHANCED ==================== */
.pf-v5-c-menu-toggle,
.pf-v5-c-menu-toggle.pf-m-full-width {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    color: #e5e7eb !important;
    font-weight: 500;
    padding: 10px 16px !important;
    transition: all 0.2s ease;
}

.pf-v5-c-menu-toggle:hover,
.pf-v5-c-menu-toggle.pf-m-full-width:hover {
    background-color: rgba(15, 23, 42, 0.95) !important;
    border-color: rgba(47, 118, 246, 0.5) !important;
    color: #f9fafb !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2);
}

.pf-v5-c-menu-toggle__text {
    color: inherit !important;
}

.pf-v5-c-menu-toggle__icon {
    color: #94a3b8 !important;
}

.pf-v5-c-menu-toggle:hover .pf-v5-c-menu-toggle__icon {
    color: #60a5fa !important;
}

/* Menu Toggle in Expanded State */
.pf-v5-c-menu-toggle.pf-m-expanded {
    background-color: rgba(47, 107, 255, 0.15) !important;
    border-color: #2563eb !important;
    color: #60a5fa !important;
}

/* Fix Menu Toggle White Outline Issue - Remove Pseudo-element Borders */
.pf-v5-c-menu-toggle::before,
.pf-v5-c-menu-toggle:before,
.pf-v5-c-menu-toggle::after,
.pf-v5-c-menu-toggle:after {
    display: none !important;
    content: none !important;
    border: none !important;
    inset-block: unset !important;
    inset-inline: unset !important;
}

/* ==================== CONTROL BUTTONS ==================== */
.pf-v5-c-button.pf-m-control {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(148, 163, 184, 0.3) !important;
    border-radius: 8px !important;
    color: #e5e7eb !important;
    transition: all 0.2s ease;
}

.pf-v5-c-button.pf-m-control:hover {
    background-color: rgba(47, 107, 255, 0.2) !important;
    border-color: rgba(47, 107, 255, 0.4) !important;
    color: #60a5fa !important;
}

/* ==================== PLAIN BUTTONS ==================== */
.pf-v5-c-button.pf-m-plain {
    background-color: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    transition: all 0.2s ease;
}

.pf-v5-c-button.pf-m-plain:hover {
    background-color: rgba(47, 107, 255, 0.1) !important;
    color: #60a5fa !important;
}

.pf-m-action{
    background-color: rgba(17, 24, 40, 0.5) !important;
}

.pf-v5-c-form-control:before{
    border-style: none !important;
}
.pf-v5-c-page__main-breadcrumb{
    background-color: transparent !important;
}
/* ==================== COMPREHENSIVE MENU FIX - REMOVE ALL WHITE BACKGROUNDS ==================== */
/* Catch all menu, dropdown, and select elements */
[class*="menu"],
[class*="dropdown"],
[class*="select__menu"],
[class*="options"] {
    background: rgba(17, 24, 40, 0.98) !important;
}

/* All menu items - transparent background by default */
[class*="menu__item"],
[class*="menu-item"],
[class*="__list-item"] {
    background: transparent !important;
    color: #e5e7eb !important;
}

/* All menu item hover states */
[class*="menu__item"]:hover,
[class*="menu-item"]:hover,
[class*="__list-item"]:hover {
    background: rgba(47, 107, 255, 0.2) !important;
    color: #f9fafb !important;
}

/* Popovers and Context Menus */
.pf-v5-c-popover,
.pf-v5-c-popover__content {
    background: rgba(17, 24, 40, 0.98) !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    color: #e5e7eb !important;
}

/* Autocomplete and Typeahead menus */
.pf-v5-c-autocomplete__menu,
.pf-v5-c-autocomplete__menu-item {
    background: rgba(17, 24, 40, 0.98) !important;
    color: #e5e7eb !important;
}

.pf-v5-c-autocomplete__menu-item:hover {
    background: rgba(47, 107, 255, 0.2) !important;
}

/* Application Launcher */
.pf-v5-c-app-launcher__menu,
.pf-v5-c-app-launcher__menu-item {
    background: rgba(17, 24, 40, 0.98) !important;
    color: #e5e7eb !important;
}

.pf-v5-c-app-launcher__menu-item:hover {
    background: rgba(47, 107, 255, 0.2) !important;
}

/* Context Selector */
.pf-v5-c-context-selector__menu,
.pf-v5-c-context-selector__menu-list,
.pf-v5-c-context-selector__menu-list-item {
    background: rgba(17, 24, 40, 0.98) !important;
    color: #e5e7eb !important;
}

.pf-v5-c-context-selector__menu-list-item:hover {
    background: rgba(47, 107, 255, 0.2) !important;
}

/* Override any remaining white backgrounds */
.pf-v5-c-menu,
.pf-v5-c-menu__content,
.pf-v5-c-menu__list,
.pf-v5-c-dropdown__menu,
.pf-v5-c-select__menu,
.pf-v5-c-options-menu__menu {
    background: rgba(17, 24, 40, 0.98) !important;
    backdrop-filter: blur(18px) !important;
    color: #e5e7eb !important;
}

/* Menu item action icons */
.pf-v5-c-menu__item-action {
    color: #94a3b8 !important;
}

.pf-v5-c-menu__item:hover .pf-v5-c-menu__item-action {
    color: #60a5fa !important;
}

/* Menu item check/radio icons */
.pf-v5-c-menu__item-check,
.pf-v5-c-menu__item-select-icon {
    color: #2563eb !important;
}

/* Disabled menu items */
.pf-v5-c-menu__list-item.pf-m-disabled,
.pf-v5-c-menu__item.pf-m-disabled {
    opacity: 0.4;
    color: #6b7280 !important;
}

/* ==================== INPUT GROUPS - PROFESSIONAL NO BORDER ISSUES ==================== */
/* Input Group Container */
.pf-v5-c-input-group {
    display: flex;
    align-items: stretch;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    background: rgba(15, 23, 42, 0.8) !important;
    overflow: hidden;
    transition: all 0.15s ease;
}

/* Remove individual borders from input group children */
.pf-v5-c-input-group .pf-v5-c-form-control,
.pf-v5-c-input-group .pf-v5-c-button,
.pf-v5-c-input-group input {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.pf-v5-c-input-group .pf-v5-c-form-control {
    flex: 1;
}

/* Input Group Focus State */
.pf-v5-c-input-group:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.6) !important;
    background-color: rgba(15, 23, 42, 0.95) !important;
}

/* Input Group Items */
.pf-v5-c-input-group__item {
    display: flex;
    align-items: center;
    background: transparent !important;
}

/* Fix Input Group Item White Outline - Remove Pseudo-element Borders */
.pf-v5-c-input-group__item::before,
.pf-v5-c-input-group__item:before,
.pf-v5-c-input-group__item::after,
.pf-v5-c-input-group__item:after {
    display: none !important;
    content: none !important;
    border: none !important;
    inset-block: unset !important;
    inset-inline: unset !important;
}

/* Input Group Text */
.pf-v5-c-input-group__text {
    padding: 10px 12px;
    color: #94a3b8 !important;
    background: rgba(15, 23, 42, 0.5) !important;
    border-left: 1px solid rgba(148, 163, 184, 0.2) !important;
}

/* First and Last Child Borders */
.pf-v5-c-input-group > *:first-child {
    border-radius: 10px 0 0 10px !important;
}

.pf-v5-c-input-group > *:last-child {
    border-radius: 0 10px 10px 0 !important;
}

.pf-v5-c-input-group > *:only-child {
    border-radius: 10px !important;
}

/* Search Bar Fix - Full Width Flexible with Proper Alignment */
.pf-v5-c-input-group[data-testid="search"] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    gap: 8px;
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.pf-v5-c-input-group[data-testid="table-search-input"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    height: 44px;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-input-group__item {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-input-group__item.pf-m-fill {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group__main {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 12px;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group__text {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group__icon {
    display: flex;
    align-items: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group__text-input {
    height: 100%;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 0 0 8px !important;
    margin: 0 !important;
}

/* Arrow Button - Professional Control Styling with No White Border */
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    min-width: 44px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
    outline: none !important;
    position: relative;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control::before,
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control:hover {
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-1px);
    border: none !important;
    outline: none !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(37, 99, 235, 0.3) !important;
    border: none !important;
    outline: none !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control:focus {
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3), 0 0 0 2px rgba(37, 99, 235, 0.3) !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control .pf-v5-c-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control .pf-v5-c-icon__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control svg {
    fill: currentColor !important;
    color: #ffffff !important;
}

.pf-v5-c-input-group .pf-v5-c-button.pf-m-control svg path {
    fill: #ffffff !important;
}

/* Ensure arrow icon is white */
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control .pf-v5-svg,
.pf-v5-c-input-group .pf-v5-c-button.pf-m-control .pf-v5-svg * {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ==================== CHIP GROUPS & CHIPS ==================== */
.pf-v5-c-chip-group {
    background: transparent !important;
}

.pf-v5-c-chip {
    background: rgba(47, 107, 255, 0.2) !important;
    border: 1px solid rgba(47, 107, 255, 0.3) !important;
    border-radius: 16px !important;
    color: #93c5fd !important;
    padding: 4px 12px !important;
}

.pf-v5-c-chip__text {
    color: #93c5fd !important;
}

.pf-v5-c-chip__icon {
    color: #60a5fa !important;
}

.pf-v5-c-chip .pf-v5-c-button {
    color: #60a5fa !important;
    background: transparent !important;
    border: none !important;
    padding: 2px 4px !important;
}

.pf-v5-c-chip .pf-v5-c-button:hover {
    color: #93c5fd !important;
    background: rgba(47, 107, 255, 0.3) !important;
}

/* Fix Chip White Outline Issue - Remove Pseudo-element Insets */
.pf-v5-c-chip::before,
.pf-v5-c-chip:before {
    inset-block: unset !important;
    inset-inline: unset !important;
    display: none !important;
}

/* ==================== NUMBER INPUT ==================== */
.pf-v5-c-number-input {
    display: flex;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    background: rgba(15, 23, 42, 0.8) !important;
    overflow: hidden;
}

.pf-v5-c-number-input__input {
    border: none !important;
    background: transparent !important;
    color: #e5e7eb !important;
    text-align: center;
}

.pf-v5-c-number-input__unit {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: #94a3b8 !important;
    background: rgba(15, 23, 42, 0.5) !important;
    border-left: 1px solid rgba(148, 163, 184, 0.2) !important;
}

.pf-v5-c-number-input .pf-v5-c-button {
    border: none !important;
    background: rgba(15, 23, 42, 0.5) !important;
    color: #94a3b8 !important;
}

.pf-v5-c-number-input .pf-v5-c-button:hover {
    background: rgba(47, 107, 255, 0.2) !important;
    color: #60a5fa !important;
}

/* ==================== SEARCH INPUT ==================== */
.pf-v5-c-search-input {
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    background: rgba(15, 23, 42, 0.8) !important;
}

.pf-v5-c-search-input__text-input {
    border: none !important;
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-search-input__icon {
    color: #94a3b8 !important;
}

.pf-v5-c-search-input:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.6) !important;
}

.pf-v5-c-search-input:focus-within .pf-v5-c-search-input__icon {
    color: #60a5fa !important;
}

/* ==================== DRAWER COMPONENT ==================== */
.pf-v5-c-drawer {
    background: transparent !important;
}

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

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

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

/* Drawer Panel */
.pf-v5-c-drawer__panel {
    background: rgba(17, 24, 40, 0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-left: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.pf-v5-c-drawer__panel-main {
    background: transparent !important;
}

/* Drawer Splitter */
.pf-v5-c-drawer__splitter {
    background: transparent !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

.pf-v5-c-drawer__splitter-handle {
    background: rgba(148, 163, 184, 0.3) !important;
}

.pf-v5-c-drawer__splitter:hover .pf-v5-c-drawer__splitter-handle {
    background: rgba(59, 130, 246, 0.5) !important;
}

.pf-v5-c-drawer__splitter:focus {
    outline: none !important;
    border-color: #2563eb !important;
}

.pf-v5-c-drawer__head {
    background: transparent !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
    padding: 16px;
}

/* ==================== TREE VIEW COMPONENT ==================== */
.pf-v5-c-tree-view {
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-tree-view__list {
    background: transparent !important;
}

.pf-v5-c-tree-view__list-item {
    background: transparent !important;
    border-radius: 8px;
    margin: 4px 0;
    transition: all 0.15s ease;
}

.pf-v5-c-tree-view__list-item:hover {
    background: rgba(47, 107, 255, 0.08) !important;
}

.pf-v5-c-tree-view__list-item[aria-selected="true"] {
    background: rgba(47, 107, 255, 0.15) !important;
}

.pf-v5-c-tree-view__content {
    background: transparent !important;
    color: #e5e7eb !important;
}

.pf-v5-c-tree-view__node {
    background: transparent !important;
}

.pf-v5-c-tree-view__node-container {
    background: transparent !important;
}

.pf-v5-c-tree-view__node-text {
    background: transparent !important;
    color: #e5e7eb !important;
    border: none !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    transition: all 0.15s ease;
}

.pf-v5-c-tree-view__node-text:hover {
    background: rgba(47, 107, 255, 0.15) !important;
    color: #f9fafb !important;
}

.pf-v5-c-tree-view__node-toggle {
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
}

.pf-v5-c-tree-view__node-toggle:hover {
    color: #60a5fa !important;
    background: rgba(47, 107, 255, 0.1) !important;
}

.pf-v5-c-tree-view__node-toggle-icon {
    color: inherit !important;
}

.pf-v5-c-tree-view__action {
    background: transparent !important;
}

/* Tree View with Guides */
.pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item::before {
    border-color: rgba(148, 163, 184, 0.2) !important;
}

/* ==================== LEVEL COMPONENT (LAYOUT) ==================== */
.pf-v5-c-level {
    background: transparent !important;
}

/* ==================== ADDITIONAL SEARCH BAR STYLING ==================== */
/* Group Search - Full Width Adaptive */
.pf-v5-c-input-group[data-testid="group-search"],
.pf-v5-c-input-group[data-testid="searchForGroups"] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    gap: 8px;
    display: flex !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-input-group__item,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-input-group__item {
    display: flex;
    align-items: stretch;
    height: 44px;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-input-group__item.pf-m-fill,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-input-group__item.pf-m-fill {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Group Search Text Input Alignment */
.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__main,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__main {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 12px;
}

/* Ensure icon has proper vertical centering */
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__icon svg,
.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__icon svg {
    display: block;
    vertical-align: middle;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__main.pf-m-icon,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__main.pf-m-icon {
    padding: 0 12px;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__text,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__text {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0 !important;
}

/* Text wrapper should align properly */
.pf-v5-c-text-input-group__text {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__icon,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__icon {
    display: flex;
    align-items: center;
    margin-right: 8px;
    flex-shrink: 0;
}

.pf-v5-c-input-group[data-testid="group-search"] .pf-v5-c-text-input-group__text-input,
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__text-input {
    height: 100%;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 0 0 8px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
}

/* Search icon color */
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__icon svg,
.pf-v5-c-input-group[data-testid="table-search-input"] .pf-v5-c-text-input-group__icon svg {
    color: #94a3b8 !important;
    fill: currentColor !important;
}

/* Placeholder text alignment */
.pf-v5-c-input-group[data-testid="searchForGroups"] .pf-v5-c-text-input-group__text-input::placeholder {
    line-height: 1.5 !important;
}

/* ==================== CHECKBOX STANDALONE ==================== */
.pf-v5-c-check.pf-m-standalone {
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
}

.pf-v5-c-check {
    display: flex;
    align-items: center;
}

.pf-v5-c-check__input {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 4px !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
    flex-shrink: 0;
}

.pf-v5-c-check__input:checked {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.pf-v5-c-check__input:focus {
    outline: none !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.6) !important;
}

.pf-v5-c-check__label {
    color: #e5e7eb !important;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* Input Group with Checkbox - Proper Alignment */
.pf-v5-c-input-group.pf-v5-u-pt-sm {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding-top: 8px !important;
}

.pf-v5-c-input-group.pf-v5-u-pt-sm .pf-v5-c-input-group__item {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    margin: 0 !important;
}

.pf-v5-c-input-group.pf-v5-u-pt-sm .pf-v5-c-check {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.pf-v5-c-input-group.pf-v5-u-pt-sm label {
    color: #e5e7eb !important;
    display: flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
    line-height: 1.5;
    vertical-align: middle;
}

/* Checkbox and label horizontal alignment */
.pf-v5-c-input-group.pf-v5-u-pt-sm .pf-v5-c-check.pf-m-standalone {
    margin-right: 0 !important;
}

.pf-v5-c-input-group.pf-v5-u-pt-sm .pf-v5-u-mr-xs {
    margin-right: 4px !important;
}

.pf-v5-c-input-group.pf-v5-u-pt-sm .pf-v5-u-pl-sm {
    padding-left: 8px !important;
}

/* Fix Checkbox White Outline - Remove Pseudo-elements */
.pf-v5-c-check__input::before,
.pf-v5-c-check__input:before,
.pf-v5-c-check__input::after,
.pf-v5-c-check__input:after {
    display: none !important;
    content: none !important;
    border: none !important;
    inset-block: unset !important;
    inset-inline: unset !important;
}

/* ==================== MENU TOGGLE IMPROVEMENTS ==================== */
.pf-v5-c-menu-toggle {
    background-color: rgba(15, 23, 42, 0.8) !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    color: #e5e7eb !important;
    transition: all 0.15s ease;
}

.pf-v5-c-menu-toggle:hover:not(.pf-m-disabled) {
    background-color: rgba(47, 107, 255, 0.2) !important;
    border-color: rgba(47, 107, 255, 0.5) !important;
    color: #f9fafb !important;
}

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

.pf-v5-c-menu-toggle.pf-m-plain:hover:not(.pf-m-disabled) {
    color: #60a5fa !important;
    background: rgba(47, 107, 255, 0.15) !important;
}

.pf-v5-c-menu-toggle.pf-m-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pf-v5-c-menu-toggle.pf-m-text {
    background: transparent !important;
    border: none !important;
    color: #e5e7eb !important;
}

.pf-v5-c-menu-toggle__text {
    color: inherit !important;
}

.pf-v5-c-menu-toggle__icon {
    color: #94a3b8 !important;
}

.pf-v5-c-menu-toggle__toggle-icon {
    color: #94a3b8 !important;
}

.pf-v5-c-menu-toggle:hover .pf-v5-c-menu-toggle__icon,
.pf-v5-c-menu-toggle:hover .pf-v5-c-menu-toggle__toggle-icon {
    color: #60a5fa !important;
}

/* ==================== PAGINATION IMPROVEMENTS ==================== */
.pf-v5-c-pagination__total-items {
    color: #e5e7eb !important;
}

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

.pf-v5-c-pagination__nav-control {
    background: transparent !important;
}

.pf-v5-c-pagination .pf-v5-c-button.pf-m-plain {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    border-radius: 8px !important;
    padding: 8px !important;
    transition: all 0.15s ease;
}

.pf-v5-c-pagination .pf-v5-c-button.pf-m-plain:hover:not(.pf-m-disabled) {
    background: rgba(47, 107, 255, 0.15) !important;
    color: #60a5fa !important;
}

.pf-v5-c-pagination .pf-v5-c-button.pf-m-plain.pf-m-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* Pagination Compact Mode */
.pf-v5-c-pagination.pf-m-compact {
    gap: 8px;
}

.pf-v5-c-pagination.pf-m-bottom {
    margin-top: 16px;
}

/* ==================== TOOLBAR IMPROVEMENTS ==================== */
.pf-v5-c-toolbar__item {
    background: transparent !important;
}

.pf-v5-c-toolbar__content-section {
    background: transparent !important;
}

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

.pf-v5-c-toolbar .pf-v5-c-divider.pf-m-vertical {
    background-color: rgba(148, 163, 184, 0.2) !important;
    margin: 0 12px;
}

/* ==================== TABLE ACTION COLUMN ==================== */
.pf-v5-c-table__action {
    text-align: right;
}

/* ==================== CONTENT HELPERS ==================== */
.pf-v5-c-content a {
    color: #60a5fa !important;
    text-decoration: underline transparent;
    transition: all 0.15s ease;
}

.pf-v5-c-content a:hover {
    color: #93c5fd !important;
    text-decoration: underline currentColor;
}

/* ==================== UTILITY CLASSES ==================== */
.pf-v5-u-p-0 {
    padding: 0 !important;
}

.pf-v5-u-pt-0 {
    padding-top: 0 !important;
}

.pf-v5-u-pt-sm {
    padding-top: 8px !important;
}

.pf-v5-u-mr-xs {
    margin-right: 4px !important;
}

.pf-v5-u-mr-sm {
    margin-right: 8px !important;
}

.pf-v5-u-ml-md {
    margin-left: 16px !important;
}

.pf-v5-u-pr-sm {
    padding-right: 8px !important;
}

.pf-v5-u-pl-sm {
    padding-left: 8px !important;
}

/* ==================== GLOBAL PSEUDO-ELEMENT FIX ==================== */
/* Remove white outline borders from all PatternFly pseudo-elements */
.pf-v5-c-button::before,
.pf-v5-c-button:before,
.pf-v5-c-button::after,
.pf-v5-c-button:after,
.pf-v5-c-form-control::before,
.pf-v5-c-form-control:before,
.pf-v5-c-form-control::after,
.pf-v5-c-form-control:after {
    inset-block: unset !important;
    inset-inline: unset !important;
}

/* Ensure clean borders on all PatternFly components */
.pf-v5-c-button:not(.pf-m-control)::before,
.pf-v5-c-button:not(.pf-m-control):before {
    border: none !important;
}

/* ==================== KEYCLOAK FORM PANELS ==================== */
/* Realm Settings Forms - Compact and Professional */
.kc-login-screen,
.kc-email-settings,
.kc-user-info-settings {
    margin-bottom: 24px !important;
}

.kc-form-panel__header {
    padding: 16px 24px !important;
}

.kc-form-panel__header .pf-v5-c-title {
    font-size: 1.25rem !important;
    margin: 0 !important;
}

.keycloak__form {
    width: 100%;
}

/* Icon Inline Styling */
.pf-v5-c-icon.pf-m-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pf-v5-c-icon__content {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure proper spacing in form sections */
.pf-v5-c-page__main-section.pf-m-light {
    padding: 24px !important;
}

/* Title Professional Styling */
._title_180i0_2 {
    color: #f9fafb !important;
    font-weight: 600 !important;
}

.pf-v5-c-title.pf-m-xl {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
}

/* ==================== COMPREHENSIVE TEXT COLOR FIXES ==================== */
/* Ensure ALL text elements remain light colored in dark theme */

/* All PatternFly components - text elements */
.pf-v5-c-card *,
.pf-v5-c-page *,
.pf-v5-c-toolbar *,
.pf-v5-c-table *,
.pf-v5-c-tabs *,
.pf-v5-c-drawer *,
.pf-v5-c-tree-view *,
.pf-v5-c-pagination *,
.pf-v5-c-content *,
.pf-v5-c-description-list *,
.pf-v5-c-form * {
    color: inherit;
}

/* Specific text color for main structural elements */
.pf-v5-c-card,
.pf-v5-c-toolbar,
.pf-v5-c-table,
.pf-v5-c-tabs,
.pf-v5-c-drawer,
.pf-v5-c-tree-view,
.pf-v5-c-pagination,
.pf-v5-c-content,
.pf-v5-c-description-list,
.pf-v5-c-form,
.pf-v5-c-data-list {
    color: #e5e7eb !important;
}

/* Override any remaining black text */
[style*="color: rgb(0, 0, 0)"],
[style*="color: black"],
[style*="color:#000"] {
    color: #e5e7eb !important;
}

/* Table text specifically */
.pf-v5-c-table,
.pf-v5-c-table tbody,
.pf-v5-c-table td,
.pf-v5-c-table th,
.pf-c-table,
.pf-c-table tbody,
.pf-c-table td,
.pf-c-table th {
    color: #e5e7eb !important;
}

/* Menu and dropdown text */
.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item,
.pf-v5-c-select__menu-item {
    color: #e5e7eb !important;
}

/* Button text */
.pf-v5-c-button:not(.pf-m-primary):not(.pf-m-danger):not(.pf-m-warning) {
    color: #e5e7eb !important;
}

/* Ensure links remain properly colored */
a:not(.pf-v5-c-button):not(.pf-v5-c-nav__link) {
    color: #60a5fa !important;
}

a:not(.pf-v5-c-button):not(.pf-v5-c-nav__link):hover {
    color: #93c5fd !important;
}

/* ==================== CRITICAL: STOP ALL BLACK TEXT ==================== */
/* These rules must be at the end to override everything */

/* All text, labels, spans, divs inside light sections */
.pf-v5-c-page__main-section.pf-m-light label,
.pf-v5-c-page__main-section.pf-m-light span,
.pf-v5-c-page__main-section.pf-m-light div,
.pf-v5-c-page__main-section.pf-m-light p,
.pf-v5-c-page__main-section.pf-m-light td,
.pf-v5-c-page__main-section.pf-m-light th,
.pf-v5-c-page__main-section.pf-m-light b,
.pf-v5-c-page__main-section.pf-m-light strong {
    color: #e5e7eb !important;
}

/* Toolbar and all its children */
.pf-v5-c-toolbar,
.pf-v5-c-toolbar *:not(a):not(.pf-v5-c-button) {
    color: #e5e7eb !important;
}

/* All PatternFly button text except primary buttons */
.pf-v5-c-button.pf-m-link,
.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-tertiary,
.pf-v5-c-button.pf-m-plain {
    color: #e5e7eb !important;
}

/* Menu toggles and their text */
.pf-v5-c-menu-toggle__text,
.pf-v5-c-menu-toggle span {
    color: #e5e7eb !important;
}

/* Content area text */
.pf-v5-c-content,
.pf-v5-c-content p,
.pf-v5-c-content div {
    color: #e5e7eb !important;
}

/* Level component (page headers) */
.pf-v5-c-level,
.pf-v5-c-level * {
    color: #e5e7eb !important;
}

/* Override any inline styles or specificity issues */
.pf-v5-c-page__main-section [class*="pf-v5-"] {
    color: #e5e7eb !important;
}

/* Fix any remaining text elements */
[class*="pf-v5-c-"]:not(.pf-v5-c-button):not(a) {
    color: #e5e7eb !important;
}

/* Exception: Links should be blue */
.pf-v5-c-page__main-section a:not(.pf-v5-c-button),
.pf-v5-c-table a {
    color: #60a5fa !important;
}

/* Exception: Primary button text should be white */
.pf-v5-c-button.pf-m-primary {
    color: #ffffff !important;
}

/* ==================== IDENTITY PROVIDERS PAGE - GALLERY CARDS FIX ==================== */
/* Ensure gallery layout is properly styled */
.pf-v5-l-gallery,
.pf-v5-l-gallery.pf-m-gutter {
    background: transparent !important;
}

/* Force all cards in galleries to have dark backgrounds - ULTRA SPECIFIC */
.pf-v5-l-gallery .pf-v5-c-card,
.pf-v5-l-gallery > .pf-v5-c-card,
.pf-v5-l-gallery > div > .pf-v5-c-card,
.pf-v5-c-card[data-testid*="card"],
.pf-v5-c-card[id*=":"],
div[data-testid*="card"].pf-v5-c-card,
.pf-v5-c-card.pf-m-clickable,
.pf-v5-l-gallery [class*="pf-v5-c-card"] {
    background: rgba(17, 24, 40, 0.92) !important;
    background-color: rgba(17, 24, 40, 0.92) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

/* Force card body and all internal divs to have transparent backgrounds */
.pf-v5-c-card > div,
.pf-v5-c-card > div > div,
.pf-v5-c-card .pf-v5-c-card__header,
.pf-v5-c-card .pf-v5-c-card__header-main,
.pf-v5-c-card .pf-v5-c-card__body,
.pf-v5-c-card .pf-v5-c-card__title,
.pf-v5-c-card .pf-v5-c-card__actions,
.pf-v5-c-card .pf-v5-c-card__selectable-actions,
.pf-v5-c-card [class*="pf-v5-c-card"],
.pf-v5-c-card div[class*="pf-v5-"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* CRITICAL: Ensure all text in cards is visible with MAXIMUM specificity */
.pf-v5-l-gallery .pf-v5-c-card,
.pf-v5-l-gallery .pf-v5-c-card *,
.pf-v5-l-gallery .pf-v5-c-card div,
.pf-v5-l-gallery .pf-v5-c-card span,
.pf-v5-c-card[data-testid*="card"],
.pf-v5-c-card[data-testid*="card"] *,
.pf-v5-c-card[data-testid*="card"] div,
.pf-v5-c-card[data-testid*="card"] span,
.pf-v5-c-card.pf-m-clickable,
.pf-v5-c-card.pf-m-clickable *,
.pf-v5-c-card.pf-m-clickable div,
.pf-v5-c-card.pf-m-clickable span,
.pf-v5-c-card .pf-v5-l-split__item,
.pf-v5-c-card .pf-v5-c-card__title-text,
.pf-v5-c-card__title-text *,
.pf-v5-l-split__item.pf-m-fill,
.pf-v5-c-card [class*="pf-v5-l-split"],
.pf-v5-c-card [class*="pf-v5-l-split"] * {
    color: #f9fafb !important;
}

/* CRITICAL: Ensure SVG icons are visible and blue - MAXIMUM specificity */
.pf-v5-l-gallery svg,
.pf-v5-l-gallery .pf-v5-svg,
.pf-v5-l-gallery .pf-v5-c-icon,
.pf-v5-c-card[data-testid*="card"] svg,
.pf-v5-c-card[data-testid*="card"] .pf-v5-svg,
.pf-v5-c-card.pf-m-clickable svg,
.pf-v5-c-card.pf-m-clickable .pf-v5-svg,
.pf-v5-c-card svg,
.pf-v5-c-card.pf-m-clickable svg,
.pf-v5-c-card.pf-m-clickable .pf-v5-svg,
.pf-v5-c-card svg,
.pf-v5-c-card .pf-v5-svg,
.pf-v5-c-icon svg,
.pf-v5-c-icon .pf-v5-svg,
.pf-v5-c-card .pf-v5-c-icon,
.pf-v5-c-card .pf-v5-c-icon *,
span.pf-v5-c-icon,
span.pf-v5-c-icon * {
    color: #60a5fa !important;
}

/* SVG paths must have fill color */
.pf-v5-l-gallery svg path,
.pf-v5-l-gallery .pf-v5-svg path,
.pf-v5-c-card[data-testid*="card"] svg path,
.pf-v5-c-card.pf-m-clickable svg path,
.pf-v5-c-card svg path,
.pf-v5-c-card .pf-v5-svg path,
.pf-v5-c-icon svg path,
.pf-v5-c-icon path {
    fill: #60a5fa !important;
}

/* Icon content must be visible */
.pf-v5-c-icon__content,
.pf-v5-c-card .pf-v5-c-icon__content,
span.pf-v5-c-icon__content {
    color: #60a5fa !important;
    background: transparent !important;
}

/* Radio button label visibility (even though hidden) */
.pf-v5-c-radio__label[for^="input-"] {
    background: transparent !important;
}

/* Gallery card specific overrides */
[data-testid*="-card"] .pf-v5-c-card__header,
[data-testid*="-card"] .pf-v5-c-card__header-main,
[data-testid*="-card"] .pf-v5-c-card__title {
    background: transparent !important;
}

/* Nuclear option - force all divs inside cards to be transparent except the card itself */
.pf-v5-c-card div:not(.pf-v5-c-card) {
    background-color: transparent !important;
}

/* Force specific card components to transparent */
div.pf-v5-c-card__header,
div.pf-v5-c-card__header-main,
div.pf-v5-c-card__body,
div.pf-v5-c-card__title,
div.pf-v5-c-card__title-text,
div.pf-v5-c-card__actions,
div.pf-v5-c-card__selectable-actions {
    background: transparent !important;
    background-color: transparent !important;
}

/* Ensure card wrapper divs don't have white backgrounds */
.pf-v5-l-gallery > div {
    background: transparent !important;
}

/* Radio inputs in cards */
.pf-v5-c-card .pf-v5-c-radio,
.pf-v5-c-card .pf-v5-c-radio.pf-m-standalone {
    background: transparent !important;
}

/* Override any possible white backgrounds in layout components inside cards */
.pf-v5-c-card .pf-v5-l-split,
.pf-v5-c-card .pf-v5-l-split__item {
    background: transparent !important;
    background-color: transparent !important;
}

/* Span elements inside cards */
.pf-v5-c-card span:not(.pf-v5-c-icon__content) {
    background: transparent !important;
}

/* Icon content wrappers */
.pf-v5-c-card .pf-v5-c-icon__content {
    background: transparent !important;
}

/* ==================== ULTRA SPECIFIC CARD BACKGROUND FIX ==================== */
/* This targets cards that appear to have white backgrounds despite our styling */
.pf-v5-c-card[id],
.pf-v5-c-card[data-testid],
.pf-v5-c-card[data-ouia-component-type],
div.pf-v5-c-card.pf-m-clickable,
div[class*="pf-v5-c-card"] {
    background-color: rgba(17, 24, 40, 0.92) !important;
    background: rgba(17, 24, 40, 0.92) !important;
}

/* Make absolutely sure no white backgrounds exist in any child element */
.pf-v5-c-card *:not(svg):not(path):not(input) {
    background-color: transparent !important;
}

/* But the card itself must be dark */
.pf-v5-c-card {
    background-color: rgba(17, 24, 40, 0.92) !important;
    background: rgba(17, 24, 40, 0.92) !important;
}

/* ==================== FINAL OVERRIDE - IDENTITY PROVIDER CARDS ==================== */
/* Target specific identity provider cards by their exact data-testid attributes */
[data-testid="keycloak-oidc-card"],
[data-testid="oauth2-card"],
[data-testid="oidc-card"],
[data-testid="saml-card"],
.pf-v5-l-gallery div[id^=":r"] {
    background: rgba(17, 24, 40, 0.92) !important;
    background-color: rgba(17, 24, 40, 0.92) !important;
}

/* All text inside these specific cards MUST be visible */
[data-testid="keycloak-oidc-card"] *,
[data-testid="oauth2-card"] *,
[data-testid="oidc-card"] *,
[data-testid="saml-card"] *,
.pf-v5-l-gallery div[id^=":r"] *,
.pf-v5-l-gallery .pf-v5-c-card div,
.pf-v5-l-gallery .pf-v5-c-card span:not(.pf-v5-c-icon__content) {
    color: #f9fafb !important;
}

/* All SVG icons in these cards MUST be blue and visible */
[data-testid="keycloak-oidc-card"] svg,
[data-testid="oauth2-card"] svg,
[data-testid="oidc-card"] svg,
[data-testid="saml-card"] svg,
.pf-v5-l-gallery svg,
.pf-v5-l-gallery svg * {
    color: #60a5fa !important;
    fill: #60a5fa !important;
}

/* Force icon wrappers to be transparent */
[data-testid="keycloak-oidc-card"] .pf-v5-c-icon,
[data-testid="oauth2-card"] .pf-v5-c-icon,
[data-testid="oidc-card"] .pf-v5-c-icon,
[data-testid="saml-card"] .pf-v5-c-icon,
.pf-v5-l-gallery .pf-v5-c-icon,
.pf-v5-l-gallery .pf-v5-c-icon__content {
    background: transparent !important;
    color: #60a5fa !important;
}

/* Ensure large icons have proper sizing */
[data-testid*="card"] .pf-v5-c-icon.pf-m-lg,
.pf-v5-l-gallery .pf-v5-c-icon.pf-m-lg {
    font-size: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
}

/* ============================================================================
   CIBRAI ADMIN THEME — LIGHT MODE + DARK-MODE CONTRAST FIX
   ----------------------------------------------------------------------------
   Appended block. Does NOT modify the original dark skin above.

   How it works:
   - Keycloak's admin index.ftl toggles the class `pf-v5-theme-dark` on <html>
     according to the OS/browser color-scheme preference.
   - The original CSS above paints an UNCONDITIONAL dark skin (it applies in both
     modes), which (a) hides light mode entirely and (b) collides with PatternFly's
     default light-mode text, producing dark-on-dark text.
   - The rules below are scoped to `html:not(.pf-v5-theme-dark)` (i.e. LIGHT mode).
     They carry one extra ancestor over the originals, so with equal !important and
     later source order they deterministically win — giving a clean, readable light
     theme. Dark mode (html.pf-v5-theme-dark) keeps the original look, reinforced
     at the very end so no dark text leaks.

   Palette (light): bg #f5f7fb · surface #ffffff · subtle #f8fafc/#f1f5f9
                    text #1f2937 · heading #0f172a · muted #64748b
                    border #e2e8f0/#cbd5e1 · brand #2563eb · link #2563eb
   ============================================================================ */

/* ---------- BASE ---------- */
html:not(.pf-v5-theme-dark) {
    background: radial-gradient(1200px circle at 20% 10%, #e8eefc 0%, transparent 55%),
                radial-gradient(900px circle at 80% 20%, #eef3ff 0%, transparent 50%),
                linear-gradient(180deg, #f5f7fb 0%, #eef1f7 100%) !important;
    background-attachment: fixed !important;
}

html:not(.pf-v5-theme-dark) body {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Broad text -> dark (mirrors the dark skin's force-light catch-alls) */
html:not(.pf-v5-theme-dark) [class*="pf-v5-c-"]:not(.pf-v5-c-button):not(a),
html:not(.pf-v5-theme-dark) .pf-v5-c-page,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section *,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section [class*="pf-v5-"],
html:not(.pf-v5-theme-dark) .pf-v5-c-content,
html:not(.pf-v5-theme-dark) .pf-v5-c-content *,
html:not(.pf-v5-theme-dark) .pf-v5-c-level,
html:not(.pf-v5-theme-dark) .pf-v5-c-level *,
html:not(.pf-v5-theme-dark) .pf-v5-c-toolbar,
html:not(.pf-v5-theme-dark) .pf-v5-c-toolbar *:not(a):not(.pf-v5-c-button),
html:not(.pf-v5-theme-dark) .pf-v5-c-form,
html:not(.pf-v5-theme-dark) .pf-v5-c-form *,
html:not(.pf-v5-theme-dark) .pf-v5-c-description-list,
html:not(.pf-v5-theme-dark) .pf-v5-c-description-list__description {
    color: #1f2937 !important;
}

/* Headings / titles */
html:not(.pf-v5-theme-dark) h1,
html:not(.pf-v5-theme-dark) h2,
html:not(.pf-v5-theme-dark) h3,
html:not(.pf-v5-theme-dark) h4,
html:not(.pf-v5-theme-dark) h5,
html:not(.pf-v5-theme-dark) h6,
html:not(.pf-v5-theme-dark) .pf-v5-c-title,
html:not(.pf-v5-theme-dark) .pf-v5-c-card__title,
html:not(.pf-v5-theme-dark) .pf-v5-c-card__title-text,
html:not(.pf-v5-theme-dark) ._title_180i0_2 {
    color: #0f172a !important;
}

/* Muted helper text / description terms */
html:not(.pf-v5-theme-dark) .pf-v5-c-description-list__term,
html:not(.pf-v5-theme-dark) .pf-v5-c-form__helper-text,
html:not(.pf-v5-theme-dark) .pf-v5-c-helper-text__item-text,
html:not(.pf-v5-theme-dark) .pf-v5-c-switch__label {
    color: #64748b !important;
}

/* ---------- MASTHEAD / HEADER ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-page__header,
html:not(.pf-v5-theme-dark) .pf-c-page__header,
html:not(.pf-v5-theme-dark) .pf-v5-c-masthead {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ---------- PAGE SECTIONS ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-light {
    background: transparent !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section.pf-m-dark {
    background: #f1f5f9 !important;
}

/* ---------- SIDEBAR / NAVIGATION ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e2e8f0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 1px 0 8px rgba(15, 23, 42, 0.04) !important;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section-title {
    color: #64748b !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section-title:hover {
    color: #334155 !important;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link {
    color: #475569 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__link:hover {
    color: #1d4ed8 !important;
    background-color: rgba(37, 99, 235, 0.08) !important;
}
/* current item keeps the brand-blue gradient w/ white text (unchanged) */

/* Highlighted "current realm" box -> light tinted, dark text */
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(59, 130, 246, 0.05)) !important;
    border: 1px solid rgba(37, 99, 235, 0.20) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
    color: #0f172a !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title [data-testid="currentRealm"] {
    color: #0f172a !important;
    text-shadow: none !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title .pf-v5-c-label {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.15), rgba(59, 130, 246, 0.15)) !important;
    border: 1px solid rgba(59, 130, 246, 0.30) !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-nav__section:first-child .pf-v5-c-nav__section-title .pf-v5-c-label__text {
    color: #1d4ed8 !important;
}

/* ---------- CARDS ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-card,
html:not(.pf-v5-theme-dark) .pf-v5-l-gallery .pf-v5-c-card,
html:not(.pf-v5-theme-dark) .pf-v5-c-card[id],
html:not(.pf-v5-theme-dark) .pf-v5-c-card[data-testid],
html:not(.pf-v5-theme-dark) .pf-v5-c-card[data-testid*="card"],
html:not(.pf-v5-theme-dark) .pf-v5-c-card[id*=":"],
html:not(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-clickable,
html:not(.pf-v5-theme-dark) div[class*="pf-v5-c-card"],
html:not(.pf-v5-theme-dark) [data-testid="keycloak-oidc-card"],
html:not(.pf-v5-theme-dark) [data-testid="oauth2-card"],
html:not(.pf-v5-theme-dark) [data-testid="oidc-card"],
html:not(.pf-v5-theme-dark) [data-testid="saml-card"],
html:not(.pf-v5-theme-dark) .pf-v5-l-gallery [class*="pf-v5-c-card"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 3px solid #2563eb !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06), 0 0 0 1px rgba(15, 23, 42, 0.03) !important;
}

html:not(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-clickable:hover {
    background: #f8fbff !important;
    background-color: #f8fbff !important;
    border-color: rgba(37, 99, 235, 0.45) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.25) !important;
}

/* Card text -> dark (mirrors the very broad card catch-alls in the dark skin) */
html:not(.pf-v5-theme-dark) .pf-v5-c-card,
html:not(.pf-v5-theme-dark) .pf-v5-c-card *:not(svg):not(path):not(.pf-v5-c-icon):not(.pf-v5-c-icon *),
html:not(.pf-v5-theme-dark) .pf-v5-c-card div,
html:not(.pf-v5-theme-dark) .pf-v5-c-card span:not(.pf-v5-c-icon__content),
html:not(.pf-v5-theme-dark) .pf-v5-c-card .pf-v5-l-split__item,
html:not(.pf-v5-theme-dark) .pf-v5-l-gallery .pf-v5-c-card *,
html:not(.pf-v5-theme-dark) .pf-v5-c-card[data-testid*="card"] *,
html:not(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-clickable *,
html:not(.pf-v5-theme-dark) [data-testid="keycloak-oidc-card"] *,
html:not(.pf-v5-theme-dark) [data-testid="oauth2-card"] *,
html:not(.pf-v5-theme-dark) [data-testid="oidc-card"] *,
html:not(.pf-v5-theme-dark) [data-testid="saml-card"] * {
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-card h1,
html:not(.pf-v5-theme-dark) .pf-v5-c-card h2,
html:not(.pf-v5-theme-dark) .pf-v5-c-card h3,
html:not(.pf-v5-theme-dark) .pf-v5-c-card h4,
html:not(.pf-v5-theme-dark) .pf-v5-c-card .pf-v5-c-card__title,
html:not(.pf-v5-theme-dark) .pf-v5-c-card .pf-v5-c-card__title-text,
html:not(.pf-v5-theme-dark) .pf-v5-c-card strong,
html:not(.pf-v5-theme-dark) .pf-v5-c-card .pf-v5-l-split__item.pf-m-fill {
    color: #0f172a !important;
}
/* Card icons stay brand-blue (already blue in dark skin; keep on light) */
html:not(.pf-v5-theme-dark) .pf-v5-c-card svg.pf-v5-svg,
html:not(.pf-v5-theme-dark) .pf-v5-c-card .pf-v5-c-icon,
html:not(.pf-v5-theme-dark) .pf-v5-l-gallery svg {
    color: #2563eb !important;
}

/* ---------- BUTTONS (secondary/tertiary/plain/control/link) ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-secondary {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-secondary:hover {
    background-color: #e6edf7 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-tertiary {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-tertiary:hover {
    background-color: rgba(37, 99, 235, 0.08) !important;
    border-color: rgba(37, 99, 235, 0.40) !important;
    color: #1d4ed8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control {
    background-color: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:hover {
    background-color: rgba(37, 99, 235, 0.10) !important;
    color: #1d4ed8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-plain {
    color: #64748b !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-plain:hover {
    color: #1d4ed8 !important;
    background-color: rgba(37, 99, 235, 0.08) !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-link,
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-inline {
    color: #2563eb !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-link:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-inline:hover {
    color: #1d4ed8 !important;
}
/* neutralize the dark skin's "force light button text" catch-alls in light mode */
html:not(.pf-v5-theme-dark) .pf-v5-c-button:not(.pf-m-primary):not(.pf-m-danger):not(.pf-m-warning) {
    color: #1f2937 !important;
}
/* primary/danger/warning keep white text on colored gradient (unchanged) */

/* ---------- FORM CONTROLS / INPUTS / TOGGLES ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-form-control,
html:not(.pf-v5-theme-dark) input[type="text"],
html:not(.pf-v5-theme-dark) input[type="email"],
html:not(.pf-v5-theme-dark) input[type="password"],
html:not(.pf-v5-theme-dark) input[type="number"],
html:not(.pf-v5-theme-dark) textarea,
html:not(.pf-v5-theme-dark) select,
html:not(.pf-v5-theme-dark) .pf-v5-c-text-input-group__main,
html:not(.pf-v5-theme-dark) .pf-v5-c-input-group,
html:not(.pf-v5-theme-dark) .pf-v5-c-number-input,
html:not(.pf-v5-theme-dark) .pf-v5-c-search-input,
html:not(.pf-v5-theme-dark) .pf-v5-c-select__toggle,
html:not(.pf-v5-theme-dark) .pf-v5-c-dropdown__toggle,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) input,
html:not(.pf-v5-theme-dark) textarea,
html:not(.pf-v5-theme-dark) select,
html:not(.pf-v5-theme-dark) .pf-v5-c-text-input-group__text-input,
html:not(.pf-v5-theme-dark) .pf-v5-c-number-input__input,
html:not(.pf-v5-theme-dark) .pf-v5-c-search-input__text-input,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu-toggle__text {
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-form-control::placeholder,
html:not(.pf-v5-theme-dark) .pf-v5-c-text-input-group__text-input::placeholder,
html:not(.pf-v5-theme-dark) input::placeholder,
html:not(.pf-v5-theme-dark) textarea::placeholder {
    color: #94a3b8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-form-control:focus,
html:not(.pf-v5-theme-dark) input:focus,
html:not(.pf-v5-theme-dark) textarea:focus,
html:not(.pf-v5-theme-dark) select:focus,
html:not(.pf-v5-theme-dark) .pf-v5-c-text-input-group__main:focus-within,
html:not(.pf-v5-theme-dark) .pf-v5-c-input-group:focus-within,
html:not(.pf-v5-theme-dark) .pf-v5-c-search-input:focus-within {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.45) !important;
    background-color: #ffffff !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-form__label,
html:not(.pf-v5-theme-dark) .pf-v5-c-form__label-text,
html:not(.pf-v5-theme-dark) label {
    color: #374151 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-menu-toggle__icon,
html:not(.pf-v5-theme-dark) .pf-v5-c-search-input__icon,
html:not(.pf-v5-theme-dark) .pf-v5-c-text-input-group__icon,
html:not(.pf-v5-theme-dark) .pf-v5-c-input-group__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-number-input__unit {
    color: #64748b !important;
    background: transparent !important;
}

/* ---------- MENUS / DROPDOWNS / POPOVERS / SELECT MENUS ---------- */
html:not(.pf-v5-theme-dark) [class*="menu"],
html:not(.pf-v5-theme-dark) [class*="dropdown"],
html:not(.pf-v5-theme-dark) [class*="select__menu"],
html:not(.pf-v5-theme-dark) [class*="options"],
html:not(.pf-v5-theme-dark) .pf-v5-c-menu,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__content,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__list,
html:not(.pf-v5-theme-dark) .pf-v5-c-dropdown__menu,
html:not(.pf-v5-theme-dark) .pf-v5-c-select__menu,
html:not(.pf-v5-theme-dark) .pf-v5-c-popover,
html:not(.pf-v5-theme-dark) .pf-v5-c-popover__content {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) [class*="menu__item"],
html:not(.pf-v5-theme-dark) [class*="menu-item"],
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__item,
html:not(.pf-v5-theme-dark) .pf-v5-c-dropdown__menu-item,
html:not(.pf-v5-theme-dark) .pf-v5-c-select__menu-item {
    background: transparent !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) [class*="menu__item"]:hover,
html:not(.pf-v5-theme-dark) [class*="menu-item"]:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__item:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-dropdown__menu-item:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-select__menu-item:hover {
    background-color: rgba(37, 99, 235, 0.08) !important;
    color: #1d4ed8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__item-description,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__group-title {
    color: #64748b !important;
}

/* ---------- TABLES ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-table thead {
    background-color: #f1f5f9 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-table,
html:not(.pf-v5-theme-dark) .pf-v5-c-table tbody,
html:not(.pf-v5-theme-dark) .pf-v5-c-table td,
html:not(.pf-v5-theme-dark) .pf-v5-c-table tbody td {
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-table thead th {
    color: #0f172a !important;
    border-bottom-color: #e2e8f0 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-table tbody tr {
    border-bottom: 1px solid #eef2f7 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-table tbody tr:hover {
    background-color: rgba(37, 99, 235, 0.06) !important;
}

/* ---------- MODALS ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25) !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box__title { color: #0f172a !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box__body,
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box__body * { color: #1f2937 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box__header { border-bottom: 1px solid #e2e8f0 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-modal-box__footer { border-top: 1px solid #e2e8f0 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-backdrop { background-color: rgba(15, 23, 42, 0.45) !important; }

/* ---------- TABS ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs__list,
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs.pf-m-box,
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs.pf-m-fill {
    background: #f1f5f9 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs__link,
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link {
    color: #475569 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-tabs__link:hover {
    color: #1d4ed8 !important;
    background: rgba(37, 99, 235, 0.10) !important;
}
/* current/selected tab keeps brand gradient + white text (unchanged) */

/* ---------- ALERTS ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-alert {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid !important;
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-alert *,
html:not(.pf-v5-theme-dark) .pf-v5-c-alert__description { color: #1f2937 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-alert__title { color: #0f172a !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-alert.pf-m-success { background-color: #ecfdf5 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-alert.pf-m-danger  { background-color: #fef2f2 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-alert.pf-m-warning { background-color: #fffbeb !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-alert.pf-m-info    { background-color: #eff6ff !important; }

/* ---------- LABELS / BADGES / CHIPS (darker text for contrast on white) ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-label,
html:not(.pf-v5-theme-dark) .pf-v5-c-label .pf-v5-c-label__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-badge,
html:not(.pf-v5-theme-dark) .pf-v5-c-chip,
html:not(.pf-v5-theme-dark) .pf-v5-c-chip__text {
    color: #1d4ed8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-green,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-green .pf-v5-c-label__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-badge.pf-m-green { color: #047857 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-red,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-red .pf-v5-c-label__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-badge.pf-m-red { color: #b91c1c !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-orange,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-gold,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-orange .pf-v5-c-label__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-gold .pf-v5-c-label__text { color: #b45309 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-grey,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-gray,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-grey .pf-v5-c-label__text,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-gray .pf-v5-c-label__text { color: #475569 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-cyan,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-cyan .pf-v5-c-label__text { color: #0e7490 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-purple,
html:not(.pf-v5-theme-dark) .pf-v5-c-label.pf-m-purple .pf-v5-c-label__text { color: #7e22ce !important; }

/* ---------- MISC SURFACES (tree view, drawer, data list, empty state, breadcrumb, pagination) ---------- */
html:not(.pf-v5-theme-dark) .pf-v5-c-tree-view,
html:not(.pf-v5-theme-dark) .pf-v5-c-tree-view__content,
html:not(.pf-v5-theme-dark) .pf-v5-c-tree-view__node-text,
html:not(.pf-v5-theme-dark) .pf-v5-c-empty-state,
html:not(.pf-v5-theme-dark) .pf-v5-c-pagination,
html:not(.pf-v5-theme-dark) .pf-v5-c-pagination__total-items,
html:not(.pf-v5-theme-dark) .pf-v5-c-pagination__nav-page-select {
    color: #1f2937 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-tree-view__list-item:hover,
html:not(.pf-v5-theme-dark) .pf-v5-c-tree-view__node-text:hover {
    background: rgba(37, 99, 235, 0.08) !important;
    color: #1d4ed8 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-drawer__panel {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-left: 1px solid #e2e8f0 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-data-list__item {
    background: #ffffff !important;
    border-bottom: 1px solid #eef2f7 !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-data-list__item:hover {
    background: rgba(37, 99, 235, 0.06) !important;
}
html:not(.pf-v5-theme-dark) .pf-v5-c-empty-state__icon { color: #94a3b8 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-breadcrumb__link { color: #64748b !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-breadcrumb__link:hover { color: #1d4ed8 !important; }
html:not(.pf-v5-theme-dark) .pf-v5-c-divider,
html:not(.pf-v5-theme-dark) .pf-v5-c-menu__item-divider { background-color: #e2e8f0 !important; }

/* ---------- LINKS ---------- */
html:not(.pf-v5-theme-dark) a,
html:not(.pf-v5-theme-dark) a:not(.pf-v5-c-button):not(.pf-v5-c-nav__link),
html:not(.pf-v5-theme-dark) .pf-v5-c-content a,
html:not(.pf-v5-theme-dark) .pf-v5-c-page__main-section a:not(.pf-v5-c-button),
html:not(.pf-v5-theme-dark) .pf-v5-c-table a {
    color: #2563eb !important;
}
html:not(.pf-v5-theme-dark) a:hover { color: #1d4ed8 !important; }

/* ---------- SCROLLBARS ---------- */
html:not(.pf-v5-theme-dark) ::-webkit-scrollbar-track { background: #eef2f7; }
html:not(.pf-v5-theme-dark) ::-webkit-scrollbar-thumb { background: #cbd5e1; }
html:not(.pf-v5-theme-dark) ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ---------- LOADING SPLASH (pre-React) ---------- */
html:not(.pf-v5-theme-dark) .keycloak__loading-container {
    color: #151515 !important;
    background-color: #ffffff !important;
}

/* ============================================================================
   DARK MODE REINFORCEMENT
   Guarantees no PatternFly variable-driven text stays dark when the dark skin
   is active. Only applies when html.pf-v5-theme-dark is present.
   ============================================================================ */
html.pf-v5-theme-dark {
    --pf-v5-global--Color--100: #f9fafb !important;
    --pf-v5-global--Color--200: #cbd5e1 !important;
    --pf-v5-global--Color--light-100: #f9fafb !important;
    --pf-v5-global--link--Color: #60a5fa !important;
}
html.pf-v5-theme-dark .pf-v5-c-content,
html.pf-v5-theme-dark .pf-v5-c-content *:not(a):not(.pf-v5-c-button),
html.pf-v5-theme-dark .pf-v5-c-form__helper-text,
html.pf-v5-theme-dark .pf-v5-c-helper-text__item-text,
html.pf-v5-theme-dark code,
html.pf-v5-theme-dark pre {
    color: #e5e7eb !important;
}

/* ============================================================================
   CHROME AUTOFILL FIX (2026-06-22) — Chrome paints autofilled inputs (e.g. the
   autofocused Client ID field) white via an internal style that plain
   background-color !important cannot override. The box-shadow inset hack fills
   the control with the dark surface; text-fill-color keeps typed text light.
   ============================================================================ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(15, 23, 42, 0.95) inset !important;
    box-shadow: 0 0 0 1000px rgba(15, 23, 42, 0.95) inset !important;
    -webkit-text-fill-color: #e5e7eb !important;
    caret-color: #e5e7eb !important;
    border: 1px solid rgba(47, 118, 246, 0.35) !important;
    border-radius: 10px !important;
    transition: background-color 9999s ease-out 0s !important;
}