//
// Copyright IBM Corp. 2021, 2025
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

// Standard imports.
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/type';
@use '@carbon/styles/scss/config' as carbon-config;

@use '../../global/styles/project-settings' as c4p-settings;

$block-class: #{c4p-settings.$pkg-prefix}--import-modal;

.#{$block-class} .#{carbon-config.$prefix}--modal-close {
  display: none;
}

.#{$block-class}
  .#{carbon-config.$prefix}--modal-footer
  .#{carbon-config.$prefix}--btn {
  max-inline-size: none;
}

.#{$block-class}.#{carbon-config.$prefix}--modal
  .#{carbon-config.$prefix}--modal-content {
  padding-inline-end: $spacing-05;
}

.#{carbon-config.$prefix}--file .#{carbon-config.$prefix}--file-container,
.#{carbon-config.$prefix}--file ~ .#{carbon-config.$prefix}--file-container {
  margin-block-start: 0;
}

.#{carbon-config.$prefix}--modal-container--sm
  .#{carbon-config.$prefix}--modal-header {
  padding-inline-end: calc(20% - #{$spacing-05});
}

.#{$block-class}__input-group {
  display: flex;
}

.#{$block-class}__import-button.#{carbon-config.$prefix}--btn {
  margin-inline-start: $spacing-03;
}

.#{$block-class}__file-container {
  inline-size: 100%;
}

.#{$block-class} .#{$block-class}__file-drop-header,
.#{$block-class} .#{$block-class}__label {
  margin-block-end: $spacing-03;
  @include type.type-style('heading-compact-01');
}

.#{$block-class}__helper-text {
  margin-block: $spacing-06 $spacing-03;
  @include type.type-style('helper-text-01');
}

.#{$block-class}__body {
  margin-block-end: $spacing-06;
  padding-inline-end: calc(20% - #{$spacing-05});
}

.#{$block-class} .#{carbon-config.$prefix}--file__selected-file {
  background: $layer-02;
  max-inline-size: none;
}

.#{$block-class} .#{carbon-config.$prefix}--file {
  margin-block-end: $spacing-05;
}

.#{$block-class} .#{carbon-config.$prefix}--text-input:disabled {
  background: $layer-02;
}