/* ===== ASECOB CUSTOM THEME ===== */

/* ── LOGIN / AUTH ─────────────────────────────────────────── */

.mx_AuthPage {
    background: #1a4b8c !important;
    background-image: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

/* Modal card — shared base */
.mx_AuthPage_modal {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    overflow: visible !important;
    margin: 0 !important;
}

/* Modal content — restored display:flex (was inline style we removed) */
.mx_AuthPage_modalContent {
    display: flex !important;
    background: transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Login: white right panel background */
.mx_AuthBody {
    background: #ffffff !important;
}

/* Blue left panel */
.mx_AuthHeader {
    background: #1a4b8c !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 220px !important;
    min-width: 220px !important;
    padding: 30px 20px !important;
    border-radius: 10px 0 0 10px !important;
}

.mx_AuthHeaderLogo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    padding: 0 10px !important;
    background: none !important;
    margin-top: 0 !important;
}

.mx_AuthHeaderLogo img {
    width: 90% !important;
    max-width: 180px !important;
    display: block !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.mx_AuthHeaderLogo svg { display: none !important; }

/* Hide Element/Matrix branding */
.mx_AuthFooter { display: none !important; }
.mx_ServerPicker { display: none !important; }
.mx_Login_type_container { display: none !important; }
.mx_AuthBody_changeFlow { display: none !important; }
.mx_Login_forgot { display: none !important; }

/* Buttons */
.mx_AccessibleButton_kind_primary {
    background-color: #1a4b8c !important;
    color: #fff !important;
    border-color: #1a4b8c !important;
}
.mx_AccessibleButton_kind_primary:hover { background-color: #0d2d5a !important; }
.mx_Login_submit { background-color: #1a4b8c !important; color: #fff !important; }
.mx_Login_submit:hover { background-color: #0d2d5a !important; }

/* ── INTERFAZ PRINCIPAL ───────────────────────────────────── */

.mx_LeftPanel_outerWrapper,
.mx_SpacePanel { background-color: #1a4b8c !important; }

.mx_RoomList,
.mx_LeftPanel_wrapper { background-color: #f0f4f8 !important; }

.mx_RoomHeader { background-color: #ffffff !important; }

/* Dark mode: restore Element's native dark backgrounds */
.cpd-theme-dark .mx_RoomHeader,
.cpd-theme-dark-hc .mx_RoomHeader { background-color: var(--cpd-color-bg-canvas-default, #101317) !important; }
.cpd-theme-dark .mx_RoomList,
.cpd-theme-dark .mx_LeftPanel_wrapper,
.cpd-theme-dark-hc .mx_RoomList,
.cpd-theme-dark-hc .mx_LeftPanel_wrapper { background-color: var(--cpd-color-bg-canvas-default, #101317) !important; }

/* ── DROPDOWN PORTAL (StyledSelect) ──────────────────────── */
.mx_StyledSelectPortal {
    background-color: #ffffff;
    border: 1.5px solid #cccccc;
    color: #14171a;
}
.cpd-theme-dark .mx_StyledSelectPortal,
.cpd-theme-dark-hc .mx_StyledSelectPortal {
    background-color: #1e2329;
    border: 1.5px solid #3c4043;
    color: #d9e1ec;
}
.mx_StyledSelectPortalItem { color: inherit; }
.mx_StyledSelectPortalItem:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.cpd-theme-dark .mx_StyledSelectPortalItem:hover,
.cpd-theme-dark-hc .mx_StyledSelectPortalItem:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
.mx_StyledSelectPortalItem_selected {
    background-color: #1a4b8c !important;
    color: #ffffff !important;
}

a { color: #1a4b8c !important; }

.mx_NotificationBadge_highlighted { background-color: #1a4b8c !important; }
.mx_HomePage_button { background-color: #1a4b8c !important; color: #ffffff !important; }
.mx_HomePage_button:hover { background-color: #0d2d5a !important; }

::-webkit-scrollbar-thumb { background-color: #1a4b8c !important; }

/* ── PANTALLA DE BIENVENIDA ───────────────────────────────── */
.mx_Welcome h1, .mx_SplashPage h1 { font-size: 0 !important; }
.mx_Welcome img[alt="matrix"],
.mx_SplashPage img { display: none !important; }
.mx_Welcome .mx_Welcome_logo,
.mx_SplashPage svg { display: none !important; }
.mx_Welcome_description,
.mx_SplashPage_description { display: none !important; }
.mx_Welcome .mx_AccessibleButton_kind_primary_outline { display: none !important; }
.mx_Welcome .mx_AccessibleButton,
.mx_Welcome .mx_ButtonWithIcon,
.mx_SplashPage .mx_AccessibleButton {
    background-color: #1a4b8c !important;
    border-color: #1a4b8c !important;
}

/* Welcome embedded page body */
.mx_WelcomePage_body {
    background: transparent !important;
}