/* ============================================
   APIBrasil Account Console Theme - Keycloak 26.5.2
   LIGHT THEME ONLY - Dark mode disabled
   ============================================ */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* Force light color scheme at browser level */
html,
body,
.pf-v5-c-page {
    color-scheme: light !important;
}

/* Light theme CSS variables - override dark mode even if enabled in Realm Settings */
:root,
html.pf-v5-theme-dark,
.pf-v5-theme-dark,
[data-pf-theme="dark"],
html[class*="dark"],
body[class*="dark"] {
    /* Brand colors */
    --pf-v5-global--primary-color--100: #5f61e6 !important;
    --pf-v5-global--primary-color--200: #5557eb !important;
    --pf-v5-global--active-color--100: #5f61e6 !important;
    --pf-v5-global--link--Color: #5f61e6 !important;
    --pf-v5-global--link--Color--hover: #4d4fd4 !important;

    /* Backgrounds - force light */
    --pf-v5-global--BackgroundColor--100: #f5f5f7 !important;
    --pf-v5-global--BackgroundColor--150: #f9fafb !important;
    --pf-v5-global--BackgroundColor--200: #ffffff !important;
    --pf-v5-global--BackgroundColor--300: #ffffff !important;
    --pf-v5-global--BackgroundColor--400: #f9fafb !important;

    /* Text colors - force dark text on light bg */
    --pf-v5-global--Color--100: #1d1d1f !important;
    --pf-v5-global--Color--200: #374151 !important;
    --pf-v5-global--Color--300: #6e6e73 !important;
    --pf-v5-global--Color--dark-100: #1d1d1f !important;
    --pf-v5-global--Color--dark-200: #374151 !important;
    --pf-v5-global--Color--light-100: #ffffff !important;
    --pf-v5-global--Color--light-200: #f5f5f7 !important;
    --pf-v5-global--Color--light-300: #d2d2d7 !important;

    /* Borders */
    --pf-v5-global--BorderColor--100: #ececf2 !important;
    --pf-v5-global--BorderColor--200: #e5e7eb !important;
    --pf-v5-global--BorderColor--300: #d2d2d7 !important;

    /* Override PatternFly dark palette (inverted blacks) */
    --pf-v5-global--palette--black-100: #fafafa !important;
    --pf-v5-global--palette--black-150: #f5f5f5 !important;
    --pf-v5-global--palette--black-200: #f0f0f0 !important;
    --pf-v5-global--palette--black-300: #d2d2d2 !important;
    --pf-v5-global--palette--black-400: #b8bbbe !important;
    --pf-v5-global--palette--black-500: #8a8d90 !important;
    --pf-v5-global--palette--black-600: #6a6e73 !important;
    --pf-v5-global--palette--black-700: #4f5255 !important;
    --pf-v5-global--palette--black-800: #3c3f42 !important;
    --pf-v5-global--palette--black-850: #212427 !important;
    --pf-v5-global--palette--black-900: #151515 !important;
    --pf-v5-global--palette--black-1000: #030303 !important;

    /* Typography */
    --pf-v5-global--FontFamily--text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --pf-v5-global--FontFamily--heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --pf-v5-global--FontFamily--sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

    /* Border radius */
    --pf-v5-global--BorderRadius--sm: 6px !important;
    --pf-v5-global--BorderRadius--md: 6px !important;
    --pf-v5-global--BorderRadius--lg: 12px !important;

    /* Component backgrounds - force white */
    --pf-v5-c-page--BackgroundColor: #f5f5f7 !important;
    --pf-v5-c-page__header--BackgroundColor: #ffffff !important;
    --pf-v5-c-masthead--BackgroundColor: #ffffff !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #ffffff !important;
    --pf-v5-c-nav--BackgroundColor: transparent !important;
    --pf-v5-c-card--BackgroundColor: #ffffff !important;
    --pf-v5-c-toolbar--BackgroundColor: #ffffff !important;
    --pf-v5-c-data-list--BackgroundColor: #ffffff !important;
    --pf-v5-c-table--BackgroundColor: #ffffff !important;
}

