// Copyright 2020 Energinet DataHub A/S
//
// Licensed under the Apache License, Version 2.0 (the "License2");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
@use "@energinet-datahub/watt/utils" as watt;

.watt-modal-panel {
  .userInfoForm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 720px;
    gap: var(--watt-space-m);

    .actor {
      flex-basis: 100%;
    }

    .firstname,
    .lastname,
    .phoneNumber {
      flex-basis: 48%;
    }

    .lastname {
      margin-left: auto;
    }

    .domain {
      padding-right: var(--watt-space-s);
      color: var(--watt-color-neutral-grey-600);
      display: block;
    }

    watt-dropdown {
      width: 200px;
    }
  }

  .user-role-error {
    display: block;
    margin-bottom: var(--watt-space-ml);
  }

  .info-section {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: var(--watt-space-m);
  }

  .info-icon {
    margin-right: var(--watt-space-s);
  }

  .info-text {
    color: var(--watt-on-light-medium-emphasis);
  }
}
