/* css/modules/sk.css: the .sk-* module — what a sync repaint says about a
   field somebody was editing (js/screens/74-sync-keep.js). Load order is
   core.css, then every modules/*.css alphabetically; no selector in this file
   appears in any other (asserted in tests/css-split-check.js).

   Three answers, and the wording carries each of them as well as the colour:
     --changed  the stored value moved under the typing. A warning, bordered.
     --unknown  whether it moved cannot be said. HATCHED, this app's mark for an
                indeterminate, never a flat colour.
     (nothing)  it did not move: no element is drawn at all.
   .sk-gone is the list of typed values that could not be put back. */
.sk-note{display:block;border-radius:6px;padding:5px 8px;margin:4px 0;font-size:11.5px;font-weight:800;line-height:1.45}
.sk-note--changed{background:rgba(242,60,0,.07);border:1px solid rgba(242,60,0,.45);color:#8c2200}
.sk-note--unknown{background:repeating-linear-gradient(135deg,#f4f2ea,#f4f2ea 5px,#eae6d8 5px,#eae6d8 10px);
  border:1px dashed #c9b877;color:#5c4a12}
.sk-gone{border-radius:var(--radius-sm);padding:10px 12px;margin:0 0 12px;
  background:rgba(242,60,0,.06);border:1px solid rgba(242,60,0,.4);color:#8c2200;font-size:12.5px;font-weight:700}
.sk-gone__t{margin:0 0 4px;font-weight:800}
.sk-gone__i{margin:4px 0 0;line-height:1.5;user-select:text}