.list-container {
  position: absolute;
  top: var(--mud-appbar-height);
  right: 0;
  max-width: none;
  width: auto;
  height: calc(100vh - var(--mud-appbar-height));
}

.mud-drawer-close-responsive-md-left .list-container {
  left: 0;
}

.mud-drawer-open-responsive-md-left .list-container {
  left: var(--mud-drawer-width-left);
}




/* Padding mais compacto apenas nos seletores de conta ("Conta") da Fila de email e Templates.
   Class="compact-select" no MudSelect; cobre o slot (select) e o input (caso mude para texto).
   Ajustar o valor de padding conforme necessário. */

.account-select {
  margin: 0 !important;
}

.compact-select {
  margin: 3px;
}

  .compact-select input.mud-input-root-outlined,
  .compact-select .mud-input-slot.mud-input-root-outlined {
    padding: 9px;
  }

  .compact-select input.mud-input-root,
  .compact-select .mud-input-slot.mud-input-root {
    font-size: 13px;
  }

  .compact-select .mud-input-label-outlined {
    transform: translate(14px, 10px) scale(1);
  }


.page-header-text {
  position: fixed;
  z-index: 10000;
  top: 0;
  font-size: 18px;
  color: #fff;
  height: var(--mud-appbar-height);
  line-height: var(--mud-appbar-height);
}

  .page-header-text .mud-icon-root.mud-svg-icon {
    fill: #fff;
  }

.mud-drawer-close-responsive-md-left .page-header-text {
  left: var(--mud-drawer-width-left);
}



.list-edit-button {
  width: 56px;
  min-width: 56px;
  max-width: 56px;
}