/* ===================================================================
 *  Dataeaze - Keycloak admin console theme
 *  Black & white styling overrides on top of keycloak.v2.
 * =================================================================== */

:root {
    --de-black:      #000000;
    --de-near-black: #111111;
    --de-text:       #1a1a1a;
    --de-bg:         #f6f6f6;
    --de-card:       #ffffff;
    --de-border:     #d9d9d9;
    --de-accent:     #e2231a;
}

/* Top masthead background -> black */
.pf-c-page__header,
.pf-v5-c-masthead {
    background-color: var(--de-black) !important;
    border-bottom: 1px solid #1f1f1f !important;
}

/* Make header text white for legibility */
.pf-c-page__header *,
.pf-v5-c-masthead * {
    color: #ffffff !important;
}

/* Sidebar */
.pf-c-page__sidebar,
.pf-v5-c-page__sidebar {
    background-color: #1a1a1a !important;
}

.pf-c-nav__link,
.pf-v5-c-nav__link {
    color: #d9d9d9 !important;
}

.pf-c-nav__link:hover,
.pf-v5-c-nav__link:hover {
    background-color: #262626 !important;
    color: #ffffff !important;
}

.pf-m-current > .pf-c-nav__link,
.pf-m-current > .pf-v5-c-nav__link {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-left: 3px solid var(--de-accent) !important;
}

/* Primary action buttons */
.pf-c-button.pf-m-primary,
.pf-v5-c-button.pf-m-primary {
    background-color: var(--de-black) !important;
    border-color: var(--de-black) !important;
    color: #ffffff !important;
}

.pf-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:hover {
    background-color: #2a2a2a !important;
    border-color: #2a2a2a !important;
}

/* Ensure the brand image in the masthead respects the combined
   iauro + dataeaze lockup aspect ratio (~5.5:1). */
.pf-c-brand,
.pf-v5-c-brand {
    height: 38px !important;
    max-width: 280px;
}