/* Scoped styles only: retain the existing board and detail layout. */
.decision-notes-dialog {
  box-sizing: border-box;
  width: min(34rem, calc(100vw - 1.5rem));
  max-width: calc(100vw - 1.5rem);
  max-height: calc(100dvh - 1.5rem);
  margin: auto;
  padding: clamp(1rem, 4vw, 1.75rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  border-radius: 1rem;
}
.decision-notes-dialog::backdrop { background: rgb(0 0 0 / 55%); }
.decision-notes-dialog form { display: flex; flex-direction: column; gap: .75rem; }
.decision-notes-dialog h2, .decision-notes-dialog p { margin: 0; }
.decision-notes-dialog label { font-weight: 700; }
.decision-notes-dialog textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 8rem;
  max-height: 40dvh;
  resize: vertical;
  font: inherit;
  font-size: max(1rem, 16px);
}
.decision-notes-context, .decision-note-text { overflow-wrap: anywhere; }
.decision-notes-hint { font-size: .875rem; }
.decision-notes-error { color: #a31919; overflow-wrap: anywhere; }
.decision-notes-error:empty { display: none; }
.decision-notes-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .75rem; }
.decision-notes-actions button { min-height: 44px; min-width: 6rem; }
.decision-notes-dialog :focus-visible { outline: 3px solid #287cce; outline-offset: 3px; }
.decision-note {
  margin: .6rem 0;
  padding: .7rem .85rem;
  border-left: 4px solid #b66c13;
  border-radius: .35rem;
  background: #fff5df;
  color: #36260d;
}
.decision-note-label { display: block; font-size: .875rem; }
.decision-note-text { margin: .3rem 0 0; white-space: pre-wrap; }
@media (max-width: 420px) {
  .decision-notes-actions button { flex: 1 1 7rem; }
}