#dslCrmGestorApp{
    position:fixed;
    inset:0;
    z-index:150000;
    background:#f5f7fb;
    font-family:Arial,Helvetica,sans-serif;
    color:#172033;
    display:flex;
}

#dslCrmGestorApp *{
    box-sizing:border-box;
}

.crm-g-sidebar{
    width:255px;
    background:#10213f;
    color:#fff;
    display:flex;
    flex-direction:column;
    min-height:100vh;
}

.crm-g-brand{
    padding:24px 22px;
    border-bottom:1px solid rgba(255,255,255,.1);
    display:flex;
    align-items:center;
    gap:12px;
}

.crm-g-brand img{
    width:42px;
    height:42px;
    object-fit:contain;
}

.crm-g-brand strong{
    display:block;
    font-size:18px;
}

.crm-g-brand small{
    display:block;
    margin-top:3px;
    color:#9fc5ff;
    font-weight:700;
}

.crm-g-nav{
    padding:22px 14px;
    flex:1;
}

.crm-g-nav-title{
    color:#8295b5;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    margin:12px 12px 9px;
    text-transform:uppercase;
}

.crm-g-nav button{
    width:100%;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#dce7f8;
    padding:12px 13px;
    margin:3px 0;
    text-align:left;
    font-size:14px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:10px;
}

.crm-g-nav button:hover,
.crm-g-nav button.ativo{
    background:#1f6fd5;
    color:#fff;
}

.crm-g-voltar{
    margin:14px;
    padding:12px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:9px;
    color:#fff;
    background:rgba(255,255,255,.05);
    cursor:pointer;
    text-align:center;
}

.crm-g-main{
    flex:1;
    min-width:0;
    overflow:auto;
}

.crm-g-top{
    min-height:72px;
    background:#fff;
    border-bottom:1px solid #e5e9f0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    position:sticky;
    top:0;
    z-index:5;
}

.crm-g-top strong{
    font-size:16px;
}

.crm-g-user{
    text-align:right;
    font-size:13px;
    color:#657087;
}

.crm-g-user b{
    color:#172033;
    display:block;
    margin-bottom:2px;
}

.crm-g-content{
    padding:30px;
    max-width:1450px;
    margin:0 auto;
}

.crm-g-page-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.crm-g-page-title h1{
    margin:0 0 6px;
    font-size:27px;
}

.crm-g-page-title p{
    margin:0;
    color:#667085;
}

.crm-g-btn{
    border:0;
    border-radius:9px;
    padding:11px 17px;
    font-weight:700;
    cursor:pointer;
    font-size:14px;
}

.crm-g-btn-primary{
    background:#1769d2;
    color:#fff;
}

.crm-g-btn-light{
    background:#eef2f7;
    color:#23314d;
}

.crm-g-card{
    background:#fff;
    border:1px solid #e5e9f0;
    border-radius:13px;
    box-shadow:0 3px 12px rgba(16,33,63,.04);
}

.crm-g-toolbar{
    padding:18px;
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:center;
    border-bottom:1px solid #edf0f5;
}

.crm-g-search{
    width:min(420px,100%);
    border:1px solid #d7dde7;
    border-radius:9px;
    padding:11px 13px;
    font-size:14px;
    outline:none;
}

.crm-g-search:focus,
.crm-g-input:focus,
.crm-g-select:focus{
    border-color:#1769d2;
    box-shadow:0 0 0 3px rgba(23,105,210,.08);
}

.crm-g-table-wrap{
    overflow:auto;
}

.crm-g-table{
    width:100%;
    border-collapse:collapse;
    min-width:800px;
}

.crm-g-table th{
    background:#f8fafc;
    text-align:left;
    padding:13px 15px;
    font-size:12px;
    color:#596579;
    text-transform:uppercase;
    letter-spacing:.03em;
    border-bottom:1px solid #e5e9f0;
}

.crm-g-table td{
    padding:15px;
    border-bottom:1px solid #edf0f5;
    vertical-align:middle;
    font-size:14px;
}

.crm-g-table tr:last-child td{
    border-bottom:0;
}

.crm-g-code{
    font-weight:800;
    color:#1769d2;
}

.crm-g-badge{
    display:inline-flex;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
}

.crm-g-badge-on{
    background:#e8f7ee;
    color:#087a38;
}

.crm-g-badge-off{
    background:#f2f4f7;
    color:#667085;
}

.crm-g-empty{
    padding:45px 20px;
    text-align:center;
    color:#7a8597;
}

.crm-g-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.crm-g-pref{
    padding:20px;
}

.crm-g-pref h3{
    margin:0 0 5px;
    font-size:18px;
}

.crm-g-pref > p{
    margin:0 0 18px;
    color:#667085;
    font-size:13px;
}

.crm-g-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 0;
    border-bottom:1px solid #edf0f5;
}

.crm-g-item:last-child{
    border-bottom:0;
}

.crm-g-item small{
    color:#7b8494;
    display:block;
    margin-top:3px;
}

.crm-g-item-actions{
    display:flex;
    gap:6px;
}

.crm-g-icon-btn{
    border:0;
    border-radius:7px;
    background:#eef3f9;
    padding:7px 9px;
    cursor:pointer;
    color:#243552;
}

.crm-g-add{
    display:flex;
    gap:8px;
    margin-top:15px;
}

.crm-g-input,
.crm-g-select{
    width:100%;
    border:1px solid #d7dde7;
    border-radius:8px;
    padding:10px 11px;
    background:#fff;
    font-size:14px;
}

.crm-g-modal-bg{
    position:fixed;
    inset:0;
    z-index:160000;
    background:rgba(15,28,50,.48);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.crm-g-modal{
    width:min(590px,96vw);
    max-height:92vh;
    overflow:auto;
    background:#fff;
    border-radius:15px;
    box-shadow:0 25px 60px rgba(0,0,0,.22);
}

.crm-g-modal-head{
    padding:20px 22px;
    border-bottom:1px solid #e9edf3;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.crm-g-modal-head h2{
    margin:0;
    font-size:21px;
}

.crm-g-modal-close{
    border:0;
    background:#eef2f7;
    width:34px;
    height:34px;
    border-radius:8px;
    cursor:pointer;
    font-size:18px;
}

.crm-g-modal-body{
    padding:22px;
}

.crm-g-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.crm-g-field-full{
    grid-column:1 / -1;
}

.crm-g-label{
    display:block;
    font-size:13px;
    font-weight:700;
    margin-bottom:6px;
}

.crm-g-modal-foot{
    padding:18px 22px;
    border-top:1px solid #e9edf3;
    display:flex;
    justify-content:flex-end;
    gap:9px;
}

.crm-g-msg{
    margin-bottom:15px;
    padding:11px 13px;
    border-radius:8px;
    font-size:13px;
    display:none;
}

.crm-g-msg.erro{
    display:block;
    background:#fff0f0;
    color:#a12622;
}

.crm-g-msg.ok{
    display:block;
    background:#eaf8ef;
    color:#126b36;
}

.crm-g-loading{
    padding:45px;
    text-align:center;
    color:#687386;
}

@media(max-width:900px){
    #dslCrmGestorApp{
        display:block;
    }

    .crm-g-sidebar{
        width:100%;
        min-height:auto;
    }

    .crm-g-brand{
        padding:14px 18px;
    }

    .crm-g-nav{
        padding:8px 12px 12px;
        display:flex;
        gap:7px;
        overflow:auto;
    }

    .crm-g-nav-title{
        display:none;
    }

    .crm-g-nav button{
        width:auto;
        white-space:nowrap;
        margin:0;
    }

    .crm-g-voltar{
        margin:0 12px 12px;
    }

    .crm-g-top{
        padding:0 18px;
    }

    .crm-g-content{
        padding:20px 14px;
    }

    .crm-g-grid{
        grid-template-columns:1fr;
    }

    .crm-g-page-title{
        display:block;
    }

    .crm-g-page-title .crm-g-btn{
        margin-top:14px;
    }

    .crm-g-form-grid{
        grid-template-columns:1fr;
    }

    .crm-g-field-full{
        grid-column:auto;
    }
}


/* DSL_CRM_BRAND_REFINO_INICIO */

/* Bloco superior da identidade */
#dslCrmGestorApp aside :has(> .dsl-crm-brand-logo) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 15px !important;

    padding: 24px 26px 22px !important;
    min-height: 118px !important;

    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
}

/* Símbolo DSL sem caixa branca */
#dslCrmGestorApp .dsl-crm-brand-logo {
    display: block !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;

    object-fit: contain !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Organização dos textos ao lado do símbolo */
#dslCrmGestorApp .dsl-crm-brand-logo + div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;
}

/* DSL Gestão Integrada */
#dslCrmGestorApp .dsl-crm-brand-logo + div > :first-child {
    margin: 0 !important;

    font-size: 17px !important;
    line-height: 1.13 !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;

    color: #ffffff !important;
}

/* CRM Comercial */
#dslCrmGestorApp .dsl-crm-brand-logo + div > :last-child {
    margin: 1px 0 0 !important;

    font-size: 12.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    color: #67b7ff !important;
}

/* DSL_CRM_BRAND_REFINO_FIM */


/* DSL_CRM_ETAPAS_ACOES_INICIO */

#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 14px;
    align-items:center;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-danger-btn{
    color:#b42318;
    background:#fff1f0;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-danger-btn:hover{
    background:#fee4e2;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-editor{
    grid-column:1 / -1;
    padding:14px;
    margin-top:3px;
    border:1px solid #dce4ee;
    border-radius:10px;
    background:#f8fafc;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-editor[hidden]{
    display:none !important;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-editor
.crm-g-label{
    margin-top:10px;
    margin-bottom:6px;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-editor
.crm-g-label:first-child{
    margin-top:0;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-editor-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:14px;
}


#dslCrmGestorApp
#prefEtapas
.crm-g-etapa-add{
    margin-top:16px;
}


@media(max-width:700px){

    #dslCrmGestorApp
    #prefEtapas
    .crm-g-etapa-item{
        grid-template-columns:1fr;
    }


    #dslCrmGestorApp
    #prefEtapas
    .crm-g-etapa-actions{
        justify-content:flex-start;
    }

}

/* DSL_CRM_ETAPAS_ACOES_FIM */


/* DSL_CRM_GESTOR_USER_DROPDOWN_INICIO */

#dslCrmGestorApp .crm-g-user{
    position:relative;
}


#dslCrmGestorApp .crm-g-user-trigger{
    display:flex;
    align-items:center;
    gap:8px;

    padding:7px 9px;

    border:0;
    border-radius:9px;

    background:transparent;

    font:inherit;

    cursor:pointer;
}


#dslCrmGestorApp .crm-g-user-trigger:hover{
    background:#f4f7fb;
}


#dslCrmGestorApp .crm-g-user-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}


#dslCrmGestorApp .crm-g-user-copy b{
    color:#101828;
    font-size:13px;
    font-weight:700;
}


#dslCrmGestorApp .crm-g-user-copy > span{
    margin-top:2px;

    color:#667085;
    font-size:12px;
}


#dslCrmGestorApp .crm-g-user-arrow{
    color:#667085;
    font-size:12px;

    transition:transform .15s ease;
}


#dslCrmGestorApp
.crm-g-user-trigger[aria-expanded="true"]
.crm-g-user-arrow{
    transform:rotate(180deg);
}


#dslCrmGestorApp .crm-g-user-dropdown{
    position:absolute;

    top:calc(100% + 7px);
    right:0;

    min-width:150px;

    padding:6px;

    border:1px solid #e4e7ec;
    border-radius:10px;

    background:#ffffff;

    box-shadow:
        0 10px 30px rgba(16,24,40,.14);

    z-index:200000;
}


#dslCrmGestorApp .crm-g-user-dropdown[hidden]{
    display:none !important;
}


#dslCrmGestorApp .crm-g-user-dropdown button{
    width:100%;

    padding:11px 14px;

    border:0;
    border-radius:7px;

    background:#ffffff;

    color:#344054;

    font:inherit;
    font-size:14px;
    font-weight:600;

    text-align:left;

    cursor:pointer;
}


#dslCrmGestorApp .crm-g-user-dropdown button:hover{
    background:#f2f4f7;
}

/* DSL_CRM_GESTOR_USER_DROPDOWN_FIM */

/* =========================================
   AJUSTE DO CARD "VALOR VENDIDO"
========================================= */

.crm-g-kpi-card .crm-g-kpi-value,
.crm-g-kpi .crm-g-kpi-value,
.crm-g-dashboard-card .crm-g-kpi-value,
.crm-g-dashboard-kpi-value {
    line-height: 1.05 !important;
    letter-spacing: -0.4px;
    white-space: nowrap;
}

/* card espec�fico de valor vendido */
.crm-g-kpi-card[data-kpi="valor_vendido"] .crm-g-kpi-value,
.crm-g-kpi[data-kpi="valor_vendido"] .crm-g-kpi-value,
.crm-g-dashboard-card[data-kpi="valor_vendido"] .crm-g-kpi-value,
.crm-g-dashboard-card[data-kpi="valor_vendido"] b,
.crm-g-dashboard-kpi-value.valor-vendido {
    font-size: 18px !important;
}

/* ajuste geral de n�meros do topo, se precisar */
.crm-g-kpi-card b,
.crm-g-kpi b,
.crm-g-dashboard-card b {
    white-space: nowrap;
}

/* DSL_AJUSTE_VALOR_VENDIDO_20260921 */
.crm-g-dash-money {
    font-size: 18px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
}

/* DSL_AJUSTE_NUMERO_BARRAS_20260921 */

.crm-g-bars-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    overflow: visible !important;
}

.crm-g-bars-col b {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 5 !important;

    margin: 0 0 6px 0 !important;

    color: #24364b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.crm-g-bars-col > i {
    display: block !important;
    flex-shrink: 0 !important;
}

/* DSL_CORRECAO_FINAL_BARRAS_VALOR_20260921 */

/* número exatamente acima de cada barra */
#dslCrmGestorApp .crm-g-bars-col {
    position: relative !important;
    overflow: visible !important;
}

#dslCrmGestorApp .crm-g-bars-col .crm-g-bar-value {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    margin: 0 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #24364b !important;

    z-index: 20 !important;
}

/* valor vendido menor para não estourar o card */
#dslCrmGestorApp
.crm-g-dash-kpi
.crm-g-dash-money {
    font-size: 17px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
}

/* =========================================================
   DSL_GESTOR_LEADS_CSS_20260921
   LEADS - GESTOR
   ========================================================= */

.crm-g-leads-title{
    margin-bottom:20px;
}

.crm-g-leads-kpis{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.crm-g-leads-kpi{
    min-width:0;
    min-height:92px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px;
    background:#fff;
    border:1px solid #dfe7f1;
    border-radius:14px;
    box-shadow:0 1px 3px rgba(15,35,65,.03);
}

.crm-g-leads-kpi-icon{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    font-weight:800;
    font-size:18px;
}

.crm-g-leads-kpi-icon.azul{
    color:#1677e8;
    background:#e9f2ff;
}

.crm-g-leads-kpi-icon.verde{
    color:#09a76d;
    background:#e5f8f0;
}

.crm-g-leads-kpi-icon.laranja{
    color:#e99a16;
    background:#fff2df;
}

.crm-g-leads-kpi-icon.roxo{
    color:#7257df;
    background:#f0ebff;
}

.crm-g-leads-kpi-icon.vermelho{
    color:#e44d5c;
    background:#fdebed;
}

.crm-g-leads-kpi small{
    display:block;
    color:#51647d;
    font-size:12px;
    margin-bottom:3px;
}

.crm-g-leads-kpi strong{
    display:block;
    color:#071b38;
    font-size:24px;
    line-height:1;
}

.crm-g-leads-filtros{
    margin-bottom:16px;
    overflow:hidden;
}

.crm-g-leads-card-title,
.crm-g-leads-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:50px;
    padding:0 18px;
    border-bottom:1px solid #e4eaf2;
    color:#0c2343;
}

.crm-g-leads-card-title strong,
.crm-g-leads-list-head strong{
    font-size:17px;
}

.crm-g-leads-list-head span{
    color:#708096;
    font-size:13px;
}

.crm-g-leads-filtro-grid{
    display:grid;
    grid-template-columns:
        minmax(200px,1.5fr)
        repeat(3,minmax(135px,1fr))
        minmax(130px,.8fr)
        minmax(130px,.8fr)
        auto;
    gap:12px;
    align-items:end;
    padding:16px 18px;
}

.crm-g-leads-field{
    min-width:0;
}

.crm-g-leads-field label{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:700;
    color:#435570;
}

.crm-g-leads-field input,
.crm-g-leads-field select,
.crm-g-leads-seller{
    width:100%;
    min-height:42px;
    box-sizing:border-box;
    border:1px solid #d7e0ec;
    border-radius:8px;
    padding:0 11px;
    background:#fff;
    color:#102642;
    outline:none;
}

