/* ==============================================
   Kallesoft Keycloak Admin Theme
   Brand colors: #257bf4 (primary), #1e63c3 (secondary)
   Dark header: #0f172a, Sidebar: #1e293b
   ============================================== */

:root {
  /* ── Kallesoft Brand Colors ── */
  --pf-v5-global--primary-color--100: #257bf4 !important;
  --pf-v5-global--primary-color--200: #1e63c3 !important;
  --pf-v5-global--primary-color--light-100: #6aaafb !important;
  --pf-v5-global--primary-color--dark-100: #164fa0 !important;

  /* Links */
  --pf-v5-global--link--Color: #257bf4 !important;
  --pf-v5-global--link--Color--hover: #1e63c3 !important;

  /* ── Header / Masthead — dark brand ── */
  --pf-v5-c-masthead--BackgroundColor: #0f172a !important;
  --pf-v5-c-masthead__brand--BackgroundColor: transparent !important;
  --pf-v5-c-page__header--BackgroundColor: #0f172a !important;

  /* ── Sidebar ── */
  --pf-v5-c-page__sidebar--BackgroundColor: #1e293b !important;
  --pf-v5-c-nav--BackgroundColor: transparent !important;
  --pf-v5-c-nav__link--Color: rgba(203,213,225,1) !important;
  --pf-v5-c-nav__link--hover--Color: #fff !important;
  --pf-v5-c-nav__link--m-current--Color: #fff !important;
  --pf-v5-c-nav__link--m-current--after--BorderColor: #257bf4 !important;
  --pf-v5-c-nav__link--hover--BackgroundColor: rgba(37,123,244,.12) !important;
  --pf-v5-c-nav__link--m-current--BackgroundColor: rgba(37,123,244,.15) !important;

  /* ── Page background ── */
  --pf-v5-c-page__main-section--BackgroundColor: #0f172a !important;
  --pf-v5-c-page__main--BackgroundColor: #0f172a !important;

  /* ── Buttons ── */
  --pf-v5-c-button--m-primary--BackgroundColor: #257bf4 !important;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #1e63c3 !important;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #164fa0 !important;

  /* ── Borders ── */
  --pf-v5-global--BorderColor--100: rgba(100,116,139,.35) !important;
  --pf-v5-global--BorderColor--200: rgba(100,116,139,.2) !important;

  /* ── Cards / Panels ── */
  --pf-v5-c-card--BackgroundColor: rgba(30,41,59,.6) !important;
  --pf-v5-c-card--BorderColor: rgba(255,255,255,.08) !important;

  /* ── Text ── */
  --pf-v5-global--Color--100: #e2e8f0 !important;
  --pf-v5-global--Color--200: rgba(148,163,184,1) !important;
  --pf-v5-global--Color--dark-100: #fff !important;

  /* ── Form controls ── */
  --pf-v5-c-form-control--BackgroundColor: rgba(15,23,42,.6) !important;
  --pf-v5-c-form-control--BorderColor: rgba(100,116,139,.4) !important;
  --pf-v5-c-form-control--Color: #e2e8f0 !important;
  --pf-v5-c-form-control--focus--BorderColor: #257bf4 !important;

  /* ── Table ── */
  --pf-v5-c-table--BackgroundColor: rgba(30,41,59,.4) !important;
  --pf-v5-c-table--BorderColor: rgba(100,116,139,.2) !important;

  /* ── Toolbar ── */
  --pf-v5-c-toolbar--BackgroundColor: rgba(15,23,42,.5) !important;
}

/* ── Global page background ── */
body,
.pf-v5-c-page,
#root {
    background-color: #0f172a !important;
    font-family: 'Inter', 'RedHatDisplay', 'RedHatText', sans-serif !important;
}

/* ── Masthead / Header ── */
.pf-v5-c-masthead,
.pf-c-masthead {
    background-color: #0f172a !important;
    border-bottom: 1px solid rgba(37,123,244,.2) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.5) !important;
    min-height: 64px !important;
}

