/* Invoice-specific validation, readable in both visual themes. */
.invoice-required-notice:not([hidden]) {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  margin: 0.4rem 0 1.35rem;
  padding: 0.95rem 1rem;
  background: var(--color-surface, #fff);
  color: var(--color-text-primary, #282e24);
  border: 1px solid var(--color-accent, #7f3035);
  border-left: 4px solid var(--color-accent, #7f3035);
  border-radius: 0.6rem;
}
.invoice-required-notice[hidden] { display: none !important; }
.invoice-required-notice > i {
  color: var(--color-accent, #7f3035);
  font-size: 1.25rem;
  margin-top: 0.2rem;
}
.invoice-required-notice > div { min-width: 0; flex: 1; }
.invoice-required-notice strong { color: var(--color-text-primary, #282e24); }
.invoice-required-notice p {
  margin: 0.3rem 0 0.75rem;
  color: var(--color-text-primary, #282e24);
  line-height: 1.5;
}
.invoice-required-notice a.button { margin: 0; white-space: normal; }
.invoice-required-notice:focus-visible { outline: 2px solid var(--color-link, #236e9a); outline-offset: 3px; }