/* watchtower-doc.css — Documentation Terminal (.dt-*) — item 11.
 * iPad-first full-host takeover. Command-dark, large type, logbook layout. */

.dt-root {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  background: var(--bg-0, #070b13);
  color: var(--t-0, #f1f4fb);
  overflow: hidden;
}
.dt-root.dt-coop { box-shadow: inset 0 0 0 4px var(--warn, #ffc72c); }

.dt-head { display: flex; align-items: center; gap: 20px; padding: 18px 24px; border-bottom: 1px solid var(--l-2, #2a3148); background: var(--bg-1, #0e1626); }
.dt-brand { display: flex; align-items: center; gap: 13px; flex: 1; min-width: 0; }
.dt-mark { width: 42px; height: 42px; border-radius: 9px; background: var(--acc, #41b6e6); color: #06121c; font: 800 14px/42px var(--mono); text-align: center; letter-spacing: 0.04em; flex: none; }
.dt-title { font: 700 21px/1 var(--sans); }
.dt-sub { font: 500 11px/1.2 var(--label); color: var(--t-2, #9aa6bf); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
.dt-ctx { display: flex; gap: 22px; }
.dt-ctx-cell { display: flex; flex-direction: column; gap: 4px; text-align: right; }
.dt-ctx-cell .l { font: 600 9px/1 var(--label); text-transform: uppercase; letter-spacing: 0.08em; color: var(--t-3, #6b768f); }
.dt-ctx-cell .v { font: 700 16px/1 var(--mono); }
.dt-exit { font: 600 13px/1 var(--sans); padding: 11px 16px; border-radius: 8px; border: 1px solid var(--l-2, #2a3148); background: transparent; color: var(--t-2, #9aa6bf); cursor: pointer; }
.dt-exit:hover { border-color: var(--acc, #41b6e6); color: var(--acc, #41b6e6); }

.dt-cmdpost { display: flex; align-items: center; gap: 18px; padding: 12px 24px; border-bottom: 1px solid var(--l-1, #1d2840); flex-wrap: wrap; }
.dt-cp-prim { font: 600 15px/1.2 var(--sans); color: var(--t-0, #f1f4fb); }
.dt-cp-prim b { color: var(--acc, #41b6e6); }
.dt-cp-alt { font: 500 12px/1.2 var(--mono); color: var(--t-2, #9aa6bf); flex: 1; } /* AA — relocation site is safety info (H4) */
.dt-coop-btn { font: 700 12px/1 var(--sans); padding: 10px 15px; border-radius: 8px; border: 1px solid var(--warn, #ffc72c); background: transparent; color: var(--warn, #ffc72c); cursor: pointer; min-height: 44px; }
.dt-coop-btn.on { background: var(--warn, #ffc72c); color: #1a1205; }

.dt-coop-banner { background: var(--warn, #ffc72c); color: #1a1205; font: 800 15px/1.3 var(--sans); letter-spacing: 0.02em; padding: 12px 24px; text-align: center; }
/* COOP relocation → Comms broadcast (Item 6). Dark ink on the amber banner. */
.dt-coop-bcast { margin-left: 16px; vertical-align: middle; font: 700 11px/1 var(--label); letter-spacing: 0.04em; text-transform: uppercase; padding: 7px 12px; border-radius: 6px; border: 1px solid #1a1205; background: transparent; color: #1a1205; cursor: pointer; min-height: 34px; }
.dt-coop-bcast:hover:not([disabled]) { background: #1a1205; color: var(--warn, #ffc72c); }
.dt-coop-bcast[disabled] { opacity: 0.5; cursor: default; }
.dt-paper-banner { background: var(--bg-2, #141f33); border-top: 1px solid var(--l-2, #2a3148); border-bottom: 1px solid var(--l-2, #2a3148); color: var(--t-0, #f1f4fb); font: 700 13px/1.4 var(--sans); padding: 10px 24px; text-align: center; }

.dt-filters { display: flex; align-items: center; gap: 10px; padding: 12px 24px; border-bottom: 1px solid var(--l-1, #1d2840); }
.dt-fbtn { font: 600 14px/1 var(--sans); padding: 11px 18px; border-radius: 9px; border: 1px solid var(--l-2, #2a3148); background: var(--bg-1, #0e1626); color: var(--t-2, #9aa6bf); cursor: pointer; min-height: 44px; }
.dt-fbtn.on { border-color: var(--acc, #41b6e6); background: rgba(65,182,230,0.14); color: var(--acc, #41b6e6); }
.dt-live { margin-left: auto; font-size: 11px; color: var(--ok, #3fb56b); letter-spacing: 0.05em; }
.dt-stale { margin-left: auto; font-size: 11px; color: var(--warn, #ffc72c); letter-spacing: 0.05em; }
.dt-coop-ro { font: 600 12px/1 var(--mono); color: var(--t-2, #9aa6bf); }
.dt-drill-chip { align-self: center; font: 800 11px/1 var(--mono); letter-spacing: 0.08em; color: #1a1205; background: var(--warn, #ffc72c); padding: 5px 9px; border-radius: 5px; margin-left: 6px; }

/* scribe-note composer + recent notes */
.dt-scribe { display: flex; gap: 10px; align-items: stretch; padding: 12px 24px 8px; }
.dt-note-in { flex: 1; resize: vertical; min-height: 44px; background: var(--bg-1, #0e1626); border: 1px solid var(--l-2, #2a3148); border-radius: 8px; padding: 10px 12px; color: var(--t-0, #f1f4fb); font: 14px/1.4 var(--sans); }
.dt-note-in:focus { outline: 2px solid var(--acc, #41b6e6); outline-offset: 1px; border-color: var(--acc, #41b6e6); }
.dt-note-btn { flex: none; align-self: flex-end; font: 700 13px/1 var(--sans); padding: 12px 18px; border-radius: 8px; border: 1px solid var(--acc, #41b6e6); background: rgba(65,182,230,0.14); color: var(--acc, #41b6e6); cursor: pointer; min-height: 44px; }
.dt-note-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.dt-notes { padding: 0 24px 6px; display: flex; flex-direction: column; gap: 4px; }
.dt-note-row { display: grid; grid-template-columns: 60px 1fr; gap: 12px; align-items: baseline; padding: 4px 0; border-left: 2px solid var(--acc, #41b6e6); padding-left: 10px; }
.dt-note-time { font-size: 12px; color: var(--acc, #41b6e6); }
.dt-note-body { font: 14px/1.4 var(--sans); color: var(--t-1, #c3ccdf); }
.dt-note-who { font-size: 11px; color: var(--t-2, #9aa6bf); }

.dt-timeline { flex: 1; min-height: 0; overflow: auto; padding: 8px 0; }
.dt-entry { display: grid; grid-template-columns: 78px 1fr; gap: 14px; padding: 7px 24px; align-items: baseline; }
.dt-entry.dt-newmin { border-top: 1px solid var(--l-1, #1d2840); padding-top: 12px; margin-top: 4px; }
.dt-time { font-size: 18px; color: var(--acc, #41b6e6); text-align: right; }
.dt-time .dim { font-size: 13px; color: var(--t-2, #9aa6bf); } /* AA contrast (H4) */
.dt-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dt-kind { font-size: 11px; color: var(--t-2, #9aa6bf); text-transform: uppercase; font-family: var(--label); letter-spacing: 0.05em; }
.dt-summary { font: 500 16px/1.4 var(--sans); color: var(--t-0, #f1f4fb); }
.dt-meta { font-size: 11px; color: var(--t-2, #9aa6bf); } /* record provenance — AA contrast (H4) */
.dt-empty { color: var(--t-2, #9aa6bf); font: 500 16px/1.6 var(--sans); padding: 56px 24px; text-align: center; } /* AA (H4) */

.dt-foot { font-size: 11px; color: var(--t-2, #9aa6bf); padding: 11px 24px; border-top: 1px solid var(--l-2, #2a3148); text-align: center; line-height: 1.5; } /* AA (H4) */

/* ── Mobile Command (MCC) mode — the COOP command surface on the iPad.
      Violet command accent (distinct from COOP gold). Oswald on every
      uppercase label; activation orange (#ff7a1a) is the DS-allowed literal. ── */
.dt-mcc-btn { font: 700 12px/1 var(--sans); padding: 10px 15px; border-radius: 8px; border: 1px solid var(--violet, #a68eff); background: transparent; color: var(--violet, #a68eff); cursor: pointer; min-height: 44px; }
.dt-mcc-btn.on { background: var(--violet, #a68eff); color: #06121c; }

.dt-mcc { padding: 14px 24px; border-bottom: 1px solid var(--l-1, #1d2840); background: color-mix(in oklab, var(--violet, #a68eff) 7%, var(--bg-1, #0e1626)); display: flex; flex-direction: column; gap: 12px; }
.dt-mcc-hd { font: 700 11px/1.3 var(--label); letter-spacing: 0.08em; text-transform: uppercase; color: var(--violet, #a68eff); }
.dt-mcc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 900px) { .dt-mcc-grid { grid-template-columns: 1fr; } }
.dt-mcc-card { background: var(--bg-1, #0e1626); border: 1px solid var(--l-2, #2a3148); border-radius: 9px; padding: 13px 15px; }
.dt-mcc-t { font: 700 10px/1 var(--label); letter-spacing: 0.1em; text-transform: uppercase; color: var(--t-2, #9aa6bf); margin-bottom: 10px; }
.dt-mcc-hint { font: 500 11px/1.45 var(--mono); color: var(--t-3, #6b768f); margin-top: 9px; }

.dt-mcc-levels { display: flex; gap: 8px; flex-wrap: wrap; }
.dt-lvl { font: 700 13px/1 var(--label); letter-spacing: 0.06em; padding: 0 14px; min-height: 44px; border-radius: 8px; border: 1px solid var(--l-2, #2a3148); background: var(--bg-2, #141f33); color: var(--t-2, #9aa6bf); cursor: pointer; }
.dt-lvl.green.on  { border-color: var(--ok, #3fb56b);   color: var(--ok, #3fb56b);   background: color-mix(in oklab, var(--ok, #3fb56b) 18%, var(--bg-2, #141f33)); }
.dt-lvl.yellow.on { border-color: var(--warn, #ffc72c); color: var(--warn, #ffc72c); background: color-mix(in oklab, var(--warn, #ffc72c) 18%, var(--bg-2, #141f33)); }
.dt-lvl.orange.on { border-color: #ff7a1a;               color: #ff7a1a;               background: color-mix(in oklab, #ff7a1a 18%, var(--bg-2, #141f33)); }
.dt-lvl.red.on    { border-color: var(--crit, #e51e25); color: #fff;                  background: var(--crit, #e51e25); }

.dt-mcc-holder { font: 700 17px/1.2 var(--sans); color: var(--t-0, #f1f4fb); }
.dt-mcc-xfer { margin-top: 11px; width: 100%; min-height: 44px; font: 700 13px/1 var(--sans); letter-spacing: 0.02em; padding: 0 16px; border-radius: 8px; border: 1px solid var(--violet, #a68eff); background: transparent; color: var(--violet, #a68eff); cursor: pointer; }
.dt-mcc-xfer:hover:not(:disabled) { background: color-mix(in oklab, var(--violet, #a68eff) 16%, transparent); }
.dt-mcc-xfer:disabled { opacity: 0.5; cursor: default; }
/* Incoming-handoff accept affordance — prominent (filled-tint), only shown when one is pending. */
.dt-mcc-accept { width: 100%; min-height: 48px; margin-bottom: 11px; font: 700 13px/1.35 var(--sans); letter-spacing: 0.01em; padding: 9px 14px; border-radius: 8px; border: 1px solid var(--violet, #a68eff); background: color-mix(in oklab, var(--violet, #a68eff) 20%, transparent); color: var(--t-0, #f1f4fb); cursor: pointer; text-align: left; }
.dt-mcc-accept:hover:not(:disabled) { background: color-mix(in oklab, var(--violet, #a68eff) 30%, transparent); }
.dt-mcc-accept:disabled { opacity: 0.5; cursor: default; }
/* Quick comms — button + the full-screen overlay that hosts the reused Comms page. */
.dt-mcc-comms { margin-top: 11px; width: 100%; min-height: 44px; font: 700 13px/1 var(--sans); letter-spacing: 0.02em; padding: 0 16px; border-radius: 8px; border: 1px solid var(--violet, #a68eff); background: transparent; color: var(--violet, #a68eff); cursor: pointer; }
.dt-mcc-comms:hover:not(:disabled) { background: color-mix(in oklab, var(--violet, #a68eff) 16%, transparent); }
.dt-mcc-comms:disabled { opacity: 0.5; cursor: default; }
.dt-comms-overlay { position: fixed; inset: 0; z-index: 200; background: var(--bg-0, #070b13); display: flex; flex-direction: column; overflow: hidden; }
.dt-comms-bar { flex: none; padding: 10px 16px; border-bottom: 1px solid var(--l-2, #2a3148); background: var(--bg-1, #0e1626); }
.dt-comms-back { min-height: 44px; font: 700 13px/1 var(--sans); padding: 0 16px; border-radius: 8px; border: 1px solid var(--l-2, #2a3148); background: transparent; color: var(--acc, #41b6e6); cursor: pointer; }
.dt-comms-back:hover { border-color: var(--acc, #41b6e6); }
#dt-comms-mount { flex: 1; min-height: 0; overflow: auto; }

.dt-mcc-inc { display: flex; flex-direction: column; gap: 7px; }
.dt-inc-row { display: flex; align-items: center; gap: 10px; padding: 9px 11px; background: var(--bg-2, #141f33); border: 1px solid var(--l-2, #2a3148); border-radius: 7px; }
.dt-inc-tier { font: 700 11px/1 var(--mono); padding: 4px 7px; border-radius: 4px; flex: none; }
.dt-inc-tier.t1 { color: var(--acc, #41b6e6); border: 1px solid var(--acc, #41b6e6); }
.dt-inc-tier.t2 { color: var(--warn, #ffc72c); border: 1px solid var(--warn, #ffc72c); }
.dt-inc-tier.t3 { color: #fff; background: var(--crit, #e51e25); }
.dt-inc-ttl { font: 600 14px/1.2 var(--sans); color: var(--t-0, #f1f4fb); }
.dt-inc-zone { font-size: 12px; color: var(--t-2, #9aa6bf); }
.dt-inc-num { font-size: 11px; margin-left: auto; }
.dt-inc-close { font: 700 12px/1 var(--sans); padding: 0 14px; min-height: 40px; border-radius: 7px; border: 1px solid var(--crit, #e51e25); background: transparent; color: var(--crit, #e51e25); cursor: pointer; flex: none; }
.dt-inc-close:hover:not(:disabled) { background: var(--crit, #e51e25); color: #fff; }
.dt-mcc-empty { font: 500 13px/1.4 var(--sans); color: var(--t-3, #6b768f); }
.dt-mcc-stub { opacity: 0.85; }