.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);
}


.mud-input-underline + label.mud-input-label-inputcontrol {
  transform: none !important;
  opacity: 0.667;
  font-size: 13px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}


/* 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. */

.no-margin {
  margin: 0 !important;
}

.no-margin-container,
.no-margin-container > .mud-input-control {
  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-action-button {
  /*width: 48px;*/
  min-width: 48px;
  /*max-width: 48px;*/
  padding: 1px 5px !important;
}

  .list-action-button button {
    /*flex: 1;*/
    min-width: 36px;
    border-radius: 4px;
  }

.logdata-container textarea {
  font-family: Consolas, "Courier New", Courier, monospace !important;
  white-space: pre-wrap;
}


.mud-simple-table table * tr th {
  border: 1px solid var(--mud-palette-table-lines);
}


/* Sino de notificações (MainLayout): crachá pulsante enquanto houver notificações não lidas.
   O dropdown é um painel próprio (não um MudMenu/MudPopover) para ter controlo total sobre
   posicionamento e fecho ao clicar fora (.notification-backdrop), com z-index acima de
   .page-header-text (10000). */
.notification-bell-pulse .mud-badge {
  animation: notification-badge-pulse 1.6s ease-in-out infinite;
}

@keyframes notification-badge-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.3); }
}

.notification-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10500;
}

.notification-dropdown {
  position: fixed;
  top: calc(var(--mud-appbar-height) + 4px);
  right: 16px;
  width: 360px;
  max-height: 480px;
  overflow-y: auto;
  z-index: 10501;
}

.notification-item {
  white-space: normal;
  border-bottom: 1px solid var(--mud-palette-lines-default, #e0e0e0);
}

  .notification-item:last-child {
    border-bottom: none;
  }