/* AegisX custom Element Web theme — white background */

/* ===== Login / Auth page ===== */
.mx_AuthPage,
.mx_AuthPage .mx_AuthPage_modalBlur {
    background: #ffffff !important;
}

.mx_AuthBody {
    background-color: #f5f5f5 !important;
    border-radius: 8px;
    border: 1px solid #e0e0e0 !important;
}

/* ===== Replace Element logo with AegisX logo ===== */
.mx_AuthPage .mx_AuthHeaderLogo img,
.mx_AuthHeaderLogo img {
    content: url("/aegisx-logo.jpg") !important;
    height: 80px !important;
    width: 80px !important;
    border-radius: 12px;
}

.mx_AuthPage .mx_AuthHeaderLogo::after {
    display: none !important;
}

/* ===== Form fields ===== */
.mx_AuthPage .mx_Field input,
.mx_AuthPage .mx_Field textarea {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #cccccc !important;
}

.mx_AuthPage .mx_Field label {
    color: #666666 !important;
}

.mx_AuthPage .mx_Field input:focus,
.mx_AuthPage .mx_Field textarea:focus {
    border-color: #000000 !important;
}

/* ===== Buttons ===== */
.mx_AuthPage .mx_Login_submit,
.mx_AuthPage .mx_AccessibleButton_kind_primary {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: 600;
}

.mx_AuthPage .mx_Login_submit:hover,
.mx_AuthPage .mx_AccessibleButton_kind_primary:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* ===== Text colors ===== */
.mx_AuthPage,
.mx_AuthPage h1,
.mx_AuthPage h2,
.mx_AuthPage h3,
.mx_AuthPage p,
.mx_AuthPage span,
.mx_AuthPage a,
.mx_AuthPage label {
    color: #000000 !important;
}

.mx_AuthPage a:hover {
    color: #333333 !important;
}

/* ===== Server picker ===== */
.mx_ServerPicker {
    background-color: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

.mx_ServerPicker_server {
    color: #000000 !important;
}

/* ===== Footer ===== */
.mx_AuthPage_footer,
.mx_AuthPage_footer a {
    color: #999999 !important;
}