/* ============================================================
   DASHBOARD CRM VENDEDOR - ARQUIVO ISOLADO

   NÃO USAR ESTE ARQUIVO PARA OUTRAS TELAS.
   ============================================================ */


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page{
  width:100%;
  max-width:1500px;

  margin:0 auto;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page-head{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  gap:18px;

  margin-bottom:20px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page-title{
  display:flex;

  align-items:center;

  gap:14px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page-title .crm-icon{
  width:46px;
  height:46px;

  flex:0 0 46px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;

  background:#e8f2ff;

  color:#1475e4;

  font-size:19px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page-title h1{
  margin:0 0 4px;

  color:#182230;

  font-size:27px;
  line-height:1.15;
  font-weight:750;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-page-title p{
  margin:0;

  color:#667085;

  font-size:14px;
}


/* INDICADORES */

#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-grid-kpi{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  gap:14px;

  width:100%;

  margin-bottom:16px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi{
  min-width:0;
  min-height:108px;

  box-sizing:border-box;

  display:flex;
  align-items:center;

  gap:14px;

  padding:16px;

  border:
    1px solid #dfe6ee;

  border-radius:14px;

  background:#fff;

  box-shadow:
    0 2px 7px rgba(16,24,40,.035);
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi .ic{
  width:46px;
  height:46px;

  flex:0 0 46px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:12px;

  background:#e9f2ff;

  color:#1475e4;

  font-size:19px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi.green .ic{
  background:#e5f7ef;
  color:#159a67;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi.purple .ic{
  background:#f0ebff;
  color:#7656dd;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi.orange .ic{
  background:#fff2d9;
  color:#e98a00;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi small{
  display:block;

  margin-bottom:6px;

  color:#53627a;

  font-size:13px;
  font-weight:650;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-kpi strong{
  display:block;

  color:#111827;

  font-size:24px;
  line-height:1;
  font-weight:760;
}


/* PAINÉIS */

#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-panels{
  display:grid;

  grid-template-columns:
    minmax(0,1.65fr)
    minmax(300px,.95fr);

  gap:16px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-panel{
  overflow:hidden;

  border:
    1px solid #dfe6ee;

  border-radius:14px;

  background:#fff;

  box-shadow:
    0 2px 7px rgba(16,24,40,.03);
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-panel-head{
  min-height:56px;

  box-sizing:border-box;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:12px;

  padding:0 18px;

  border-bottom:
    1px solid #e8edf3;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-panel-head h2{
  margin:0;

  color:#182230;

  font-size:16px;
  font-weight:720;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-panel-body{
  min-height:145px;

  padding:18px;
}


#crmVendedorRoot[data-crm-current-page="crm-dashboard"]
.crm-empty{
  min-height:100px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#667085;

  font-size:14px;

  text-align:center;
}


/* RESPONSIVO */

@media(max-width:1200px){

  #crmVendedorRoot[data-crm-current-page="crm-dashboard"]
  .crm-grid-kpi{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }

}


@media(max-width:900px){

  #crmVendedorRoot[data-crm-current-page="crm-dashboard"]
  .crm-grid-kpi{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  #crmVendedorRoot[data-crm-current-page="crm-dashboard"]
  .crm-panels{
    grid-template-columns:1fr;
  }

}


@media(max-width:520px){

  #crmVendedorRoot[data-crm-current-page="crm-dashboard"]
  .crm-grid-kpi{
    grid-template-columns:1fr;
  }

}