/* ============================================================
 * C&A TMS - CONSOLIDATED LOAD DEFECTS PACK V1
 * Visual fixes: Load # plain text + Load Temperature placement.
 * ============================================================ */

#loads-form-view .ca-load-number-text-field-v2 > #loads-form-load-id {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#loads-form-view .ca-load-number-text-field-v2 {
    align-content: center;
}

#loads-form-view .ca-load-number-text-v2 {
    display: inline-block !important;
    width: max-content !important;
    max-width: 100%;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 3px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1d4ed8 !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: .035em;
    line-height: 1.25 !important;
    white-space: nowrap;
}

#loads-form-view .ca-load-number-text-v2.is-pending {
    color: #64748b !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
    letter-spacing: 0;
}

#loads-form-view .ca-load-number-text-field-v2 > small,
#loads-form-view .ca-load-number-text-field-v2 > #loads-form-load-id-help {
    display: none !important;
}

html[data-ca-theme="night"] #loads-form-view .ca-load-number-text-v2 {
    color: #60a5fa !important;
}

html[data-ca-theme="night"] #loads-form-view .ca-load-number-text-v2.is-pending {
    color: #94a3b8 !important;
}

/* Load Temperature is moved by JS into Load Information immediately after Status. */
#loads-form-view .loads-form-information-grid > .ca-load-temperature-inline-v1 {
    min-width: 0;
}

#loads-form-view .loads-form-information-grid > .ca-load-temperature-inline-v1 input {
    width: 100%;
}

@media (max-width: 720px) {
    #loads-form-view .loads-form-information-grid > .ca-load-temperature-inline-v1 {
        grid-column: auto;
    }
}