.crm-g-leads-field input:focus,
.crm-g-leads-field select:focus,
.crm-g-leads-seller:focus{
    border-color:#287ce1;
    box-shadow:0 0 0 3px rgba(40,124,225,.09);
}

.crm-g-leads-filter-buttons{
    display:flex;
    gap:8px;
}

.crm-g-leads-lista{
    overflow:hidden;
}

.crm-g-leads-table-wrap{
    overflow-x:auto;
}

.crm-g-leads-table{
    width:100%;
    border-collapse:collapse;
    min-width:980px;
}

.crm-g-leads-table th{
    padding:11px 14px;
    text-align:left;
    color:#52627a;
    background:#f7f9fc;
    font-size:12px;
    font-weight:700;
    border-bottom:1px solid #e1e7ef;
}

.crm-g-leads-table td{
    padding:11px 14px;
    color:#20344f;
    font-size:13px;
    border-bottom:1px solid #edf1f5;
    vertical-align:middle;
}

.crm-g-leads-table tbody tr:hover{
    background:#fbfdff;
}

.crm-g-leads-name{
    color:#102744;
    font-weight:700;
}

.crm-g-leads-contato{
    display:flex;
    flex-direction:column;
    gap:2px;
}

.crm-g-leads-contato strong{
    font-size:13px;
    font-weight:500;
}

.crm-g-leads-contato span{
    font-size:12px;
    color:#77869a;
}

.crm-g-leads-origin{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:#eef4fb;
    color:#37506e;
    font-size:12px;
}

.crm-g-leads-status{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
}

.crm-g-leads-status.novo{
    color:#1677e8;
    background:#e6f2ff;
}

.crm-g-leads-status.atendimento{
    color:#a56a00;
    background:#fff0cf;
}

.crm-g-leads-status.convertido{
    color:#08835b;
    background:#e3f6ee;
}

.crm-g-leads-seller{
    min-width:150px;
    min-height:34px;
    height:34px;
    font-size:12px;
}

.crm-g-leads-actions{
    display:flex;
    gap:6px;
}

.crm-g-leads-action{
    width:34px;
    height:32px;
    border:0;
    border-radius:8px;
    cursor:pointer;
    color:#126fd4;
    background:#edf5ff;
    font-weight:700;
}

.crm-g-leads-action:hover{
    background:#dcecff;
}

.crm-g-leads-empty,
.crm-g-leads-loading{
    padding:28px;
    text-align:center;
    color:#77869a;
}

.crm-g-leads-error{
    color:#b42332;
}

@media (max-width:1350px){

    .crm-g-leads-kpis{
        grid-template-columns:repeat(3,1fr);
    }

    .crm-g-leads-filtro-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media (max-width:800px){

    .crm-g-leads-kpis{
        grid-template-columns:repeat(2,1fr);
    }

    .crm-g-leads-filtro-grid{
        grid-template-columns:1fr;
    }

    .crm-g-leads-filter-buttons{
        width:100%;
    }

    .crm-g-leads-filter-buttons button{
        flex:1;
    }
}

/* =========================================================
   DSL_GESTOR_LEAD_DRAWER_CSS_20260921
   DETALHES DO LEAD
   ========================================================= */

.crm-g-leads-row{
    cursor:pointer;
}

.crm-g-leads-row:hover{
    background:#f7fbff !important;
}

.crm-g-lead-drawer-backdrop{
    position:fixed;
    inset:0;
    z-index:10020;
    background:rgba(8,25,48,.18);
    display:flex;
    justify-content:flex-end;
}

.crm-g-lead-drawer{
    width:410px;
    max-width:calc(100vw - 18px);
    height:100%;
    background:#fff;
    box-shadow:
        -8px 0 30px rgba(15,35,65,.16);
    display:flex;
    flex-direction:column;
    animation:
        crmLeadDrawerEntrada
        .18s ease-out;
}

@keyframes crmLeadDrawerEntrada{

    from{
        transform:translateX(35px);
        opacity:.6;
    }

    to{
        transform:translateX(0);
        opacity:1;
    }
}

.crm-g-lead-drawer-head{
    min-height:64px;
    padding:0 20px;
    border-bottom:1px solid #e3e9f1;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.crm-g-lead-drawer-head strong{
    color:#102642;
    font-size:18px;
}

.crm-g-lead-drawer-head button{
    width:36px;
    height:36px;
    border:0;
    border-radius:8px;
    background:#f2f5f9;
    color:#52637a;
    font-size:24px;
    cursor:pointer;
}

.crm-g-lead-drawer-body{
    padding:20px;
    overflow:auto;
}

.crm-g-lead-person{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding-bottom:20px;
    border-bottom:1px solid #edf1f5;
}

.crm-g-lead-avatar{
    width:52px;
    height:52px;
    flex:0 0 52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#1976df;
    color:#fff;
    font-size:17px;
    font-weight:800;
}

.crm-g-lead-person-copy{
    min-width:0;
    color:#62738a;
    font-size:13px;
    line-height:1.6;
}

.crm-g-lead-person-name{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:5px;
}

.crm-g-lead-person-name h2{
    margin:0;
    color:#102642;
    font-size:19px;
    line-height:1.2;
}

.crm-g-lead-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 18px;
    padding:20px 0;
}

.crm-g-lead-detail-item{
    min-width:0;
}

.crm-g-lead-detail-item small,
.crm-g-lead-observacoes small{
    display:block;
    margin-bottom:4px;
    color:#738298;
    font-size:11px;
    font-weight:700;
}

.crm-g-lead-detail-item strong{
    display:block;
    color:#21364f;
    font-size:13px;
    font-weight:600;
    word-break:break-word;
}

.crm-g-lead-observacoes{
    padding:16px;
    margin-bottom:20px;
    border-radius:10px;
    background:#f7f9fc;
}

.crm-g-lead-observacoes p{
    margin:0;
    color:#344961;
    font-size:13px;
    line-height:1.5;
    white-space:pre-wrap;
}

.crm-g-lead-transfer{
    padding-top:4px;
    margin-bottom:14px;
}

.crm-g-lead-transfer label{
    display:block;
    margin-bottom:7px;
    color:#435570;
    font-size:12px;
    font-weight:700;
}

.crm-g-lead-transfer select{
    width:100%;
    height:42px;
    box-sizing:border-box;
    padding:0 11px;
    margin-bottom:10px;
    border:1px solid #d6e0ec;
    border-radius:8px;
    background:#fff;
    color:#19304d;
}

.crm-g-lead-transfer button{
    width:100%;
}

.crm-g-lead-drawer-actions{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.crm-g-lead-drawer-actions button{
    width:100%;
    min-height:42px;
}

.crm-g-btn-disabled{
    opacity:.55;
    cursor:not-allowed !important;
}

@media (max-width:600px){

    .crm-g-lead-drawer{
        width:100%;
        max-width:100%;
    }

    .crm-g-lead-detail-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   DSL_GESTOR_LEAD_DRAWER_LAYER_FIX_20260921
   GAVETA SEMPRE ACIMA DO SISTEMA
   ========================================================= */

.crm-g-lead-drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    display:flex !important;
    justify-content:flex-end !important;
    visibility:visible !important;
    opacity:1 !important;
}

.crm-g-lead-drawer{
    position:relative !important;
    z-index:1 !important;
    outline:none !important;
}

/* =========================================================
   DSL_GESTOR_OBSERVACAO_EDITAVEL_CSS_FIX_20260921
   ========================================================= */

.crm-g-lead-observacoes{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.crm-g-lead-obs-label{
    display:block;
    font-size:13px;
    font-weight:700;
    color:#71819a;
}

.crm-g-lead-obs-textarea{
    width:100%;
    min-height:110px;
    box-sizing:border-box;

    resize:vertical;

    padding:12px 14px;

    border:1px solid #ccd8e7;
    border-radius:10px;

    background:#ffffff;
    color:#203652;

    font-family:"Segoe UI",Arial,sans-serif;
    font-size:14px;
    line-height:1.45;

    outline:none;
}

.crm-g-lead-obs-textarea:focus{
    border-color:#2879d9;
    box-shadow:0 0 0 3px rgba(40,121,217,.10);
}

.crm-g-lead-obs-save{
    width:100%;
    min-height:42px;
}

.crm-g-lead-obs-status{
    min-height:17px;

    font-size:12px;
    font-weight:600;

    color:#16835b;
}

.crm-g-lead-obs-status.erro{
    color:#c43838;
}

/* =========================================================
   DSL_GESTOR_OBSERVACAO_DIRETA_CSS_20260922
   ========================================================= */

.crm-g-lead-observacoes-editavel{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
}

.crm-g-lead-obs-textarea{
    width:100% !important;
    min-height:110px !important;
    box-sizing:border-box !important;

    padding:12px 14px !important;

    border:1px solid #ccd8e7 !important;
    border-radius:10px !important;

    background:#ffffff !important;
    color:#203652 !important;

    font-family:"Segoe UI",Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.45 !important;

    resize:vertical !important;
    outline:none !important;
}

.crm-g-lead-obs-textarea:focus{
    border-color:#2879d9 !important;
    box-shadow:0 0 0 3px rgba(40,121,217,.10) !important;
}

.crm-g-lead-obs-save{
    width:100% !important;
    min-height:42px !important;
}

.crm-g-lead-obs-status{
    min-height:16px !important;
    font-size:12px !important;
    font-weight:600 !important;
    color:#16835b !important;
}

.crm-g-lead-obs-status.erro{
    color:#c43838 !important;
}



/* ==========================================================
   DSL_GESTOR_VENDEDORES_GESTAO_COMPLETA_CSS_20260922
   ========================================================== */

.crm-g-vendedor-login{
    font-family:Consolas,"Courier New",monospace;
    font-size:13px;
    font-weight:600;
    color:#344054;
}

.crm-g-vendedor-acoes{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.crm-g-vendedor-transferir{
    white-space:nowrap;
}

.crm-g-vendedor-excluir{
    color:#b42318!important;
    border-color:#f5c2c0!important;
}

.crm-g-vendedor-excluir:hover{
    background:#fff1f0!important;
}

.crm-g-input-readonly{
    background:#f5f7fa!important;
    color:#475467!important;
    cursor:default!important;
}

.crm-g-field-help{
    display:block;
    margin-top:6px;
    font-size:12px;
    line-height:1.4;
    color:#667085;
}

.crm-g-transfer{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.crm-g-transfer-origem,
.crm-g-transfer-total{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 15px;
    border:1px solid #e4eaf2;
    border-radius:10px;
    background:#f8fafc;
}

.crm-g-transfer-origem span,
.crm-g-transfer-total span{
    color:#667085;
    font-size:13px;
}

.crm-g-transfer-origem strong,
.crm-g-transfer-total strong{
    color:#203652;
}

.crm-g-transfer-total strong{
    font-size:22px;
}

.crm-g-transfer-modos{
    display:flex;
    flex-direction:column;
    gap:9px;
}

.crm-g-transfer-radio{
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 13px;
    border:1px solid #dde5ef;
    border-radius:9px;
    cursor:pointer;
}

.crm-g-transfer-radio input{
    margin:0;
}

.crm-g-transfer-linhas{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.crm-g-transfer-linha{
    display:grid;
    grid-template-columns:minmax(220px,1fr) 135px 34px;
    gap:10px;
    align-items:end;
    padding:12px;
    border:1px solid #e4eaf2;
    border-radius:10px;
    background:#fff;
}

.crm-g-transfer-remover{
    height:42px;
    width:34px;
    border:0;
    border-radius:8px;
    background:#fff1f0;
    color:#b42318;
    font-size:21px;
    line-height:1;
    cursor:pointer;
}

.crm-g-transfer-add{
    width:max-content;
}

.crm-g-transfer-resumo{
    padding:11px 13px;
    border-radius:9px;
    background:#eef7f3;
    color:#167255;
    font-size:13px;
    font-weight:700;
}

.crm-g-transfer-resumo.erro{
    background:#fff1f0;
    color:#b42318;
}

.crm-g-transfer-nota{
    font-size:12px;
    line-height:1.45;
    color:#667085;
}

@media (max-width:760px){

    .crm-g-transfer-linha{
        grid-template-columns:1fr;
    }

    .crm-g-transfer-remover{
        width:100%;
    }

    .crm-g-vendedor-acoes{
        align-items:stretch;
        flex-direction:column;
    }

    .crm-g-vendedor-acoes .crm-g-icon-btn{
        width:100%;
    }
}


/* ============================================================
   DSL_GESTOR_MODAL_PADRAO_CSS_20260922
   Modal institucional padrão do CRM Gestor
   ============================================================ */

.crm-g-padrao-overlay{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(15, 30, 50, .66);
    backdrop-filter:blur(2px);
}

.crm-g-padrao-modal{
    position:relative;
    width:min(100%, 580px);
    background:#ffffff;
    border:1px solid rgba(16,40,74,.08);
    border-radius:18px;
    box-shadow:
        0 24px 70px rgba(15,30,50,.22),
        0 5px 16px rgba(15,30,50,.08);
    padding:38px 32px 28px;
    animation:crmGPadraoEntrar .18s ease-out;
}

@keyframes crmGPadraoEntrar{
    from{
        opacity:0;
        transform:translateY(8px) scale(.985);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.crm-g-padrao-fechar{
    position:absolute;
    top:16px;
    right:18px;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#8794a7;
    font-size:30px;
    line-height:1;
    cursor:pointer;
}

.crm-g-padrao-fechar:hover{
    background:#f2f5f8;
    color:#10284a;
}

.crm-g-padrao-icone{
    width:86px;
    height:86px;
    margin:0 auto 24px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.crm-g-padrao-icone span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    border:3px solid currentColor;
    border-radius:14px;
    font-size:27px;
    font-weight:800;
    line-height:1;
}

.crm-g-padrao-icone-aviso,
.crm-g-padrao-icone-erro{
    color:#d96b00;
    background:#fff1e3;
}

.crm-g-padrao-icone-sucesso{
    color:#087b62;
    background:#e7f6f1;
}

.crm-g-padrao-icone-sucesso span{
    border-radius:50%;
}

.crm-g-padrao-icone-confirmar{
    color:#185fbe;
    background:#eaf3ff;
}

.crm-g-padrao-icone-confirmar span{
    border-radius:50%;
}

.crm-g-padrao-titulo{
    margin:0 0 18px;
    color:#101f38;
    text-align:center;
    font-size:26px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.35px;
}

.crm-g-padrao-texto{
    max-width:490px;
    margin:0 auto;
    color:#34435a;
    text-align:left;
    font-size:16px;
    line-height:1.6;
    white-space:pre-line;
}

.crm-g-padrao-divisor{
    height:1px;
    margin:28px 0 20px;
    background:#e6ebf1;
}

.crm-g-padrao-acoes{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.crm-g-padrao-btn{
    min-width:126px;
    min-height:48px;
    border-radius:11px;
    padding:0 22px;
    font:inherit;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:
        transform .12s ease,
        box-shadow .12s ease,
        background .12s ease;
}

.crm-g-padrao-btn:hover{
    transform:translateY(-1px);
}

.crm-g-padrao-btn-principal{
    border:1px solid #087b86;
    background:#087b86;
    color:#ffffff;
    box-shadow:0 5px 14px rgba(8,123,134,.18);
}

.crm-g-padrao-btn-principal:hover{
    background:#076c76;
}

.crm-g-padrao-btn-secundario{
    border:1px solid #dfe5ec;
    background:#f3f6f9;
    color:#253650;
}

.crm-g-padrao-btn-secundario:hover{
    background:#e9eef4;
}

.crm-g-padrao-btn-perigo{
    border:1px solid #b83b3b;
    background:#b83b3b;
    color:#ffffff;
    box-shadow:0 5px 14px rgba(184,59,59,.16);
}

.crm-g-padrao-btn-perigo:hover{
    background:#a63333;
}

@media (max-width:640px){

    .crm-g-padrao-overlay{
        padding:16px;
    }

    .crm-g-padrao-modal{
        border-radius:16px;
        padding:34px 22px 22px;
    }

    .crm-g-padrao-icone{
        width:72px;
        height:72px;
        margin-bottom:20px;
    }

    .crm-g-padrao-icone span{
        width:40px;
        height:40px;
        font-size:23px;
    }

    .crm-g-padrao-titulo{
        font-size:22px;
    }

    .crm-g-padrao-texto{
        font-size:15px;
        line-height:1.55;
    }

    .crm-g-padrao-acoes{
        flex-direction:column-reverse;
    }

    .crm-g-padrao-btn{
        width:100%;
    }
}


/* ==========================================================
   DSL_GESTOR_OPORTUNIDADES_CSS_20260923
   ========================================================== */

.crm-g-opp-page-title{
    align-items:flex-start;
}

.crm-g-opp-kpis{
    display:grid;
    grid-template-columns:
        repeat(4,minmax(150px,1fr))
        minmax(220px,1.35fr);
    gap:14px;
    margin-bottom:18px;
}

.crm-g-opp-kpi{
    min-height:104px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
}

.crm-g-opp-kpi-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eaf4ff;
    color:#146bd6;
    font-size:19px;
    font-weight:800;
}

.crm-g-opp-kpi-ok{
    background:#e9f8ef;
    color:#12934d;
}

.crm-g-opp-kpi-lost{
    background:#fff0f0;
    color:#dc3d3d;
}

.crm-g-opp-kpi small{
    display:block;
    margin-bottom:5px;
    color:#58708f;
    font-size:12px;
    font-weight:700;
}

.crm-g-opp-kpi strong{
    display:block;
    color:#102545;
    font-size:26px;
    line-height:1.05;
}

.crm-g-opp-kpi span{
    display:block;
    margin-top:5px;
    color:#7a8ba4;
    font-size:11px;
}

.crm-g-opp-kpi-money strong{
    font-size:20px;
    white-space:nowrap;
}

.crm-g-opp-filtros{
    margin-bottom:18px;
    padding:0;
    overflow:hidden;
}

.crm-g-opp-section-head{
    padding:17px 20px;
    border-bottom:1px solid #e5ebf3;
    color:#142947;
    font-size:16px;
}

.crm-g-opp-filter-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(140px,1fr));
    gap:14px;
    padding:18px 20px 10px;
}

.crm-g-opp-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
}

.crm-g-opp-field > span{
    color:#405673;
    font-size:12px;
    font-weight:700;
}

.crm-g-opp-field .crm-g-input{
    width:100%;
    box-sizing:border-box;
}

.crm-g-opp-filter-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:8px 20px 18px;
}

.crm-g-opp-lista{
    padding:0;
    overflow:hidden;
}

.crm-g-opp-tabs{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 16px;
    border-bottom:1px solid #e6ebf2;
}

.crm-g-opp-tabs-left{
    display:flex;
    align-items:stretch;
    min-height:58px;
    overflow-x:auto;
}

.crm-g-opp-tab{
    appearance:none;
    border:0;
    border-bottom:3px solid transparent;
    background:transparent;
    padding:0 17px;
    color:#61738e;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
}

.crm-g-opp-tab.ativo{
    color:#0f70e6;
    border-bottom-color:#0f70e6;
}

.crm-g-opp-table-wrap{
    width:100%;
    overflow:auto;
}

.crm-g-opp-table{
    width:100%;
    min-width:1180px;
    border-collapse:collapse;
}

.crm-g-opp-table th{
    padding:12px 13px;
    text-align:left;
    background:#f8fafe;
    border-bottom:1px solid #e4eaf2;
    color:#465a78;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-opp-table td{
    padding:13px;
    border-bottom:1px solid #e8edf4;
    color:#344966;
    font-size:12px;
    vertical-align:middle;
}

.crm-g-opp-table tr:hover td{
    background:#fbfdff;
}

.crm-g-opp-table td small{
    display:block;
    margin-top:4px;
    color:#8090a6;
    font-size:10px;
}

.crm-g-opp-client{
    color:#086bdc;
}

.crm-g-opp-stage{
    display:inline-flex;
    padding:6px 9px;
    border-radius:7px;
    background:#eef5ff;
    color:#2568b6;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.crm-g-opp-status{
    display:inline-flex;
    padding:6px 10px;
    border-radius:8px;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}

.crm-g-opp-status-aberta{
    background:#e9f4ff;
    color:#0973df;
}

.crm-g-opp-status-ganha{
    background:#e7f8ed;
    color:#138c49;
}

.crm-g-opp-status-perdida{
    background:#ffeaea;
    color:#d53939;
}

.crm-g-opp-money{
    font-weight:700;
    white-space:nowrap;
}

.crm-g-opp-list-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:54px;
    padding:0 18px;
    color:#64758e;
    font-size:12px;
}

.crm-g-opp-empty{
    padding:38px !important;
    text-align:center !important;
    color:#77879d !important;
}

.crm-g-opp-loading{
    padding:30px;
    text-align:center;
}

.crm-g-opp-modal-backdrop{
    position:fixed;
    inset:0;
    z-index:100040;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(18,37,64,.52);
    backdrop-filter:blur(2px);
}

.crm-g-opp-modal{
    width:min(760px,96vw);
    max-height:90vh;
    overflow:auto;
    border-radius:20px;
    background:#fff;
    box-shadow:0 26px 70px rgba(16,35,65,.26);
}

.crm-g-opp-modal-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px;
    border-bottom:1px solid #e6ebf2;
}

.crm-g-opp-modal-head strong{
    display:block;
    color:#102545;
    font-size:21px;
}

.crm-g-opp-modal-head span{
    display:block;
    margin-top:4px;
    color:#73849d;
    font-size:12px;
}

.crm-g-opp-modal-head button{
    width:34px;
    height:34px;
    border:0;
    border-radius:9px;
    background:#f3f6fa;
    color:#718198;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}

.crm-g-opp-modal-body{
    padding:22px 24px;
}

.crm-g-opp-modal-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.crm-g-opp-col-2{
    grid-column:1 / -1;
}

.crm-g-opp-textarea{
    min-height:96px;
    resize:vertical;
}

.crm-g-opp-modal-foot{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding:18px 24px 22px;
    border-top:1px solid #e6ebf2;
}

.crm-g-opp-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:20px;
}

.crm-g-opp-summary > div{
    padding:13px;
    border:1px solid #e5ebf3;
    border-radius:12px;
    background:#f9fbfd;
}

.crm-g-opp-summary span{
    display:block;
    margin-bottom:4px;
    color:#7788a0;
    font-size:10px;
}

.crm-g-opp-summary strong{
    display:block;
    color:#213957;
    font-size:12px;
}

@media (max-width:1200px){

    .crm-g-opp-kpis{
        grid-template-columns:repeat(3,minmax(160px,1fr));
    }

    .crm-g-opp-filter-grid{
        grid-template-columns:repeat(3,minmax(160px,1fr));
    }
}

@media (max-width:760px){

    .crm-g-opp-page-title{
        gap:12px;
    }

    .crm-g-opp-page-title .crm-g-btn{
        width:100%;
    }

    .crm-g-opp-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .crm-g-opp-kpi-money{
        grid-column:1 / -1;
    }

    .crm-g-opp-filter-grid{
        grid-template-columns:1fr 1fr;
        padding-left:14px;
        padding-right:14px;
    }

    .crm-g-opp-filter-actions{
        padding-left:14px;
        padding-right:14px;
    }

    .crm-g-opp-tabs{
        align-items:flex-start;
        flex-direction:column;
        padding:0 12px 12px;
    }

    .crm-g-opp-tabs-left{
        width:100%;
    }

    .crm-g-opp-modal-backdrop{
        padding:10px;
        align-items:flex-end;
    }

    .crm-g-opp-modal{
        width:100%;
        max-height:94vh;
        border-radius:18px 18px 0 0;
    }

    .crm-g-opp-modal-grid{
        grid-template-columns:1fr;
    }

    .crm-g-opp-col-2{
        grid-column:auto;
    }

    .crm-g-opp-summary{
        grid-template-columns:1fr 1fr;
    }
}


/* ==========================================================
   DSL_GESTOR_OPORTUNIDADE_ACAO_CLICK_20260923
   ========================================================== */

.crm-g-opp-table [data-opp-open]{
    position:relative;
    z-index:5;
    pointer-events:auto !important;
    cursor:pointer !important;
    min-width:34px;
    min-height:32px;
}

.crm-g-opp-table td:last-child{
    position:relative;
    z-index:4;
}


/* ==========================================================
   DSL_GESTOR_OPP_MODAL_LAYER_FIX_20260923
   ========================================================== */

#dslCrmGestorApp .crm-g-opp-modal-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:2147483647 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    background:rgba(18,37,64,.52) !important;
}

