.table-view { display: grid; gap: var(--weave-space-5); }
.table-header { display: flex; flex-wrap: wrap; gap: var(--weave-space-4); align-items: center; background: var(--weave-color-paper); }
.table-header h2 { font-size: var(--weave-text-xl); margin: 0; }
.table-meta { color: var(--weave-color-secondary); font-size: var(--weave-text-sm); }
.table-quick-note { flex: 1; min-width: 240px; display: flex; flex-wrap: wrap; align-items: center; gap: var(--weave-space-2); }
.table-quick-note input { flex: 1; min-width: 0; width: 100%; }
.table-quick-note [role=status] { flex-basis: 100%; }
.table-search { width: 100%; font-size: var(--weave-text-xl); padding: var(--weave-space-4); border: 2px solid var(--weave-color-rule-strong); background: var(--weave-color-paper); }
.table-columns { display: grid; grid-template-columns: 1fr 1.3fr .9fr; gap: var(--weave-space-5); }
.table-columns > section { min-width: 0; }
.table-columns h2 { font-size: var(--weave-text-md); color: var(--weave-color-action); margin: 0 0 var(--weave-space-4); }
.table-card { background: var(--weave-color-paper); padding: var(--weave-space-3) 0; border-bottom: 1px solid var(--weave-color-rule); overflow-wrap: anywhere; }
.table-card h3 { font-family: var(--weave-font-display); font-size: var(--weave-text-lg); font-weight: 500; margin: 0; }
.table-card p { margin: var(--weave-space-2) 0 0; }
.table-card > .table-meta { display: block; }
.table-secret { background: var(--weave-color-warning-surface); color: var(--weave-color-secondary); padding: var(--weave-space-2); }
.table-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--weave-space-4); }
.table-header a, .table-view button, .table-card h3 > a { min-height: 44px; display: inline-flex; align-items: center; }
.table-view input { min-height: 44px; box-sizing: border-box; }
@media (max-width: 960px) {
  .table-columns, .table-results { grid-template-columns: 1fr; }
  .table-quick-note { flex-basis: 100%; }
}

.table-view a { color: var(--weave-color-action); }
.table-view a:hover { color: var(--weave-color-action-hover); }
.table-summary { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.table-view h2 { font-family: var(--weave-font-display); }
.table-view .table-search { font-size: var(--weave-text-xl); min-height: var(--weave-space-8); }
.table-card h3 > a { display: flex; line-height: var(--weave-leading-snug); padding-block: var(--weave-space-2); box-sizing: border-box; }
.table-card h3 > a, .table-thread > a { color: var(--weave-color-ink); text-decoration: none; }
.table-thread { min-width: 0; border-bottom: 1px solid var(--weave-color-rule); font-family: var(--weave-font-ui); font-size: var(--weave-text-md); }
.table-thread > a, .table-thread > span { display: block; min-height: 44px; line-height: 44px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.table-card h3 > a:hover, .table-thread > a:hover { color: var(--weave-color-ink); background: var(--weave-color-hover); }
.table-card h3 > a:focus-visible, .table-thread > a:focus-visible { outline: 2px solid var(--weave-color-action); outline-offset: 2px; background: var(--weave-color-hover); }