* {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Header: Always white background */
header,
.pf-v5-c-masthead,
.pf-v5-c-masthead.pf-m-display-inline,
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-v5-c-masthead__brand,
.pf-v5-c-page__header,
.pf-v5-c-page__header-brand,
.pf-v5-c-page__header-tools,
.pf-v5-c-page__header-brand-link,
.pf-v5-c-page__header-nav,
.pf-c-masthead,
.pf-c-page__header {
    background: #ffffff !important;
    background-color: #ffffff !important;
    --pf-v5-c-masthead--BackgroundColor: #ffffff !important;
    --pf-v5-c-masthead--m-display-inline--BackgroundColor: #ffffff !important;
}

/* Toolbar INSIDE the header (user select, hamburger, etc) */
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar__content,
.pf-v5-c-masthead .pf-v5-c-toolbar__content-section,
.pf-v5-c-masthead .pf-v5-c-toolbar__group,
.pf-v5-c-masthead .pf-v5-c-toolbar__item,
.pf-v5-c-page__header .pf-v5-c-toolbar,
.pf-v5-c-page__header .pf-v5-c-toolbar__content,
.pf-v5-c-page__header .pf-v5-c-toolbar__content-section,
.pf-v5-c-page__header .pf-v5-c-toolbar__group,
.pf-v5-c-page__header .pf-v5-c-toolbar__item {
    background: #ffffff !important;
    background-color: #ffffff !important;
    --pf-v5-c-toolbar--BackgroundColor: #ffffff !important;
    --pf-v5-c-toolbar__item--Color: #1d1d1f !important;
}

/* Fix specific Toolbar variables scope */
.pf-v5-c-masthead {
    --pf-v5-c-toolbar--BackgroundColor: #ffffff !important;
    --pf-v5-c-toolbar--RowGap--base: 0 !important;
    --pf-v5-c-toolbar--PaddingTop: 0 !important;
    --pf-v5-c-toolbar--PaddingBottom: 0 !important;
}

.pf-v5-c-masthead,
.pf-v5-c-page__header {
    border-bottom: 1px solid #ececf2 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    min-height: 56px !important;
    height: auto !important;
    max-height: none !important;
    padding: 6px 24px !important;
    align-items: center !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
}

/* Toolbar content centered with max-width */
.pf-v5-c-masthead__content,
.pf-v5-c-masthead > .pf-v5-c-toolbar,
.pf-v5-c-masthead__main {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Toolbar items alignment */
.pf-v5-c-masthead .pf-v5-c-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    min-height: 44px !important;
}

/* Brand (logo) stays left */
.pf-v5-c-masthead__brand {
    margin-right: auto !important;
}

/* Header text, icons - dark text on white */
.pf-v5-c-masthead span,
.pf-v5-c-masthead a,
.pf-v5-c-masthead .pf-v5-c-toolbar__item,
.pf-v5-c-page__header span,
.pf-v5-c-page__header a {
    color: #1d1d1f !important;
}

/* ===============================================
   USER TOOLBAR (dropdown do usuario no header)
   =============================================== */

/* User dropdown toggle - pill button with more padding */
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-select__toggle,
.pf-v5-c-page__header .pf-v5-c-menu-toggle,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle,
.pf-v5-c-page__header .pf-v5-c-select__toggle {
    background: #f5f5f7 !important;
    background-color: #f5f5f7 !important;
    border: 1px solid #ececf2 !important;
    border-radius: 20px !important;
    color: #1d1d1f !important;
    padding: 6px 16px 6px 6px !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 40px !important;
    transition: all 0.15s ease !important;
    --pf-v5-c-menu-toggle--Color: #1d1d1f !important;
    --pf-v5-c-dropdown__toggle--Color: #1d1d1f !important;
}

/* User name text inside toggle */
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-text,
.pf-v5-c-page__header .pf-v5-c-menu-toggle__text,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle-text {
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    max-width: 220px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    margin-left: 4px !important;
    padding-left: 6px !important;
}

/* Hover state for user dropdown */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:hover,
.pf-v5-c-page__header .pf-v5-c-menu-toggle:hover,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle:hover {
    background: #ececf2 !important;
    background-color: #ececf2 !important;
    border-color: #d2d2d7 !important;
    color: #1d1d1f !important;
}

/* Focus state for user dropdown */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:focus,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:focus,
.pf-v5-c-page__header .pf-v5-c-menu-toggle:focus,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle:focus {
    box-shadow: 0 0 0 2px rgba(95, 97, 230, 0.2) !important;
    border-color: #5f61e6 !important;
    outline: none !important;
}

/* Expanded state */
.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-expanded,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle.pf-m-expanded {
    background: #ececf2 !important;
    border-color: #d2d2d7 !important;
}

/* Hamburger + plain buttons in header - compact */
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-page__header .pf-v5-c-button.pf-m-plain {
    color: #374151 !important;
    background: transparent !important;
    border-radius: 6px !important;
    padding: 6px !important;
    width: auto !important;
    height: auto !important;
    min-width: 36px !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
}

.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain:hover,
.pf-v5-c-page__header .pf-v5-c-button.pf-m-plain:hover {
    color: #5f61e6 !important;
    background: #f5f5f7 !important;
}

/* Dropdown caret/chevron icon in toggle */
.pf-v5-c-masthead .pf-v5-c-menu-toggle__controls,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-icon {
    color: #9ca3af !important;
    margin-left: 2px !important;
}

/* Header SVG icons (brand logo excluded) */
.pf-v5-c-masthead .pf-v5-c-toolbar svg,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__icon,
.pf-v5-c-page__header .pf-v5-c-toolbar svg {
    color: #6e6e73 !important;
    fill: currentColor !important;
    width: 16px !important;
    height: 16px !important;
}

/* User dropdown menu (when opened) */
.pf-v5-c-masthead .pf-v5-c-menu,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu {
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    padding: 6px !important;
    margin-top: 4px !important;
    min-width: 200px !important;
    z-index: 2000 !important;
    position: absolute !important;
}

.pf-v5-c-masthead .pf-v5-c-menu__item,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item {
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    transition: all 0.1s ease !important;
}

.pf-v5-c-masthead .pf-v5-c-menu__item:hover,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item:hover {
    background: #f5f5f7 !important;
    color: #1d1d1f !important;
}

/* Logout / danger menu items */
.pf-v5-c-masthead .pf-v5-c-menu__item.pf-m-danger,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu-item--danger {
    color: #ef4444 !important;
}

.pf-v5-c-masthead .pf-v5-c-menu__item.pf-m-danger:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Icon in Sair/Logout - red */
.pf-v5-c-masthead .pf-v5-c-menu__item.pf-m-danger svg,
.pf-v5-c-masthead .pf-v5-c-menu__item.pf-m-danger i {
    color: #ef4444 !important;
}

/* Menu separator inside dropdown */
.pf-v5-c-masthead .pf-v5-c-menu .pf-v5-c-divider,
.pf-v5-c-masthead .pf-v5-c-dropdown__separator {
    border-color: #f3f4f6 !important;
    margin: 4px 8px !important;
}

/* Sidebar: match customer-area platform */
.pf-v5-c-page__sidebar {
    width: 14.3rem !important;
    min-width: 14.3rem !important;
    background: #ffffff !important;
    border-right: 1px solid #ececf2 !important;
    box-shadow: none !important;
}

.pf-v5-c-page__sidebar-body {
    background: #ffffff !important;
    padding: 8px !important;
}

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

.pf-v5-c-nav__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 0 !important;
}

