/* GENERATED FILE - DO NOT EDIT.
   Source: shared/prep-win.css - run `npm run sync:shared` after editing. */

/* Prep without a page-wide Edit (shared/prep-win.js; web + app). */
.prep-text-btn {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.prep-text-btn:focus-visible { outline: 2px solid #e6c98e; outline-offset: 2px; border-radius: 4px; }
.prep-add-word,
.prep-edit-word,
.prep-auto-restore-word {
  padding: 0.35rem 0;
  border: 0;
  background: none;
  color: #1d5c63;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
}
.prep-add-word { display: block; width: auto; margin: 0.15rem auto 0 0; min-height: 2.2rem; text-align: left; }
.prep-edit-word { margin-left: auto; font-size: 0.8rem; }
h3 .prep-edit-word { margin-left: 0.6rem; }
.prep-auto-restore-word { display: block; margin: 0.4rem auto 0; color: #5d6b63; font-weight: 600; }
.prep-auto-tag.is-btn { border: 0; cursor: pointer; font: inherit; font-size: 0.7rem; }
/* the item window */
.pw-body { display: grid; gap: 0.2rem; text-align: left; }
.pw-field textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.65rem 0.9rem;
  border: 1px solid #d8cfbd;
  border-radius: 0.8rem;
  background: #fff;
  color: #1b2a23;
  font: inherit;
  font-size: 1rem;
  resize: vertical;
}
.pw-field textarea:focus-visible { outline: 3px solid #e6c98e; outline-offset: 1px; }
.pw-file { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem 0.8rem; margin: 0.7rem 0 0; font-size: 0.88rem; color: #44544a; }
.pw-file span { min-width: 0; overflow-wrap: anywhere; }
.pw-word { padding: 0.35rem 0; border: 0; background: none; color: #1d5c63; font: inherit; font-size: 0.88rem; font-weight: 700; cursor: pointer; }
.pw-word.is-danger { color: #b2462b; }
.pw-remove { justify-self: start; margin-top: 0.5rem; }
.pw-error { margin: 0.4rem 0 0; color: #b3261e; font-size: 0.85rem; font-weight: 600; }
.pw-note { margin: 0.2rem 0 0.4rem; font-size: 0.85rem; color: #5d6b63; }
.pw-docs { display: grid; gap: 0.1rem; max-height: min(46vh, 22rem); overflow-y: auto; }
.pw-doc { display: flex; align-items: center; gap: 0.6rem; min-height: 2.6rem; font-size: 0.92rem; color: #1b2a23; }
.pw-doc input { width: 1.15rem; height: 1.15rem; flex: none; }
.pw-doc.is-box { margin-top: 0.4rem; border-top: 1px solid #efe8d8; padding-top: 0.4rem; color: #5d6b63; }
/* A folding list header with its Edit: the fold button takes the row, Edit sits at the end (never inside it). */
.prep-fold-head:has(> .prep-edit-word),
.prep-fold-head:has(> .prep-drag) { display: flex; align-items: center; gap: 0.4rem; }
h3 > .prep-drag { flex: none; width: 20px; height: 28px; margin: 0 0 0 -6px; border: 0; background: none; opacity: 0.5; font-size: 0.85rem; line-height: 28px; touch-action: none; }
.prep-fold-head > .prep-edit-word { flex: none; margin-left: 0; }
/* ⋮⋮ on view rows (editors): quiet until pressed. */
.prep-row.is-view > .prep-drag { flex: none; align-self: flex-start; width: 22px; height: 22px; margin: 0 2px 0 -6px; border: 0; background: none; font-size: 0.85rem; line-height: 22px; opacity: 0.5; touch-action: none; }
.prep-row.is-view > .prep-drag:active { opacity: 1; }
/* "More" folds in edit windows (hotel stay, …): one quiet line, the rarely used fields inside (noise pass 2026-10-16). */
.nu-he-more { margin-top: 0.6rem; border-top: 1px solid #e8e0cf; padding-top: 0.2rem; }
.nu-he-more > summary { display: flex; align-items: center; gap: 0.5rem; min-height: 2.6rem; cursor: pointer; font-weight: 700; color: #1d5c63; list-style: none; }
.nu-he-more > summary::-webkit-details-marker { display: none; }
.nu-he-more > summary::after { content: "▾"; margin-left: auto; font-size: 0.85rem; }
.nu-he-more[open] > summary::after { content: "▴"; }
.nu-he-more > summary small { font-weight: 500; color: #5d6b63; }
/* The website's view rows (renderPrepRow is-editor): the same quiet handle, in line with the tick box and the words. */
.check-row.is-editor { display: flex; align-items: flex-start; gap: 0.4rem; }
.check-row.is-editor > .prep-drag { flex: none; width: 22px; height: 22px; margin: 0 0 0 -6px; border: 0; background: none; font-size: 0.85rem; line-height: 22px; opacity: 0.5; touch-action: none; }
.check-row.is-editor > label { flex: none; }
.check-row.is-editor > .prep-text-btn { flex: 1 1 auto; min-width: 0; }

/* Several items at once: where their links go (owner 2026-10-17). */
.pw-hint {
  margin: -0.15rem 0 0;
  color: var(--muted, #6b7a70);
  font-size: 0.82rem;
  line-height: 1.35;
}
.pw-hint i {
  font-style: normal;
  font-weight: 600;
  color: var(--ink, #1b2a23);
}

/* Website view rows for editors (W-41, 2026-10-21): one row — ⋮⋮ · ☐ · the words (left-aligned) · crew mark; the 🔗 / 📎
   chips on the line under the words, lined up with them. The page's wrapping flex row put long words under the box,
   and the label grew so short words sat centred. */
html.wb-new #panel-prep .check-row.is-editor {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.5rem;
  row-gap: 0.2rem;
}
html.wb-new #panel-prep .check-row.is-editor > .prep-drag { grid-column: 1; grid-row: 1; align-self: start; margin: 0 0 0 -6px; }
html.wb-new #panel-prep .check-row.is-editor > label { grid-column: 2; grid-row: 1; flex: none; display: flex; padding-top: 0.05rem; }
html.wb-new #panel-prep .check-row.is-editor > .prep-text-btn { grid-column: 3; grid-row: 1; justify-self: stretch; text-align: left; line-height: 1.4; }
html.wb-new #panel-prep .check-row.is-editor > .prep-crew-mark { grid-column: 4; grid-row: 1; }
html.wb-new #panel-prep .check-row.is-editor > .prep-file-line { grid-column: 3 / -1; grid-row: 2; padding-left: 0; }