.lbaic-settings-a {
  &-entries {
    &-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    &-filter {
      &-in {
        display: flex;
        align-items: center;
        gap: 12px;

        @include max-width($lbaic-settings-wp-xl-breakpoint) {
          flex-direction: column;
        }
      }

      &-search {
        width: 100%;
        flex: 1;

        &-icon {
          width: 18px;
          height: 18px;
          fill: currentColor;
        }
      }

      &-periods {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 12px;
      }
    }
  }
}

// Table styles
.lbaic-settings-table-container {
  display: grid;

  .lbaic-settings-table-wrapper {
    border: 1px solid #eaebf0;
    border-radius: 8px;
    overflow: auto;
    max-height: calc(100vh - 400px);

    // Custom scrollbar styles
    &::-webkit-scrollbar {
      width: 12px;
      height: 12px;
    }

    &::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 10px;
    }

    &::-webkit-scrollbar-thumb {
      background: #c1c1c1;
      border-radius: 10px;
      border: 2px solid #f1f1f1;
    }

    &::-webkit-scrollbar-thumb:hover {
      background: #a8a8a8;
    }

    &::-webkit-scrollbar-corner {
      background: #f1f1f1;
    }

    // Firefox scrollbar
    scrollbar-width: auto;
    scrollbar-color: #c1c1c1 #f1f1f1;
  }

  .lbaic-settings-table {
    width: 100%;
    border-collapse: collapse;

    thead {
      background: #f5f7fa;
      border-bottom: 1px solid #eaebf0;
    }

    tbody {
      tr {
        border-bottom: 1px solid #eaebf0;
        background: white;
        transition: background-color 0.2s ease;

        &:last-child {
          border-bottom: none;
        }

        &:hover {
          background: #fafafa;
        }

        &.lbaic-settings-table-tr-alt {
          background: #f9fafb;

          &:hover {
            background: #fafafa;
          }
        }
      }
    }

    .lbaic-settings-table-th {
      padding: 12px 16px;
      text-align: left;
      font-weight: 600;
      font-size: 12px;
      color: #666666;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      white-space: nowrap;
      position: sticky;
      top: 0;
      background: #f5f7fa;
      z-index: 20;

      &.lbaic-settings-table-th-sticky {
        left: 0;
        border-right: 1px solid #eaebf0;
        z-index: 21;
      }
    }

    .lbaic-settings-table-td {
      padding: 12px 16px;
      font-size: 13px;
      line-height: 16px;

      &.lbaic-settings-table-td-sticky {
        position: sticky;
        left: 0;
        background: inherit;
        z-index: 10;
        border-right: 1px solid #eaebf0;
        white-space: nowrap;
      }

      .lbaic-settings-table-td-timestamp {
        color: #666666;
      }

      .lbaic-settings-table-td-content {
        font-size: 13px;
        line-height: 16px;
        color: #232323;
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}