/* ---------- Table ---------- */
.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
table{width:100%;border-collapse:collapse;font-size:13px;}
thead th{text-align:left;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:0.4px;color:var(--muted);font-weight:700;}
tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:#fbfbfc;}
.serial{font-family:var(--mono);font-size:12px;color:var(--slate-2);}
.status-pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:0.3px;}
.status-available{background:#e5f3ec;color:var(--ok);}
.status-assigned{background:#f3ece3;color:var(--brass);}
.row-actions-in{display:flex;gap:6px;justify-content:flex-end;}
.icon-btn{border:none;background:none;cursor:pointer;color:var(--muted);padding:4px 6px;border-radius:5px;font-size:14px;}
.icon-btn:hover{background:var(--paper);color:var(--ink);}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap;}
.toolbar .left{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
select{padding:8px 12px;border-radius:7px;border:1px solid var(--line);background:var(--panel);font-size:12.5px;font-family:var(--sans);color:var(--slate-2);}


@media (max-width:900px){ .toolbar{flex-wrap:wrap;gap:10px;} .toolbar > div{flex-wrap:wrap;} }
@media (max-width:700px){
  .table-wrap{background:none;border:none;overflow:visible;}
  .stack-table thead{display:none;}
  .stack-table,.stack-table tbody{display:block;}
  .stack-table tr{display:grid;grid-template-columns:1fr;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;position:relative;}
  .stack-table td{display:block;padding:0;border:none;}
  .stack-table td:first-child{position:absolute;top:12px;right:14px;}
  .stack-table td.cell-main{font-weight:600;font-size:14px;order:-1;}
  .stack-table td[data-label]:not(.cell-main){font-size:12.5px;color:var(--muted);}
  .stack-table td[data-label]:not(.cell-main)::before{content:attr(data-label)": ";font-weight:600;color:var(--slate-2);}
  .stack-table td.row-actions{margin-top:6px;padding-top:8px;border-top:1px solid var(--line);}
}