/* ============================================================
   C&A TMS - CODIGO PROPIO

   Que hace:
   Estiliza encabezados ordenables, columnas movibles, scroll
   horizontal y footer global de tres zonas.

   Datos que recibe:
   Tabla y footer preparados por los controladores Loads.

   Resultado:
   Unit visible, indicadores de orden, movimiento lateral y
   footer alineado como Sign In.

   Donde se usa:
   Load Board Corporate Sober Light.
   ============================================================ */

.loads-corporate-main-v3 {
    grid-template-rows:
        72px
        minmax(0, 1fr)
        52px
        38px;
}

.loads-corporate-table-wrap-v3 {
    max-height:
        calc(100vh - 445px);
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.loads-corporate-table-v3 {
    min-width: 1680px;
}

.loads-corporate-table-v3
th[data-column-key] {
    cursor: grab;
    padding: 0;
    user-select: none;
}

.loads-corporate-table-v3
th[data-column-key]:active {
    cursor: grabbing;
}

.loads-column-sort-v2 {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: flex;
    font-size: inherit;
    font-weight: inherit;
    gap: 0.32rem;
    justify-content: flex-start;
    min-height: 40px;
    padding: 0.58rem 0.55rem;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.loads-column-sort-v2:hover,
.loads-column-sort-v2:focus-visible {
    background: #EEF4FF;
    color: #174EA6;
    outline: none;
}

.loads-column-sort-v2__indicator {
    color: #174EA6;
    display: inline-block;
    font-size: 0.56rem;
    min-width: 0.65rem;
}

.loads-corporate-table-v3
th.is-column-dragging {
    opacity: 0.45;
}

.loads-corporate-table-v3
th.is-column-drag-before {
    box-shadow:
        inset 3px 0 0
        #1E3A8A;
}

.loads-corporate-table-v3
th.is-column-drag-after {
    box-shadow:
        inset -3px 0 0
        #1E3A8A;
}

.loads-global-footer-v1 {
    align-items: center;
    background: #F8FAFC;
    border-top: 1px solid #DDE3EC;
    color: #667085;
    display: grid;
    font-family:
        Inter,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 11px;
    gap: 1rem;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);
    padding: 4px 12px;
}

.loads-global-footer-v1__left {
    justify-self: start;
    min-width: 0;
}

.loads-global-footer-v1__center {
    justify-self: center;
    white-space: nowrap;
}

.loads-global-footer-v1__right {
    justify-self: end;
    white-space: nowrap;
}

.loads-global-footer-v1
.connection-indicator {
    bottom: auto;
    box-shadow: none;
    left: auto;
    margin: 0;
    max-width: 100%;
    position: static;
    right: auto;
    top: auto;
    z-index: auto;
}

.loads-global-footer-v1
.site-footer {
    color: #667085;
    font-size: 11px;
    line-height: 1.35;
    margin: 0;
    padding: 0;
    text-align: center;
}

.loads-global-footer-v1
.page-version {
    bottom: auto;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    position: static;
    right: auto;
    z-index: auto;
}

@media (max-width: 900px) {
    .loads-corporate-main-v3 {
        grid-template-rows:
            72px
            minmax(0, 1fr)
            52px
            78px;
    }

    .loads-global-footer-v1 {
        gap: 0.4rem;
        grid-template-columns: 1fr;
        padding: 6px 10px;
        text-align: center;
    }

    .loads-global-footer-v1__left,
    .loads-global-footer-v1__center,
    .loads-global-footer-v1__right {
        justify-self: center;
    }
}

@media print {
    .loads-global-footer-v1 {
        display: none !important;
    }
}

/* ============================================================
   C&A TMS - CODIGO PROPIO
   C&A TMS - COMPACT LOAD ROWS V1

   Que hace:
   Reduce el espacio vertical de los renglones de cargas.

   Datos que recibe:
   Celdas y estados de la tabla del Load Board.

   Resultado:
   Tabla mas compacta y con mas cargas visibles.

   Donde se usa:
   Load Board Corporate Sober Light.
   ============================================================ */

.loads-corporate-table-v3
tbody td {
    line-height: 1.16;
    padding:
        0.34rem
        0.5rem;
}

.loads-corporate-table-v3
tbody td span {
    margin-top: 0.05rem;
}

.loads-corporate-table-v3
tbody td strong {
    line-height: 1.14;
}

.loads-corporate-table-v3
.loads-status-v1 {
    padding:
        0.24rem
        0.46rem;
}