/* ========================================================
   LIMA ENGENHARIA
   Popup múltiplos CARs - Compacto V3
   ======================================================== */

#carsSobrepostos{
    width:min(610px,calc(100vw - 26px)) !important;
    max-height:76vh !important;
    background:#fff !important;
    border:2px solid #174f32 !important;
    border-radius:16px !important;
    box-shadow:0 12px 34px rgba(10,38,23,.18) !important;
    overflow:auto !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

/* CABEÇALHO */

#carsSobrepostos > div:first-child{
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-height:58px !important;
    padding:10px 14px !important;
    background:#f8fbf9 !important;
    border-bottom:2px solid #174f32 !important;
    border-radius:14px 14px 0 0 !important;
    box-shadow:none !important;
}

/* AGRUPADOR DA ESQUERDA */
#carsSobrepostos .lima-popup-brand{
    display:block !important;
    margin:0 0 3px !important;
    padding:0 !important;
}

#carsSobrepostos .lima-popup-brand strong{
    display:block !important;
    color:#174f32 !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:.5px !important;
    text-transform:uppercase !important;
    margin:0 !important;
}

#carsSobrepostos .lima-popup-brand span{
    display:block !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:1px 0 0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#6d7d73 !important;
    font-size:9px !important;
    font-weight:600 !important;
    line-height:1.1 !important;
}

/* TITULO DO POPUP */
#carsSobrepostos > div:first-child b{
    color:#123e28 !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
}

/* BOTAO FECHAR - SOMENTE O SPAN FILHO DIRETO */
#carsSobrepostos > div:first-child > span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    margin:0 !important;
    color:#143e29 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:8px !important;
    font-size:28px !important;
    line-height:1 !important;
    cursor:pointer !important;
}

/* CARDS */

#carsSobrepostos > div:not(:first-child){
    position:relative !important;
    margin:8px 10px !important;
    padding:11px 13px !important;
    background:#fff !important;
    border:1px solid #b7cbbf !important;
    border-left:3px solid #174f32 !important;
    border-radius:11px !important;
    box-shadow:0 2px 8px rgba(16,57,35,.05) !important;
    cursor:pointer !important;
}

#carsSobrepostos > div:not(:first-child):hover{
    background:#f7fbf8 !important;
    border-color:#6f9980 !important;
    border-left-color:#174f32 !important;
    box-shadow:0 4px 12px rgba(16,57,35,.10) !important;
}

/* IMOVEL */
#carsSobrepostos > div:not(:first-child) > b:first-child{
    display:block !important;
    margin:0 0 2px !important;
    color:#101713 !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.12 !important;
}

/* PROPRIETARIO */
#carsSobrepostos > div:not(:first-child) > span{
    display:block !important;
    margin:0 0 2px !important;
    color:#202a24 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.16 !important;
}

/* MUNICIPIO + AREA */
#carsSobrepostos > div:not(:first-child) > small:first-of-type{
    display:block !important;
    margin:1px 0 0 !important;
    color:#617067 !important;
    font-size:12px !important;
    line-height:1.2 !important;
}

/* LINHA INFERIOR */
#carsSobrepostos > div:not(:first-child) > small:last-of-type{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    width:100% !important;
    margin:6px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-left:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#263229 !important;
    font-size:12px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}

/* BADGE PADRAO */
#carsSobrepostos > div:not(:first-child) > small:last-of-type > b{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-height:24px !important;
    padding:2px 9px !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.1px !important;
    white-space:nowrap !important;
    text-shadow:0 1px 1px rgba(0,0,0,.20) !important;
}

/* STATUS */
#carsSobrepostos .lima-status-ativo{
    background:#1f8b4c !important;
    border-color:#1a7440 !important;
    box-shadow:0 0 0 1px rgba(31,139,76,.18), 0 2px 7px rgba(31,139,76,.28) !important;
}

#carsSobrepostos .lima-status-pendente{
    background:#d9a600 !important;
    border-color:#bf9200 !important;
    box-shadow:0 0 0 1px rgba(217,166,0,.18), 0 2px 7px rgba(217,166,0,.30) !important;
}

#carsSobrepostos .lima-status-suspenso{
    background:#e07b12 !important;
    border-color:#c96808 !important;
    box-shadow:0 0 0 1px rgba(224,123,18,.18), 0 2px 7px rgba(224,123,18,.30) !important;
}

#carsSobrepostos .lima-status-cancelado{
    background:#c83e3e !important;
    border-color:#b13232 !important;
    box-shadow:0 0 0 1px rgba(200,62,62,.18), 0 2px 7px rgba(200,62,62,.28) !important;
}

/* MOBILE */
@media(max-width:640px){
    #carsSobrepostos{
        width:calc(100vw - 14px) !important;
        border-radius:14px !important;
    }

    #carsSobrepostos > div:first-child{
        min-height:54px !important;
        padding:9px 12px !important;
    }

    #carsSobrepostos > div:first-child b{
        font-size:16px !important;
    }

    #carsSobrepostos > div:not(:first-child){
        margin:7px 8px !important;
        padding:10px 11px !important;
    }

    #carsSobrepostos > div:not(:first-child) > b:first-child{
        font-size:14px !important;
    }

    #carsSobrepostos > div:not(:first-child) > span{
        font-size:13px !important;
    }
}