.customers-page {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.customers-page .app-form__form,
.customers-page .app-form__panel {
  width: 100%;
  max-width: none;
}

.customers-form {
  width: min(1180px, calc(100vw - 2rem));
}

.customers-show__tab.is-active,
.customers-show__tab.is-active:hover {
  color: #0e578f !important;
  border-bottom-color: #1489e5;
  font-weight: 600;
}

/* As sub-abas do quadro lateral da Ficha Clínica (Exames / Linha do tempo).
   Mesma gramática das abas da barra, num tamanho que cabe na coluna. */
.customers-show__subtab.is-active,
.customers-show__subtab.is-active:hover {
  color: #0e578f !important;
  border-bottom-color: #1489e5;
  font-weight: 600;
}

/* Lexxy markdown content renders inside `.lexxy-content` with a hardcoded
   dark ink color. Soften it inside the logged area to match the project's
   slate-600 text tone. */
.logged-ui .lexxy-content {
  --lexxy-color-ink: #334155; /* slate-700 */
}

/* O "+" do disclosure de informações adicionais vira "×" ao abrir. O
   details.css do projeto está inteiramente comentado, então o marcador é este
   ícone e a rotação mora aqui. */
.ui-disclosure-icon {
  transition: transform 200ms linear;
}

details[open] > summary .ui-disclosure-icon {
  transform: rotate(45deg);
}