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

:host {
  color: rgb(var(--dark-primary-text));
  display: flex;
  flex-direction: column;
  height: calc(100vh - 5rem);
  overflow-y: auto;

  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);

  ::ng-deep {
    gf-admin-jobs,
    gf-admin-market-data,
    gf-admin-overview,
    gf-admin-users {
      flex: 1 1 auto;
      overflow-y: auto;
    }

    .mat-tab-header {
      border-bottom: 0;

      .mat-ink-bar {
        visibility: hidden !important;
      }

      .mat-tab-label-active {
        color: rgba(var(--palette-primary-500), 1);
        opacity: 1;
      }

      .mat-tab-link {
        &:hover {
          opacity: 0.75;
        }
      }
    }
  }
}

:host-context(.is-dark-theme) {
  color: rgb(var(--light-primary-text));
}
