/* =========================
   🔎 SEARCH — MEDIUM CLEAN
========================= */

:root{
  --search-text:#1c1f24;
  --search-muted:#8f949c;
  --search-bg:#f3f5f8;
  --search-border:#e5e8ee;
  --search-hover:#e0e4ea;
  --search-radius:10px;
}

/* SECTION */
#viewSearch .doSection{
  margin:0 0 14px !important;
}

/* TITLE */
#viewSearch .doRowTitle{
  font-size:13.5px !important;   /* ⬆️ أكبر */
  font-weight:800 !important;
  letter-spacing:.3px;
  color:var(--search-text);
  margin:0;
}

/* CLEAR BUTTON */
#viewSearch .doRowTrash{
  width:30px !important;         /* ⬆️ أكبر */
  height:30px !important;
  border-radius:8px;
  border:1px solid var(--search-border);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.18s ease;
}

#viewSearch .doRowTrash svg{
  width:14px !important;         /* ⬆️ أكبر */
  height:14px !important;
  opacity:.8;
}

/* CHIP GRID */
#viewSearch .doChipGrid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* CHIP */
#viewSearch .doChip{
  background:var(--search-bg);
  border:1px solid var(--search-border);
  color:var(--search-text);
  font-size:12.5px !important;   /* ⬆️ أكبر */
  font-weight:600;
  padding:8px 14px !important;   /* ⬆️ أوسع */
  border-radius:var(--search-radius);
  cursor:pointer;
  line-height:1.2;
  white-space:nowrap;
  transition:all .18s ease;
}

#viewSearch .doChip:hover{
  background:var(--search-hover);
}

#viewSearch .doChip:active{
  transform:scale(.96);
}

/* META */
#viewSearch #sMeta{
  font-size:11px !important;
  color:var(--search-muted);
  margin-bottom:8px;
}

/* MOBILE */
@media(max-width:480px){
  #viewSearch .doChip{
    font-size:12px !important;
    padding:7px 12px !important;
  }

  #viewSearch .doRowTitle{
    font-size:13px !important;
  }

  #viewSearch .doRowTrash{
    width:28px !important;
    height:28px !important;
  }
}