/* СтройМенеджер — Badge'lar va filtrlar */
/* ═══════════════════════════════════════════════════════════════════
   BADGES
═══════════════════════════════════════════════════════════════════ */
.badge {
  display:inline-flex; align-items:center;
  padding:3px 10px;
  border-radius:20px;
  font-size:11px; font-weight:700; letter-spacing:.3px;
  border:1px solid transparent;
}
.badge-pending  { background:var(--amber-bg); color:var(--amber); border-color:rgba(239,159,39,.3); }
.badge-approved { background:var(--green-bg); color:var(--green); border-color:rgba(39,168,106,.3); }
.badge-rejected { background:var(--red-bg);   color:var(--red);   border-color:rgba(226,75,74,.3); }
.badge-sent     { background:var(--blue-bg);  color:var(--blue);  border-color:rgba(55,138,221,.3); }
.badge-info     { background:rgba(55,138,221,.15); color:var(--blue); border-color:rgba(55,138,221,.25); }
.badge-listed   { background:rgba(39,168,106,.15); color:var(--green); border-color:rgba(39,168,106,.25); }
.badge-purple   { background:var(--purple-bg); color:var(--purple); border-color:rgba(155,93,229,.3); }

/* ═══════════════════════════════════════════════════════════════════
   FILTERS
═══════════════════════════════════════════════════════════════════ */
.filters {
  display:flex; gap:10px;
  flex-wrap:wrap; align-items:center;
  margin-bottom:16px;
}
.filter-input, .filter-select {
  background:var(--bg-card2);
  border:1px solid var(--border);
  border-radius:7px;
  color:var(--text);
  padding:8px 12px;
  font-size:13px;
  min-width:140px;
  appearance:none;
  transition:border-color .12s;
}
.filter-input:focus, .filter-select:focus { border-color:var(--orange); }
.filter-select {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%237A8099' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");
  background-repeat:no-repeat;
  background-position:right 10px center;
  padding-right:30px;
}