/* ============================================================
   HOME — Breakpoint 1500px
   Abaixo de 1500px o painel de Maquinas (direito) inicia colapsado
   automaticamente e o painel esquerdo passa a ocupar o espaco restante.
   Classes .homeRightForceOpen / .homeLeftForceOpen sao aplicadas via JS
   quando o usuario clica manualmente numa rail, sobrescrevendo o padrao.
   ============================================================ */
@media (max-width: 1499px) {
    #homeRightWrap:not(.homeRightForceOpen) {
        flex-basis: 40px;
        flex-grow: 0;
    }
    #homeRightWrap:not(.homeRightForceOpen) #homeRight {
        opacity: 0;
    }
    #homeRightWrap:not(.homeRightForceOpen) #homeRightRail {
        display: flex;
    }
    #homeLeftWrap:not(.homeLeftForceClosed):not(.homeLeftCollapsed) {
        flex-grow: 1;
        flex-basis: 0;
    }
}

/* ============================================================
   HOME — Ajustes adicionais para telas menores (<= 1280px)
   ============================================================ */
@media (max-width: 1280px) {
    #homeLeftWrap:not(.homeLeftCollapsed):not(.homeLeftFill) {
        flex-basis: 480px;
        flex-grow: 0;
    }
    .tblColStatus {
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        flex-basis: 140px !important;
    }
    .mColReg {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        flex-basis: 120px !important;
    }
    .machSearchWrap {
        width: 220px;
        min-width: 180px;
    }
}

/* ============================================================
   HOME — Telas muito estreitas (<= 1100px)
   ============================================================ */
@media (max-width: 1100px) {
    #homeLeftWrap:not(.homeLeftCollapsed):not(.homeLeftFill) {
        flex-basis: 420px;
        flex-grow: 0;
    }
    #homeCards {
        gap: 12px;
    }
    .cardValue {
        font-size: 1.625em;
    }
    #homeCards .boxCard .boxBody {
        min-height: 72px;
    }
}