/* Canvas and sync (stream 1, docs/59 items 1, 4, 7, 44 + CONTRACT §4). style.css belongs to stream 4; this file only adds. */
#syncSign { position:fixed; left:50%; top:12px; transform:translateX(-50%); z-index:60; background:#1e1e1e; color:#fff; font-size:14px;
  padding:6px 14px; border-radius:16px; box-shadow:0 2px 8px rgba(0,0,0,.25); pointer-events:none; }
#syncSign.hidden { display:none; }
/* before START: the board tools look off */
#toolbar.frozen #tNote, #toolbar.frozen #tFrame, #toolbar.frozen #tLine { opacity:.35; cursor:not-allowed; }
/* one editor per card */
/* review 3 Nov: the tag was ~6 px on screen at the normal zoom; --iz (= 1 / zoom, set in app.js applyCam) keeps it ~14 px on screen */
.note .lk { display:none; position:absolute; left:0; bottom:calc(100% + 4px * var(--iz, 1)); font-size:calc(14px * var(--iz, 1)); line-height:1.35; font-weight:600;
  background:#e5383b; color:#fff; border-radius:calc(10px * var(--iz, 1)); padding:calc(1px * var(--iz, 1)) calc(8px * var(--iz, 1)); white-space:nowrap; z-index:4; box-shadow:0 1px 3px rgba(0,0,0,.25); }
.note.locked .lk { display:block; }
.note.locked { outline:1.5px dashed #e5383b; }
/* statement / HMW box: a note with a header */
.note .nt { display:none; }
.note.kind .nt { display:block; position:absolute; left:8px; right:8px; top:6px; font:700 13px var(--head, inherit); text-align:center;
  border-bottom:1px solid rgba(0,0,0,.18); padding-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.note.kind .tx { top:32px; }
/* Option/Alt-drag copy */
.note.copyghost, .frame.copyghost { opacity:.6; pointer-events:none; }
/* review 3 Nov: board 3's empty Problem Statement box was grey on grey with no hint */
.note.statement .tx:empty::before { content:"ดับเบิลคลิกแล้วเขียนประโยคเดียวที่นี่"; color:rgba(0,0,0,.42); font-size:22px; font-weight:400; font-style:italic; }