/* Resumo de erros de formulário (injetado por ec-form-errors.js).
   Herda a caixa de .ec-feedback--critical; aqui só a estrutura interna e o foco. */
@layer ec.patterns {
  .ec-form-error-summary {
    display: block;
    margin-block-end: var(--ec-space-5);
  }

  .ec-form-error-summary:focus {
    outline: var(--ec-border-width-strong) solid var(--ec-sys-color-focus-ring);
    outline-offset: var(--ec-space-1);
  }

  .ec-form-error-summary__title {
    margin: 0 0 var(--ec-space-2);
    font-weight: 700;
  }

  .ec-form-error-summary__list {
    margin: 0;
    padding-inline-start: var(--ec-space-5);
    display: grid;
    gap: var(--ec-space-1);
  }

  .ec-form-error-summary__list a {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }

  .ec-form-error-summary__list a:hover {
    text-decoration: none;
  }
}