/* static/css/custom_admin.css */

/* 1. TARGETING DEL LOGO */
/* Buscamos cualquier imagen dentro del enlace al admin en el sidebar */
#nav-sidebar-inner a[href*="/admin/"] img {
    /* Anulamos la clase 'h-8' (32px) de Tailwind */
    height: auto !important;

    /* Definimos tu altura personalizada (ajústalo a tu gusto, ej: 50px o 60px) */
    max-height: 60px !important;

    /* Permitimos que se estire a lo ancho si es necesario */
    width: auto !important;
    max-width: 200px !important; /* Límite para que no rompa el sidebar */

    /* Aseguramos que no se deforme */
    object-fit: contain !important;
}

/* 2. TARGETING DEL CONTENEDOR (El bloque gris del encabezado) */
/* Tu HTML tiene alturas fijas: h-[65px] y h-[54px]. Debemos romperlas. */

/* Seleccionamos el primer DIV hijo directo del nav (el borde inferior) */
#nav-sidebar-inner > div.border-b {
    height: auto !important;      /* Quitamos el h-[65px] fijo */
    min-height: 80px !important;  /* Le damos espacio para respirar */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Seleccionamos el DIV interno (el que centra el contenido) */
#nav-sidebar-inner > div.border-b > div {
    height: auto !important;      /* Quitamos el h-[54px] fijo */
    /*display: block;*/
}