/* =============================================================================
   SIGIS autolookup Styles
============================================================================= */

.ac_box{
  position: absolute;
  z-index: 999999;
  min-width: 260px;
  max-width: 520px;
  max-height: 320px;
  overflow: auto;
  background: #fff;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  padding: 6px;
  display:none;
}

.ac_item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding: 8px 10px;
  border-radius: 6px;
  cursor:pointer;
  user-select:none;
}

.ac_item:hover{ background: rgba(0,0,0,.06); }
.ac_item_active{ background: rgba(0,0,0,.08); }

.ac_item_title{ font-weight: 600; font-size: 14px; line-height: 1.2; }
.ac_item_desc{ font-size: 12px; opacity: .75; line-height: 1.2; margin-top: 2px; }
.ac_item_meta{ 
  margin-left:auto; font-size: 11px; opacity: .55; white-space:nowrap; 
  &.ac_check_deleted{
    color: red;
  }
  
}

.ac_item_inactive{
  color: #6b6b6b;
}

.ac_item_inactive .ac_item_title{ font-weight: 500; opacity: .70; }
.ac_item_inactive .ac_item_desc{ opacity: .55; }

.ac_sep{
  margin: 6px 0;
  border-top: 1px solid rgba(0,0,0,.10);
}

/* Multi chips container (works with your existing multi_dd_select) */
.ac_multi_wrap{ display:flex; flex-wrap:wrap; gap:6px; padding:6px; }

.ac_chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  font-size: 12px;
}

.ac_chip button{
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:14px;
  line-height:1;
}