@use '../dialog-encryption-common' as *;
@use '../../../../styles/_globals.scss' as *;

// Shared classes
.warning-box {
  @include dialog-warning-box;
}

.info-section {
  @include dialog-info-section;
}

.note {
  @include dialog-note;
}

mat-spinner {
  @include dialog-spinner-inline;
}

// Component-specific styles
mat-form-field {
  width: 100%;
  margin-bottom: var(--s);
}

mat-divider {
  margin: var(--s3) 0;
}

.force-overwrite-section {
  margin: var(--s) 0 var(--s2);

  p {
    margin: 0 0 var(--s);
    font-size: 13px;
    color: var(--c-dark-60);
    line-height: 1.5;

    @include darkTheme {
      color: var(--c-light-60);
    }
  }
}

.remove-encryption-section {
  h3 {
    margin: 0 0 var(--s);
    font-size: 14px;
    font-weight: 500;
  }

  .remove-warning {
    margin: 0 0 var(--s2);
    font-size: 13px;
    color: var(--c-dark-60);
    line-height: 1.5;

    @include darkTheme {
      color: var(--c-light-60);
    }
  }
}
