@import 'functions/rem';
@import 'variables/gutters';
@import 'variables/colors';
@import 'mixins/buttons';
@import 'mixins/list';

.employee-card {
  &__contents {
    display: flex;
    flex-direction: column;
    gap: $digi--layout--gutter--l $digi--layout--gutter--l;
  }

  &__block {
    max-width: var(--digi--typography--text--max-width);
  }

  &__utforandeverksamheter {
    @include msfa__reset-list;
    display: flex;
    flex-direction: column;
    gap: $digi--layout--gutter;
  }

  &__utforandeverksamhet-card {
    --digi-info-card--padding: 1.5rem 1rem;

    ::ng-deep .digi-info-card__heading {
      margin-top: 0;
    }
  }

  &__adresser {
    @include msfa__reset-list;
    padding-top: var(--digi--layout--padding--10);
  }

  &__header,
  &__footer {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }

  &__footer {
    margin-top: $digi--layout--gutter--l;
  }

  &__list {
    @include msfa__reset-list;

    li {
      margin-bottom: 0.5rem;
      display: flex;
    }
  }

  &__edit-button {
    @include msfa__button('secondary');
  }

  &__authorization-icon {
    margin-right: var(--digi--layout--gutter--s);

    &--authorized {
      color: var(--digi--ui--color--border--success);
    }

    &--unauthorized {
      color: var(--digi--ui--color--border--error);
    }
  }
}