#dslCrmGestorApp .crm-g-opp-modal{
    position:relative !important;
    z-index:2147483647 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}


/* ==========================================================
   DSL_GESTOR_OPORTUNIDADE_COTACAO_HISTORICO_CSS_20260923
   ========================================================== */

.crm-g-opp-modal{
    width:min(900px,96vw);
}

.crm-g-opp-summary > div small{
    display:block;
    margin-top:5px;
    color:#71839d;
    font-size:10px;
    line-height:1.3;
}

.crm-g-opp-summary-alert{
    border-color:#ffd8d8 !important;
    background:#fff6f6 !important;
}

.crm-g-opp-summary-alert span,
.crm-g-opp-summary-alert strong,
.crm-g-opp-summary-alert small{
    color:#bd3131 !important;
}

.crm-g-opp-detail-section{
    margin-top:22px;
    padding-top:22px;
    border-top:1px solid #e5ebf3;
}

.crm-g-opp-detail-section:first-of-type{
    margin-top:6px;
}

.crm-g-opp-detail-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
}

.crm-g-opp-detail-title > div > strong{
    display:block;
    color:#102545;
    font-size:16px;
}

.crm-g-opp-detail-title > div > span{
    display:block;
    margin-top:3px;
    color:#73849d;
    font-size:11px;
}

.crm-g-opp-quote-card{
    overflow:hidden;
    border:1px solid #dfe7f1;
    border-radius:14px;
    background:#fff;
}

.crm-g-opp-quote-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding:16px 18px;
    background:#f8fbff;
    border-bottom:1px solid #e4ebf3;
}

.crm-g-opp-quote-head strong{
    display:block;
    color:#173351;
    font-size:14px;
}

.crm-g-opp-quote-head div > span{
    display:block;
    margin-top:4px;
    color:#687c97;
    font-size:11px;
}

.crm-g-opp-quote-status{
    display:inline-flex;
    padding:6px 10px;
    border-radius:8px;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-opp-quote-status-aceita{
    background:#e7f8ed;
    color:#128747;
}

.crm-g-opp-quote-status-emitida{
    background:#e9f3ff;
    color:#0d6fd6;
}

.crm-g-opp-quote-status-rascunho{
    background:#f1f3f6;
    color:#697b91;
}

.crm-g-opp-quote-status-negativa{
    background:#ffeded;
    color:#c63838;
}

.crm-g-opp-quote-info{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    background:#e7edf4;
    border-bottom:1px solid #e4ebf3;
}

.crm-g-opp-quote-info > div{
    padding:13px 18px;
    background:#fff;
}

.crm-g-opp-quote-info span{
    display:block;
    margin-bottom:4px;
    color:#7a8ba3;
    font-size:10px;
}

.crm-g-opp-quote-info strong{
    color:#263e5b;
    font-size:12px;
}

.crm-g-opp-quote-options{
    padding:12px;
}

.crm-g-opp-quote-option{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:12px 14px;
    border:1px solid #e3eaf2;
    border-radius:10px;
}

.crm-g-opp-quote-option + .crm-g-opp-quote-option{
    margin-top:8px;
}

.crm-g-opp-quote-option.aceita{
    border-color:#bde5cc;
    background:#f3fbf6;
}

.crm-g-opp-quote-option strong{
    display:block;
    color:#173451;
    font-size:12px;
}

.crm-g-opp-quote-option div > span{
    display:block;
    margin-top:3px;
    color:#71829a;
    font-size:11px;
}

.crm-g-opp-option-accepted{
    display:inline-flex;
    padding:5px 8px;
    border-radius:7px;
    background:#dff4e7;
    color:#148448;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-opp-no-quote{
    padding:18px;
    border:1px dashed #cfd9e6;
    border-radius:12px;
    background:#fafcff;
}

.crm-g-opp-no-quote strong{
    display:block;
    color:#334c69;
    font-size:13px;
}

.crm-g-opp-no-quote span{
    display:block;
    margin-top:4px;
    color:#7a8ba2;
    font-size:11px;
}

.crm-g-opp-history-alert{
    display:inline-flex;
    padding:6px 9px;
    border-radius:8px;
    background:#fff0f0;
    color:#be3434;
    font-size:10px;
    font-weight:800;
}

.crm-g-opp-history{
    border:1px solid #e2e9f2;
    border-radius:13px;
    overflow:hidden;
}

.crm-g-opp-history-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:15px 16px;
}

.crm-g-opp-history-item + .crm-g-opp-history-item{
    border-top:1px solid #e7edf4;
}

.crm-g-opp-history-dot{
    width:10px;
    height:10px;
    flex:0 0 10px;
    margin-top:5px;
    border-radius:50%;
    background:#8597ad;
}

.crm-g-opp-history-dot-atrasada{
    background:#d94444;
}

.crm-g-opp-history-dot-pendente{
    background:#1777de;
}

.crm-g-opp-history-dot-concluida{
    background:#15904c;
}

.crm-g-opp-history-content{
    flex:1;
    min-width:0;
}

.crm-g-opp-history-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.crm-g-opp-history-top strong{
    display:block;
    color:#213b5a;
    font-size:12px;
}

.crm-g-opp-history-top div > span{
    display:block;
    margin-top:3px;
    color:#7a8ba2;
    font-size:10px;
}

.crm-g-opp-activity-status{
    display:inline-flex;
    padding:5px 8px;
    border-radius:7px;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-opp-activity-status-atrasada{
    background:#ffeded;
    color:#c23838;
}

.crm-g-opp-activity-status-pendente{
    background:#e9f3ff;
    color:#126dd0;
}

.crm-g-opp-activity-status-concluida{
    background:#e6f7ec;
    color:#148449;
}

.crm-g-opp-history-date{
    margin-top:8px;
    color:#7a899e;
    font-size:10px;
}

.crm-g-opp-history-date strong{
    color:#4a607b;
}

.crm-g-opp-history-content p{
    margin:8px 0 0;
    padding:8px 10px;
    border-radius:8px;
    background:#f7f9fc;
    color:#60728a;
    font-size:10px;
    line-height:1.45;
}

.crm-g-opp-no-history,
.crm-g-opp-empty-inline{
    padding:20px;
    color:#76879e;
    text-align:center;
    font-size:11px;
}

@media (max-width:760px){

    .crm-g-opp-quote-info{
        grid-template-columns:1fr;
    }

    .crm-g-opp-history-top{
        flex-direction:column;
    }

    .crm-g-opp-detail-title{
        align-items:flex-start;
        flex-direction:column;
    }

    .crm-g-opp-quote-head{
        flex-direction:column;
    }

    .crm-g-opp-quote-option{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* ==========================================================
   DSL_GESTOR_OPORTUNIDADE_SUPERVISAO_CSS_20260923
   ========================================================== */


/* O Gestor acompanha; criação pertence ao fluxo do vendedor. */
#crmOppNova{
    display:none !important;
}


/* Campos gerenciais em modo somente leitura. */
.crm-g-opp-modal input[readonly],
.crm-g-opp-modal textarea[readonly],
.crm-g-opp-modal select:disabled{
    background:#f6f8fb !important;
    color:#425671 !important;
    cursor:default !important;
    opacity:1 !important;
}


/* Vendedor permanece disponível para transferência administrativa. */
#crmOppEditVendedor{
    background:#ffffff !important;
    cursor:pointer !important;
}


.crm-g-opp-supervisor-banner{
    margin-bottom:18px;
    padding:14px 16px;
    border:1px solid #cfe2f7;
    border-radius:12px;
    background:#f2f8ff;
}


.crm-g-opp-supervisor-banner strong{
    display:block;
    margin-bottom:5px;
    color:#135da8;
    font-size:12px;
}


.crm-g-opp-supervisor-banner span{
    display:block;
    color:#526983;
    font-size:11px;
    line-height:1.5;
}


#crmOppTransferirResponsavel:disabled{
    opacity:.5;
    cursor:not-allowed;
}


/* ============================================================
   DSL_GESTOR_METAS_COMERCIAIS_CSS_20260923
   ============================================================ */

.crm-g-meta-page-title{
    align-items:center;
}

.crm-g-meta-top-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.crm-g-meta-top-actions input[type="month"]{
    min-height:42px;
    padding:0 12px;
    border:1px solid #d9e1ec;
    border-radius:9px;
    background:#fff;
    color:#173451;
    font:inherit;
    font-weight:650;
    outline:none;
}

.crm-g-meta-top-actions input[type="month"]:focus{
    border-color:#1769d2;
    box-shadow:0 0 0 3px rgba(23,105,210,.10);
}

.crm-g-meta-period{
    display:flex;
    align-items:center;
    gap:8px;
    margin:-8px 0 18px;
    color:#71849a;
    font-size:13px;
}

.crm-g-meta-period strong{
    color:#173451;
}

.crm-g-meta-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.crm-g-meta-kpi{
    background:#fff;
    border:1px solid #e5e9f0;
    border-radius:14px;
    box-shadow:0 3px 12px rgba(16,33,63,.04);
    padding:18px;
    min-width:0;
}

