/* ═══════ Desktop: eliminar el kt_header y llevar el logo al sidebar ═══════ */
@media (min-width: 992px) {
    #kt_header { display: none !important; }
    /* el contenido ya no necesita reservar la franja del header */
    #kt_wrapper, .wrapper { padding-top: 0 !important; }
    /* sin header arriba, el sidebar arranca desde el borde superior */
    .aside { top: 0 !important; }

    .aside-brand {
        align-items: center;
        padding: 20px 20px 14px;
        margin-bottom: 4px;
    }
    .aside-brand-logo {
        height: 34px;
        width: auto;
        display: block;
    }
}
/* En móvil el logo del header (con la hamburguesa) sigue mandando */
.aside-brand { display: none; }

/* Header móvil sin toolbar: logo a la izquierda, acciones a la derecha */
.header .header-brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ═══════ Tarjeta de usuario del sidebar — look de la sala (uc-me) ═══════ */
body #kt_aside .aside-user.d-flex {
    background: #181a2b !important;
    border: 1px solid rgba(147, 130, 255, .13) !important;
    border-radius: 14px !important;
    margin: 0 16px 8px !important;
    padding: 14px 16px !important;
    justify-content: flex-start !important;
}

body #kt_aside .aside-user .symbol.symbol-50px {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
}

body #kt_aside .aside-user .symbol.symbol-50px .symbol-label,
body #kt_aside .aside-user .symbol.symbol-50px img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: linear-gradient(140deg, #8b5cf6, #5b3bd6) !important;
    color: #fff !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 14px -6px rgba(124, 92, 255, .8);
}

/* Invitado: la imagen blank se reemplaza visualmente por el "?" violeta */
body #kt_aside .aside-user .symbol img[src*="blank"] {
    opacity: 0;
}

body #kt_aside .aside-user .symbol {
    position: relative;
}

body #kt_aside .aside-user .symbol:has(img[src*="blank"])::after {
    content: "?";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(140deg, #8b5cf6, #5b3bd6);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 14px -6px rgba(124, 92, 255, .8);
}

body #kt_aside .aside-user-info a.fs-6.fw-bold,
body #kt_aside .aside-user-info a.text-white.fs-6 {
    font-size: 1.05rem !important;
    color: #eef0ff !important;
}

body #kt_aside .aside-user-info span.fs-8.fw-semibold,
body #kt_aside .aside-user-info span.text-gray-600.fs-8 {
    font-size: .85rem !important;
    color: #636a96 !important;
}

/* Línea de presencia "Online" */
.uc-presence-home {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .8rem;
    color: #2ee6a8;
    font-weight: 600;
    margin-top: 2px;
}

.uc-presence-home i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2ee6a8;
    box-shadow: 0 0 8px #2ee6a8;
}

/* El estado online existente, al estilo de la sala */
body #kt_aside .aside-user-info .text-success.fs-9,
body #kt_aside .aside-user-info div.text-success.fs-9 {
    color: #2ee6a8 !important;
    font-size: .85rem !important;
    font-weight: 600;
    margin-top: 4px !important;
}

body #kt_aside .aside-user-info .bullet.bullet-dot {
    background: #2ee6a8 !important;
    box-shadow: 0 0 8px #2ee6a8;
    width: 7px !important;
    height: 7px !important;
}