@import '~apps/client/src/styles/ghostfolio-style';

:host {
  display: block;

  .mat-table {
    td {
      &.mat-footer-cell {
        border-top: 1px solid
          rgba(
            var(--palette-foreground-divider),
            var(--palette-foreground-divider-alpha)
          );
      }
    }

    th {
      ::ng-deep {
        .mat-sort-header-container {
          justify-content: inherit;
        }
      }
    }
  }
}

:host-context(.is-dark-theme) {
  .mat-table {
    td {
      &.mat-footer-cell {
        border-top-color: rgba(
          var(--palette-foreground-divider-dark),
          var(--palette-foreground-divider-dark-alpha)
        );
      }
    }
  }
}