.crm-g-meta-kpi-label{
    color:#6b7f95;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.35px;
}

.crm-g-meta-kpi-value{
    margin-top:10px;
    color:#173451;
    font-size:27px;
    font-weight:850;
    letter-spacing:-.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.crm-g-meta-kpi-meta{
    margin-top:5px;
    color:#7a8da2;
    font-size:12px;
}

.crm-g-meta-kpi-meta strong{
    color:#44566c;
}

.crm-g-meta-progress{
    height:7px;
    margin-top:15px;
    background:#edf2f7;
    border-radius:999px;
    overflow:hidden;
}

.crm-g-meta-progress span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#1769d2,#2f91f4);
}

.crm-g-meta-kpi-foot{
    margin-top:8px;
    color:#587087;
    font-size:12px;
    font-weight:700;
}

.crm-g-meta-main-grid{
    display:grid;
    grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);
    gap:16px;
    margin-bottom:16px;
}

.crm-g-meta-panel{
    margin-top:16px;
    padding:0;
    overflow:hidden;
}

.crm-g-meta-main-grid .crm-g-meta-panel{
    margin-top:0;
}

.crm-g-meta-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:16px;
    padding:18px 20px;
    border-bottom:1px solid #edf0f4;
}

.crm-g-meta-panel-head h2{
    margin:0;
    color:#173451;
    font-size:16px;
}

.crm-g-meta-panel-head p{
    margin:5px 0 0;
    color:#7a8da2;
    font-size:12px;
}

.crm-g-meta-chart{
    padding:18px 20px 14px;
}

.crm-g-meta-chart-legend{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:18px;
    color:#60758b;
    font-size:12px;
    font-weight:700;
}

.crm-g-meta-chart-legend span{
    display:flex;
    align-items:center;
    gap:6px;
}

.crm-g-meta-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    display:inline-block;
}

.crm-g-meta-dot.leads,
.crm-g-meta-chart-bars span.leads{
    background:#1769d2;
}

.crm-g-meta-dot.propostas,
.crm-g-meta-chart-bars span.propostas{
    background:#56a6ec;
}

.crm-g-meta-dot.vendas,
.crm-g-meta-chart-bars span.vendas{
    background:#86c1f4;
}

.crm-g-meta-chart-area{
    min-height:195px;
    display:flex;
    align-items:flex-end;
    gap:14px;
    border-bottom:1px solid #e5ebf2;
    padding:0 4px 8px;
}

.crm-g-meta-chart-month{
    flex:1;
    min-width:38px;
    text-align:center;
}

.crm-g-meta-chart-bars{
    height:155px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:3px;
}

.crm-g-meta-chart-bars span{
    width:8px;
    min-height:4px;
    border-radius:5px 5px 2px 2px;
}

.crm-g-meta-chart-month small{
    display:block;
    margin-top:8px;
    color:#8192a5;
    font-size:10px;
    text-transform:capitalize;
}

.crm-g-meta-ring-area{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:26px;
    min-height:245px;
    padding:22px;
}

.crm-g-meta-ring{
    --crm-meta-pct:0;
    width:132px;
    height:132px;
    border-radius:50%;
    background:
        conic-gradient(
            #1769d2 calc(var(--crm-meta-pct) * 1%),
            #e9eff6 0
        );
    display:grid;
    place-items:center;
    position:relative;
    flex:0 0 auto;
}

.crm-g-meta-ring::after{
    content:"";
    width:96px;
    height:96px;
    border-radius:50%;
    background:#fff;
    position:absolute;
}

.crm-g-meta-ring > div{
    position:relative;
    z-index:1;
    text-align:center;
}

.crm-g-meta-ring strong{
    display:block;
    color:#173451;
    font-size:21px;
}

.crm-g-meta-ring span{
    display:block;
    margin-top:2px;
    color:#8192a5;
    font-size:10px;
}

.crm-g-meta-ring-info{
    min-width:150px;
}

.crm-g-meta-ring-info > div{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:7px 0;
    border-bottom:1px solid #eef2f6;
    color:#60758b;
    font-size:12px;
}

.crm-g-meta-ring-info > div:last-child{
    border-bottom:0;
}

.crm-g-meta-ring-info strong{
    color:#173451;
}

.crm-g-meta-table-wrap{
    width:100%;
    overflow:auto;
}

.crm-g-meta-table{
    width:100%;
    border-collapse:collapse;
    min-width:850px;
}

.crm-g-meta-table th{
    padding:12px 16px;
    background:#f8fafc;
    border-bottom:1px solid #e5e9f0;
    color:#75889d;
    font-size:11px;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.25px;
    white-space:nowrap;
}

.crm-g-meta-table td{
    padding:14px 16px;
    border-bottom:1px solid #edf1f5;
    color:#34485f;
    font-size:12px;
    vertical-align:middle;
}

.crm-g-meta-table tbody tr:last-child td{
    border-bottom:0;
}

.crm-g-meta-table-main{
    color:#173451;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-meta-table-main span{
    color:#7f91a4;
    font-weight:600;
}

.crm-g-meta-table-sub{
    margin-top:3px;
    color:#8596a8;
    font-size:10px;
}

.crm-g-meta-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    background:#eef5ff;
    color:#1769d2;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-meta-empty,
.crm-g-meta-loading,
.crm-g-meta-error{
    padding:34px;
    text-align:center;
    color:#71849a;
}

.crm-g-meta-error strong{
    display:block;
    margin-bottom:6px;
    color:#b42318;
}

.crm-g-meta-error p{
    margin:0;
}

.crm-g-meta-modal{
    width:min(1040px,96vw);
}

.crm-g-meta-modal-subtitle{
    margin-top:4px;
    color:#7c8ea2;
    font-size:12px;
    font-weight:600;
}

.crm-g-meta-mode{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding:14px 16px;
    background:#f7faff;
    border:1px solid #e4edf8;
    border-radius:11px;
}

.crm-g-meta-mode label{
    color:#173451;
    font-size:13px;
    font-weight:800;
}

.crm-g-meta-mode select{
    min-height:39px;
    padding:0 11px;
    border:1px solid #d8e1eb;
    border-radius:8px;
    background:#fff;
    color:#34485f;
    font:inherit;
    font-size:12px;
}

.crm-g-meta-edit-section{
    margin-top:18px;
}

.crm-g-meta-edit-title{
    margin-bottom:10px;
    color:#173451;
    font-size:14px;
    font-weight:850;
}

.crm-g-meta-edit-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.crm-g-meta-edit-grid label{
    display:block;
}

