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

  .bulk-actions-bar {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-4);
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    position: sticky;
    top: 58px;
    z-index: 10;

    .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;
    }

    /*.bulk-select {*/
    /*  appearance: none;*/
    /*  padding: var(--space-2) var(--space-8) var(--space-2) var(--space-3);*/
    /*  font-size: var(--text-base);*/
    /*  font-weight: var(--font-semibold);*/
    /*  border: 1px solid var(--color-border);*/
    /*  border-radius: var(--radius-md);*/
    /*  background-color: var(--color-white);*/
    /*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'%3E%3C/path%3E%3C/svg%3E");*/
    /*  background-repeat: no-repeat;*/
    /*  background-position: right var(--space-2) center;*/
    /*  background-size: 1.25rem;*/
    /*  min-width: 140px;*/
    /*  cursor: pointer;*/
    /*  transition: border-color var(--transition-fast);*/
    /*  &:hover {*/
    /*    border-color: var(--color-gray-400);*/
    /*  }*/
    /*}*/
  }

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