/* ===== Page Background ===== */
.login-pf body {
    background: #ffffff none;
}

/* ===== Logo / Header ===== */
#kc-header-wrapper {
    background: url('../img/DCBar_Logo.png') no-repeat center;
    background-size: contain;
    height: 100px;
    font-size: 0;
    color: transparent;
    margin-bottom: 20px;
}

/* ===== Login Card ===== */
.card-pf {
    background: #f2f5fa;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    border-color: #ed1745;
}

/* ===== Buttons ===== */
.pf-c-button.pf-m-primary {
    background-color: #ed1745 !important;
    border-color: #ed1745 !important;
    color: #ffffff !important;
    font-weight: 600;
}
.pf-c-button.pf-m-primary:hover {
    background-color: #d01340 !important;
    border-color: #d01340 !important;
}

/* ===== Links ===== */
.login-pf a {
    color: #0a263b;
}

.login-pf a:hover {
    color: #ed1745;
}

/* ===== Form Labels ===== */
.pf-c-form__label-text {
    color: #0a263b;
    font-weight: 600;
}

/* ===== Input Fields ===== */
.pf-c-form-control {
    border: 1px solid #ccd3dd;
    border-radius: 4px;
}

.pf-c-form-control:focus {
    border-color: #ed1745;
    box-shadow: 0 0 0 2px rgba(237, 23, 69, 0.2);
}

/* ===== Info Section ===== */
#kc-info-wrapper {
    background-color: #e8ecf2;
}

/* ===== Password Visibility Button ===== */
.pf-c-button.pf-m-control:hover::after,
.pf-c-button.pf-m-control:focus::after,
.pf-c-button.pf-m-control:active::after {
    border-bottom-color: #ed1745 !important;
}