.crm-g-meta-edit-grid label span{
    display:block;
    margin-bottom:5px;
    color:#6d8094;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

.crm-g-meta-edit-grid input{
    width:100%;
    min-height:39px;
    box-sizing:border-box;
    padding:0 10px;
    border:1px solid #dbe3ec;
    border-radius:8px;
    background:#fff;
    color:#173451;
    font:inherit;
    font-size:13px;
    outline:none;
}

.crm-g-meta-edit-grid input:focus{
    border-color:#1769d2;
    box-shadow:0 0 0 3px rgba(23,105,210,.09);
}

.crm-g-meta-edit-grid input:disabled{
    background:#f1f4f8;
    color:#708399;
}

.crm-g-meta-seller-edit{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:14px;
    align-items:end;
    padding:14px 0;
    border-bottom:1px solid #edf1f5;
}

.crm-g-meta-seller-edit:last-child{
    border-bottom:0;
}

.crm-g-meta-seller-name{
    padding-bottom:7px;
}

.crm-g-meta-seller-name strong{
    display:block;
    color:#173451;
    font-size:13px;
}

.crm-g-meta-seller-name small{
    display:block;
    margin-top:4px;
    color:#8999aa;
    font-size:10px;
}

@media (max-width:1050px){

    .crm-g-meta-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .crm-g-meta-main-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:720px){

    .crm-g-meta-page-title{
        display:block;
    }

    .crm-g-meta-top-actions{
        margin-top:14px;
    }

    .crm-g-meta-top-actions input,
    .crm-g-meta-top-actions .crm-g-btn{
        width:100%;
    }

    .crm-g-meta-kpis{
        grid-template-columns:1fr;
    }

    .crm-g-meta-ring-area{
        flex-direction:column;
    }

    .crm-g-meta-ring-info{
        width:100%;
    }

    .crm-g-meta-mode{
        display:block;
    }

    .crm-g-meta-mode select{
        width:100%;
        margin-top:9px;
    }

    .crm-g-meta-edit-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .crm-g-meta-seller-edit{
        grid-template-columns:1fr;
    }
}

@media (max-width:430px){

    .crm-g-meta-edit-grid{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   DSL_GESTOR_METAS_VISUAL_APROVADO_20260923
   Refina a tela para o mockup aprovado
   ============================================================ */

.crm-g-meta-page-title{
    margin-bottom:14px;
}

.crm-g-meta-top-actions{
    gap:12px;
}

.crm-g-meta-top-actions input[type="month"]{
    min-width:220px;
    background:#fff;
    border:1px solid #dfe6ef;
    box-shadow:0 3px 10px rgba(26,52,81,.04);
}

.crm-g-meta-kpis{
    gap:12px;
}

.crm-g-meta-kpi{
    position:relative;
    overflow:hidden;
    padding:16px 18px 15px;
    min-height:118px;
    border:1px solid transparent;
    box-shadow:none;
}

.crm-g-meta-kpi.leads{
    background:linear-gradient(135deg,#f2f8ff,#edf6ff);
    border-color:#e4effc;
}

.crm-g-meta-kpi.propostas{
    background:linear-gradient(135deg,#f0fbf5,#eaf9f1);
    border-color:#e0f2e8;
}

.crm-g-meta-kpi.vendas{
    background:linear-gradient(135deg,#f8f4ff,#f2edff);
    border-color:#ebe2ff;
}

.crm-g-meta-kpi.faturamento{
    background:linear-gradient(135deg,#fff8ef,#fff3e5);
    border-color:#faead6;
}

.crm-g-meta-kpi-top{
    display:flex;
    gap:12px;
    align-items:flex-start;
}

.crm-g-meta-kpi-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    font-size:16px;
}

.crm-g-meta-kpi.leads .crm-g-meta-kpi-icon{
    background:#ddecff;
    color:#1670e7;
}

.crm-g-meta-kpi.propostas .crm-g-meta-kpi-icon{
    background:#d7f4e4;
    color:#10a05b;
}

.crm-g-meta-kpi.vendas .crm-g-meta-kpi-icon{
    background:#e7dcff;
    color:#7449e7;
}

.crm-g-meta-kpi.faturamento .crm-g-meta-kpi-icon{
    background:#ffe6c7;
    color:#f57b12;
}

.crm-g-meta-kpi-label{
    font-size:11px;
    text-transform:none;
    letter-spacing:0;
}

.crm-g-meta-kpi.leads .crm-g-meta-kpi-label{
    color:#176fe7;
}

.crm-g-meta-kpi.propostas .crm-g-meta-kpi-label{
    color:#12975a;
}

.crm-g-meta-kpi.vendas .crm-g-meta-kpi-label{
    color:#7349df;
}

.crm-g-meta-kpi.faturamento .crm-g-meta-kpi-label{
    color:#ef750f;
}

.crm-g-meta-kpi-numbers{
    display:flex;
    align-items:baseline;
    gap:5px;
    margin-top:4px;
    white-space:nowrap;
}

.crm-g-meta-kpi-numbers strong{
    font-size:24px;
    line-height:1;
    color:#0d3766;
}

.crm-g-meta-kpi.leads .crm-g-meta-kpi-numbers strong{
    color:#1769d2;
}

.crm-g-meta-kpi.propostas .crm-g-meta-kpi-numbers strong{
    color:#118b50;
}

.crm-g-meta-kpi.vendas .crm-g-meta-kpi-numbers strong{
    color:#7147df;
}

.crm-g-meta-kpi.faturamento .crm-g-meta-kpi-numbers strong{
    color:#163b66;
    font-size:21px;
}

.crm-g-meta-kpi-numbers span{
    font-size:13px;
    color:#3f5268;
}

.crm-g-meta-kpi-foot{
    margin-top:12px;
    font-size:11px;
}

.crm-g-meta-progress{
    margin-top:7px;
    height:6px;
    background:rgba(90,112,136,.14);
}

.crm-g-meta-kpi.leads .crm-g-meta-progress span{
    background:#2784ef;
}

.crm-g-meta-kpi.propostas .crm-g-meta-progress span{
    background:#16a261;
}

.crm-g-meta-kpi.vendas .crm-g-meta-progress span{
    background:#7650e8;
}

.crm-g-meta-kpi.faturamento .crm-g-meta-progress span{
    background:#f58a1f;
}

.crm-g-meta-main-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(360px,.95fr);
}

.crm-g-meta-panel{
    border-color:#e5eaf0;
    box-shadow:0 3px 12px rgba(16,33,63,.035);
}

.crm-g-meta-panel-head{
    padding:15px 18px 10px;
    border-bottom:0;
}

.crm-g-meta-panel-head h2{
    font-size:15px;
}

.crm-g-meta-panel-head p{
    display:none;
}

.crm-g-meta-chart-approved{
    padding-top:4px;
}

.crm-g-meta-chart-grid{
    position:relative;
    padding-top:4px;
}

.crm-g-meta-grid-line{
    position:absolute;
    left:0;
    right:0;
    height:1px;
    background:#edf1f5;
    pointer-events:none;
}

.crm-g-meta-grid-line.g100{
    top:0;
}

.crm-g-meta-grid-line.g75{
    top:42px;
}

.crm-g-meta-grid-line.g50{
    top:84px;
}

.crm-g-meta-grid-line.g25{
    top:126px;
}

.crm-g-meta-chart-area{
    position:relative;
    z-index:1;
    min-height:190px;
}

.crm-g-meta-chart-bars{
    height:160px;
    gap:4px;
}

.crm-g-meta-bar-wrap{
    height:160px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
}

.crm-g-meta-bar-wrap b{
    margin-bottom:4px;
    color:#294d78;
    font-size:9px;
    font-weight:800;
}

.crm-g-meta-bar-wrap > span{
    display:block;
    width:15px;
    border-radius:4px 4px 1px 1px;
}

.crm-g-meta-dot.leads,
.crm-g-meta-bar-wrap span.leads{
    background:#287fe3;
}

.crm-g-meta-dot.propostas,
.crm-g-meta-bar-wrap span.propostas{
    background:#18a85d;
}

.crm-g-meta-dot.vendas,
.crm-g-meta-bar-wrap span.vendas{
    background:#7850de;
}

.crm-g-meta-line-chart{
    position:relative;
    padding:0 16px 10px;
}

.crm-g-meta-line-chart svg{
    width:100%;
    height:235px;
    overflow:visible;
}

.crm-g-meta-line-chart svg text{
    fill:#6b7f95;
    font-size:10px;
    font-family:inherit;
}

.crm-g-meta-svg-grid{
    stroke:#e9eef4;
    stroke-width:1;
}

.crm-g-meta-svg-value{
    fill:#119452 !important;
    font-weight:800;
    font-size:10px !important;
}

.crm-g-meta-svg-month{
    fill:#536a82 !important;
    font-size:9px !important;
}

.crm-g-meta-line-empty{
    position:absolute;
    left:55px;
    right:20px;
    bottom:55px;
    text-align:center;
    color:#91a0b0;
    font-size:11px;
}

.crm-g-meta-seller-table{
    min-width:1180px;
}

.crm-g-meta-seller-table th{
    text-align:center;
    padding:8px 9px;
    text-transform:none;
    letter-spacing:0;
}

.crm-g-meta-seller-table th:first-child{
    text-align:left;
}

.crm-g-meta-head-groups th{
    color:#173451;
    font-size:11px;
    font-weight:800;
    background:#f6f9fc;
}

.crm-g-meta-seller-table td{
    text-align:center;
    padding:9px 9px;
    font-size:11px;
}

.crm-g-meta-seller-table td:first-child{
    text-align:left;
}

.crm-g-meta-seller-cell{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:170px;
}

.crm-g-meta-seller-cell strong{
    display:block;
    color:#173451;
    white-space:nowrap;
}

.crm-g-meta-seller-cell small{
    display:block;
    margin-top:2px;
    color:#8a99a8;
    font-size:9px;
}

.crm-g-meta-avatar{
    width:28px;
    height:28px;
    flex:0 0 28px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #fff;
    box-shadow:0 0 0 1px #dbe3ec;
}

.crm-g-meta-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.crm-g-meta-avatar-fallback{
    background:linear-gradient(135deg,#d9eaff,#b8d6fb);
    color:#14589b;
    font-size:9px;
    font-weight:900;
}

.crm-g-meta-pct{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:22px;
    padding:0 7px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
}

.crm-g-meta-pct.good{
    background:#d8f5e6;
    color:#198452;
}

.crm-g-meta-pct.medium{
    background:#fff0bd;
    color:#8b6710;
}

.crm-g-meta-pct.low{
    background:#ffe0df;
    color:#c43b36;
}

.crm-g-meta-pct.none{
    background:#edf1f5;
    color:#8796a5;
}

.crm-g-meta-total-row td{
    background:#fbfcfe;
    color:#173451;
    font-weight:800;
    border-top:1px solid #dfe6ee;
}

.crm-g-meta-total-row .crm-g-meta-seller-cell{
    min-height:30px;
}

.crm-g-meta-table{
    border-collapse:separate;
    border-spacing:0;
}

.crm-g-meta-table thead th{
    border-right:1px solid #edf1f5;
}

.crm-g-meta-table thead th:last-child{
    border-right:0;
}

.crm-g-meta-table tbody td{
    border-right:1px solid #f0f3f6;
}

.crm-g-meta-table tbody td:last-child{
    border-right:0;
}

@media (max-width:1100px){

    .crm-g-meta-main-grid{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   DSL_GESTOR_METAS_AJUSTE_FINO_CSS_20260923
   Fidelidade visual ao mockup aprovado
   ============================================================ */

.crm-g-meta-page-title{
    margin-bottom:10px !important;
}

.crm-g-meta-page-title h1{
    font-size:24px !important;
    line-height:1.08;
}

.crm-g-meta-page-title p{
    margin-top:3px !important;
    font-size:12px !important;
}

.crm-g-meta-period{
    display:none !important;
}


/* ------------------------------------------------------------
   TOPO / COMPETENCIA
   ------------------------------------------------------------ */

.crm-g-meta-top-actions{
    align-items:stretch !important;
    gap:10px !important;
}

.crm-g-meta-top-actions input[type="month"]{
    width:190px !important;
    min-width:190px !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 12px !important;
    font-size:12px !important;
    border-radius:8px !important;
}

.crm-g-meta-top-actions .crm-g-btn{
    min-height:40px !important;
    height:40px !important;
    padding:0 18px !important;
    border-radius:8px !important;
}


/* ------------------------------------------------------------
   CARDS SUPERIORES
   ------------------------------------------------------------ */

.crm-g-meta-kpis{
    gap:10px !important;
    margin-bottom:12px !important;
}

.crm-g-meta-kpi{
    min-height:88px !important;
    padding:12px 14px 11px !important;
    border-radius:10px !important;
}

.crm-g-meta-kpi-top{
    gap:9px !important;
}

.crm-g-meta-kpi-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:9px !important;
    font-size:13px !important;
}

.crm-g-meta-kpi-label{
    font-size:10px !important;
    font-weight:800 !important;
}

.crm-g-meta-kpi-numbers{
    gap:4px !important;
    margin-top:2px !important;
}

.crm-g-meta-kpi-numbers strong{
    font-size:20px !important;
}

.crm-g-meta-kpi.faturamento
.crm-g-meta-kpi-numbers strong{
    font-size:18px !important;
}

.crm-g-meta-kpi-numbers span{
    font-size:11px !important;
}

.crm-g-meta-kpi-foot{
    margin-top:7px !important;
    font-size:9px !important;
}

.crm-g-meta-progress{
    margin-top:5px !important;
    height:5px !important;
}


/* ------------------------------------------------------------
   PAINEIS DOS GRAFICOS
   ------------------------------------------------------------ */

.crm-g-meta-main-grid{
    grid-template-columns:
        minmax(0,1.35fr)
        minmax(0,.95fr) !important;

    gap:12px !important;
    margin-bottom:12px !important;
}

.crm-g-meta-panel{
    margin-top:12px !important;
    border-radius:10px !important;
}

.crm-g-meta-main-grid
.crm-g-meta-panel{
    margin-top:0 !important;
}

.crm-g-meta-panel-head{
    padding:12px 14px 6px !important;
}

.crm-g-meta-panel-head h2{
    font-size:13px !important;
}

.crm-g-meta-chart{
    padding:
        4px
        14px
        8px !important;
}

.crm-g-meta-chart-legend{
    margin-bottom:8px !important;
    gap:14px !important;
    font-size:9px !important;
}


/* ------------------------------------------------------------
   GRAFICO DE BARRAS
   ------------------------------------------------------------ */

.crm-g-meta-chart-area{
    min-height:155px !important;
    height:155px !important;
    padding-bottom:5px !important;
}

.crm-g-meta-chart-bars{
    height:128px !important;
}

.crm-g-meta-bar-wrap{
    height:128px !important;
}

.crm-g-meta-bar-wrap b{
    margin-bottom:2px !important;
    font-size:8px !important;
}

.crm-g-meta-bar-wrap > span{
    width:11px !important;
}

.crm-g-meta-chart-month small{
    margin-top:5px !important;
    font-size:9px !important;
    text-transform:none !important;
}


/* ------------------------------------------------------------
   GRAFICO DE ATINGIMENTO
   ------------------------------------------------------------ */

.crm-g-meta-line-chart{
    padding:
        0
        12px
        6px !important;
}

.crm-g-meta-line-chart svg{
    height:180px !important;
}

.crm-g-meta-line-chart svg text{
    font-size:8px !important;
}

.crm-g-meta-svg-value{
    font-size:8px !important;
}

.crm-g-meta-svg-month{
    font-size:8px !important;
}


/* ------------------------------------------------------------
   TABELA VENDEDORES
   ------------------------------------------------------------ */

.crm-g-meta-seller-table{
    min-width:1050px !important;
}

.crm-g-meta-seller-table th{
    padding:
        6px
        7px !important;

    font-size:9px !important;
}

.crm-g-meta-seller-table td{
    padding:
        6px
        7px !important;

    font-size:9px !important;
}

.crm-g-meta-seller-cell{
    min-width:150px !important;
    gap:7px !important;
}

.crm-g-meta-avatar{
    width:24px !important;
    height:24px !important;
    flex-basis:24px !important;
}

.crm-g-meta-seller-cell strong{
    font-size:9px !important;
}

.crm-g-meta-seller-cell small{
    font-size:8px !important;
}

.crm-g-meta-pct{
    min-width:40px !important;
    min-height:19px !important;
    padding:0 6px !important;
    font-size:8px !important;
}


/* ------------------------------------------------------------
   HISTORICO
   ------------------------------------------------------------ */

.crm-g-meta-table:not(.crm-g-meta-seller-table) th{
    padding:
        6px
        10px !important;

    font-size:9px !important;
}

.crm-g-meta-table:not(.crm-g-meta-seller-table) td{
    padding:
        6px
        10px !important;

    font-size:9px !important;
}

.crm-g-meta-table-main{
    font-size:9px !important;
}

.crm-g-meta-table-sub{
    margin-top:1px !important;
    font-size:8px !important;
}


/* ------------------------------------------------------------
   DESKTOP GRANDE
   ------------------------------------------------------------ */

@media (min-width:1300px){

    #crmGestorConteudo{
        padding-top:26px !important;
    }

    .crm-g-meta-kpis{
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;
    }
}


/* ------------------------------------------------------------
   RESPONSIVO
   ------------------------------------------------------------ */

@media (max-width:1050px){

    .crm-g-meta-main-grid{
        grid-template-columns:
            1fr !important;
    }
}

@media (max-width:720px){

    .crm-g-meta-top-actions input[type="month"]{
        width:100% !important;
    }

    .crm-g-meta-kpi{
        min-height:auto !important;
    }
}


/* ============================================================
   DSL_GESTOR_METAS_ESCALAVEL_CSS_20260924
   ============================================================ */


/* ------------------------------------------------------------
   RESUMO DOS VENDEDORES
   ------------------------------------------------------------ */

.crm-g-meta-seller-summary{
    display:grid;
    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        );
    gap:10px;
    padding:0 14px 12px;
}

.crm-g-meta-seller-card{
    min-width:0;
    padding:12px;
    border:1px solid #e4eaf1;
    border-radius:10px;
    background:#fff;
}

.crm-g-meta-seller-card-head{
    display:flex;
    align-items:center;
    gap:8px;
}

.crm-g-meta-seller-card-person{
    min-width:0;
    flex:1;
}

.crm-g-meta-seller-card-person strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:10px;
}

.crm-g-meta-seller-card-person span{
    display:block;
    margin-top:2px;
    color:#8998a8;
    font-size:8px;
}

.crm-g-meta-seller-card-pct{
    flex:0 0 auto;
}

.crm-g-meta-seller-card-progress{
    height:5px;
    margin-top:9px;
    overflow:hidden;
    border-radius:999px;
    background:#edf1f5;
}

.crm-g-meta-seller-card-progress span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:#20a868;
}

.crm-g-meta-seller-card-grid{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:7px 10px;
    margin-top:10px;
}

.crm-g-meta-seller-card-grid div{
    min-width:0;
}

.crm-g-meta-seller-card-grid span{
    display:block;
    color:#8393a4;
    font-size:8px;
}

.crm-g-meta-seller-card-grid strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#29445f;
    font-size:9px;
}

.crm-g-meta-more-sellers{
    min-height:122px;
    border:1px solid #dce9fa;
    border-radius:10px;
    background:
        linear-gradient(
            145deg,
            #f5faff,
            #edf6ff
        );
    color:#1769d2;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
}

.crm-g-meta-more-sellers:hover{
    border-color:#b9d6fa;
    background:#e9f4ff;
}

.crm-g-meta-more-icon{
    font-size:22px;
}

.crm-g-meta-more-sellers strong{
    margin-top:3px;
    font-size:19px;
    line-height:1;
}

.crm-g-meta-more-sellers small{
    color:#5079a7;
    font-size:9px;
}

.crm-g-meta-more-arrow{
    width:24px;
    height:24px;
    margin-top:5px;
    border-radius:50%;
    background:#1769d2;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.crm-g-meta-seller-summary-foot{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:30px;
    padding:0 14px 10px;
    color:#7a8c9f;
    font-size:9px;
}

.crm-g-meta-seller-summary-foot button{
    border:0;
    padding:0;
    background:transparent;
    color:#1769d2;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}


/* ------------------------------------------------------------
   DRAWER
   ------------------------------------------------------------ */

.crm-g-meta-drawer-bg{
    position:fixed;
    inset:0;
    z-index:190000;
    background:rgba(13,32,55,.46);
}

.crm-g-meta-drawer{
    position:absolute;
    top:0;
    right:0;
    width:min(720px,94vw);
    height:100%;
    background:#fff;
    box-shadow:-18px 0 50px rgba(0,0,0,.17);
    display:flex;
    flex-direction:column;
}

.crm-g-meta-drawer-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:20px 22px 16px;
    border-bottom:1px solid #e9eef4;
}

.crm-g-meta-drawer-head h2{
    margin:0;
    color:#173451;
    font-size:20px;
}

.crm-g-meta-drawer-head p{
    margin:5px 0 0;
    color:#7b8da0;
    font-size:11px;
}

.crm-g-meta-drawer-close{
    width:34px;
    height:34px;
    border:0;
    border-radius:8px;
    background:#eef2f7;
    color:#435a72;
    font-size:20px;
    cursor:pointer;
}

.crm-g-meta-drawer-tools{
    display:grid;
    grid-template-columns:minmax(0,1fr) 180px;
    gap:10px;
    padding:14px 22px;
    border-bottom:1px solid #edf1f5;
}

.crm-g-meta-drawer-tools input,
.crm-g-meta-drawer-tools select{
    min-height:40px;
    box-sizing:border-box;
    padding:0 11px;
    border:1px solid #dce4ed;
    border-radius:8px;
    background:#fff;
    color:#34495f;
    font:inherit;
    font-size:11px;
    outline:none;
}

.crm-g-meta-drawer-tools input:focus,
.crm-g-meta-drawer-tools select:focus{
    border-color:#1769d2;
    box-shadow:0 0 0 3px rgba(23,105,210,.08);
}

.crm-g-meta-drawer-list{
    flex:1;
    overflow:auto;
    padding:2px 22px;
}

.crm-g-meta-drawer-seller{
    display:grid;
    grid-template-columns:
        minmax(190px,1.2fr)
        minmax(280px,1.8fr)
        60px;
    gap:14px;
    align-items:center;
    min-height:67px;
    border-bottom:1px solid #edf1f5;
}

.crm-g-meta-drawer-person{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}

.crm-g-meta-drawer-person > div{
    min-width:0;
}

.crm-g-meta-drawer-person strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:11px;
}

.crm-g-meta-drawer-person small{
    display:block;
    margin-top:3px;
    color:#8a9aaa;
    font-size:8px;
}

.crm-g-meta-drawer-metrics{
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:8px;
}

.crm-g-meta-drawer-metrics span{
    display:block;
    color:#8796a5;
    font-size:7px;
}

.crm-g-meta-drawer-metrics strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#344b62;
    font-size:8px;
}

.crm-g-meta-drawer-pct{
    text-align:right;
}

.crm-g-meta-drawer-foot{
    min-height:58px;
    padding:0 22px;
    border-top:1px solid #e7edf3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    color:#74879a;
    font-size:10px;
}

.crm-g-meta-drawer-pages{
    display:flex;
    align-items:center;
    gap:8px;
}

.crm-g-meta-drawer-pages button{
    width:31px;
    height:31px;
    border:1px solid #dce4ed;
    border-radius:7px;
    background:#fff;
    color:#1769d2;
    cursor:pointer;
}

.crm-g-meta-drawer-pages button:disabled{
    opacity:.35;
    cursor:not-allowed;
}

.crm-g-meta-drawer-pages span{
    min-width:46px;
    text-align:center;
    color:#173451;
    font-weight:800;
}


/* ------------------------------------------------------------
   HISTORICO
   ------------------------------------------------------------ */

.crm-g-meta-history-tools{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    min-height:42px;
    padding:0 14px;
    border-top:1px solid #edf1f5;
    border-bottom:1px solid #edf1f5;
    background:#fbfcfe;
}

.crm-g-meta-history-tools > span{
    color:#788b9e;
    font-size:9px;
}

.crm-g-meta-history-tools > div{
    display:flex;
    align-items:center;
    gap:7px;
}

.crm-g-meta-history-tools select{
    min-height:30px;
    padding:0 9px;
    border:1px solid #dce4ed;
    border-radius:7px;
    background:#fff;
    color:#344b62;
    font:inherit;
    font-size:9px;
}

.crm-g-meta-history-tools button{
    width:30px;
    height:30px;
    padding:0;
    border:1px solid #dce4ed;
    border-radius:7px;
    background:#fff;
    color:#1769d2;
    font-size:16px;
    cursor:pointer;
}

.crm-g-meta-history-tools button:disabled{
    opacity:.35;
    cursor:not-allowed;
}

#crmMetaHistoricoPagina{
    min-width:36px;
    text-align:center;
    color:#173451;
    font-size:9px;
    font-weight:800;
}


/* ------------------------------------------------------------
   RESPONSIVO
   ------------------------------------------------------------ */

@media (max-width:1250px){

    .crm-g-meta-seller-summary{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }
}

@media (max-width:850px){

    .crm-g-meta-seller-summary{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .crm-g-meta-drawer-seller{
        grid-template-columns:
            minmax(160px,1fr)
            70px;
    }

    .crm-g-meta-drawer-metrics{
        display:none;
    }
}

@media (max-width:600px){

    .crm-g-meta-seller-summary{
        grid-template-columns:1fr;
    }

    .crm-g-meta-drawer{
        width:100%;
    }

    .crm-g-meta-drawer-tools{
        grid-template-columns:1fr;
    }

    .crm-g-meta-history-tools{
        align-items:flex-start;
        flex-direction:column;
        padding-top:8px;
        padding-bottom:8px;
    }
}


/* ============================================================
   DSL_GESTOR_METAS_RANK_CARROSSEL_CSS_20260924
   Ranking visual + 2 vendedores por pagina
   ============================================================ */

.crm-g-meta-ranking{
    padding:0 14px 12px;
}

.crm-g-meta-ranking-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:10px;
}

.crm-g-meta-ranking-toolbar > div:first-child strong{
    display:block;
    color:#173451;
    font-size:12px;
}

.crm-g-meta-ranking-toolbar > div:first-child span{
    display:block;
    margin-top:2px;
    color:#8393a4;
    font-size:9px;
}

.crm-g-meta-ranking-actions{
    display:flex;
    align-items:center;
    gap:7px;
}

.crm-g-meta-ranking-all{
    min-height:32px;
    padding:0 11px;
    border:1px solid #bcd8fa;
    border-radius:7px;
    background:#f7fbff;
    color:#1769d2;
    font-size:9px;
    font-weight:800;
    cursor:pointer;
}

.crm-g-meta-ranking-all:hover{
    background:#eaf4ff;
}

