ilios/frontend

@use "../ilios-common/colors" as c;
@use "../ilios-common/mixins" as cm;
@use "../mixins" as m;

.my-profile {
  @include cm.main-section;

  .name {
    margin: 0.25rem 0 0;
    text-align: center;
  }

  .is-student {
    color: c.$fernGreen;
    display: block;
    text-align: center;
    width: 100%;

    h2 {
      font-weight: bold;
      margin: 0;
    }
  }

  .blocks {
    @include m.admin-blocks;
    margin-top: 1rem;

    ul {
      @include cm.ilios-list-reset;
      margin-left: 1rem;
    }
  }

  .my-profile-schools {
    label {
      @include cm.ilios-label;
    }
  }

  .token-maintenance {
    border-top: 1px dotted c.$orange;
    @include cm.font-size("small");
    margin-top: 1rem;
    padding: 1rem;

    h3 {
      margin: 0;
      padding: 0;
    }

    label {
      @include cm.ilios-label;
    }

    .new-token-form {
      input {
        min-width: 0;
        width: 7rem;
      }
    }

    .new-token-result {
      label {
        @include cm.ilios-heading-h5;
      }

      input {
        height: 2rem;
        width: 15rem;
      }
    }
  }
}