/*
CSS global para TODO Django Admin (no solo la pantalla de Load), cargado
desde templates/admin/base_site.html — así los catálogos (Cliente,
Carrier, Chofer, Ciudad, Ubicacion, Dispatcher, Concepto de tarifa, etc.)
también reciben los arreglos definitivos que ya se probaron en Load, y el
encabezado usa el mismo color que la app nueva para que no se sienta como
un sitio distinto al entrar aquí.
*/

/* Fix definitivo (v17): Django trae "form .aligned div.help {margin-left:
   160px}" pensado para su layout viejo — en columnas angostas partía el
   texto letra por letra. Se anula en TODO el admin, no solo en Load. */
.help {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Mismo arreglo de "cajas gigantes": que el <select> de un campo con
   catálogo (FK) no empuje los iconitos (lápiz/+/x/lupa) a su propia línea,
   en CUALQUIER formulario del admin, no solo en Load. */
.related-widget-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 4px;
}

.related-widget-wrapper > select,
.related-widget-wrapper .select2-container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.related-widget-wrapper-link {
    flex: 0 0 auto;
}

/* Encabezado con el mismo azul marino del topbar de la app nueva, para
   que pasar de /loads/ al Admin no se sienta como cambiar de sistema. */
#header {
    background: #0f1b3d !important;
    color: #ffffff !important;
}

#header a:link,
#header a:visited {
    color: #ffffff;
}

.module h2,
.module caption,
.inline-group h2 {
    background: #0f1b3d !important;
}

div.breadcrumbs {
    background: #16234f !important;
}

/* Botón fijo para volver a la app nueva sin quedarse atrapado en el
   Admin viejo — visible en TODAS las páginas del admin (índice, listas,
   formularios, login). */
.rc-volver-loads {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    margin-right: 14px;
    border-radius: 6px;
    background: #2563eb;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.rc-volver-loads:hover {
    background: #1d4ed8;
}