/* ============================================================================
   TABLE.CSS — Veri tabloları (Müvekkiller, Davalar, Ücretler, Masraflar vb.
   sekmelerin tümü aynı tablo bileşenini paylaşır).
   ============================================================================ */
.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
table{width:100%;border-collapse:collapse;font-size:13px;}
thead th{
  text-align:left;padding:13px 16px;font-size:10.5px;text-transform:uppercase;letter-spacing:1px;
  color:var(--ink-muted);border-bottom:1px solid var(--border);background:var(--panel-light);font-weight:600;
}
thead th.sortable{cursor:pointer;user-select:none;}
thead th.sortable:hover{color:var(--ink-dim);}
thead th.sortable.sorted{color:var(--gold);}
.sort-arrow{font-size:9px;margin-left:2px;}
tbody td{padding:13px 16px;border-bottom:1px solid var(--border);color:var(--ink-dim);vertical-align:middle;}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover{background:rgba(255,255,255,0.015);}
.cell-name{color:var(--ink);font-weight:600;}
.cell-mono{font-family:'IBM Plex Mono',monospace;}
.cell-sub{color:var(--ink-muted);font-size:11.5px;margin-top:2px;max-width:260px;}
.row-actions{display:flex;gap:6px;justify-content:flex-end;}

@media (max-width:880px){
  .table-wrap{overflow-x:auto;}
  table{min-width:640px;}
}

/* Telefonda listeler: her satır bir kart, hücrenin solunda sütun başlığı
   (başlıklar js/tablo-etiket.js ile data-label olarak kopyalanır). */
@media (max-width:640px){
  main .table-wrap{overflow:visible;background:transparent;border:0;}
  main .table-wrap table{min-width:0;}
  main .table-wrap thead{display:none;}
  main .table-wrap tbody tr{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:8px 14px;}
  main .table-wrap tbody tr:hover{background:var(--panel);}
  main .table-wrap tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;border:0;text-align:right;min-width:0;}
  main .table-wrap tbody td::before{content:attr(data-label);color:var(--ink-muted);font-size:12px;text-align:left;flex-shrink:0;}
  main .table-wrap tbody td[data-label=""]::before{content:none;}
  main .table-wrap tbody td[data-label=""]{justify-content:flex-end;}
  main .table-wrap tbody td[colspan]{display:block;text-align:center;}
  main .table-wrap tbody td .cell-sub{max-width:none;}
  main .table-wrap tbody td .row-actions,main .table-wrap tbody td.row-actions{justify-content:flex-end;}
  /* Ad + alt bilgi (belge/görev sayısı) alt alta: ilk dolu hücre kartın başlığı gibi. */
  main .table-wrap tbody td.cell-name{display:block;text-align:left;font-size:14.5px;}
  main .table-wrap tbody td.cell-name::before{display:block;margin-bottom:2px;}
}