@layer admin-system {
  .contract-validation-summary {
    color: var(--ui-danger, #a52732) !important;
    background: color-mix(in srgb, var(--ui-danger, #a52732) 8%, var(--ui-surface, #fff)) !important;
    border: 1px solid color-mix(in srgb, var(--ui-danger, #a52732) 35%, transparent) !important;
    border-left: 3px solid var(--ui-danger, #a52732) !important;
    border-radius: 4px !important;
    padding: 14px 16px !important;
    margin: 0 0 20px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  .contract-validation-summary[hidden], .contract-field-error[hidden] { display: none !important; }
  .contract-validation-summary ul { display: flex; flex-wrap: wrap; gap: 4px 22px; padding-left: 20px; margin: 8px 0 0; }
  .contract-validation-summary li { min-width: 0; max-width: 100%; }
  .contract-validation-summary button {
    display: inline !important; background: none !important; background-image: none !important;
    border: 0 !important; box-shadow: none !important; padding: 6px 0 !important;
    min-height: 36px !important; min-width: 0 !important; height: auto !important; width: auto !important;
    color: inherit !important; font: inherit !important; text-align: left !important;
    text-decoration: underline; text-underline-offset: 3px; white-space: normal !important;
    overflow-wrap: anywhere; cursor: pointer;
  }
  .contract-validation-summary button:focus-visible { outline: 2px solid currentColor !important; outline-offset: 3px; }
  #app [data-tenant-contract-form] .contract-field-invalid :is(input, textarea),
  #review-form .contract-field-invalid input {
    border-color: var(--ui-danger, #a52732) !important;
    background: color-mix(in srgb, var(--ui-danger, #a52732) 6%, var(--ui-surface, #fff)) !important;
    box-shadow: 0 0 0 1px var(--ui-danger, #a52732) !important;
  }
  .contract-field-error, #app .has-missing[data-contract-progress] {
    color: var(--ui-danger, #a52732) !important; font-size: 13px !important; line-height: 1.4 !important;
  }
  .contract-field-error { display: block; margin-top: 5px; font-weight: 500 !important; }
  #app .tenant-contract-generate:disabled { opacity: .55 !important; cursor: not-allowed !important; box-shadow: none !important; }
  #download-contract[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
}
@media print { .contract-validation-summary { display: none !important; } }