/*
 * SureCred Admin Console Theme — Dark
 * Keycloak 26 / PatternFly 5
 *
 * Dark variant: inverted backgrounds, elevated surfaces, lighter purple accents.
 */

:root {
  /* ── SureCred dark palette ───────────────────────── */
  --sc-navy:        #0c1630;
  --sc-navy-dark:   #050a14;
  --sc-navy-mid:    #111e3a;
  --sc-navy-light:  #1a2d4f;
  --sc-surface:     #162040;
  --sc-purple:      #9f95e6;
  --sc-purple-dark: #7c6dd8;
  --sc-purple-lite: #c4bdff;
  --sc-white:       #eef0fa;
  --sc-text-muted:  #8a9bbf;

  /* ── PatternFly 5 global overrides (dark) ─────────── */
  --pf-v5-global--primary-color--100:    var(--sc-purple);
  --pf-v5-global--primary-color--200:    var(--sc-purple-dark);
  --pf-v5-global--link--Color:           var(--sc-purple);
  --pf-v5-global--link--Color--hover:    var(--sc-purple-lite);
  --pf-v5-global--active-color--100:     var(--sc-purple);
  --pf-v5-global--Color--100:            var(--sc-white);
  --pf-v5-global--Color--200:            var(--sc-text-muted);
  --pf-v5-global--BackgroundColor--100:  var(--sc-navy-mid);
  --pf-v5-global--BackgroundColor--200:  var(--sc-surface);

  /* Nav / sidebar */
  --pf-v5-global--palette--black-900:    var(--sc-navy-dark);
  --pf-v5-global--palette--black-800:    var(--sc-navy);

  /* Buttons */
  --pf-v5-c-button--m-primary--BackgroundColor:       var(--sc-purple-dark);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--sc-purple-lite);
  --pf-v5-c-button--m-primary--Color:                 #050a14;

  /* Nav items */
  --pf-v5-c-nav__link--Color:                         rgba(238,240,250,0.75);
  --pf-v5-c-nav__link--hover--Color:                  var(--sc-white);
  --pf-v5-c-nav__link--m-current--Color:              var(--sc-white);
  --pf-v5-c-nav__link--m-current--BackgroundColor:    rgba(159,149,230,0.2);

  /* Masthead */
  --pf-v5-c-masthead--BackgroundColor:                var(--sc-navy-dark);
  --pf-v5-c-page__sidebar--BackgroundColor:           var(--sc-navy);

  /* Cards / surfaces */
  --pf-v5-c-card--BackgroundColor:       var(--sc-surface);
  --pf-v5-c-card--m-flat--BackgroundColor: var(--sc-navy-light);
}

/* Logo area: show SureCred branding */
.pf-v5-c-masthead__brand {
  background-image: url('../img/logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-width: 120px !important;
  min-height: 32px !important;
  padding-left: 130px !important;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: var(--sc-white) !important;
  font-size: 0 !important;
}

.pf-v5-c-masthead__brand::after {
  content: 'SureCred' !important;
  font-size: 18px !important;
}

/* Page background */
.pf-v5-c-page,
body {
  background-color: var(--sc-navy-mid) !important;
  color: var(--sc-white) !important;
}

/* Sidebar */
.pf-v5-c-page__sidebar,
[class*="PageSidebar"] {
  background-color: var(--sc-navy) !important;
}

/* Masthead */
.pf-v5-c-masthead,
[class*="Masthead"] {
  background-color: var(--sc-navy-dark) !important;
  border-bottom: 1px solid rgba(124,109,216,0.3) !important;
}

/* Cards */
.pf-v5-c-card {
  background-color: var(--sc-surface) !important;
  border-color: rgba(124,109,216,0.2) !important;
  color: var(--sc-white) !important;
}

/* Forms */
.pf-v5-c-form-control,
input,
select,
textarea {
  background-color: var(--sc-navy-light) !important;
  border-color: rgba(159,149,230,0.3) !important;
  color: var(--sc-white) !important;
}

.pf-v5-c-form-control:focus,
input:focus,
select:focus {
  border-color: var(--sc-purple) !important;
  box-shadow: 0 0 0 2px rgba(159,149,230,0.25) !important;
}

/* Active nav item */
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
.pf-v5-c-nav__link.pf-m-current {
  background-color: rgba(159,149,230,0.2) !important;
  border-left: 3px solid var(--sc-purple) !important;
}

/* Buttons */
.pf-v5-c-button.pf-m-primary {
  background-color: var(--sc-purple-dark) !important;
  border-color: var(--sc-purple-dark) !important;
  color: #050a14 !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background-color: var(--sc-purple) !important;
}

/* Links */
a,
.pf-v5-c-nav__link,
.pf-v5-c-breadcrumb__link {
  color: var(--sc-purple) !important;
}

a:hover {
  color: var(--sc-purple-lite) !important;
}

/* Tables */
.pf-v5-c-table {
  background-color: var(--sc-surface) !important;
  color: var(--sc-white) !important;
}

.pf-v5-c-table thead {
  background-color: var(--sc-navy-light) !important;
}

.pf-v5-c-table tr:hover {
  background-color: rgba(124,109,216,0.1) !important;
}

/* Tabs */
.pf-v5-c-tabs__link.pf-m-current {
  color: var(--sc-purple) !important;
  border-bottom-color: var(--sc-purple) !important;
}

/* Focus ring */
*:focus-visible {
  outline-color: var(--sc-purple) !important;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  background: var(--sc-navy-dark);
}

::-webkit-scrollbar-thumb {
  background: rgba(124,109,216,0.4);
  border-radius: 3px;
}