/* =========================================================
   LIMA ENGENHARIA
   DESENHAR AREA V3
   ========================================================= */

body.lima-desenhando-area,
body.lima-desenhando-area #map{
  cursor:crosshair !important;
}


/* =========================================================
   BARRA MINIMA DE DESENHO
   ========================================================= */

#lima-desenhar-toolbar{
  position:fixed;

  z-index:10000;

  top:18px;
  left:50%;

  transform:translateX(-50%);

  width:370px;
  max-width:calc(100vw - 100px);

  padding:8px;

  background:rgba(255,255,255,.97);

  border:1px solid rgba(23,108,58,.18);
  border-radius:13px;

  box-shadow:
    0 5px 20px rgba(0,0,0,.18);

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  display:none;
}


#lima-desenhar-toolbar.ativo{
  display:block;
}


.lima-desenhar-toolbar-topo{
  display:flex;
  align-items:center;

  gap:7px;

  padding:0 3px 7px;
}


.lima-desenhar-toolbar-icone{
  width:27px;
  height:27px;

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

  flex:0 0 27px;

  border-radius:8px;

  background:#edf7f1;

  color:#176c3a;
}


.lima-desenhar-toolbar-icone svg{
  width:16px;
  height:16px;
}


.lima-desenhar-toolbar-titulo{
  flex:1;

  font-size:13px;
  font-weight:700;

  color:#18452c;
}


#lima-desenhar-pontos{
  font-size:10.5px;

  color:#718078;
}


.lima-desenhar-toolbar-acoes{
  display:grid;

  grid-template-columns:
    1fr
    1fr
    1.2fr;

  gap:6px;
}


.lima-desenhar-toolbar-btn{
  min-height:36px;

  padding:5px 7px;

  border:1px solid #d8e2dc;
  border-radius:8px;

  background:#fff;

  color:#31533f;

  font-size:11.5px;
  font-weight:650;

  cursor:pointer;
}


.lima-desenhar-toolbar-btn.verde{
  border-color:#176c3a;

  background:#176c3a;

  color:#fff;
}


.lima-desenhar-toolbar-btn:disabled{
  opacity:.40;

  cursor:not-allowed;
}


/* =========================================================
   RESULTADO
   ========================================================= */

#lima-desenhar-resultado{
  position:fixed;

  z-index:9000;

  width:330px;
  max-width:calc(100vw - 22px);

  padding:11px;

  background:rgba(255,255,255,.98);

  border:1px solid rgba(23,108,58,.20);
  border-radius:13px;

  box-shadow:
    0 5px 20px rgba(0,0,0,.18);

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  display:none;
}


#lima-desenhar-resultado.ativo{
  display:block;
}


.lima-desenhar-resultado-topo{
  display:flex;
  align-items:center;

  gap:7px;

  margin-bottom:9px;
}


.lima-desenhar-resultado-titulo{
  flex:1;

  font-size:13px;
  font-weight:750;

  color:#18452c;
}


.lima-area-ativa-chip{
  padding:3px 7px;

  border-radius:20px;

  background:#edf7f1;

  color:#176c3a;

  font-size:9px;
  font-weight:700;
}


#lima-desenhar-resultado-fechar{
  width:25px;
  height:25px;

  border:0;

  background:transparent;

  color:#53655b;

  font-size:20px;

  cursor:pointer;
}


.lima-desenhar-unidade-linha{
  display:flex;
  align-items:end;

  gap:8px;
}


.lima-desenhar-valor{
  flex:1;
}


.lima-desenhar-area-label{
  display:block;

  margin-bottom:2px;

  font-size:9.5px;
  font-weight:700;

  text-transform:uppercase;

  color:#75827b;
}


#lima-desenhar-area-final{
  display:block;

  font-size:23px;
  line-height:1.1;

  font-weight:750;

  color:#176c3a;
}


.lima-desenhar-unidade-box{
  width:118px;
}


.lima-desenhar-unidade-box label{
  display:block;

  margin-bottom:3px;

  font-size:9px;
  font-weight:700;

  color:#6a7870;
}


#lima-desenhar-unidade{
  width:100%;
  height:35px;

  padding:0 7px;

  border:1px solid #d6e0da;
  border-radius:8px;

  background:#fff;

  color:#294b37;

  font-size:11px;
}


.lima-desenhar-equivalencia{
  margin-top:5px;

  font-size:10px;

  color:#6d7a73;
}


.lima-desenhar-resultado-acoes{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  gap:6px;

  margin-top:11px;
}


.lima-desenhar-resultado-btn{
  min-height:37px;

  padding:5px 6px;

  border:1px solid #d8e2dc;
  border-radius:8px;

  background:#fff;

  color:#31533f;

  font-size:11px;
  font-weight:650;

  cursor:pointer;
}


.lima-desenhar-resultado-btn.verde{
  border-color:#176c3a;

  background:#176c3a;

  color:#fff;
}


.lima-desenhar-resultado-btn.perigo{
  color:#922d2d;
}


.lima-desenhar-resultado-btn.largo{
  grid-column:1 / -1;
}


.lima-desenhar-aviso{
  margin-top:8px;

  font-size:9.5px;
  line-height:1.25;

  color:#7b8981;
}


/* =========================================================
   VERTICES
   ========================================================= */

.lima-desenhar-vertice-edicao{
  width:14px !important;
  height:14px !important;

  margin-left:-7px !important;
  margin-top:-7px !important;

  border:2px solid #fff;

  border-radius:50%;

  background:#176c3a;

  box-shadow:
    0 1px 6px rgba(0,0,0,.4);
}


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

@media(max-width:700px){

  #lima-desenhar-toolbar{
    /*
     * Folga da borda superior.
     */
    top:14px;

    left:57px;
    right:10px;

    width:auto;
    max-width:none;

    transform:none;

    padding:7px;
  }


  .lima-desenhar-toolbar-btn{
    min-height:39px;

    padding-left:3px;
    padding-right:3px;

    font-size:10.5px;
  }


  #lima-desenhar-resultado{
    left:10px;
    right:10px;

    width:auto;
    max-width:none;
  }


  .lima-desenhar-unidade-box{
    width:112px;
  }


  #lima-desenhar-area-final{
    font-size:21px;
  }

}

/* =========================================================
   NOME DA AREA IMPORTADA
   ========================================================= */

.lima-desenhar-nome-area{
  margin:
    -2px 12px 8px;

  padding:
    7px 9px;

  border-radius:
    9px;

  background:
    #f2f8f4;

  color:
    #195838;

  font-size:
    12px;

  line-height:
    1.25;

  font-weight:
    700;

  overflow-wrap:
    anywhere;
}