/* ── Logo replacement ── */
.pf-v5-c-masthead__brand img,
.pf-c-brand img {
    display: none !important;
}

.pf-v5-c-masthead__brand,
.pf-c-brand {
    background-image: url('../img/logotiposemfundo.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    height: 44px !important;
    width: 160px !important;
    display: block !important;
}

/* ── Sidebar nav ── */
.pf-v5-c-page__sidebar,
.pf-c-page__sidebar {
    background-color: #1e293b !important;
    border-right: 1px solid rgba(37,123,244,.15) !important;
    box-shadow: 2px 0 12px rgba(0,0,0,.3) !important;
}

.pf-v5-c-nav__section-title {
    color: rgba(100,116,139,1) !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    font-size: .7rem !important;
}

.pf-v5-c-nav__link {
    font-weight: 500 !important;
    border-radius: 6px !important;
    margin: 1px 8px !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
    color: #fff !important;
}

/* ── Cards ── */
.pf-v5-c-card {
    background-color: rgba(30,41,59,.5) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
    color: #e2e8f0 !important;
}

.pf-v5-c-card__title,
.pf-v5-c-card__header {
    color: #fff !important;
    border-bottom-color: rgba(100,116,139,.2) !important;
}

/* ── Tables ── */
.pf-v5-c-table {
    background-color: rgba(30,41,59,.4) !important;
    color: #e2e8f0 !important;
}
.pf-v5-c-table thead th,
.pf-v5-c-table__th {
    color: rgba(148,163,184,1) !important;
    background-color: rgba(15,23,42,.5) !important;
    border-bottom-color: rgba(100,116,139,.25) !important;
    font-size: .75rem !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}
.pf-v5-c-table tbody tr:hover {
    background-color: rgba(37,123,244,.07) !important;
}
.pf-v5-c-table__td {
    border-bottom-color: rgba(100,116,139,.15) !important;
    color: #e2e8f0 !important;
}

/* ── Form controls ── */
.pf-v5-c-form-control,
.pf-v5-c-text-input-group__text-input {
    background-color: rgba(15,23,42,.6) !important;
    border-color: rgba(100,116,139,.4) !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}
.pf-v5-c-form-control:focus-within {
    border-color: #257bf4 !important;
    box-shadow: 0 0 0 2px rgba(37,123,244,.2) !important;
}

/* ── Toolbar ── */
.pf-v5-c-toolbar {
    background-color: rgba(15,23,42,.4) !important;
}

/* ── Badges ── */
.pf-v5-c-badge.pf-m-read {
    background-color: rgba(37,123,244,.2) !important;
    color: #6aaafb !important;
}

/* ── Alert / notification ── */
.pf-v5-c-alert.pf-m-info {
    background-color: rgba(37,123,244,.1) !important;
    border-color: rgba(37,123,244,.3) !important;
}

/* ── Primary button global ── */
.pf-v5-c-button.pf-m-primary {
    background-color: #257bf4 !important;
    border-color: #257bf4 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}
.pf-v5-c-button.pf-m-primary:hover {
    background-color: #1e63c3 !important;
    border-color: #1e63c3 !important;
}

/* ── Secondary button ── */
.pf-v5-c-button.pf-m-secondary {
    border-color: rgba(100,116,139,.5) !important;
    color: #e2e8f0 !important;
    border-radius: 6px !important;
}
.pf-v5-c-button.pf-m-secondary:hover {
    background-color: rgba(37,123,244,.1) !important;
    border-color: #257bf4 !important;
    color: #fff !important;
}

/* ── Page section backgrounds ── */
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-breadcrumb {
    background-color: #0f172a !important;
}

/* ── Breadcrumb ── */
.pf-v5-c-breadcrumb__item-divider,
.pf-v5-c-breadcrumb__link { color: rgba(148,163,184,1) !important; }
.pf-v5-c-breadcrumb__link.pf-m-current { color: #fff !important; }

/* ── Page title ── */
.pf-v5-c-content h1,
.pf-v5-c-title { color: #fff !important; }