
/* =========================================================
   LIMA ENGENHARIA
   CARD IMOVEL FINAL V1
   ========================================================= */


/* =========================================================
   TRANSIÇÃO
   ========================================================= */

#lima-desenhar-resultado{

    transition:
        opacity .16s ease,
        transform .16s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;

}


/*
 * Enquanto os dados completos do CAR ainda
 * não chegaram, não mostra o card incompleto.
 *
 * Evita:
 *
 * card pequeno
 *      ↓
 * card grande
 *
 * diante dos olhos do usuário.
 */

#lima-desenhar-resultado.lima-car-preparando{

    opacity:0 !important;

    transform:
        translateY(4px) !important;

    pointer-events:
        none !important;

}


#lima-desenhar-resultado.lima-car-pronto{

    opacity:1 !important;

    transform:
        translateY(0) !important;

}


/* =========================================================
   CABEÇALHO
   ========================================================= */

/*
 * Para CAR:
 * status não aparece aqui.
 *
 * Ficará somente no bloco cadastral.
 */

#lima-desenhar-resultado.lima-eh-car
.lima-area-ativa-chip{

    display:none !important;

}


/*
 * Fecha fica automaticamente na direita
 * quando o chip superior some.
 */

#lima-desenhar-resultado.lima-eh-car
#lima-desenhar-resultado-fechar{

    margin-left:auto !important;

}


/* =========================================================
   NOME DO IMÓVEL
   ========================================================= */

#lima-desenhar-resultado
.ci-mini-nome,

#lima-desenhar-resultado
.lima-area-nome{

    border-radius:
        9px !important;

}


/* =========================================================
   BLOCO DO CAR

   Mantém informação importante,
   mas fica menor e mais elegante.
   ========================================================= */

#lima-desenhar-resultado
.ci-mini{

    position:relative !important;

    margin:
        8px 14px 8px !important;

    padding:
        9px 10px !important;

    border:
        1px solid
        #dde6e0 !important;

    border-left:
        3px solid
        #bac7bf !important;

    border-radius:
        10px !important;

    background:
        rgba(249,251,250,.92) !important;

    box-shadow:
        none !important;

}


/* CAR em uma única linha */

#lima-desenhar-resultado
.ci-mini-car{

    display:flex !important;

    align-items:center !important;

    gap:
        6px !important;

    min-width:
        0 !important;

}


#lima-desenhar-resultado
.ci-mini-car > span{

    flex:
        0 0 auto !important;

    margin:
        0 !important;

    color:
        #7a867f !important;

    font-size:
        8px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .5px !important;

    text-transform:
        uppercase !important;

}


#lima-desenhar-resultado
.ci-mini-car > strong{

    min-width:
        0 !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;

    white-space:
        nowrap !important;

    color:
        #255138 !important;

    font-size:
        9.5px !important;

    font-weight:
        800 !important;

}


/* segunda linha */

#lima-desenhar-resultado
.ci-mini-meta{

    display:flex !important;

    align-items:center !important;

    flex-wrap:
        wrap !important;

    gap:
        6px !important;

    margin-top:
        7px !important;

    color:
        #718077 !important;

    font-size:
        9px !important;

}


/* =========================================================
   STATUS
   ========================================================= */

#lima-desenhar-resultado
.ci-badge{

    display:inline-flex !important;

    align-items:center !important;

    min-height:
        21px !important;

    padding:
        3px 8px !important;

    border:
        1px solid transparent !important;

    border-radius:
        999px !important;

    font-size:
        8px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

}


/* =========================================================
   ATIVO
   ========================================================= */

#lima-desenhar-resultado.lima-car-ativo{

    border-color:
        rgba(23,107,64,.28) !important;

    box-shadow:
        0 11px 31px
        rgba(23,107,64,.15) !important;

}


#lima-desenhar-resultado.lima-car-ativo
.ci-mini{

    border-left-color:
        #25834f !important;

}


#lima-desenhar-resultado.lima-car-ativo
.ci-badge{

    background:
        #e8f5ed !important;

    border-color:
        #b9ddc6 !important;

    color:
        #176b40 !important;

}


