/* ============================================================
   CLIMÁTIKO
   AUTOCOMPLETE GLOBAL DE CADASTROS
============================================================ */

.clm-lookup-menu{

  position:fixed;

  z-index:999999;

  overflow:hidden;

  border:
    1px solid #cbd5df;

  border-radius:
    6px;

  background:
    #fff;

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

}


.clm-lookup-list{

  max-height:
    285px;

  overflow-y:
    auto;

  overflow-x:
    hidden;

}


.clm-lookup-item{

  width:
    100%;

  display:
    flex;

  align-items:
    flex-start;

  gap:
    10px;

  padding:
    9px
    11px;

  border:
    0;

  border-bottom:
    1px solid #eef1f4;

  background:
    #fff;

  color:
    #344054;

  text-align:
    left;

  cursor:
    pointer;

}


.clm-lookup-item:hover{

  background:
    #eef6fc;

}


.clm-lookup-icon{

  width:
    24px;

  min-width:
    24px;

  padding-top:
    2px;

  text-align:
    center;

  font-size:
    14px;

}


.clm-lookup-content{

  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  gap:
    3px;

}


.clm-lookup-content strong{

  color:
    #101828;

  font-size:
    10.5px;

  font-weight:
    600;

  line-height:
    1.25;

}


.clm-lookup-content small{

  color:
    #667085;

  font-size:
    8.8px;

  line-height:
    1.3;

}


.clm-lookup-content small b{

  color:
    #155a96;

  font-weight:
    600;

}


.clm-lookup-footer{

  padding:
    6px;

  border-top:
    1px solid #d5dde5;

  background:
    #f8fafc;

}


.clm-lookup-add{

  width:
    100%;

  min-height:
    34px;

  padding:
    0 10px;

  border:
    1px solid #155a96;

  border-radius:
    4px;

  background:
    #155a96;

  color:
    #fff;

  font-size:
    10.5px;

  font-weight:
    600;

  cursor:
    pointer;

}


.clm-lookup-add:hover{

  background:
    #104b80;

}


.clm-lookup-empty,
.clm-lookup-loading{

  padding:
    18px;

  color:
    #667085;

  font-size:
    10px;

  text-align:
    center;

}


/* ============================================================
   UMA ÚNICA BARRA
============================================================ */

.clm-lookup-list::-webkit-scrollbar{

  width:
    7px;

}


.clm-lookup-list::-webkit-scrollbar-track{

  background:
    #f2f4f7;

}


.clm-lookup-list::-webkit-scrollbar-thumb{

  background:
    #98a2b3;

  border-radius:
    10px;

}


/* ============================================================
   MODAL CADASTRO RÁPIDO
============================================================ */

.clm-quick-backdrop{

  position:
    fixed;

  inset:
    0;

  z-index:
    1000000;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  padding:
    20px;

  background:
    rgba(15,23,42,.42);

}


.clm-quick-modal{

  width:
    min(680px,100%);

  overflow:
    hidden;

  border-radius:
    7px;

  background:
    #fff;

  box-shadow:
    0 24px 60px
    rgba(0,0,0,.25);

}


.clm-quick-modal > header{

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  padding:
    14px
    17px;

  border-bottom:
    1px solid #d5dde5;

}


.clm-quick-modal > header > div{

  display:
    flex;

  flex-direction:
    column;

  gap:
    2px;

}


.clm-quick-modal > header strong{

  font-size:
    13px;

}


.clm-quick-modal > header small{

  color:
    #667085;

  font-size:
    9px;

}


.clm-quick-modal > header button{

  border:
    0;

  background:
    transparent;

  font-size:
    22px;

  cursor:
    pointer;

}


.clm-quick-body{

  padding:
    18px;

}


.clm-quick-grid{

  display:
    grid;

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

  gap:
    15px
    18px;

}


.clm-quick-field label{

  display:
    block;

  margin-bottom:
    5px;

  color:
    #475467;

  font-size:
    10px;

}


.clm-quick-field input{

  width:
    100%;

  height:
    35px;

  box-sizing:
    border-box;

  padding:
    0 9px;

  border:
    1px solid #cbd5df;

  border-radius:
    4px;

  font:
    inherit;

  font-size:
    10.5px;

}


.clm-quick-notice{

  margin-top:
    15px;

  padding:
    10px 12px;

  border:
    1px solid #b8d8ef;

  border-radius:
    5px;

  background:
    #eef7fd;

  color:
    #475467;

  font-size:
    9px;

  line-height:
    1.4;

}


.clm-quick-modal > footer{

  display:
    flex;

  justify-content:
    flex-end;

  gap:
    7px;

  padding:
    12px
    17px;

  border-top:
    1px solid #d5dde5;

  background:
    #fafafa;

}


.clm-quick-primary,
.clm-quick-secondary{

  min-height:
    34px;

  padding:
    0 11px;

  border-radius:
    4px;

  font-size:
    10.5px;

  font-weight:
    600;

  cursor:
    pointer;

}


.clm-quick-primary{

  border:
    1px solid #155a96;

  background:
    #155a96;

  color:
    #fff;

}


.clm-quick-secondary{

  border:
    1px solid #cbd5df;

  background:
    #fff;

  color:
    #475467;

}


@media(max-width:700px){

  .clm-quick-grid{

    grid-template-columns:
      1fr;

  }

}