/* ============================================================
   table.css — table view of a collection
   ============================================================ */
.table-wrap{flex:1;min-height:0;overflow:auto;padding:4px 22px 26px}
.grid{width:100%;border-collapse:separate;border-spacing:0;min-width:560px}
.grid th,.grid td{text-align:left;border-bottom:1px solid var(--line);padding:0;vertical-align:middle}
.grid thead th{
  position:sticky;top:0;background:var(--bg);z-index:2;
  font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:500;padding:9px 12px;border-bottom:1px solid var(--line-2);white-space:nowrap;
}
.grid thead th .ftype{opacity:.7}
.grid tbody tr{cursor:pointer}
.grid tbody tr:hover{background:var(--surface-2)}
.cell-input{width:100%;border:none;background:transparent;padding:11px 12px;font-size:.94rem}
.cell-input:focus{outline:none;background:var(--accent-tint)}
.cell-title{font-weight:600}
.cell-open{border:none;background:transparent;padding:11px 12px;font-size:.94rem;font-weight:600;text-align:left;width:100%;display:flex;align-items:center;gap:9px;color:var(--ink)}
.cell-open:hover{color:var(--accent-ink)}
.cell-open .avatar{width:24px;height:24px;border-radius:6px;font-size:.72rem}
.cell-open .placeholder{color:var(--muted);font-weight:500}
/* stage / single-select cells host a custom SelectMenu (variant="cell") */
.td-cell{padding:0}
.th-add{width:1%;white-space:nowrap}
.addfield-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-weight:600;font-size:.8rem}
.addfield-btn:hover{color:var(--accent-ink)}
.table-foot{padding:10px 6px}