/* =========================================================
   PENDENTE
   ========================================================= */

#lima-desenhar-resultado.lima-car-pendente{

    border-color:
        rgba(202,153,27,.32) !important;

    box-shadow:
        0 11px 31px
        rgba(202,153,27,.16) !important;

}


#lima-desenhar-resultado.lima-car-pendente
.ci-mini{

    border-left-color:
        #d5a62b !important;

}


#lima-desenhar-resultado.lima-car-pendente
.ci-badge{

    background:
        #fff6dc !important;

    border-color:
        #efd489 !important;

    color:
        #846006 !important;

}


/* =========================================================
   SUSPENSO = LARANJA
   ========================================================= */

#lima-desenhar-resultado.lima-car-suspenso{

    border-color:
        rgba(211,126,22,.35) !important;

    box-shadow:
        0 11px 32px
        rgba(211,126,22,.18) !important;

}


#lima-desenhar-resultado.lima-car-suspenso
.ci-mini{

    border-left-color:
        #dd861b !important;

    background:
        rgba(255,249,241,.92) !important;

}


#lima-desenhar-resultado.lima-car-suspenso
.ci-badge{

    background:
        #fff1dc !important;

    border-color:
        #efbe77 !important;

    color:
        #a55e00 !important;

    box-shadow:
        0 3px 9px
        rgba(211,126,22,.12) !important;

}


/* =========================================================
   CANCELADO = VERMELHO
   ========================================================= */

#lima-desenhar-resultado.lima-car-cancelado{

    border-color:
        rgba(171,48,48,.36) !important;

    box-shadow:
        0 11px 32px
        rgba(171,48,48,.18) !important;

}


#lima-desenhar-resultado.lima-car-cancelado
.ci-mini{

    border-left-color:
        #b43c3c !important;

    background:
        rgba(255,247,247,.94) !important;

}


#lima-desenhar-resultado.lima-car-cancelado
.ci-badge{

    background:
        #ffeded !important;

    border-color:
        #e7aaaa !important;

    color:
        #912929 !important;

}


/* =========================================================
   EM ANÁLISE = AZUL
   ========================================================= */

#lima-desenhar-resultado.lima-car-analise{

    border-color:
        rgba(44,105,143,.30) !important;

    box-shadow:
        0 11px 31px
        rgba(44,105,143,.14) !important;

}


#lima-desenhar-resultado.lima-car-analise
.ci-mini{

    border-left-color:
        #377ea7 !important;

}


#lima-desenhar-resultado.lima-car-analise
.ci-badge{

    background:
        #edf6fc !important;

    border-color:
        #bdd7e7 !important;

    color:
        #286388 !important;

}


/* =========================================================
   NEUTRO
   ========================================================= */

#lima-desenhar-resultado.lima-car-neutro{

    border-color:
        rgba(107,122,113,.22) !important;

    box-shadow:
        0 10px 28px
        rgba(61,74,66,.10) !important;

}


#lima-desenhar-resultado.lima-car-neutro
.ci-badge{

    background:
        #f1f4f2 !important;

    border-color:
        #dce3de !important;

    color:
        #5f6c64 !important;

}


/* =========================================================
   REMOVE QUALQUER STATUS SUPERIOR DE PATCH ANTERIOR
   ========================================================= */

#lima-desenhar-resultado.lima-eh-car
.lima-car-status.lima-area-ativa-chip{

    display:none !important;

}


/* =========================================================
   ÁREA
   ========================================================= */

#lima-desenhar-resultado
.lima-desenhar-area-label{

    margin-bottom:
        3px !important;

}


#lima-desenhar-resultado
#lima-desenhar-area-final{

    line-height:
        1 !important;

}


/* =========================================================
   RODAPÉ
   ========================================================= */

#lima-desenhar-resultado
.lima-desenhar-aviso{

    color:
        #78847d !important;

    font-size:
        8.5px !important;

    line-height:
        1.35 !important;

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    #lima-desenhar-resultado
    .ci-mini{

        margin:
            7px 14px 7px !important;

        padding:
            8px 9px !important;

    }

}

