/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

.storage-index {
  .storage-index-table-card {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
    &:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
    header {
      display: grid;
      gap: 0.5rem;
      grid-template-areas:
        'title actions'
        'intro search';
      grid-template-columns: 2fr 1fr;
      h3 {
        font-size: 1.5rem;
        font-weight: $weight-bold;
        grid-area: title;
      }
      .actions {
        display: grid;
        gap: 1rem;
        grid-auto-flow: column;
        grid-area: actions;
        justify-content: end;
      }
      .intro {
        grid-area: intro;
      }
      .search {
        grid-area: search;
      }
    }
    table {
      margin-top: 1rem;
    }
    .empty-message {
      margin-top: 1rem;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }
  }

  .info-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    header {
      grid-column: -1 / 1;
      grid-template-areas: "title";
    }
  }
}