/* ---------------------------------------------------------------------------
   The unsaved-draft notice, injected by public/js/draftGuard.js above the
   exam and report forms.

   Kept in its own file for the same reason as notice.css: style.css is
   generated from public/sass by gulp and hand-editing it would be lost on the
   next build.
   --------------------------------------------------------------------------- */

.draftGuardNotice {
    margin: 1rem 0;
}

/* The exam pages put a summary panel (.examPatientInfo) directly above the
   form. That panel floats and carries a -3rem bottom margin, deliberately, so
   the form tucks up close underneath it.

   The notice is inserted BETWEEN the two, so it inherits that pull: `clear`
   only drops it to the float's bottom MARGIN edge, which the negative margin
   has lifted 3rem into the panel, and the notice then paints its background
   over the bottom rows of the panel - "Dijametar jetre" disappears behind it.

   3rem cancels the pull exactly; the 4th gives the same 1rem of air the notice
   has anywhere else. Done here rather than by removing the negative margin,
   which every exam page's layout is built on top of.
   --------------------------------------------------------------------------- */
.examPatientInfo + .draftGuardNotice {
    margin-top: 4rem;
}