@layer pano-plugin {
/* src/panel/components/rows/CommentRow.svelte */
.reply-row.svelte-w7clju td:where(.svelte-w7clju) {
    border-top: none !important;
    border-bottom: none !important;
  }

  .reply-row.last-reply.svelte-w7clju td:where(.svelte-w7clju) {
    border-bottom: 1px solid var(--bs-border-color) !important;
  }

  tr.root-with-replies.svelte-w7clju td:where(.svelte-w7clju) {
    border-bottom: none !important;
  }

  /* Consolidated highlighted block and active highlight styles */
  tr.active-highlight.svelte-w7clju {
    background-color: rgba(var(--bs-info-rgb), 0.25) !important;
  }

  /* Thick borders ONLY for highlighted replies to distinguish within thread */
  tr.active-highlight.reply-row.svelte-w7clju td:where(.svelte-w7clju) {
    box-shadow:
      inset 0 2px 0 var(--bs-info),
      inset 0 -2px 0 var(--bs-info) !important;
  }

  tr.active-highlight.reply-row.svelte-w7clju td:where(.svelte-w7clju):first-child {
    border-left: 3px solid var(--bs-info) !important;
    box-shadow:
      inset 0 2px 0 var(--bs-info),
      inset 0 -2px 0 var(--bs-info) !important;
  }

  tr.active-highlight.reply-row.svelte-w7clju td:where(.svelte-w7clju):last-child {
    border-right: 3px solid var(--bs-info) !important;
    box-shadow:
      inset 0 2px 0 var(--bs-info),
      inset 0 -2px 0 var(--bs-info) !important;
  }

  tr.active-highlight.svelte-w7clju:hover {
    background-color: rgba(var(--bs-info-rgb), 0.3) !important;
  }

  /* Block outline using subtle borders instead of shadows */
  tr.highlighted-block.svelte-w7clju td:where(.svelte-w7clju) {
    border-top: 1px solid rgba(var(--bs-info-rgb), 0.3) !important;
    border-bottom: 1px solid rgba(var(--bs-info-rgb), 0.3) !important;
  }

  /* Root with replies shouldn't have bottom border to merge with thread */
  tr.highlighted-block.root-with-replies.svelte-w7clju td:where(.svelte-w7clju) {
    border-bottom: none !important;
  }

  /* Replies merge with parent by having no top border */
  tr.highlighted-block.reply-row.svelte-w7clju td:where(.svelte-w7clju) {
    border-top: none !important;
  }

  /* Only the very last row in the block gets the bottom border */
  tr.highlighted-block.reply-row.svelte-w7clju:not(.last-reply) td:where(.svelte-w7clju) {
    border-bottom: none !important;
  }

  tr.highlighted-block.svelte-w7clju td:where(.svelte-w7clju):first-child {
    border-left: 1px solid rgba(var(--bs-info-rgb), 0.3) !important;
  }

  tr.highlighted-block.svelte-w7clju td:where(.svelte-w7clju):last-child {
    border-right: 1px solid rgba(var(--bs-info-rgb), 0.3) !important;
  }

  /* Removed unused selector */

  .reply-row.svelte-w7clju {
    transition: background-color 0.2s;
  }

  .reply-row.svelte-w7clju td:where(.svelte-w7clju) > :where(.svelte-w7clju):not(.reply-line) {
    animation: svelte-w7clju-fadeInRow 0.2s ease-in-out;
  }

  @keyframes svelte-w7clju-fadeInRow {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  .reply-row.svelte-w7clju:hover {
    background-color: rgba(var(--bs-body-color-rgb), 0.03) !important;
  }

  .reply-row.active-highlight.svelte-w7clju .reply-line:where(.svelte-w7clju) {
    border-left-color: var(--bs-info);
    border-bottom-color: var(--bs-info);
  }

  .reply-line.svelte-w7clju {
    position: absolute;
    left: 0;
    top: -10px;
    bottom: 50%;
    width: 15px;
    border-left: 2px solid var(--bs-border-color);
    border-bottom: 2px solid var(--bs-border-color);
    border-bottom-left-radius: 8px;
  }

  .caret-icon.svelte-w7clju {
    transition: transform 0.2s ease;
  }

  .caret-icon.open.svelte-w7clju {
    transform: rotate(180deg);
  }

/* src/theme/views/ThemeCommentItem.svelte */
.comments-theme-comment-item__replies.svelte-10n3n0z {
    position: relative;
    margin-left: 1.25rem;
  }

  @media (min-width: 576px) {
    .comments-theme-comment-item__replies.svelte-10n3n0z {
      margin-left: 3rem;
    }
  }

  .comments-theme-comment-item.svelte-10n3n0z {
    position: relative;
  }

  .comments-theme-comment-item__reply-line.svelte-10n3n0z {
    position: absolute;
    left: -0.75rem;
    top: -1rem;
    bottom: 0;
    width: 0.75rem;
    opacity: 0.5;
    z-index: 0;
    background-image: linear-gradient(
      to bottom,
      var(--pano-color-border) 2.25rem,
      transparent 2.25rem
    );
    background-size: 2px 100%;
    background-repeat: no-repeat;
  }

  @media (min-width: 576px) {
    .comments-theme-comment-item__reply-line.svelte-10n3n0z {
      left: -1.5rem;
      width: 1.5rem;
    }
  }

  .comments-theme-comment-item__reply-line.svelte-10n3n0z:not(.is-last) {
    background-image:
      linear-gradient(to bottom, var(--pano-color-border) 2.25rem, transparent 2.25rem),
      linear-gradient(to bottom, transparent 3.75rem, var(--pano-color-border) 3.75rem);
  }

  .comments-theme-comment-item__reply-line.svelte-10n3n0z::after {
    content: '';
    position: absolute;
    top: 2.25rem;
    left: 0;
    width: 0.75rem;
    height: 1.5rem;
    border-bottom: 2px solid var(--pano-color-border);
    border-left: 2px solid var(--pano-color-border);
    border-bottom-left-radius: 12px;
    background: transparent;
  }

  @media (min-width: 576px) {
    .comments-theme-comment-item__reply-line.svelte-10n3n0z::after {
      width: 1.5rem;
    }
  }

/* src/theme/views/ThemePostComments.svelte */
.comments-theme-post-comments.svelte-hqluv9 {
    width: 100%;
  }

  @media (min-width: 992px) {
    .comments-theme-post-comments.svelte-hqluv9 {
      width: 50%;
    }
  }
}