/* Section titles (like "EMPRESA", "CONFIGURACOES" on the platform) */
.pf-v5-c-nav__section-title {
    margin-bottom: 4px !important;
    padding: 12px 12px 4px !important;
    color: #9ca3af !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* Nav links - match platform sidebar items */
.pf-v5-c-nav__link {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    border-left: none !important;
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

.pf-v5-c-nav__link::after {
    display: none !important;
}

.pf-v5-c-nav__link::before {
    display: none !important;
}

.pf-v5-c-nav__link:hover {
    background: #f5f5f7 !important;
    color: #111827 !important;
    text-decoration: none !important;
}

/* Active nav link - purple highlight like platform */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
    background: rgba(95, 97, 230, 0.06) !important;
    color: #5f61e6 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-left: 3px solid #5f61e6 !important;
    border-radius: 0 6px 6px 0 !important;
    padding-left: 9px !important;
}

/* Expandable nav items */
.pf-v5-c-nav__item.pf-m-expandable > .pf-v5-c-nav__link {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.pf-v5-c-nav__item.pf-m-expandable.pf-m-expanded > .pf-v5-c-nav__link:not(.pf-m-current) {
    background: transparent !important;
    font-weight: 500 !important;
}

/* Expandable arrow */
.pf-v5-c-nav__toggle {
    color: #9ca3af !important;
}

/* Subnav items */
.pf-v5-c-nav__subnav {
    padding-left: 8px !important;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
    min-height: 32px !important;
    padding: 6px 12px 6px 20px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link:hover {
    color: #374151 !important;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link.pf-m-current {
    color: #5f61e6 !important;
    font-weight: 600 !important;
    border-left: 2px solid #5f61e6 !important;
}

/* Nav separator/divider */
.pf-v5-c-nav__separator,
.pf-v5-c-nav__list > .pf-v5-c-divider {
    border-color: #f3f4f6 !important;
    margin: 4px 12px !important;
}

/* Nav link icons */
.pf-v5-c-nav__link svg,
.pf-v5-c-nav__link i {
    width: 16px !important;
    height: 16px !important;
    color: #9ca3af !important;
    transition: color 0.15s ease !important;
    margin-right: 4px !important;
}

.pf-v5-c-nav__link:hover svg,
.pf-v5-c-nav__link:hover i {
    color: #374151 !important;
}

.pf-v5-c-nav__link.pf-m-current svg,
.pf-v5-c-nav__link.pf-m-current i {
    color: #5f61e6 !important;
}

/* Main/content area - centered with max-width */
.pf-v5-c-page__main {
    background: #f5f5f7 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.pf-v5-c-page__main-section {
    background: transparent !important;
    padding: 24px 32px !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pf-v5-c-page__main-section:first-child {
    padding-top: 28px !important;
}

.pf-v5-c-content h1,
.pf-v5-c-title {
    color: #1d1d1f !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    letter-spacing: -0.3px !important;
}

.pf-v5-c-content p {
    color: #6e6e73 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Page breadcrumb/description */
.pf-v5-c-page__main-breadcrumb {
    padding: 16px 32px 0 !important;
}

/* Cards and panels */
.pf-v5-c-card {
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
}

.pf-v5-c-card__header {
    background: #ffffff !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 16px 20px !important;
}

.pf-v5-c-card__title {
    color: #1d1d1f !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

.pf-v5-c-card__body {
    color: #374151 !important;
    padding: 20px !important;
    font-size: 14px !important;
}

.pf-v5-c-card__footer {
    background: #ffffff !important;
    border-top: 1px solid #f3f4f6 !important;
    padding: 12px 20px !important;
}

/* Form fields: prevent black backgrounds */
.pf-v5-c-form-control,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle,
.pf-v5-c-text-input-group__text-input,
.pf-v5-c-form-control[readonly] {
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 6px !important;
    color: #1d1d1f !important;
}

.pf-v5-c-form-control::placeholder,
.pf-v5-c-text-input-group__text-input::placeholder {
    color: #9ca3af !important;
}

.pf-v5-c-form-control:hover,
.pf-v5-c-select__toggle:hover,
.pf-v5-c-menu-toggle:hover,
.pf-v5-c-text-input-group__text-input:hover {
    border-color: #9ca3af !important;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-select__toggle:focus,
.pf-v5-c-menu-toggle:focus,
.pf-v5-c-text-input-group__text-input:focus,
.pf-v5-c-form-control:focus-visible,
.pf-v5-c-select__toggle:focus-visible,
.pf-v5-c-form-control:active,
.pf-v5-c-form-control:focus-within {
    border-color: #5f61e6 !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.pf-v5-c-form__label-text {
    color: #1d1d1f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.pf-v5-c-form__helper-text {
    color: #6e6e73 !important;
}

/* Select/dropdown menu should stay white */
.pf-v5-c-select__menu,
.pf-v5-c-menu,
.pf-v5-c-dropdown__menu {
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

.pf-v5-c-menu__item,
.pf-v5-c-select__menu-item {
    color: #374151 !important;
}

.pf-v5-c-menu__item:hover,
.pf-v5-c-select__menu-item:hover {
    background: #f9fafb !important;
    color: #111827 !important;
}

/* Buttons and hovers */
.pf-v5-c-button {
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.pf-v5-c-button.pf-m-primary {
    background: #5f61e6 !important;
    color: #ffffff !important;
    border-color: #5f61e6 !important;
}

.pf-v5-c-button.pf-m-primary:hover:not(:disabled) {
    background: #5557eb !important;
    border-color: #5557eb !important;
}

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

.pf-v5-c-button.pf-m-secondary:hover:not(:disabled) {
    background: #f9fafb !important;
    color: #111827 !important;
    border-color: #9ca3af !important;
}

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

.pf-v5-c-button.pf-m-link:hover:not(:disabled) {
    color: #4d4fd4 !important;
    background: rgba(95, 97, 230, 0.08) !important;
}

/* Data lists / Applications page - FORCE WHITE BACKGROUNDS */
.pf-v5-c-data-list,
.pf-v5-c-data-list__item,
.pf-v5-c-data-list__item-row,
.pf-v5-c-data-list__item-content,
.pf-v5-c-data-list__item-control,
.pf-v5-c-data-list__cell,
.pf-v5-c-data-list__cell-text,
.pf-v5-c-data-list__expandable-content,
.pf-v5-c-data-list__expandable-content-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1d1d1f !important;
}

.pf-v5-c-data-list {
    border: 1px solid #ececf2 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.pf-v5-c-data-list__item {
    border-bottom: 1px solid #ececf2 !important;
    padding: 16px 20px !important;
}

.pf-v5-c-data-list__item:last-child {
    border-bottom: none !important;
}

.pf-v5-c-data-list__item:hover {
    background: #f9fafb !important;
}

/* Data list cells and text */
.pf-v5-c-data-list__cell {
    color: #1d1d1f !important;
}

.pf-v5-c-data-list__cell-text {
    color: #6e6e73 !important;
    font-size: 13px !important;
}

/* Application names/links should be purple */
.pf-v5-c-data-list__item a,
.pf-v5-c-data-list__cell a {
    color: #5f61e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.pf-v5-c-data-list__item a:hover,
.pf-v5-c-data-list__cell a:hover {
    color: #4d4fd4 !important;
    text-decoration: underline !important;
}

/* Headers in data list (th elements) */
.pf-v5-c-data-list th,
.pf-v5-c-data-list__item-row th {
    background: #f9fafb !important;
    color: #6e6e73 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Toolbars and filter rows - light background */
.pf-v5-c-toolbar,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__item,
.pf-v5-c-input-group {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1d1d1f !important;
}

/* Content-area toolbars (NOT header toolbar) get visible styling */
.pf-v5-c-page__main .pf-v5-c-toolbar {
    border: 1px solid #ececf2 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    max-width: 1600px !important;
}

/* Header toolbar should be seamless (no border/padding) */
.pf-v5-c-masthead .pf-v5-c-toolbar {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

/* Toolbar inputs and buttons */
.pf-v5-c-toolbar .pf-v5-c-form-control,
.pf-v5-c-toolbar .pf-v5-c-text-input-group__text-input,
.pf-v5-c-toolbar input {
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    color: #1d1d1f !important;
}

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

.pf-v5-c-toolbar .pf-v5-c-button.pf-m-plain:hover {
    color: #5f61e6 !important;
    background: #f9fafb !important;
}

/* Tables */
.pf-v5-c-table {
    background: #ffffff !important;
    border: 1px solid #ececf2 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.pf-v5-c-table thead {
    background: #f9fafb !important;
}

.pf-v5-c-table th {
    color: #6e6e73 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.pf-v5-c-table td {
    color: #1d1d1f !important;
}

.pf-v5-c-table tbody tr:hover {
    background: #f9fafb !important;
}

/* General links */
a,
.pf-v5-c-link {
    color: #5f61e6 !important;
    text-decoration: none !important;
}

a:hover,
.pf-v5-c-link:hover {
    color: #4d4fd4 !important;
}

/* Sidebar links: NO underline - ever */
.pf-v5-c-nav__link,
.pf-v5-c-nav a,
.pf-v5-c-nav__link:hover,
.pf-v5-c-nav a:hover,
.pf-v5-c-nav__link:focus,
.pf-v5-c-nav a:focus,
.pf-v5-c-nav__link:active,
.pf-v5-c-nav a:active,
.pf-v5-c-nav__link:visited,
.pf-v5-c-nav a:visited,
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"],
.pf-v5-c-page__sidebar a,
.pf-v5-c-page__sidebar a:hover,
.pf-v5-c-page__sidebar a:focus,
.pf-v5-c-page__sidebar a:active {
    text-decoration: none !important;
}

/* Description lists */
.pf-v5-c-description-list,
.pf-v5-c-description-list__group,
.pf-v5-c-description-list__term,
.pf-v5-c-description-list__description {
    background: #ffffff !important;
    color: #1d1d1f !important;
}

.pf-v5-c-description-list__term {
    color: #6e6e73 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

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

/* Labels and badges */
.pf-v5-c-label,
.pf-v5-c-badge {
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

.pf-v5-c-label.pf-m-blue,
.pf-v5-c-badge.pf-m-read {
    background: rgba(95, 97, 230, 0.1) !important;
    color: #5f61e6 !important;
}

.pf-v5-c-label.pf-m-green {
    background: rgba(52, 199, 89, 0.1) !important;
    color: #34c759 !important;
}

/* Switches */
.pf-v5-c-switch__input:checked + .pf-v5-c-switch__toggle {
    background-color: #5f61e6 !important;
    border-color: #5f61e6 !important;
}

/* Tabs */
.pf-v5-c-tabs__link {
    color: #6e6e73 !important;
    font-weight: 500 !important;
}

.pf-v5-c-tabs__link:hover {
    color: #5f61e6 !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    color: #5f61e6 !important;
    border-bottom-color: #5f61e6 !important;
}

/* Alerts */
.pf-v5-c-alert {
    background: #ffffff !important;
}

.pf-v5-c-alert.pf-m-success {
    border-left: 3px solid #34c759 !important;
    background: #f0fdf4 !important;
}

.pf-v5-c-alert.pf-m-danger {
    border-left: 3px solid #ff3b30 !important;
    background: #fef2f2 !important;
}

.pf-v5-c-alert.pf-m-warning {
    border-left: 3px solid #ff9500 !important;
    background: #fffbeb !important;
}

.pf-v5-c-alert.pf-m-info {
    border-left: 3px solid #5f61e6 !important;
    background: #eff6ff !important;
}

/* Modals */
.pf-v5-c-modal-box,
.pf-v5-c-modal-box__header,
.pf-v5-c-modal-box__body,
.pf-v5-c-modal-box__footer {
    background: #ffffff !important;
    color: #1d1d1f !important;
}

.pf-v5-c-modal-box {
    border-radius: 12px !important;
}

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

/* Empty states */
.pf-v5-c-empty-state {
    background: #ffffff !important;
    padding: 48px 24px !important;
}

.pf-v5-c-empty-state__icon {
    color: #9ca3af !important;
}

.pf-v5-c-empty-state__primary .pf-v5-c-title {
    color: #1d1d1f !important;
}

.pf-v5-c-empty-state__body {
    color: #6e6e73 !important;
}

/* Pagination */
.pf-v5-c-pagination,
.pf-v5-c-pagination__nav {
    background: #ffffff !important;
}

.pf-v5-c-pagination .pf-v5-c-button.pf-m-plain:hover {
    color: #5f61e6 !important;
}

/* Dividers */
.pf-v5-c-divider,
hr {
    border-color: #ececf2 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #d2d2d7;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Avatar - bigger and better */
.pf-v5-c-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 2px solid #ececf2 !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    background: #f0eef9 !important;
}

/* Avatar inside user toggle */
.pf-v5-c-masthead .pf-v5-c-menu-toggle .pf-v5-c-avatar,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle .pf-v5-c-avatar {
    width: 34px !important;
    height: 34px !important;
    border: 2px solid #e5e7eb !important;
}

/* Brand logo in header - clean */
.pf-v5-c-brand,
.pf-v5-c-masthead__brand,
.pf-v5-c-masthead__brand img {
    max-height: 28px !important;
    display: flex !important;
    align-items: center !important;
}

.pf-v5-c-masthead__brand {
    flex-shrink: 0 !important;
}

/* "Jump to section" right-side nav (Personal Info page) */
.pf-v5-c-jump-links {
    background: transparent !important;
}

.pf-v5-c-jump-links__link {
    color: #6e6e73 !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-left: 2px solid #ececf2 !important;
    text-decoration: none !important;
}

.pf-v5-c-jump-links__link:hover {
    color: #5f61e6 !important;
    border-left-color: #5f61e6 !important;
}

.pf-v5-c-jump-links__item.pf-m-current .pf-v5-c-jump-links__link {
    color: #5f61e6 !important;
    font-weight: 600 !important;
    border-left-color: #5f61e6 !important;
}

/* Text input group (search bars, filters) */
.pf-v5-c-text-input-group {
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 6px !important;
}

.pf-v5-c-text-input-group__icon {
    color: #9ca3af !important;
}

/* Spinner / loading */
.pf-v5-c-spinner {
    --pf-v5-c-spinner--Color: #5f61e6 !important;
}

/* ===============================================
   POLISHED DETAILS - Platform consistency
   =============================================== */

/* Form control height consistency */
.pf-v5-c-form-control,
.pf-v5-c-page__main .pf-v5-c-menu-toggle,
.pf-v5-c-page__main .pf-v5-c-select__toggle {
    height: 40px !important;
    font-size: 14px !important;
}

/* Disabled form states */
.pf-v5-c-form-control:disabled,
.pf-v5-c-form-control[disabled] {
    background: #f9fafb !important;
    color: #9ca3af !important;
    border-color: #e5e7eb !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

/* Read-only fields (username, email) */
.pf-v5-c-form-control[readonly] {
    background: #f9fafb !important;
    color: #6e6e73 !important;
    border-color: #ececf2 !important;
}

/* Linked accounts table (sessions, devices) */
.pf-v5-c-table tbody td {
    font-size: 13px !important;
    padding: 12px 16px !important;
    vertical-align: middle !important;
}

.pf-v5-c-table thead th {
    padding: 10px 16px !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
}

/* Session badge "Sessao Atual" / "Current Session" */
.pf-v5-c-label.pf-m-compact {
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
}

/* Description list on Personal Info page */
.pf-v5-c-description-list {
    gap: 16px !important;
}

.pf-v5-c-description-list__group {
    padding: 12px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.pf-v5-c-description-list__group:last-child {
    border-bottom: none !important;
}

.pf-v5-c-description-list__term {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    color: #9ca3af !important;
    margin-bottom: 4px !important;
}

.pf-v5-c-description-list__description {
    font-size: 14px !important;
    color: #1d1d1f !important;
    font-weight: 500 !important;
}

/* Action links (Edit, Remove, Connect) */
.pf-v5-c-button.pf-m-link.pf-m-inline {
    color: #5f61e6 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 4px 0 !important;
}

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

/* Pagination controls */
.pf-v5-c-pagination {
    padding: 8px 16px !important;
    font-size: 13px !important;
    border-top: 1px solid #ececf2 !important;
}

.pf-v5-c-pagination__total-items {
    color: #6e6e73 !important;
    font-size: 12px !important;
}

/* Chip / filter chips */
.pf-v5-c-chip {
    background: #f5f5f7 !important;
    border: 1px solid #ececf2 !important;
    border-radius: 16px !important;
    color: #374151 !important;
    font-size: 12px !important;
    padding: 2px 8px !important;
}

.pf-v5-c-chip .pf-v5-c-button {
    color: #9ca3af !important;
}

.pf-v5-c-chip .pf-v5-c-button:hover {
    color: #ef4444 !important;
}

/* Expandable section toggle */
.pf-v5-c-expandable-section__toggle {
    color: #5f61e6 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

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

/* Tooltip */
.pf-v5-c-tooltip__content {
    background: #1d1d1f !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Progress bar (if used for quota etc) */
.pf-v5-c-progress__bar {
    background: #5f61e6 !important;
    border-radius: 4px !important;
}

.pf-v5-c-progress__bar::before {
    background: #ececf2 !important;
}

/* Accordion */
.pf-v5-c-accordion__toggle {
    color: #374151 !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
}

.pf-v5-c-accordion__toggle:hover {
    background: #f5f5f7 !important;
    color: #5f61e6 !important;
}

.pf-v5-c-accordion__expanded-content-body {
    padding: 12px 16px !important;
    color: #374151 !important;
    font-size: 14px !important;
}

/* Selection/focus outlines - purple ring */
*:focus-visible {
    outline: 2px solid rgba(95, 97, 230, 0.4) !important;
    outline-offset: 2px !important;
}

/* Transitions for smooth UI */
.pf-v5-c-button,
.pf-v5-c-nav__link,
.pf-v5-c-menu-toggle,
.pf-v5-c-dropdown__toggle,
.pf-v5-c-card,
.pf-v5-c-data-list__item {
    transition: all 0.15s ease !important;
}

/* Catch-all: neutralize any remaining dark surfaces from PatternFly dark theme */
.pf-v5-c-page,
.pf-v5-c-page__main-container,
.pf-v5-c-page__drawer,
.pf-v5-c-drawer__content,
.pf-v5-c-drawer__panel,
.pf-v5-c-panel,
.pf-v5-c-expandable-section__content,
.pf-v5-c-accordion__expanded-content,
.pf-v5-c-chip,
.pf-v5-c-chip-group,
.pf-v5-c-popover__content,
.pf-v5-c-tooltip__content,
.pf-v5-c-notification-drawer {
    background-color: inherit !important;
    color: inherit !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .pf-v5-c-page__sidebar {
        width: 240px !important;
        min-width: 240px !important;
    }

    .pf-v5-c-page__main-section {
        padding: 20px 16px !important;
    }
}

@media (max-width: 768px) {
    .pf-v5-c-page__main-section {
        padding: 16px 12px !important;
    }

    .pf-v5-c-content h1,
    .pf-v5-c-title {
        font-size: 18px !important;
    }

    .pf-v5-c-card__body {
        padding: 16px !important;
    }
}

/* ===============================================
   FIX: Select/Menu-toggle borders - NUCLEAR
   =============================================== */

/* Kill ALL ::before/::after on toggles at root level */
:where(.pf-v5-c-menu-toggle)::before,
:where(.pf-v5-c-menu-toggle)::after {
    all: unset !important;
    content: "" !important;
    display: none !important;
    position: static !important;
    border: 0 none transparent !important;
    width: 0 !important;
    height: 0 !important;
}

/* Zero out ALL PF5 menu-toggle CSS variables at :root */
:root {
    --pf-v5-c-menu-toggle--before--BorderTopWidth: 0 !important;
    --pf-v5-c-menu-toggle--before--BorderRightWidth: 0 !important;
    --pf-v5-c-menu-toggle--before--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--before--BorderLeftWidth: 0 !important;
    --pf-v5-c-menu-toggle--after--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--before--BorderTopColor: transparent !important;
    --pf-v5-c-menu-toggle--before--BorderRightColor: transparent !important;
    --pf-v5-c-menu-toggle--before--BorderBottomColor: transparent !important;
    --pf-v5-c-menu-toggle--before--BorderLeftColor: transparent !important;
    --pf-v5-c-menu-toggle--after--BorderBottomColor: transparent !important;
    --pf-v5-c-menu-toggle--m-expanded--before--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--hover--before--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--BorderRadius: 8px !important;
}

/* Base menu-toggle: clean border */
.pf-v5-c-menu-toggle,
.pf-v5-c-menu-toggle:hover,
.pf-v5-c-menu-toggle:focus,
.pf-v5-c-menu-toggle:focus-visible,
.pf-v5-c-menu-toggle:focus-within,
.pf-v5-c-menu-toggle:active,
.pf-v5-c-menu-toggle.pf-m-expanded {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.pf-v5-c-menu-toggle {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    color: #374151 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.pf-v5-c-menu-toggle:hover {
    border: 1px solid #d1d5db !important;
    background: #f9fafb !important;
    box-shadow: none !important;
}

.pf-v5-c-menu-toggle:focus,
.pf-v5-c-menu-toggle:focus-visible {
    border: 1px solid #5f61e6 !important;
    box-shadow: 0 0 0 2px rgba(95, 97, 230, 0.15) !important;
}

/* Plain toggles (hamburger) - no border at all */
.pf-v5-c-menu-toggle.pf-m-plain,
.pf-v5-c-menu-toggle.pf-m-plain:hover,
.pf-v5-c-menu-toggle.pf-m-plain:focus {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pf-v5-c-menu-toggle.pf-m-plain::before,
.pf-v5-c-menu-toggle.pf-m-plain::after {
    all: unset !important;
    display: none !important;
}

/* Header user toggle: pill */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain) {
    background: #f5f5f7 !important;
    border: 1px solid #ececf2 !important;
    border-radius: 20px !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain):hover {
    background: #ececf2 !important;
    border: 1px solid #d2d2d7 !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain):focus {
    border: 1px solid #5f61e6 !important;
    box-shadow: 0 0 0 2px rgba(95, 97, 230, 0.2) !important;
}

/* Content area toggles */
.pf-v5-c-page__main .pf-v5-c-menu-toggle {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
}

/* Chevron icon */
.pf-v5-c-menu-toggle__controls {
    color: #9ca3af !important;
}

.pf-v5-c-menu-toggle__count {
    color: #5f61e6 !important;
    font-weight: 600 !important;
}

/* ===============================================
   UI IMPROVEMENTS
   =============================================== */

/* Better brand logo sizing */
.pf-v5-c-brand,
.pf-v5-c-masthead__brand img {
    max-height: 32px !important;
    object-fit: contain !important;
}

/* Smoother card hover */
.pf-v5-c-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

/* Better button styles */
.pf-v5-c-button.pf-m-primary {
    box-shadow: 0 1px 2px rgba(95, 97, 230, 0.2) !important;
}

.pf-v5-c-button.pf-m-primary:hover:not(:disabled) {
    box-shadow: 0 2px 6px rgba(95, 97, 230, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Better table row hover */
.pf-v5-c-table tbody tr {
    transition: background 0.1s ease !important;
}

/* Improve data list item hover */
.pf-v5-c-data-list__item {
    transition: background 0.1s ease !important;
}

/* Nav link active indicator - smoother */
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
    transition: all 0.2s ease !important;
}

/* Better form control sizing */
.pf-v5-c-form-control {
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Smooth page transitions */
.pf-v5-c-page__main-section {
    animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Better empty state */
.pf-v5-c-empty-state {
    border-radius: 12px !important;
}

/* Improve switch toggle */
.pf-v5-c-switch__toggle {
    transition: background-color 0.2s ease !important;
}

/* Better modal backdrop */
.pf-v5-c-backdrop {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(2px) !important;
}

/* Improve alert close button */
.pf-v5-c-alert .pf-v5-c-button.pf-m-plain {
    border-radius: 4px !important;
}

.pf-v5-c-alert .pf-v5-c-button.pf-m-plain:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

/* ===============================================
   FINAL UI/UX POLISHING
   =============================================== */

/* Page content wrapper - max-width */
.pf-v5-c-page__main-container {
    max-width: 1600px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* All main sections - force centering */
.pf-v5-c-page__main > *,
.pf-v5-c-page__main-section > *,
.pf-v5-c-page__main-section .pf-v5-l-stack,
.pf-v5-c-page__main-section .pf-v5-l-stack__item {
    max-width: 1600px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Force all cards to center */
.pf-v5-c-page__main .pf-v5-c-card {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Form inputs - cleaner */
.pf-v5-c-form-control {
    min-height: 38px !important;
    padding: 8px 12px !important;
}

/* Form labels - cleaner spacing */
.pf-v5-c-form__group {
    margin-bottom: 20px !important;
}

.pf-v5-c-form__label {
    margin-bottom: 6px !important;
}

/* Required asterisk - purple */
.pf-v5-c-form__label-required {
    color: #5f61e6 !important;
}

/* Save/Cancel buttons - better spacing */
.pf-v5-c-form__actions,
.pf-v5-c-form__group--action {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid #f3f4f6 !important;
    gap: 12px !important;
}

/* Data list - max-width on content pages */
.pf-v5-c-data-list {
    max-width: 1600px !important;
}

/* Tables - max-width */
.pf-v5-c-table {
    max-width: 1600px !important;
}

/* Card body - better spacing */
.pf-v5-c-card__body {
    line-height: 1.6 !important;
}

/* Better link hover - subtle underline */
.pf-v5-c-page__main a:hover:not(.pf-v5-c-button):not(.pf-v5-c-nav__link) {
    text-decoration: underline !important;
}

/* Breadcrumb styling */
.pf-v5-c-breadcrumb__item {
    font-size: 13px !important;
    color: #6e6e73 !important;
}

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

/* Better disabled input appearance */
input:disabled,
input[disabled],
input[readonly] {
    background: #f9fafb !important;
    color: #6e6e73 !important;
    cursor: not-allowed !important;
    opacity: 0.8 !important;
}

/* Action group (Save/Cancel) - flex with gap */
.pf-v5-c-action-list {
    gap: 12px !important;
}

/* Notification badge */
.pf-v5-c-notification-badge {
    color: #5f61e6 !important;
}

/* Hamburger menu icon */
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
    width: 32px !important;
    height: 32px !important;
}

/* Content section headings - better hierarchy */
.pf-v5-c-page__main-section h1 {
    margin-bottom: 4px !important;
}

.pf-v5-c-page__main-section .pf-v5-c-content p:first-of-type {
    margin-bottom: 24px !important;
}

/* Two-column layout on personal info - cleaner */
.pf-v5-c-page__main-section .pf-l-grid {
    gap: 24px !important;
}

/* Jump links (right sidebar) - sticky and cleaner */
.pf-v5-c-jump-links {
    position: sticky !important;
    top: 80px !important;
}

.pf-v5-c-jump-links__list {
    gap: 2px !important;
}

/* Table actions column - right aligned */
.pf-v5-c-table td:last-child .pf-v5-c-button {
    float: right !important;
}

/* Empty state illustrations - centered nicely */
.pf-v5-c-empty-state__icon svg,
.pf-v5-c-empty-state__icon img {
    width: 64px !important;
    height: 64px !important;
    color: #d2d2d7 !important;
}

/* Page title area - cleaner */
.pf-v5-c-page__main-section:first-child {
    padding-bottom: 16px !important;
    border-bottom: 1px solid #ececf2 !important;
    margin-bottom: 0 !important;
}

/* Skeleton loading states */
.pf-v5-c-skeleton {
    background: #ececf2 !important;
    border-radius: 6px !important;
}

/* Toast notifications */
.pf-v5-c-alert-group {
    z-index: 10000 !important;
}

.pf-v5-c-alert-group .pf-v5-c-alert {
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* Better scrollbar on sidebar */
.pf-v5-c-page__sidebar-body::-webkit-scrollbar {
    width: 4px;
}

.pf-v5-c-page__sidebar-body::-webkit-scrollbar-thumb {
    background: #d2d2d7;
    border-radius: 2px;
}

/* Mobile sidebar overlay */
@media (max-width: 1024px) {
    .pf-v5-c-page__sidebar.pf-m-expanded {
        box-shadow: 8px 0 24px rgba(0, 0, 0, 0.1) !important;
    }
}

/* ===============================================
   POLISH: Extra UI/UX refinements
   =============================================== */

/* Sidebar expandable nav items - smooth animation */
.pf-v5-c-nav__subnav {
    animation: slideDown 0.2s ease-out !important;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Sidebar scroll - smooth */
.pf-v5-c-page__sidebar-body {
    scroll-behavior: smooth !important;
}

/* Form control focus - more visible purple ring */
.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-visible {
    border-color: #5f61e6 !important;
    box-shadow: 0 0 0 3px rgba(95, 97, 230, 0.12) !important;
}

/* Better focus for checkboxes/radios */
.pf-v5-c-check__input:focus + .pf-v5-c-check__label::before,
.pf-v5-c-radio__input:focus + .pf-v5-c-radio__label::before {
    box-shadow: 0 0 0 2px rgba(95, 97, 230, 0.2) !important;
}

/* Table header - make it sticky on scroll */
.pf-v5-c-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
}

/* Data list items - better hover */
.pf-v5-c-data-list__item:hover {
    background: #f9fafb !important;
    transition: background 0.1s ease !important;
}

/* Cards - subtle elevation on hover */
.pf-v5-c-card {
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.pf-v5-c-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px) !important;
}

/* Button group - better spacing */
.pf-v5-c-button + .pf-v5-c-button {
    margin-left: 8px !important;
}

/* Disabled state - more obvious */
.pf-v5-c-button:disabled,
.pf-v5-c-button[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* Dropdown menu items - icon spacing */
.pf-v5-c-menu__item svg,
.pf-v5-c-menu__item i,
.pf-v5-c-dropdown__menu-item svg,
.pf-v5-c-dropdown__menu-item i {
    margin-right: 8px !important;
}

/* Tabs - active indicator more visible */
.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
    background-color: #5f61e6 !important;
    height: 3px !important;
}

/* Progress bar - purple */
.pf-v5-c-progress__indicator {
    background-color: #5f61e6 !important;
}

/* Badge - purple variant */
.pf-v5-c-badge.pf-m-unread {
    background-color: #5f61e6 !important;
    color: #ffffff !important;
}

/* Spinner - purple */
.pf-v5-c-spinner svg circle {
    stroke: #5f61e6 !important;
}

/* Better link underline */
a:hover {
    text-decoration-thickness: 2px !important;
}

/* Nav item with icon - better alignment */
.pf-v5-c-nav__link {
    display: flex !important;
    align-items: center !important;
}

/* Section titles - better spacing */
h1 + p,
.pf-v5-c-title + .pf-v5-c-content {
    margin-top: 4px !important;
}

/* Form section spacing */
.pf-v5-c-form__section + .pf-v5-c-form__section {
    margin-top: 32px !important;
}

/* Better disabled readonly input */
input[readonly].pf-v5-c-form-control {
    background: #fafafa !important;
    cursor: default !important;
}