.crm-g-meta-ranking-nav{
    width:32px;
    height:32px;
    padding:0;
    border:1px solid #cddff4;
    border-radius:8px;
    background:#fff;
    color:#1769d2;
    font-size:19px;
    cursor:pointer;
}

.crm-g-meta-ranking-nav:not(:disabled):hover{
    color:#fff;
    background:#1769d2;
    border-color:#1769d2;
}

.crm-g-meta-ranking-nav:disabled{
    opacity:.32;
    cursor:not-allowed;
}

.crm-g-meta-ranking-page{
    min-width:42px;
    text-align:center;
    color:#173451;
    font-size:10px;
    font-weight:900;
}

.crm-g-meta-ranking-viewport{
    overflow:hidden;
    touch-action:pan-y;
}

.crm-g-meta-ranking-grid{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:12px;
    opacity:1;
    transform:translateX(0);
    transition:
        opacity .12s ease,
        transform .12s ease;
}

.crm-g-meta-ranking-grid.trocando{
    opacity:.2;
    transform:translateX(8px);
}


/* ------------------------------------------------------------
   CARD PRINCIPAL DO VENDEDOR
   ------------------------------------------------------------ */

.crm-g-meta-rank-card{
    position:relative;
    overflow:hidden;
    padding:0 14px 14px;
    border:1px solid #dde7f1;
    border-radius:13px;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f6faff
        );
}

.crm-g-meta-rank-card.top{
    border-color:#d6e7fb;
    background:
        linear-gradient(
            145deg,
            #fafdff,
            #eef7ff
        );
}

.crm-g-meta-rank-card.baixo{
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fffafa
        );
}

.crm-g-meta-rank-strip{
    min-height:31px;
    margin:0 -14px 12px;
    padding:0 14px;
    display:flex;
    align-items:center;
    gap:8px;
    background:#f3f6fa;
}

.crm-g-meta-rank-card.top
.crm-g-meta-rank-strip{
    background:
        linear-gradient(
            90deg,
            #fff1bd,
            #fff8df 65%,
            transparent
        );
}

.crm-g-meta-rank-position{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:23px;
    padding:0 8px;
    border-radius:999px;
    background:#dfe7f0;
    color:#526a83;
    font-size:10px;
    font-weight:900;
}

.crm-g-meta-rank-card.top
.crm-g-meta-rank-position{
    background:#e1a20d;
    color:#fff;
}

.crm-g-meta-rank-label{
    color:#74879a;
    font-size:9px;
    font-weight:800;
}

.crm-g-meta-rank-card.top
.crm-g-meta-rank-label{
    color:#aa7100;
}


/* ------------------------------------------------------------
   PESSOA
   ------------------------------------------------------------ */

.crm-g-meta-rank-person{
    display:grid;
    grid-template-columns:
        52px
        minmax(0,1fr)
        auto;
    gap:11px;
    align-items:center;
}

.crm-g-meta-rank-avatar
.crm-g-meta-avatar{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
}

.crm-g-meta-rank-avatar
.crm-g-meta-avatar-fallback{
    font-size:13px !important;
}

.crm-g-meta-rank-name{
    min-width:0;
}

.crm-g-meta-rank-name strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:14px;
    font-weight:900;
}

.crm-g-meta-rank-name span{
    display:block;
    margin-top:3px;
    color:#71869b;
    font-size:9px;
}

.crm-g-meta-rank-score{
    min-width:92px;
    padding:9px 11px;
    border-radius:11px;
    text-align:center;
}

.crm-g-meta-rank-score strong{
    display:block;
    font-size:18px;
    line-height:1;
}

.crm-g-meta-rank-score span{
    display:block;
    margin-top:4px;
    font-size:8px;
}

.crm-g-meta-rank-score.bom{
    color:#16864d;
    background:#e5f7ed;
}

.crm-g-meta-rank-score.medio{
    color:#94700c;
    background:#fff3c9;
}

.crm-g-meta-rank-score.baixo{
    color:#c43b36;
    background:#ffe8e7;
}

.crm-g-meta-rank-score.sem-meta{
    min-width:110px;
    color:#73869a;
    background:#eef2f6;
}

.crm-g-meta-rank-score.sem-meta strong{
    font-size:10px;
}


/* ------------------------------------------------------------
   4 MINI CARDS
   ------------------------------------------------------------ */

.crm-g-meta-rank-metrics{
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:7px;
    margin-top:13px;
}

.crm-g-meta-rank-metric{
    min-width:0;
    padding:9px;
    border:1px solid #e6ebf1;
    border-radius:9px;
}

.crm-g-meta-rank-metric.leads{
    background:#f3f8ff;
}

.crm-g-meta-rank-metric.propostas{
    background:#f1fbf5;
}

.crm-g-meta-rank-metric.vendas{
    background:#f8f4ff;
}

.crm-g-meta-rank-metric.faturamento{
    background:#fff8ef;
}

.crm-g-meta-rank-metric-title{
    display:flex;
    align-items:center;
    gap:4px;
}

.crm-g-meta-rank-metric-title span{
    font-size:10px;
}

.crm-g-meta-rank-metric-title strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:8px;
}

.crm-g-meta-rank-metric.leads
.crm-g-meta-rank-metric-title{
    color:#1769d2;
}

.crm-g-meta-rank-metric.propostas
.crm-g-meta-rank-metric-title{
    color:#139053;
}

.crm-g-meta-rank-metric.vendas
.crm-g-meta-rank-metric-title{
    color:#7042d9;
}

.crm-g-meta-rank-metric.faturamento
.crm-g-meta-rank-metric-title{
    color:#e9770a;
}

.crm-g-meta-rank-metric-value{
    display:flex;
    align-items:baseline;
    gap:3px;
    margin-top:7px;
    min-width:0;
}

.crm-g-meta-rank-metric-value strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:11px;
}

.crm-g-meta-rank-metric-value span{
    color:#73869a;
    font-size:8px;
    white-space:nowrap;
}

.crm-g-meta-rank-metric-pct{
    min-height:12px;
    margin-top:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#74879a;
    font-size:7px;
}

.crm-g-meta-rank-metric-progress{
    height:4px;
    margin-top:5px;
    overflow:hidden;
    border-radius:999px;
    background:#e1e7ed;
}

.crm-g-meta-rank-metric-progress span{
    display:block;
    height:100%;
    border-radius:inherit;
}

.crm-g-meta-rank-metric.leads
.crm-g-meta-rank-metric-progress span{
    background:#2380eb;
}

.crm-g-meta-rank-metric.propostas
.crm-g-meta-rank-metric-progress span{
    background:#13a05a;
}

.crm-g-meta-rank-metric.vendas
.crm-g-meta-rank-metric-progress span{
    background:#7448df;
}

.crm-g-meta-rank-metric.faturamento
.crm-g-meta-rank-metric-progress span{
    background:#f28a1d;
}


/* ------------------------------------------------------------
   RODAPE
   ------------------------------------------------------------ */

.crm-g-meta-ranking-foot{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:8px;
    color:#8998a8;
    font-size:8px;
}


/* ------------------------------------------------------------
   RESPONSIVO
   ------------------------------------------------------------ */

@media (max-width:1100px){

    .crm-g-meta-rank-metrics{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}

@media (max-width:760px){

    .crm-g-meta-ranking-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .crm-g-meta-ranking-actions{
        width:100%;
    }

    .crm-g-meta-ranking-all{
        margin-right:auto;
    }

    .crm-g-meta-ranking-grid{
        grid-template-columns:1fr;
    }

    .crm-g-meta-rank-person{
        grid-template-columns:
            45px
            minmax(0,1fr);
    }

    .crm-g-meta-rank-avatar
    .crm-g-meta-avatar{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
    }

    .crm-g-meta-rank-score{
        grid-column:
            1 /
            -1;

        width:auto;
        min-width:0;
        text-align:left;
    }
}


/* ============================================================
   DSL_GESTOR_ACOMPANHAMENTO_COMERCIAL_CSS_20260924
   ============================================================ */


.crm-g-acom-month{
    height:36px;
    padding:0 11px;
    border:1px solid #d8e1ea;
    border-radius:8px;
    background:#fff;
    color:#29445f;
    font:inherit;
    font-size:11px;
}


.crm-g-acom-loading,
.crm-g-acom-error{
    padding:24px;
    color:#64798d;
}


.crm-g-acom-period{
    display:flex;
    align-items:center;
    gap:10px;
    margin:-4px 0 12px;
    color:#8393a4;
    font-size:9px;
}

.crm-g-acom-period strong{
    padding:4px 8px;
    border-radius:999px;
    background:#eaf3ff;
    color:#1769d2;
}


/* ============================================================
   KPIs
   ============================================================ */

.crm-g-acom-kpis{
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:11px;
    margin-bottom:12px;
}


.crm-g-acom-kpi{
    min-width:0;
    min-height:112px;
    padding:13px 14px;
    border-radius:12px;
    border:1px solid #e2e9f0;
}


.crm-g-acom-kpi.carteira{
    background:
        linear-gradient(
            145deg,
            #f3f8ff,
            #eaf3ff
        );
    border-color:#cfe1f7;
}


.crm-g-acom-kpi.vendidos{
    background:
        linear-gradient(
            145deg,
            #f1fbf5,
            #e5f7ec
        );
    border-color:#caead7;
}


.crm-g-acom-kpi.perdidos{
    background:
        linear-gradient(
            145deg,
            #fff5f4,
            #ffeceb
        );
    border-color:#f5d4d1;
}


.crm-g-acom-kpi.aberto{
    background:
        linear-gradient(
            145deg,
            #fff9ef,
            #fff3dd
        );
    border-color:#f2dfb9;
}


.crm-g-acom-kpi-top{
    display:flex;
    align-items:center;
    gap:7px;
}


.crm-g-acom-kpi-top > span{
    color:#566d84;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}


.crm-g-acom-kpi-icon{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#fff;
    font-size:13px;
    box-shadow:
        0 2px 7px rgba(24,52,81,.07);
}


.crm-g-acom-kpi-value{
    display:block;
    margin-top:9px;
    color:#173451;
    font-size:24px;
    line-height:1;
}


.crm-g-acom-kpi small{
    display:block;
    margin-top:7px;
    color:#73869a;
    font-size:8px;
}


/* ============================================================
   DUAS COLUNAS
   ============================================================ */

.crm-g-acom-two-cols{
    display:grid;
    grid-template-columns:
        minmax(0,1.65fr)
        minmax(280px,.75fr);
    gap:12px;
    margin-bottom:12px;
}


.crm-g-acom-flow-card,
.crm-g-acom-loss-card,
.crm-g-acom-sellers,
.crm-g-acom-history{
    padding:0;
    overflow:hidden;
}


.crm-g-acom-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 14px;
    border-bottom:1px solid #edf1f5;
}


.crm-g-acom-section-head h2{
    margin:0;
    color:#173451;
    font-size:12px;
}


.crm-g-acom-section-head p{
    margin:3px 0 0;
    color:#8393a4;
    font-size:8px;
}


.crm-g-acom-revenue{
    text-align:right;
}


.crm-g-acom-revenue span{
    display:block;
    color:#8393a4;
    font-size:8px;
}


.crm-g-acom-revenue strong{
    display:block;
    margin-top:2px;
    color:#e37a13;
    font-size:14px;
}


/* ============================================================
   FORMACAO DA CARTEIRA
   ============================================================ */

.crm-g-acom-flow{
    display:grid;
    grid-template-columns:
        minmax(72px,1fr)
        auto
        minmax(72px,1fr)
        auto
        minmax(72px,1fr)
        auto
        minmax(72px,1fr)
        auto
        minmax(72px,1fr);
    align-items:stretch;
    gap:6px;
    padding:14px;
}


.crm-g-acom-flow-item{
    min-width:0;
    padding:10px;
    border-radius:9px;
    text-align:center;
}


.crm-g-acom-flow-item span{
    display:block;
    color:#71869b;
    font-size:7px;
}


.crm-g-acom-flow-item strong{
    display:block;
    margin-top:4px;
    color:#173451;
    font-size:18px;
}


.crm-g-acom-flow-item.saldo{
    background:#f3f6fa;
}


.crm-g-acom-flow-item.novos{
    background:#edf6ff;
}


.crm-g-acom-flow-item.entrada{
    background:#edf9f2;
}


.crm-g-acom-flow-item.saida{
    background:#fff3f2;
}


.crm-g-acom-flow-item.total{
    background:#e8f2ff;
    border:1px solid #c7dcf7;
}


.crm-g-acom-flow-signal{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9aabba;
    font-size:14px;
    font-weight:900;
}


.crm-g-acom-outcome{
    display:grid;
    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );
    gap:8px;
    padding:0 14px 14px;
}


.crm-g-acom-outcome > div{
    padding:9px 11px;
    border-radius:9px;
}


.crm-g-acom-outcome span{
    display:block;
    font-size:8px;
}


.crm-g-acom-outcome strong{
    display:inline-block;
    margin-top:3px;
    font-size:15px;
}


.crm-g-acom-outcome small{
    margin-left:5px;
    font-size:8px;
}


.crm-g-acom-outcome .vendidos{
    color:#148550;
    background:#ecf9f2;
}


.crm-g-acom-outcome .perdidos{
    color:#c84842;
    background:#fff0ef;
}


.crm-g-acom-outcome .aberto{
    color:#b4710a;
    background:#fff6e7;
}


/* ============================================================
   MOTIVOS DE PERDA
   ============================================================ */

.crm-g-acom-loss-list{
    padding:11px 14px 14px;
}


.crm-g-acom-loss-row + .crm-g-acom-loss-row{
    margin-top:10px;
}


.crm-g-acom-loss-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
}


.crm-g-acom-loss-top strong{
    color:#29445f;
    font-size:9px;
}


.crm-g-acom-loss-top span{
    color:#74879a;
    font-size:8px;
}


.crm-g-acom-loss-bar{
    height:5px;
    margin-top:5px;
    overflow:hidden;
    border-radius:999px;
    background:#edf1f5;
}


.crm-g-acom-loss-bar span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:#e45b56;
}


.crm-g-acom-empty{
    padding:18px;
    color:#8292a3;
    text-align:center;
    font-size:9px;
}


/* ============================================================
   VENDEDORES
   ============================================================ */

.crm-g-acom-sellers{
    margin-bottom:12px;
}


.crm-g-acom-seller-actions{
    display:flex;
    align-items:center;
    gap:6px;
}


.crm-g-acom-view-all{
    height:30px;
    padding:0 10px;
    border:1px solid #cbdff7;
    border-radius:7px;
    background:#f6faff;
    color:#1769d2;
    font-size:8px;
    font-weight:800;
    cursor:pointer;
}


.crm-g-acom-nav,
.crm-g-acom-history-tools button{
    width:30px;
    height:30px;
    padding:0;
    border:1px solid #d6e0e9;
    border-radius:7px;
    background:#fff;
    color:#1769d2;
    font-size:17px;
    cursor:pointer;
}


.crm-g-acom-nav:disabled,
.crm-g-acom-history-tools button:disabled{
    opacity:.3;
    cursor:not-allowed;
}


#crmAcomVendedorPagina,
#crmAcomHistoricoPagina{
    min-width:38px;
    color:#71869b;
    text-align:center;
    font-size:8px;
    font-weight:800;
}


.crm-g-acom-seller-viewport{
    overflow:hidden;
    padding:12px 14px;
    touch-action:pan-y;
}


.crm-g-acom-seller-grid{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );
    gap:11px;
}


.crm-g-acom-seller-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe7ef;
    border-radius:12px;
    background:
        linear-gradient(
            145deg,
            #fff,
            #f8fbff
        );
}


.crm-g-acom-seller-rank{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    background:
        linear-gradient(
            90deg,
            #f1f6fc,
            #fff
        );
}


.crm-g-acom-seller-rank > span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    height:20px;
    padding:0 7px;
    border-radius:999px;
    background:#dce9f9;
    color:#1769d2;
    font-size:8px;
    font-weight:900;
}


.crm-g-acom-seller-rank small{
    color:#71869b;
    font-size:7px;
    font-weight:800;
}


.crm-g-acom-seller-card:first-child
.crm-g-acom-seller-rank{
    background:
        linear-gradient(
            90deg,
            #fff2be,
            #fff9e7,
            #fff
        );
}


.crm-g-acom-seller-head{
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 12px 5px;
}


.crm-g-acom-seller-person{
    min-width:0;
    flex:1;
}


.crm-g-acom-seller-person strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:12px;
}


.crm-g-acom-seller-person span{
    display:block;
    margin-top:2px;
    color:#8797a7;
    font-size:8px;
}


.crm-g-acom-seller-conversao{
    min-width:76px;
    padding:7px 9px;
    border-radius:9px;
    text-align:center;
}


.crm-g-acom-seller-conversao strong{
    display:block;
    font-size:14px;
}


