/* watchtower-paper.css — the paper backup page, and the lost-child paper slip.
 *
 * LOSTCHILD-INTAKE-MOVE step 5 (ruled Aug 17 2026): Watchtower's paper failover
 * did not cover a lost child, and that is the report that cannot wait for a
 * network. The slip below is meant to be PRINTED IN ADVANCE and written on in
 * pen, so it is drawn as a form with rules to write on rather than as a screen.
 *
 * The print block at the foot is the load-bearing half: window.print() on this page
 * would otherwise print the whole dark console. Everything is hidden and only
 * the slip is made visible, in black on white, because a dark-themed slip is a
 * page of toner and an unreadable sheet.
 */

.lc-panel .lc-body {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lc-why {
  font: 12px/1.55 var(--sans);
  color: var(--t-1, #c3ccdf);
  border-left: 3px solid var(--warn, #ffc72c);
  padding-left: 10px;
}
.lc-why strong { color: var(--t-0, #f1f4fb); display: block; margin-bottom: 3px; }

/* ---- the slip itself ----
 * Pure black on white, with no mid-greys anywhere. Two reasons and they agree:
 * the design system's palette does not carry neutral greys, and a hairline grey
 * rule is the first thing a tired office printer loses — the hierarchy here is
 * carried by size and weight, which survive a photocopier. */
.lc-slip {
  background: #fff;
  color: #000;
  border-radius: 4px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-family: var(--sans);
}
.lc-slip-head { display: flex; flex-direction: column; gap: 2px; border-bottom: 2px solid #000; padding-bottom: 6px; }
.lc-slip .lc-ttl { font: 700 20px/1.1 var(--label, var(--sans)); letter-spacing: 0.06em; }
.lc-slip .lc-sub { font: 11px/1.4 var(--sans); color: #000; }

/* Two boxes, equal weight — neither side is the default and neither is printed
   as one. Stacked rather than side-by-side so a pen tick cannot be ambiguous. */
.lc-poles { display: flex; flex-direction: column; gap: 6px; }
.lc-tick { font: 14px/1.4 var(--sans); }
.lc-slip .lc-hint { font: 10.5px/1.4 var(--sans); color: #000; }

.lc-field { display: flex; flex-direction: column; gap: 5px; }
.lc-lbl { font: 700 10px/1 var(--label, var(--sans)); letter-spacing: 0.12em; color: #000; }
/* A line to write on. */
.lc-rule { border-bottom: 1px solid #000; height: 22px; }
/* Clothing is the searcher's field, so it gets the most room on the sheet. */
.lc-clothing .lc-rule { height: 30px; }
.lc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.lc-doctrine { border-top: 1px dashed #000; padding-top: 8px; }
.lc-doctrine ol { margin: 5px 0 0; padding-left: 18px; font: 11.5px/1.5 var(--sans); }
.lc-donts { display: flex; flex-direction: column; gap: 2px; margin-top: 5px; font: 700 11px/1.4 var(--sans); }

/* ---- the transcription modal's polarity pair ---- */
.lc-modal-poles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lc-pole {
  padding: 12px; min-height: 46px; cursor: pointer;
  font: 700 12.5px/1.3 var(--sans);
  background: var(--bg-2, #141f33);
  border: 1px solid var(--l-2, #2a3148);
  color: var(--t-1, #c3ccdf);
  border-radius: 6px;
}
.lc-pole.on {
  background: color-mix(in oklab, var(--warn, #ffc72c) 18%, var(--bg-2, #141f33));
  border-color: var(--warn, #ffc72c);
  color: var(--warn, #ffc72c);
}

/* ---- print: the slip and nothing else ---- */
@media print {
  body * { visibility: hidden; }
  #lc-slip, #lc-slip * { visibility: visible; }
  #lc-slip {
    position: absolute; left: 0; top: 0; width: 100%;
    background: #fff; color: #000;
    border: none; border-radius: 0;
    padding: 0;
  }
  #lc-slip .lc-rule { border-bottom: 1px solid #000; }
}