@layer components {
  /* ── Check-team verdict bar (sits under the fullscreen review bottombar) ── */
  .checker-verdict-bar {
    display: flex;
    align-items: center;
    gap: var(--s4);
    padding: var(--s3) var(--s5);
    background: #151715;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .checker-verdict-actions {
    display: flex;
    gap: var(--s2);
    flex-shrink: 0;
  }

  /* The recorded verdict's button reads as selected. */
  .checker-verdict-actions .btn.is-active {
    outline: 2px solid #fff;
    outline-offset: 1px;
  }

  .checker-verdict-note {
    flex: 1;
    min-height: 38px;
    max-height: 80px;
    resize: vertical;
  }

  .checker-verdict-error {
    margin: 0;
    color: var(--amber-300, #f0b429);
    font-size: 13px;
    flex-shrink: 0;
  }
}