@use '@carbon/colors';
@use '@carbon/layout';
@use '@carbon/type';

.imoListContainer {
  margin: 0 layout.$spacing-04 0 layout.$spacing-04;
  height: 50vh;
}

.imoTableHeaderActions {
  display: flex;
  align-items: center;
  justify-content: left;

  > * + * {
    margin: 0 layout.$spacing-03;
  }
}

.imoSearchBox {
  width: auto;
  min-width: 12rem;
  margin-right: layout.$spacing-03;
}

.imoTable {
  // 50vh is the container size - size of the header
  max-height: calc(50vh - layout.$spacing-09 - layout.$spacing-04);
}

.imoStatus {
  height: layout.$spacing-04;
  width: layout.$spacing-04;
  border-radius: layout.$spacing-03;
  border: 1px solid colors.$gray-100;
  margin-top: layout.$spacing-02;
  margin-right: layout.$spacing-03;
}

.imoNextOverride {
  background-color: colors.$red-90;
}

.imoNextOverrideText {
  color: colors.$red-90;
}

.imoNextDefault {
  background-color: colors.$yellow-70;
}

.imoNextDefaultText {
  color: colors.$yellow-70;
}

.imoDisabledOverride {
  background-color: colors.$cyan-30;
}

.imoDisabledOverrideText {
  color: colors.$cyan-30;
}

.imoCurrentOverride {
  background-color: colors.$red-40;
}

.imoCurrentOverrideText {
  color: colors.$red-70-hover;
}

.imoExternalOverride {
  background-color: colors.$orange-50;
}

.imoExternalOverrideText {
  color: colors.$orange-50;
}

.imoDefaultModule {
  background-color: colors.$yellow-50;
}