/* Event guides menu, settings list, and viewer. Was #event-guides-style. The viewer frame stays #fff (paper).
   Hashed into the shell by scripts/build.mjs (ensure, after views-admin).
   The view appends this link at render so it still follows sheets injected later. */
.modal.guide-viewer-modal { width: min(1200px, 96vw); max-width: 96vw; height: 92vh; max-height: 92vh; display: flex; flex-direction: column; }
.guide-viewer-modal .modal-body { flex: 1 1 0; min-height: 0; padding: 0; display: flex; flex-direction: column; overflow: hidden; }
.guide-viewer-frame { flex: 1 1 0; min-height: 0; width: 100%; border: 0; background: #fff; }
.guide-viewer-status { padding: 1rem; color: var(--text-muted); }
.guide-viewer-foot { display: flex; align-items: center; gap: 0.75rem; width: 100%; }
.guide-viewer-foot .spacer { flex: 1; }
.guide-viewer-foot a { color: var(--accent-text, #60a5fa); }
.guide-list { display: flex; flex-direction: column; gap: 0.4rem; }
.guide-row { display: flex; align-items: center; gap: 0.6rem; padding: 0.45rem 0.6rem; border: 1px solid var(--border-subtle, var(--border)); border-radius: var(--r-sm, 6px); }
.guide-row-title { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guide-row-meta { color: var(--text-muted); font-size: 0.8rem; white-space: nowrap; }
.menu-head.menu-subhead { border-top: 1px solid var(--border-subtle, var(--border)); margin-top: 4px; }
.guide-loom { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.75rem; }
.guide-loom-fields { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.guide-loom-fields input[type="text"] { flex: 1 1 14rem; min-width: 0; }
.guide-loom-help { margin: 0; }
.guide-upload { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.guide-upload input[type="text"] { flex: 1 1 14rem; min-width: 0; }
@media (max-width: 640px) {
  .modal.guide-viewer-modal { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
  .guide-row { flex-wrap: wrap; }
}