/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.filters-applied {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0.5rem;

  .filter-tag {
    max-width: 200px;

    .hds-tag__text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}

// Search & Filtering
.search-filtering {
  .hds-application-state {
    margin-top: 3rem;
  }

  .hds-segmented-group {
    margin-bottom: 1rem;

    .hds-dropdown-toggle-button__text {
      white-space: nowrap;
    }
  }

  .hds-table {
    margin-bottom: 1rem;
  }

  .search-filtering-toolbar {
    display: flex;

    // TODO: Remove these copied styles by migrating to HDS for the toolbar refresher component.
    //  The original styles assumed we were using the old toolbar component under a "rose-toolbar" class.
    .rose-button-inline-link-action {
      font-size: 0.8125rem;
      line-height: 1.8461538462;
      font-weight: 600;
      color: var(--stark);
      display: inline-block;
      vertical-align: middle;
      padding: 0.375rem 1rem;
    }

    > :last-child {
      margin-left: auto;
    }
  }
}

// Flyout with table
.flyout-with-table {
  .copyable-content a,
  button {
    color: var(--token-color-foreground-primary);
  }
}