.dlcc-notifications {
  padding: var(--dlcc-space-4, 1rem);
  text-align: center;
}
.dlcc-notifications:has(> [data-notifications-open][hidden]) { padding: 0; }
.dlcc-notifications button {
  font: inherit;
  cursor: pointer;
  border: 1px solid currentColor;
  border-radius: var(--dlcc-radius, .875rem);
  padding: .65rem 1rem;
  background: var(--dlcc-color-primary, #20286d);
  color: var(--dlcc-color-primary-contrast, #fff);
}
.dlcc-notifications button:focus-visible {
  outline: 3px solid var(--dlcc-color-accent, #ef7d00);
  outline-offset: 3px;
}
.dlcc-notifications button:disabled { opacity: .55; cursor: not-allowed; }
.dlcc-notifications [hidden] { display: none !important; }
.dlcc-notifications dialog {
  box-sizing: border-box;
  width: min(94vw, 38rem);
  max-height: 88dvh;
  padding: var(--dlcc-space-5, 1.5rem);
  border: 1px solid var(--dlcc-color-border, #d5e0e6);
  border-radius: var(--dlcc-radius-large, 1.25rem);
  background: var(--dlcc-color-surface, #fff);
  color: var(--dlcc-color-text, #172632);
  text-align: left;
  overflow: auto;
}
.dlcc-notifications dialog::backdrop { background: rgb(0 0 0 / 50%); }
.dlcc-notifications h2 { font: inherit; font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin: 0 0 1rem; }
.dlcc-notifications p { font: inherit; font-size: 1rem; line-height: 1.5; margin: 0 0 1rem; }
.dlcc-notifications fieldset {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--dlcc-color-border, #d5e0e6);
  border-radius: var(--dlcc-radius, .875rem);
}
.dlcc-notifications legend { font-weight: 700; padding-inline: .35rem; }
.dlcc-notifications label { display: flex; align-items: flex-start; gap: .75rem; margin: .75rem 0; cursor: pointer; }
.dlcc-notifications input { margin-top: .35rem; flex-shrink: 0; accent-color: var(--dlcc-color-primary, #20286d); }
.dlcc-notifications__actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-block: 1rem; }
.dlcc-notifications [role=status] { min-height: 1.5em; font-weight: 600; }