/* 1. Ghi đè biến hệ thống ở mức cao nhất để ép màu toàn cục */
:root {
    --pf-v5-c-page__header--BackgroundColor: #004a99 !important;
    --pf-v5-c-page__sidebar--BackgroundColor: #004a99 !important;
    --pf-v5-c-page__header--color: #ffffff !important;
}

/* 2. Đánh thẳng vào các phần tử con của Header để không ô nào bị sót màu đen */
.pf-v5-c-page__header-brand,
.pf-v5-c-page__header-tools,
.pf-v5-c-page__header-main,
header#keycloak-console-header,
.pf-v5-c-page__header {
    background-color: #004a99 !important;
    background: #004a99 !important;
    border-top: 4px solid #f2a900 !important; /* Viền vàng thương hiệu Mavin */
}

/* 3. Ép Logo Mavin (Ẩn logo cũ và chèn ảnh nền mới) */
.pf-v5-c-brand, 
.pf-c-brand,
.pf-v5-c-page__header-brand-link img {
    background-image: url('../img/logo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 40px !important;
    width: 150px !important;
    object-position: -9999px !important; /* Đẩy logo Keycloak ra khỏi vùng nhìn thấy */
    display: inline-block !important;
}

/* 4. Ép màu trắng cho tất cả chữ và icon trên thanh Header */
header * {
    color: #ffffff !important;
}