@layer components {
  .bulk-actions-form {
    position: relative;
  }

  /* Sticks just below the 3.75rem app header */
  .bulk-actions-bar {
    position: sticky;
    top: 3.75rem;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
    padding: var(--space-3) var(--space-4);
    background-color: var(--color-background);
    border: 1px solid var(--color-gray-400);
    border-radius: var(--radius-md);

    .bulk-select-all {
      display: flex;
      align-items: center;
      gap: var(--space-3);
      font-size: var(--text-sm);
      font-weight: var(--font-medium);
      cursor: pointer;
    }

    .bulk-selected-count {
      font-size: var(--text-sm);
      color: var(--color-text-muted);
    }

    .bulk-actions-controls {
      display: flex;
      gap: var(--space-3);
      margin-left: auto;
    }
  }

  [data-theme="dark"] .bulk-actions-bar {
    background-color: var(--color-surface);
  }
}