/* СтройМенеджер — Jadvallar va saralanadigan sarlavhalar */
/* ═══════════════════════════════════════════════════════════════════
   TABLES
═══════════════════════════════════════════════════════════════════ */
.table-wrap {
  overflow-x:auto;
  border:1px solid var(--border);
  border-radius:10px;
}
table {
  width:100%;
  border-collapse:collapse;
}
thead tr { background:var(--bg-card2); }
th {
  padding:11px 14px;
  text-align:left;
  font-size:11px; font-weight:700;
  text-transform:uppercase; letter-spacing:.8px;
  color:var(--text-muted);
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
td {
  padding:10px 14px;
  border-bottom:1px solid rgba(42,46,63,.5);
  font-size:13px;
  vertical-align:middle;
}
tr:last-child td { border-bottom:none; }
tbody tr:hover { background:rgba(255,255,255,.02); }
body.light tbody tr:hover { background:rgba(0,0,0,.025); }

/* Sortable jadval sarlavhalari */
th.sortable {
  cursor:pointer;
  user-select:none;
  position:relative;
  transition:background .12s;
}
th.sortable:hover { background:var(--bg-hover); color:var(--text); }
th.sortable .sort-ind {
  display:inline-block;
  margin-left:4px;
  font-size:10px;
  color:var(--text-dim);
  font-weight:400;
  vertical-align:middle;
}
th.sortable.sort-asc  .sort-ind { color:var(--orange); content:'▲'; }
th.sortable.sort-desc .sort-ind { color:var(--orange); }