.crm-g-acom-seller-conversao span{
    display:block;
    margin-top:2px;
    font-size:7px;
}


.crm-g-acom-seller-conversao.alta{
    color:#14834e;
    background:#e8f8ef;
}


.crm-g-acom-seller-conversao.media{
    color:#9b6c08;
    background:#fff3ca;
}


.crm-g-acom-seller-conversao.baixa{
    color:#c4433e;
    background:#ffecea;
}


.crm-g-acom-seller-conversao.sem-carteira{
    color:#788a9c;
    background:#eef2f6;
}


.crm-g-acom-seller-bar{
    height:4px;
    margin:4px 12px 0;
    overflow:hidden;
    border-radius:999px;
    background:#edf1f5;
}


.crm-g-acom-seller-bar span{
    display:block;
    height:100%;
    border-radius:inherit;
    background:
        linear-gradient(
            90deg,
            #2380eb,
            #22a563
        );
}


.crm-g-acom-seller-metrics{
    display:grid;
    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );
    gap:6px;
    padding:10px 12px;
}


.crm-g-acom-seller-metric{
    min-width:0;
    padding:8px;
    border-radius:8px;
}


.crm-g-acom-seller-metric span{
    display:block;
    color:#74879a;
    font-size:7px;
}


.crm-g-acom-seller-metric strong{
    display:block;
    margin-top:3px;
    color:#173451;
    font-size:12px;
}


.crm-g-acom-seller-metric.carteira{
    background:#edf5ff;
}


.crm-g-acom-seller-metric.vendidos{
    background:#edf9f2;
}


.crm-g-acom-seller-metric.perdidos{
    background:#fff0ef;
}


.crm-g-acom-seller-metric.abertos{
    background:#fff7e9;
}


.crm-g-acom-seller-origin{
    display:flex;
    flex-wrap:wrap;
    gap:5px 12px;
    padding:0 12px 10px;
    color:#7d8fa1;
    font-size:7px;
}


.crm-g-acom-seller-origin b{
    color:#29445f;
}


.crm-g-acom-seller-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 12px;
    border-top:1px solid #eef2f5;
    background:#fbfcfe;
}


.crm-g-acom-seller-footer span{
    color:#8192a3;
    font-size:7px;
}


.crm-g-acom-seller-footer strong{
    color:#e2780c;
    font-size:10px;
}


/* ============================================================
   HISTORICO
   ============================================================ */

.crm-g-acom-history-tools{
    display:flex;
    align-items:center;
    gap:6px;
}


.crm-g-acom-history-tools select{
    height:30px;
    padding:0 8px;
    border:1px solid #d8e1ea;
    border-radius:7px;
    background:#fff;
    color:#29445f;
    font-size:8px;
}


.crm-g-acom-history-summary{
    padding:7px 14px 0;
    color:#8494a4;
    font-size:8px;
}


.crm-g-acom-table-wrap{
    overflow:auto;
    padding:8px 14px 14px;
}


.crm-g-acom-table{
    width:100%;
    min-width:760px;
    border-collapse:separate;
    border-spacing:0;
}


.crm-g-acom-table th{
    padding:8px;
    border-bottom:1px solid #dfe7ef;
    color:#73869a;
    text-align:center;
    font-size:7px;
    font-weight:800;
    white-space:nowrap;
}


.crm-g-acom-table th:first-child,
.crm-g-acom-table td:first-child{
    text-align:left;
}


.crm-g-acom-table td{
    padding:8px;
    border-bottom:1px solid #eff2f5;
    color:#425d76;
    text-align:center;
    font-size:8px;
    white-space:nowrap;
}


.crm-g-acom-table td strong{
    color:#173451;
}


.crm-g-acom-table
.crm-g-acom-positive{
    color:#16854e;
}


.crm-g-acom-table
.crm-g-acom-negative{
    color:#c94742;
}


.crm-g-acom-table
.crm-g-acom-open{
    color:#b4760c;
}


/* ============================================================
   DRAWER
   ============================================================ */

.crm-g-acom-drawer-bg{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    justify-content:flex-end;
    background:rgba(13,30,48,.38);
}


.crm-g-acom-drawer{
    width:min(760px,95vw);
    height:100%;
    overflow:auto;
    background:#f8fafc;
    box-shadow:
        -12px 0 38px rgba(12,32,52,.2);
}


.crm-g-acom-drawer > header{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding:18px;
    border-bottom:1px solid #e1e8ef;
    background:#fff;
}


.crm-g-acom-drawer h2{
    margin:0;
    color:#173451;
    font-size:16px;
}


.crm-g-acom-drawer header p{
    margin:4px 0 0;
    color:#8292a2;
    font-size:9px;
}


.crm-g-acom-drawer header button{
    width:32px;
    height:32px;
    border:0;
    border-radius:8px;
    background:#edf2f7;
    color:#435e77;
    font-size:19px;
    cursor:pointer;
}


.crm-g-acom-drawer-search{
    padding:12px 14px;
}


.crm-g-acom-drawer-search input{
    width:100%;
    height:37px;
    padding:0 12px;
    border:1px solid #d8e1ea;
    border-radius:8px;
    background:#fff;
    font:inherit;
    font-size:10px;
}


.crm-g-acom-drawer-list{
    padding:0 14px 18px;
}


.crm-g-acom-drawer-row{
    display:grid;
    grid-template-columns:
        38px
        36px
        minmax(140px,1fr)
        repeat(
            4,
            minmax(70px,.55fr)
        );
    align-items:center;
    gap:8px;
    padding:10px;
    border:1px solid #e1e8ef;
    border-radius:9px;
    background:#fff;
}


.crm-g-acom-drawer-row +
.crm-g-acom-drawer-row{
    margin-top:7px;
}


.crm-g-acom-drawer-rank{
    color:#1769d2;
    font-size:9px;
    font-weight:900;
}


.crm-g-acom-drawer-name{
    min-width:0;
}


.crm-g-acom-drawer-name strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#173451;
    font-size:9px;
}


.crm-g-acom-drawer-name span{
    display:block;
    margin-top:2px;
    color:#8595a5;
    font-size:7px;
}


.crm-g-acom-drawer-number{
    text-align:center;
}


.crm-g-acom-drawer-number span{
    display:block;
    color:#8999a9;
    font-size:6px;
}


.crm-g-acom-drawer-number strong{
    display:block;
    margin-top:2px;
    color:#29445f;
    font-size:9px;
}


.crm-g-acom-drawer-number.positive strong{
    color:#16854e;
}


.crm-g-acom-drawer-number.negative strong{
    color:#c94742;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (max-width:1100px){

    .crm-g-acom-two-cols{
        grid-template-columns:1fr;
    }


    .crm-g-acom-flow{
        grid-template-columns:
            repeat(
                5,
                minmax(0,1fr)
            );
    }


    .crm-g-acom-flow-signal{
        display:none;
    }
}


@media (max-width:800px){

    .crm-g-acom-kpis{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .crm-g-acom-seller-grid{
        grid-template-columns:1fr;
    }


    .crm-g-acom-flow{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .crm-g-acom-flow-item.total{
        grid-column:
            1 /
            -1;
    }


    .crm-g-acom-section-head{
        align-items:flex-start;
        flex-direction:column;
    }


    .crm-g-acom-drawer-row{
        grid-template-columns:
            32px
            34px
            minmax(120px,1fr)
            65px;
    }


    .crm-g-acom-drawer-number:nth-last-child(-n+3){
        display:none;
    }
}


@media (max-width:520px){

    .crm-g-acom-kpis{
        grid-template-columns:1fr;
    }


    .crm-g-acom-outcome{
        grid-template-columns:1fr;
    }


    .crm-g-acom-seller-metrics{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }
}


/* ============================================================
   DSL_GESTOR_INTELIGENCIA_COMERCIAL_CSS_20260924
   ============================================================ */

.crm-g-acom-intel{
    padding:0;
    overflow:hidden;
    margin-bottom:12px;
}

.crm-g-acom-intel-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:14px;
}

.crm-g-acom-intel-kpis article{
    min-height:92px;
    border:1px solid #e3ebf3;
    border-radius:12px;
    padding:13px 14px;
    background:#f8fbfe;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.crm-g-acom-intel-kpis article.attention{
    background:#fff8f4;
    border-color:#f2d5c7;
}

.crm-g-acom-intel-kpis article span{
    font-size:9px;
    font-weight:800;
    color:#5b7188;
    text-transform:uppercase;
    letter-spacing:.35px;
}

.crm-g-acom-intel-kpis article strong{
    margin-top:5px;
    color:#173451;
    font-size:25px;
    line-height:1;
}

.crm-g-acom-intel-kpis article strong.money{
    font-size:18px;
}

.crm-g-acom-intel-kpis article small{
    margin-top:6px;
    color:#8191a2;
    font-size:8px;
}

.crm-g-acom-intel-alerts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:0 14px 14px;
}

.crm-g-acom-intel-alerts span{
    min-height:38px;
    border-radius:9px;
    background:#f6f8fb;
    border:1px solid #e8edf3;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    color:#617489;
    font-size:9px;
}

.crm-g-acom-intel-alerts b{
    color:#173451;
    font-size:13px;
}

.crm-g-acom-risk-title{
    padding:11px 14px;
    border-top:1px solid #edf1f5;
    border-bottom:1px solid #edf1f5;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
}

.crm-g-acom-risk-title strong{
    color:#173451;
    font-size:10px;
}

.crm-g-acom-risk-title span{
    color:#8a99a8;
    font-size:8px;
}

.crm-g-acom-risk-list{
    padding:0 14px 14px;
}

.crm-g-acom-risk-row{
    display:grid;
    grid-template-columns:minmax(190px,1.4fr) minmax(220px,1.6fr) minmax(120px,.55fr);
    gap:12px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid #edf1f5;
}

.crm-g-acom-risk-row:last-child{
    border-bottom:0;
}

