@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
@layer cinder.components {
  /**
   * DiffReviewComments global styles (COR-509 / DR-6).
   *
   * Global (not Svelte-scoped) so `@lostgradient/editor/diff-review-comments/styles`
   * has a real stylesheet to publish, matching ReviewEditor's own
   * `/review-editor/styles` precedent. Item-level presentation lives in
   * `diff-review-comment-item.svelte`'s own scoped `<style>` block.
   */

  .diff-review-comments {
    display: flex;
    flex-direction: column;
    gap: var(--cinder-space-3);
  }

  .diff-review-comments-filter {
    display: flex;
    gap: var(--cinder-space-2);
  }

  .diff-review-comments-filter button[aria-pressed='true'] {
    font-weight: var(--cinder-font-semibold);
  }

  .diff-review-comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .diff-review-comments-empty {
    color: var(--cinder-text-muted);
  }

  .diff-review-comments-note {
    display: flex;
    flex-direction: column;
    gap: var(--cinder-space-1);
  }

  .diff-review-comments-note textarea {
    min-height: 3rem;
  }
}