/* Systems notes (js/systems-notes.js): Allen's Pre-Scout Prep section and
   Team Explorer's Systems Notes. */
.sysn-box { margin-top: 0.75rem; }
.sysn-title { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
.sysn-status { font-size: 0.66rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--text3); }
.sysn-status.sysn-pending { color: var(--text2); }
.sysn-status.sysn-carried { color: #c43c00; }
.sysn-status.sysn-err, .sysn-err { color: var(--bad-text); }
.sysn-msg { font-size: 0.78rem; color: var(--text2); padding: 0.25rem 0; }

.sysn-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.6rem 0.9rem; }
.sysn-field { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.sysn-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text2); }
.sysn-input {
  width: 100%; min-height: 64px; resize: none; box-sizing: border-box;
  font: inherit; font-size: 0.8rem; line-height: 1.4; color: var(--text);
  background: var(--surface); border: 1px solid var(--border); border-radius: 6px; padding: 0.4rem 0.5rem;
  overflow: hidden;
}
.sysn-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-light); }
.sysn-input[readonly] { background: var(--surface2); }
.sysn-print { display: none; }
.sysn-read {
  font-size: 0.8rem; line-height: 1.4; color: var(--text); white-space: pre-wrap; overflow-wrap: anywhere;
  background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; padding: 0.4rem 0.5rem; min-height: 2.2rem;
}
.sysn-read.sysn-empty { color: var(--text3); }

.sysn-te-head { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 0.55rem; }
.sysn-te-select { font-size: 0.72rem; width: auto; max-width: 100%; }
.sysn-te-meta { font-size: 0.68rem; color: var(--text3); }

/* A textarea prints only its visible part; print the text instead. */
@media print {
  .sysn-input { display: none !important; }
  .sysn-print { display: block; font-size: 0.78rem; line-height: 1.35; white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid #ccc; border-radius: 4px; padding: 0.3rem 0.4rem; min-height: 1.8rem; }
  .sysn-status { display: none; }
}