/* `+ div` removed: matches ANY div portalled right after a role=dialog/
     aria-modal=true element by pure DOM-order coincidence, not by any real
     relationship to this modal's own backdrop — it silently forced totally
     unrelated browse-tier windows (opened back-to-back, e.g. Submissions
     List then Job Board) to a hardcoded z-index regardless of their own real
     stacking-store value, breaking "most recently opened/clicked stacks on
     top." This exact bug and its root cause are documented at length in the
     AIVectorSearch-TEST project (memory/frontend-split-view-panes.md,
     2026-09-08) — this file is a separate, older copy of the same rule that
     a shared package (@dr/messaging-ui, used by My Candidates) pulls into
     that project's own build, which is why the same bug kept resurfacing
     there even after every fix to that project's own copy of this rule. */
  [role="dialog"][aria-modal="true"] { z-index: 10100 !important; }
  [role="dialog"][aria-modal="true"] ~ div[class*="backdrop"],
  div[class*="backdrop"][class*="fixed"] { z-index: 10099 !important; }

  [contenteditable].svelte-17ehgz:empty:before {
    content: attr(aria-placeholder);
    color: #9ca3af;
    pointer-events: none;
  }
  /* (unused) [contenteditable] p {
    margin: 0.25em 0;
  }*/

  .note-content {
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .note-content p {
    margin-bottom: 0.75rem;
  }
  .note-content p:last-child {
    margin-bottom: 0;
  }
  .note-content br {
    display: block;
    content: "";
    margin-top: 0.5rem;
  }
  .note-collapsed.svelte-1dojkdu {
    max-height: 10rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  }
  .note-expanded.svelte-1dojkdu {
    max-height: 50vh;
    overflow-y: auto;
  }