/* Matter module design tokens — status colors mapped to semantic layer */
.wk-matter {
  --todo-status-open: var(--wk-color-success);
  --todo-status-done: var(--wk-text-tertiary);
  --todo-status-archived: var(--wk-text-disabled);
}

/* ─── Responsive: small screens ─────────────────────────── */

@media (max-width: 768px) {
  .wk-matter-chat-panel {
    width: 100%;
    min-width: unset;
    border-left: none;
    border-top: 1px solid var(--wk-border-default, #e5e5e5);
  }

  .wk-matter-filter-bar {
    flex-wrap: wrap;
  }

  .wk-matter-filter-bar__search {
    min-width: 120px;
  }
}
