/*
 * brand_text_fit.css
 * ──────────────────
 * Ajusta automáticamente el tamaño del nombre de empresa en el sidebar de Jazzmin/AdminLTE.
 * El JS en brand_text_fit.js calcula el font-size óptimo según la longitud del texto.
 *
 * Instalación:
 *   1. Copiar este archivo a: static/base/css/brand_text_fit.css
 *   2. Agregar en JAZZMIN_SETTINGS en settings.py:
 *        "custom_css": "base/css/brand_text_fit.css",
 *   3. Copiar brand_text_fit.js a: static/base/js/brand_text_fit.js
 *   4. Agregar en JAZZMIN_SETTINGS:
 *        "custom_js": "base/js/brand_text_fit.js",
 */

/* ══════════════════════════════════════════════════════════════════
   LAYOUT GLOBAL — Neutralizar padding de AdminLTE 4 (Jazzmin 3.x)
   En AdminLTE 4, .app-content > .container-fluid > .content tiene
   padding: 32px que genera espacio lateral excesivo en todas las vistas.
   ══════════════════════════════════════════════════════════════════ */

/* DIV.content (dentro de .app-content) tiene padding:32px en AdminLTE 4 */
.app-content .content {
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* El container-fluid dentro de .content también tiene padding lateral */
.app-content .content > .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Compatibilidad AdminLTE 3 (Jazzmin 2.x) */
.content-wrapper > .content {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* ── Asegurar que el content-wrapper ocupe todo el ancho disponible ──
   AdminLTE 3 aplica un width fijo via JS; esto lo sobreescribe para
   que el layout sea 100% responsivo al zoom y tamaño de ventana.
   ── */
.content-wrapper {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
}

/* El wrapper raíz también debe ocupar todo el ancho */
.wrapper {
    width: 100% !important;
    min-width: 0 !important;
}

/* ── Contenedor del brand-link ── */
.brand-link {
    overflow: hidden !important;
    white-space: nowrap !important;
}

/* ── Texto del nombre de empresa ── */
.brand-text {
    display: inline-block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 190px !important;   /* ancho máximo dentro del sidebar */
    vertical-align: middle !important;
    line-height: 1.2 !important;
    /* El font-size base se sobreescribe por JS según la longitud del texto */
    font-size: 1.15rem !important;
    transition: font-size 0.15s ease !important;
}