/* Flow by Filmosaic — Custom Unfold Styles */

/* Logo en el sidebar */
.lg\:max-h-8 {
    max-height: 2.2rem !important;
}

.max-h-8 {
    max-height: 2.2rem !important;
}

.h-8 {
    height: auto !important;
    max-height: 2.2rem !important;
    width: auto !important;
    max-width: 180px !important;
}

/* Reducir padding del contenedor del logo */
[class*="sidebar"] a[href="/admin/"],
nav a[href="/admin/"] {
    padding: 8px 12px !important;
}

/* ─── Full-width layout: aprovechar todo el ancho del monitor ─── */

.container {
    max-width: 100% !important;
}

/* Content area padding razonable en pantallas grandes */
@media (min-width: 1280px) {
    .px-4.lg\:px-12 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}

@media (min-width: 1536px) {
    .px-4.lg\:px-12 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

/* Change list tables: full width */
#changelist-form,
#changelist {
    max-width: 100% !important;
}

/* Change form: full width */
#content form {
    max-width: 100% !important;
}

/* ─── Fix: doble flecha en selects ─── */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}