.crm-g-acom-risk-main{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.crm-g-acom-risk-main strong{
    color:#173451;
    font-size:10px;
}

.crm-g-acom-risk-main span{
    margin-top:3px;
    color:#7d8e9f;
    font-size:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.crm-g-acom-risk-reasons{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.crm-g-acom-risk-reasons span{
    padding:4px 7px;
    border-radius:999px;
    background:#fff4ee;
    border:1px solid #f0d8ca;
    color:#a9522a;
    font-size:7px;
    font-weight:700;
}

.crm-g-acom-risk-value{
    text-align:right;
    display:flex;
    flex-direction:column;
}

.crm-g-acom-risk-value strong{
    color:#173451;
    font-size:11px;
}

.crm-g-acom-risk-value small{
    margin-top:3px;
    color:#8a99a8;
    font-size:7px;
}

.crm-g-acom-intel-empty{
    padding:28px 12px 16px;
    text-align:center;
    color:#8292a3;
    font-size:9px;
}

@media(max-width:1000px){

    .crm-g-acom-intel-kpis{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .crm-g-acom-risk-row{
        grid-template-columns:1fr;
    }

    .crm-g-acom-risk-value{
        text-align:left;
    }
}

@media(max-width:650px){

    .crm-g-acom-intel-kpis{
        grid-template-columns:1fr 1fr;
        padding:10px;
    }

    .crm-g-acom-intel-alerts{
        grid-template-columns:1fr;
        padding:0 10px 10px;
    }

    .crm-g-acom-risk-list{
        padding:0 10px 10px;
    }

    .crm-g-acom-risk-title{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* ============================================================
   DSL_GESTOR_HISTORICO_3_CARDS_CSS_20260924
   ============================================================ */

.crm-g-acom-history-summary{
    padding:10px 14px 0;
    color:#7b8c9d;
    font-size:9px;
}

.crm-g-acom-history-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    padding:14px;
}

.crm-g-acom-history-card{
    border:1px solid #dfe8f1;
    border-radius:18px;
    background:#fff;
    padding:16px;
    box-shadow:0 1px 0 rgba(10,30,60,.03);
}

.crm-g-acom-history-card.is-active{
    background:#f8fbff;
    border-color:#b9d5ff;
    box-shadow:0 0 0 1px rgba(42,109,226,.05);
}

.crm-g-acom-history-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
}

.crm-g-acom-history-card-head h3{
    margin:0;
    color:#173451;
    font-size:16px;
    line-height:1.2;
}

.crm-g-acom-history-badge{
    padding:6px 11px;
    border-radius:999px;
    background:#e8f2ff;
    color:#1769d2;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
}

.crm-g-acom-history-card-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.crm-g-acom-history-mini{
    min-height:86px;
    border:1px solid #e8edf3;
    border-radius:14px;
    background:#fff;
    padding:12px 13px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.crm-g-acom-history-mini span{
    color:#5d7289;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
}

.crm-g-acom-history-mini strong{
    margin-top:7px;
    color:#16395f;
    font-size:19px;
    line-height:1.15;
    word-break:break-word;
}

.crm-g-acom-history-mini.neutral{
    background:#f8fafc;
}

.crm-g-acom-history-mini.info{
    background:#f6fbff;
}

.crm-g-acom-history-mini.purple{
    background:#faf7ff;
}

.crm-g-acom-history-mini.success{
    background:#f4fcf7;
}

.crm-g-acom-history-mini.danger{
    background:#fff7f7;
}

.crm-g-acom-history-mini.warning{
    background:#fffaf0;
}

.crm-g-acom-history-mini.target{
    background:#f6faff;
}

.crm-g-acom-history-mini.money{
    background:#f4fcf7;
}

#crmAcomHistoricoConteudo .crm-g-acom-empty{
    padding:24px 14px 18px;
    text-align:center;
    color:#8091a2;
    font-size:10px;
}

@media(max-width:1280px){

    .crm-g-acom-history-cards{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:860px){

    .crm-g-acom-history-cards{
        grid-template-columns:1fr;
    }

    .crm-g-acom-history-card-head{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:520px){

    .crm-g-acom-history-card-grid{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   DSL_GESTOR_DASHBOARD_3_PAGINAS_CSS_20260925
   ============================================================ */

.dsl-dash-tabs{
    display:flex;
    gap:10px;
    padding:10px 0 16px;
    flex-wrap:wrap;
}

.dsl-dash-tabs button{
    border:1px solid #d7e1eb;
    background:#fff;
    color:#173451;
    border-radius:999px;
    padding:11px 18px;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:.18s ease;
}

.dsl-dash-tabs button.active{
    background:#2d73e0;
    border-color:#2d73e0;
    color:#fff;
    box-shadow:0 6px 16px rgba(45,115,224,.15);
}

.dsl-dash-page{
    display:none;
}

.dsl-dash-page.active{
    display:block;
}

.dsl-dash-page-body{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.dsl-dash-intro h2{
    margin:0;
    color:#173451;
    font-size:28px;
    line-height:1.15;
}

.dsl-dash-intro p{
    margin:6px 0 0;
    color:#687b8f;
    font-size:14px;
}

.dsl-dash-kpis{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}

.dsl-dash-kpis article{
    background:#fff;
    border:1px solid #e0e8f0;
    border-radius:18px;
    padding:18px;
    min-height:110px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dsl-dash-kpis article.wide{
    grid-column:span 2;
}

.dsl-dash-kpis article.attention{
    background:#fff8f5;
    border-color:#f1d7c9;
}

.dsl-dash-kpis span{
    color:#60748a;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.3px;
}

.dsl-dash-kpis strong{
    margin-top:8px;
    color:#173451;
    font-size:32px;
    line-height:1.1;
}

.dsl-dash-grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.dsl-dash-card{
    background:#fff;
    border:1px solid #e0e8f0;
    border-radius:18px;
    overflow:hidden;
}

.dsl-dash-card-head{
    padding:16px 18px;
    border-bottom:1px solid #edf2f6;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.dsl-dash-card-head h3{
    margin:0;
    color:#173451;
    font-size:20px;
}

.dsl-dash-card-head span{
    color:#7f90a2;
    font-size:11px;
    font-weight:700;
}

.dsl-dash-chip-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px;
}

.dsl-dash-chip{
    min-height:78px;
    border-radius:14px;
    border:1px solid #e7edf4;
    background:#f9fbfd;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
}

.dsl-dash-chip span{
    color:#62768b;
    font-size:12px;
    font-weight:700;
}

.dsl-dash-chip strong{
    color:#173451;
    font-size:26px;
}

.dsl-dash-table-wrap{
    overflow:auto;
}

.dsl-dash-table{
    width:100%;
    border-collapse:collapse;
}

.dsl-dash-table th{
    text-align:left;
    padding:12px 16px;
    font-size:12px;
    color:#536a82;
    border-bottom:1px solid #e9eff5;
    background:#f8fbfd;
}

.dsl-dash-table td{
    padding:13px 16px;
    font-size:13px;
    color:#173451;
    border-bottom:1px solid #eef3f7;
    vertical-align:top;
}

.dsl-dash-empty{
    padding:22px 18px;
    color:#7e90a3;
    font-size:13px;
}

.dsl-dash-alerts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.dsl-dash-alerts > div{
    background:#fff;
    border:1px solid #e0e8f0;
    border-radius:16px;
    padding:16px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
}

.dsl-dash-alerts strong{
    color:#173451;
    font-size:28px;
    line-height:1.1;
}

.dsl-dash-alerts span{
    margin-top:6px;
    color:#687b8f;
    font-size:12px;
}

.dsl-dash-risk-list{
    padding:0 18px 18px;
}

.dsl-dash-risk-row{
    display:grid;
    grid-template-columns:minmax(200px,1.2fr) minmax(240px,1.5fr) minmax(150px,.7fr);
    gap:14px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid #eef3f7;
}

.dsl-dash-risk-row:last-child{
    border-bottom:0;
}

.dsl-dash-risk-main strong{
    color:#173451;
    font-size:17px;
}

.dsl-dash-risk-main span{
    display:block;
    margin-top:4px;
    color:#7a8b9d;
    font-size:12px;
}

.dsl-dash-risk-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.dsl-dash-risk-tags span{
    padding:6px 10px;
    border-radius:999px;
    background:#fff4ee;
    border:1px solid #f2d8ca;
    color:#aa542a;
    font-size:11px;
    font-weight:700;
}

.dsl-dash-risk-value{
    text-align:right;
}

.dsl-dash-risk-value strong{
    color:#173451;
    font-size:18px;
}

.dsl-dash-risk-value small{
    display:block;
    margin-top:4px;
    color:#7b8c9d;
    font-size:11px;
}

.dsl-dash-loading{
    padding:22px 10px;
    color:#667b91;
    font-size:14px;
}

@media(max-width:1300px){

    .dsl-dash-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .dsl-dash-kpis article.wide{
        grid-column:span 1;
    }
}

@media(max-width:1000px){

    .dsl-dash-grid-2{
        grid-template-columns:1fr;
    }

    .dsl-dash-alerts{
        grid-template-columns:1fr;
    }

    .dsl-dash-risk-row{
        grid-template-columns:1fr;
    }

    .dsl-dash-risk-value{
        text-align:left;
    }
}

@media(max-width:720px){

    .dsl-dash-kpis{
        grid-template-columns:1fr 1fr;
    }

    .dsl-dash-chip-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:520px){

    .dsl-dash-kpis{
        grid-template-columns:1fr;
    }

    .dsl-dash-tabs{
        gap:8px;
    }

    .dsl-dash-tabs button{
        width:100%;
        text-align:center;
    }
}


/* ============================================================
   DSL_GESTOR_DASHBOARD_ABAS_REAIS_CSS_20260925
   ============================================================ */

.dsl-g-dashboard-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    max-width:920px;
    margin:0 0 18px;
    padding:5px;
    background:#ffffff;
    border:1px solid #dfe7f0;
    border-radius:13px;
}

.dsl-g-dashboard-tabs button{
    min-height:44px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#405a76;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:.18s ease;
}

.dsl-g-dashboard-tabs button:hover{
    background:#f2f7fd;
}

.dsl-g-dashboard-tabs button.ativo{
    background:#2877df;
    color:#ffffff;
    box-shadow:0 4px 12px rgba(40,119,223,.16);
}

.dsl-g-dashboard-tabs button span{
    font-size:15px;
}

.dsl-g-dashboard-subpage{
    margin:0 0 16px;
}

.dsl-g-dashboard-subpage h2{
    margin:0;
    color:#173451;
    font-size:22px;
    line-height:1.2;
}

.dsl-g-dashboard-subpage p{
    margin:4px 0 0;
    color:#708297;
    font-size:11px;
}

.dsl-g-periodo-dashboard{
    margin-top:-3px;
}

@media(max-width:800px){

    .dsl-g-dashboard-tabs{
        grid-template-columns:1fr;
        max-width:none;
    }

    .dsl-g-dashboard-tabs button{
        justify-content:flex-start;
        padding:0 14px;
    }
}


/* ============================================================
   DSL_GESTOR_PIPELINE_ANALITICO_CSS_20260925
   ============================================================ */

.dsl-g-pipe-loading,
.dsl-g-pipe-error{
    background:#ffffff;
    border:1px solid #e1e8f0;
    border-radius:16px;
    padding:26px;
    color:#73869a;
    font-size:13px;
}

.dsl-g-pipe-kpis{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.dsl-g-pipe-kpis article{
    min-height:136px;
    border:1px solid #e0e8f0;
    border-radius:17px;
    padding:18px;
    background:#ffffff;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dsl-g-pipe-kpis article.blue{
    background:#f4f9ff;
}

.dsl-g-pipe-kpis article.green{
    background:#f3fbf7;
}

.dsl-g-pipe-kpis article.orange{
    background:#fff9f1;
}

.dsl-g-pipe-kpis article.purple{
    background:#faf7ff;
}

.dsl-g-pipe-kpis article.pink{
    background:#fff7f8;
}

.dsl-g-pipe-kpis article span{
    color:#536b84;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.35px;
}

.dsl-g-pipe-kpis article strong{
    margin-top:8px;
    color:#16395f;
    font-size:30px;
    line-height:1.05;
}

.dsl-g-pipe-kpis article strong.money{
    font-size:20px;
}

.dsl-g-pipe-kpis article strong em{
    font-style:normal;
    font-size:13px;
    font-weight:700;
    color:#75879a;
}

.dsl-g-pipe-kpis article small{
    margin-top:8px;
    color:#8191a2;
    font-size:9px;
    line-height:1.35;
}

.dsl-g-pipe-two-cols{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.dsl-g-pipe-card{
    background:#ffffff;
    border:1px solid #e0e8f0;
    border-radius:17px;
    overflow:hidden;
}

.dsl-g-pipe-head{
    padding:16px 18px;
    border-bottom:1px solid #edf1f5;
}

.dsl-g-pipe-head h3{
    margin:0;
    color:#173451;
    font-size:17px;
}

.dsl-g-pipe-head p{
    margin:4px 0 0;
    color:#8191a2;
    font-size:10px;
}

.dsl-g-pipe-bars{
    padding:18px;
}

.dsl-g-pipe-bar-row{
    display:grid;
    grid-template-columns:145px 1fr 50px;
    gap:12px;
    align-items:center;
    margin-bottom:18px;
}

.dsl-g-pipe-bar-row:last-child{
    margin-bottom:0;
}

.dsl-g-pipe-bar-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.dsl-g-pipe-bar-info span{
    color:#5d7288;
    font-size:11px;
}

.dsl-g-pipe-bar-info strong{
    color:#173451;
    font-size:17px;
}

.dsl-g-pipe-bar-track{
    height:11px;
    overflow:hidden;
    background:#edf2f7;
    border-radius:999px;
}

.dsl-g-pipe-bar-fill{
    height:100%;
    border-radius:999px;
    background:#2e7be4;
}

.dsl-g-pipe-bar-fill.green{
    background:#21ad7b;
}

.dsl-g-pipe-bar-fill.orange{
    background:#f1a22c;
}

.dsl-g-pipe-bar-fill.red{
    background:#ef6969;
}

.dsl-g-pipe-bar-row small{
    text-align:right;
    color:#60748a;
    font-size:10px;
    font-weight:800;
}

.dsl-g-pipe-ranges{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:18px;
}

.dsl-g-pipe-range{
    min-height:108px;
    border:1px solid #e4eaf1;
    border-radius:14px;
    padding:14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f9fbfd;
}

.dsl-g-pipe-range.blue{
    background:#f5faff;
}

.dsl-g-pipe-range.green{
    background:#f4fbf7;
}

.dsl-g-pipe-range.orange{
    background:#fff9f2;
}

.dsl-g-pipe-range.purple{
    background:#faf7ff;
}

.dsl-g-pipe-range span{
    color:#61758b;
    font-size:10px;
    font-weight:700;
}

.dsl-g-pipe-range strong{
    margin-top:6px;
    color:#173451;
    font-size:23px;
}

.dsl-g-pipe-range small{
    margin-top:4px;
    color:#77899c;
    font-size:10px;
}

.dsl-g-pipe-weeks{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    padding:18px;
}

.dsl-g-pipe-weeks article{
    min-height:110px;
    border:1px solid #e3eaf2;
    background:#f8fbfe;
    border-radius:14px;
    padding:15px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dsl-g-pipe-weeks span{
    color:#60748a;
    font-size:10px;
    font-weight:700;
}

.dsl-g-pipe-weeks strong{
    margin-top:6px;
    color:#173451;
    font-size:28px;
}

.dsl-g-pipe-weeks small{
    margin-top:4px;
    color:#8393a3;
    font-size:9px;
}

@media(max-width:1250px){

    .dsl-g-pipe-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:950px){

    .dsl-g-pipe-two-cols{
        grid-template-columns:1fr;
    }

    .dsl-g-pipe-weeks{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:700px){

    .dsl-g-pipe-kpis{
        grid-template-columns:1fr 1fr;
    }

    .dsl-g-pipe-bar-row{
        grid-template-columns:1fr;
    }

    .dsl-g-pipe-bar-row small{
        text-align:left;
    }
}

@media(max-width:520px){

    .dsl-g-pipe-kpis{
        grid-template-columns:1fr;
    }

    .dsl-g-pipe-ranges,
    .dsl-g-pipe-weeks{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   DSL_GESTOR_PIPELINE_PLANOS_SAUDE_CSS_20260925
   ============================================================ */

.dsl-saude-loading,
.dsl-saude-error,
.dsl-saude-empty{
    color:#7a8da1;
    font-size:12px;
}

.dsl-saude-loading,
.dsl-saude-error{
    padding:24px;
    background:#fff;
    border:1px solid #e2e9f1;
    border-radius:16px;
}

.dsl-saude-kpis{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.dsl-saude-kpis article{
    min-height:130px;
    padding:18px;
    border-radius:17px;
    border:1px solid #dfe8f1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#fff;
}

.dsl-saude-kpis article.blue{
    background:#f3f8ff;
}

.dsl-saude-kpis article.green{
    background:#f2fbf6;
}

.dsl-saude-kpis article.purple{
    background:#f9f5ff;
}

.dsl-saude-kpis article.orange{
    background:#fff8ee;
}

.dsl-saude-kpis article.cyan{
    background:#f2fbfc;
}

.dsl-saude-kpis span{
    color:#566d85;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.3px;
}

.dsl-saude-kpis strong{
    margin-top:7px;
    color:#14375c;
    font-size:30px;
    line-height:1.05;
}

.dsl-saude-kpis strong.money{
    font-size:21px;
}

.dsl-saude-kpis small{
    margin-top:7px;
    color:#8091a3;
    font-size:9px;
    line-height:1.35;
}

.dsl-saude-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin-bottom:16px;
}

.dsl-saude-card{
    background:#fff;
    border:1px solid #dfe8f1;
    border-radius:17px;
    overflow:hidden;
}

.dsl-saude-head{
    padding:16px 18px;
    border-bottom:1px solid #edf2f6;
}

.dsl-saude-head h3{
    margin:0;
    color:#173451;
    font-size:17px;
}

.dsl-saude-head p{
    margin:4px 0 0;
    color:#8292a3;
    font-size:10px;
}

.dsl-saude-ranges{
    padding:18px;
}

.dsl-saude-range-row{
    display:grid;
    grid-template-columns:145px 1fr 50px;
    gap:12px;
    align-items:center;
    margin-bottom:17px;
}

.dsl-saude-range-row:last-child{
    margin-bottom:0;
}

.dsl-saude-range-row > div:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.dsl-saude-range-row span{
    color:#5d7389;
    font-size:10px;
}

.dsl-saude-range-row strong{
    color:#173451;
    font-size:16px;
}

.dsl-saude-range-bar{
    height:10px;
    background:#edf2f7;
    border-radius:999px;
    overflow:hidden;
}

.dsl-saude-range-bar i{
    display:block;
    height:100%;
    background:#3986e8;
    border-radius:999px;
}

.dsl-saude-range-bar i.green{
    background:#27b480;
}

.dsl-saude-range-bar i.orange{
    background:#f0a42e;
}

.dsl-saude-range-bar i.purple{
    background:#8065e8;
}

.dsl-saude-range-row small{
    color:#667b91;
    font-size:10px;
    font-weight:800;
    text-align:right;
}

.dsl-saude-list{
    padding:10px 18px 18px;
}

.dsl-saude-list > div:not(.dsl-saude-empty){
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:44px;
    border-bottom:1px solid #eef3f7;
}

.dsl-saude-list > div:last-child{
    border-bottom:0;
}

.dsl-saude-list span{
    color:#60758b;
    font-size:11px;
}

.dsl-saude-list strong{
    min-width:34px;
    text-align:center;
    color:#173451;
    background:#f1f6fb;
    border-radius:9px;
    padding:6px 9px;
    font-size:14px;
}

.dsl-saude-status{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px;
}

.dsl-saude-status article{
    min-height:86px;
    padding:14px;
    border:1px solid #e4eaf1;
    border-radius:13px;
    background:#f9fbfd;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dsl-saude-status span{
    color:#61758b;
    font-size:10px;
    font-weight:700;
}

.dsl-saude-status strong{
    margin-top:6px;
    color:#173451;
    font-size:24px;
}

.dsl-saude-weeks{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:18px;
}

.dsl-saude-weeks article{
    min-height:86px;
    border:1px solid #e4eaf1;
    border-radius:13px;
    background:#f7faff;
    padding:14px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.dsl-saude-weeks span{
    color:#61758b;
    font-size:10px;
    font-weight:700;
}

.dsl-saude-weeks strong{
    margin-top:5px;
    color:#173451;
    font-size:24px;
}

.dsl-saude-weeks small{
    margin-top:4px;
    color:#8393a3;
    font-size:9px;
}


/* PAGINA 3:
   remove blocos monetarios baseados no campo generico da oportunidade */

.crm-g-acom-intel-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}


/* valor da oportunidade nao aparece mais como preco do plano */

.crm-g-acom-risk-value strong{
    display:none !important;
}


@media(max-width:1250px){

    .dsl-saude-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px){

    .dsl-saude-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){

    .dsl-saude-kpis{
        grid-template-columns:1fr 1fr;
    }

    .dsl-saude-range-row{
        grid-template-columns:1fr;
    }

    .dsl-saude-range-row small{
        text-align:left;
    }
}

@media(max-width:520px){

    .dsl-saude-kpis,
    .dsl-saude-status,
    .dsl-saude-weeks{
        grid-template-columns:1fr;
    }
}


/* ============================================================
   DSL_GESTOR_LIMPEZA_DASHBOARD_CSS_20260929
   ============================================================ */


.dsl-g-grid-five{
    grid-template-columns:
        repeat(
            5,
            minmax(0,1fr)
        ) !important;
}


.dsl-g-grid-two{
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        ) !important;
}


.dsl-g-retornos-risco{
    margin-top:14px;
    overflow:hidden;
    border:1px solid #dce5ee;
    border-radius:14px;
    background:#fff;
}


.dsl-g-retornos-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 17px;
    border-bottom:1px solid #e7edf3;
}


.dsl-g-retornos-head h3{
    margin:0;
    color:#153452;
    font-size:13px;
}


.dsl-g-retornos-head p{
    margin:4px 0 0;
    color:#7c8fa2;
    font-size:9px;
}


.dsl-g-retornos-head > span{
    min-width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#fff1ed;
    color:#c35f3d;
    font-size:14px;
    font-weight:900;
}


.dsl-g-retornos-table-wrap{
    overflow:auto;
}


.dsl-g-retornos-table{
    width:100%;
    border-collapse:collapse;
}


.dsl-g-retornos-table th{
    padding:10px 14px;
    background:#f7f9fc;
    color:#60758b;
    font-size:8px;
    text-align:left;
    font-weight:800;
}


.dsl-g-retornos-table td{
    padding:11px 14px;
    border-top:1px solid #edf1f5;
    color:#29445f;
    font-size:9px;
}


.dsl-g-retornos-vazio{
    color:#8797a6 !important;
    text-align:center;
    padding:20px !important;
}


@media (max-width:1100px){

    .dsl-g-grid-five{
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }
}


@media (max-width:800px){

    .dsl-g-grid-five,
    .dsl-g-grid-two{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }
}


@media (max-width:520px){

    .dsl-g-grid-five,
    .dsl-g-grid-two{
        grid-template-columns:
            1fr !important;
    }


    .dsl-g-retornos-head{
        align-items:flex-start;
    }


    .dsl-g-retornos-table{
        min-width:520px;
    }
}


/* ============================================================
   DSL_GESTOR_AJUSTE_FINAL_DASHBOARD_CSS_20260929
   ============================================================ */

.dsl-g-grid-one{
    grid-template-columns:
        1fr !important;
}