/* fetch-1166: the working BEO follows its document; every rule stays inside this editor. */
.beo-editor {
  display: grid;
  grid-template-columns: 9.5rem minmax(0, 1fr);
  align-items: start;
  gap: var(--s-5);
  min-width: 0;
  color: var(--ink);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--t-body);
  line-height: 1.55;
}
.beo-editor *, .beo-editor *::before, .beo-editor *::after { box-sizing: border-box; }
.beo-editor [hidden] { display: none !important; }
.beo-editor :is(h2, h3, h4, h5, p) { margin: 0; }
.beo-editor :is(h2, h3, h4, h5) { color: var(--text-heading); font-family: inherit; }
.beo-editor :is(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
.beo-editor :is(button, summary) { -webkit-tap-highlight-color: transparent; }
.beo-editor .ci { flex: 0 0 auto; }
.beo-editor :is(.btn, .beo-editor-action) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s-2);
  min-width: var(--control-height-touch);
  min-height: var(--control-height-touch);
  max-width: 100%;
  padding: var(--s-2) var(--s-3);
  border-radius: var(--r-s);
  font-family: inherit;
  font-size: var(--t-sub);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}
.beo-editor :is(.btn, .beo-editor-action):disabled { cursor: default; }
.beo-editor .beo-editor-nav { position: sticky; top: 90px; min-width: 0; max-height: calc(100vh - 90px - var(--s-4)); padding: var(--s-2) var(--s-1) 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.beo-editor .beo-editor-nav nav { display: grid; gap: var(--s-1); }
.beo-editor .beo-editor-nav-title { margin: 0 var(--s-2) var(--s-2); color: var(--muted); font-size: var(--t-sub); font-weight: 650; }
.beo-editor .beo-editor-nav a[data-beo-jump] {
  display: flex;
  align-items: center;
  gap: var(--s-2);
  min-height: var(--control-height-touch);
  padding: var(--s-2);
  border-left: 3px solid transparent;
  border-radius: var(--r-s);
  color: var(--navy);
  font-size: var(--t-sub);
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.beo-editor .beo-editor-nav a[data-beo-jump]:hover { background: var(--wash); }
.beo-editor .beo-editor-nav a[aria-current="location"] { border-left-color: var(--gold-dark); background: var(--paper); color: var(--navy-dark); font-weight: 700; }
.beo-editor .beo-editor-attention { display: inline-flex; align-items: center; gap: var(--s-1); padding: var(--s-1) var(--s-2); border-radius: var(--r-s); background: var(--warn-bg); color: var(--warn-fg); font-size: var(--t-sub); font-weight: 600; line-height: 1.4; }
.beo-editor .beo-editor-nav .beo-editor-attention { margin-left: auto; padding: var(--s-1); font-size: var(--t-label); }
.beo-editor .beo-editor-paper { container-type: inline-size; min-width: 0; width: 100%; padding: var(--s-5) var(--s-6); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); }
.beo-editor .beo-editor-actions { display: flex; align-items: center; gap: var(--s-1) var(--s-2); flex-wrap: wrap; margin: 0; min-width: 0; }
.beo-editor .beo-editor-actions .btn { border-color: transparent; background: transparent; color: var(--navy); }
.beo-editor .beo-editor-actions .btn:hover { border-color: var(--line); background: var(--wash); }
.beo-editor .beo-editor-actions .btn:is(.primary, .btn-primary) { background: var(--action-primary); border-color: var(--action-primary); color: var(--paper); }
.beo-editor .beo-editor-context { display: flex; align-items: start; justify-content: space-between; gap: var(--s-2) var(--s-3); flex-wrap: wrap; min-width: 0; margin-block: var(--s-3); padding: var(--s-3); border-radius: var(--r-s); background: var(--wash); color: var(--navy); font-size: var(--t-sub); overflow-wrap: anywhere; }
.beo-editor .beo-editor-context strong { display: block; color: var(--text-heading); font-size: var(--t-mid); font-weight: 650; }
.beo-editor .beo-editor-context small { color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-hint { margin-top: var(--s-3); color: var(--muted); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-function-choices { padding: var(--s-3); border-color: var(--line); background: var(--wash); }
.beo-editor .beo-editor-function-choices h4 { font-size: var(--t-mid); margin-bottom: var(--s-2); scroll-margin-top: 90px; }
.beo-editor .beo-editor-general-add { display: flex; align-items: center; gap: var(--s-2) var(--s-3); flex-wrap: wrap; margin-top: var(--s-3); padding-top: var(--s-2); border-top: 1px solid var(--line); }
.beo-editor .beo-editor-general-add small { color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-empty { display: flex; align-items: start; gap: var(--s-3); flex-wrap: wrap; padding: var(--s-4); border: 1px dashed var(--line); border-radius: var(--r-s); background: var(--wash); color: var(--navy); font-size: var(--t-mid); }
.beo-editor .beo-editor-empty > .ci { margin-top: var(--s-1); }
.beo-editor .beo-editor-empty p { color: var(--muted); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-empty .beo-editor-actions { margin-top: var(--s-2); }
.beo-editor .beo-editor-add-section { margin-top: var(--s-5); padding: var(--s-2) var(--s-4); border: 1px dashed var(--gold); border-radius: var(--r-s); }
.beo-editor .beo-editor-add-section > summary { display: flex; align-items: center; gap: var(--s-2); min-height: var(--control-height-touch); list-style: none; color: var(--navy); font-size: var(--t-mid); font-weight: 600; cursor: pointer; }
.beo-editor .beo-editor-add-section > summary::-webkit-details-marker { display: none; }
.beo-editor .beo-editor-add-section > summary::after { content: ""; width: 9px; height: 9px; margin: 0 var(--s-1) 4px auto; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); } /* a chevron, as on the fold rows: the leading + already names the action */
.beo-editor .beo-editor-add-section[open] > summary::after { margin-bottom: -4px; transform: rotate(-135deg); }
.beo-editor .beo-editor-add-section > p { padding-bottom: var(--s-3); color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-chooser { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); padding-block: var(--s-3); }
.beo-editor .beo-editor-chooser > * { min-width: 0; }
.beo-editor .beo-editor-chooser .actions { align-self: end; }
.beo-editor .beo-editor-draft { min-width: 0; margin-block: var(--s-4); padding: var(--s-4); border: 1px solid var(--gold); border-radius: var(--r-s); background: var(--wash); }
.beo-editor .beo-editor-draft:has(> .fnm-builder) { padding: 0; border: 0; background: transparent; }
.beo-editor .beo-editor-draft > .fnm-builder { margin: 0; }
.beo-editor .beo-editor-draft :is(h3, h4) { margin-bottom: var(--s-3); font-size: var(--t-body); }
.beo-editor .beo-editor-draft > .fn-editor { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.beo-editor .beo-editor-draft .fn-editor > p { margin-bottom: var(--s-3); font-size: var(--t-sub); line-height: 1.6; }
.beo-editor .beo-editor-draft .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.beo-editor .beo-editor-draft .field { min-width: 0; }
.beo-editor .field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { width: 100%; max-width: 100%; min-width: 0; min-height: var(--control-height-touch); background: var(--paper); border-color: var(--line); font-family: inherit; font-size: var(--t-body); font-weight: 400; }
.beo-editor .field textarea { min-height: 5rem; resize: vertical; }
.beo-editor .combo-caret { width: var(--control-height-touch); min-height: var(--control-height-touch); margin-left: calc(-1 * var(--control-height-touch)); padding: 0; }
.beo-editor .combo-input { padding-right: var(--control-height-touch); }
.beo-editor .field > :is(label, span) { color: var(--navy); font-size: var(--t-sub); }
.beo-editor .beo-editor-draft > .actions { margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px solid var(--line); }
.beo-editor .beo-editor-calculated { display: inline-flex; align-items: center; gap: var(--s-1); color: var(--muted); font-size: var(--t-sub); }

/* Existing menu writers keep their controls; only their presentation changes here. */
.beo-editor .fnm-builder { border-color: var(--gold); background: var(--wash); overflow: visible; }
.beo-editor .fnm-builder-head { align-items: flex-start; padding: var(--s-4); border-bottom-color: var(--line); }
.beo-editor .fnm-builder-head :is(h3, h4) { margin: 0; font-size: var(--t-body); }
.beo-editor .fnm-context { margin-top: var(--s-1); color: var(--navy); font-size: var(--t-sub); overflow-wrap: anywhere; }
.beo-editor .fnm-draft-controls { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.beo-editor .fnm-menu-details { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: var(--s-4); border-bottom-color: var(--line); }
.beo-editor .fnm-workbench { grid-template-columns: minmax(0, 1fr); }
.beo-editor .fnm-library { grid-row: 2; padding: var(--s-4); border-right: 0; border-top: 1px solid var(--line); border-bottom: 0; background: var(--paper); }
.beo-editor .fnm-library-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.beo-editor .fnm-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); max-height: 18rem; padding: var(--s-1); margin: calc(-1 * var(--s-1)); }
.beo-editor .fnm-results > .muted { grid-column: 1 / -1; }
.beo-editor .fnm-choice { margin: 0; min-height: var(--control-height-touch); border-color: var(--line); }
.beo-editor .fnm-choice-title { font-size: var(--t-mid); }
.beo-editor .fnm-choice-price { margin-top: auto; }
.beo-editor .fnm-composition { grid-row: 1; padding: var(--s-4); }
.beo-editor .fnm-composition > :is(h4, h5) { font-size: var(--t-body); margin-bottom: var(--s-3); }
.beo-editor .fnm-draft-row { min-width: 0; padding: 0; border-color: var(--line); background: var(--paper); }
.beo-editor .fnm-draft-row[open] { border-color: var(--gold); }
.beo-editor .fnm-item-summary { display: flex; align-items: center; gap: var(--s-3); min-height: var(--control-height-touch); padding: var(--s-3); list-style: none; color: var(--navy); font-size: var(--t-sub); cursor: pointer; }
.beo-editor .fnm-item-summary::-webkit-details-marker { display: none; }
.beo-editor .fnm-draft-row[open] > .fnm-item-summary { border-bottom: 1px solid var(--line); }
.beo-editor .fnm-item-heading { display: flex; align-items: center; gap: var(--s-2); flex: 1 1 10rem; min-width: 0; }
.beo-editor .fnm-item-position { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.5rem; min-height: 1.5rem; border-radius: var(--r-s); background: var(--wash); color: var(--muted); font-variant-numeric: tabular-nums; }
.beo-editor .fnm-item-name { min-width: 0; color: var(--text-heading); font-size: var(--t-mid); font-weight: 600; overflow-wrap: anywhere; }
.beo-editor .fnm-item-name small { display: block; margin-top: var(--s-1); color: var(--muted); font-size: var(--t-sub); font-weight: 400; }
.beo-editor .fnm-item-numbers { display: flex; gap: var(--s-2) var(--s-3); flex-wrap: wrap; justify-content: flex-end; color: var(--muted); font-variant-numeric: tabular-nums; }
.beo-editor .fnm-item-numbers > * { white-space: nowrap; }
.beo-editor .fnm-item-numbers strong { color: var(--navy); }
.beo-editor .fnm-item-toggle { display: inline-flex; align-items: center; gap: var(--s-1); flex: 0 0 auto; font-weight: 600; }
.beo-editor .fnm-item-body { padding: var(--s-4); }
.beo-editor .fnm-row-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.beo-editor .fnm-row-detail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); margin-top: var(--s-3); }
.beo-editor .fnm-row-options { margin-top: var(--s-3); border-top: 1px solid var(--line); }
.beo-editor .fnm-row-options > summary { display: flex; align-items: center; gap: var(--s-2); min-height: var(--control-height-touch); }
.beo-editor .fnm-flags label { min-height: var(--control-height-touch); gap: var(--s-2); font-size: var(--t-sub); }
.beo-editor .fnm-savebar { gap: var(--s-3); padding: var(--s-4); border-top-color: var(--line); }
.beo-editor .fnm-savebar > :first-child { min-width: 0; overflow-wrap: anywhere; }
.beo-editor .fnm-savebar .actions { flex-wrap: wrap; }

@media (min-width: 1600px) {
  .beo-editor { grid-template-columns: 10.5rem minmax(0, 1fr); }
  .beo-editor .beo-editor-paper { padding-inline: calc(var(--s-6) + var(--s-2)); }
  .beo-editor .fnm-workbench { grid-template-columns: minmax(13rem, .75fr) minmax(0, 1.5fr); }
  .beo-editor .fnm-library { grid-row: auto; border-right: 1px solid var(--line); border-top: 0; border-bottom: 0; }
  .beo-editor .fnm-composition { grid-row: auto; }
  .beo-editor .fnm-library-filters, .beo-editor .fnm-results { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
  .beo-editor { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
  .beo-editor .beo-editor-nav { position: static; display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1); max-height: none; padding: 0; overflow: visible; overscroll-behavior: auto; }
  .beo-editor .beo-editor-nav-title { flex-basis: 100%; margin: 0 0 var(--s-1); }
  .beo-editor .beo-editor-nav nav { display: flex; align-items: center; gap: var(--s-1); flex-wrap: wrap; width: 100%; }
  .beo-editor .beo-editor-nav a[data-beo-jump] { border-left: 0; border-bottom: 2px solid transparent; padding-inline: var(--s-2); }
  .beo-editor .beo-editor-nav a[aria-current="location"] { border-bottom-color: var(--gold-dark); }
  .beo-editor .beo-editor-paper { padding: var(--s-5); }
}
@media (max-width: 640px) {
  .beo-editor { gap: var(--s-3); }
  .beo-editor .beo-editor-paper { padding: var(--s-3) 0; border: 0; border-radius: 0; }
  .beo-editor .beo-editor-nav { gap: 0 var(--s-1); }
  .beo-editor .beo-editor-nav > :is(.beo-editor-nav-title, nav) { display: none; }
  .beo-editor .beo-editor-nav a[data-beo-jump] { padding-inline: var(--s-2); }
  .beo-editor .beo-editor-context { padding: var(--s-3); }
  .beo-editor .beo-editor-empty { padding: var(--s-3); }
  .beo-editor .beo-editor-add-section { padding-inline: var(--s-3); }
  .beo-editor .beo-editor-chooser,
  .beo-editor .beo-editor-draft .grid,
  .beo-editor .fnm-menu-details,
  .beo-editor .fnm-library-filters,
  .beo-editor .fnm-results,
  .beo-editor .fnm-row-main,
  .beo-editor .fnm-row-detail { grid-template-columns: minmax(0, 1fr); }
  .beo-editor .beo-editor-draft { padding: var(--s-3); }
  .beo-editor .field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { font-size: 1rem; }
  .beo-editor .beo-editor-draft > .actions { flex-wrap: wrap; }
  .beo-editor :is(.fnm-builder-head, .fnm-menu-details, .fnm-library, .fnm-composition, .fnm-savebar, .fnm-item-body) { padding: var(--s-3); }
  .beo-editor .fnm-item-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-2); }
  .beo-editor .fnm-item-heading { grid-column: 1; }
  .beo-editor .fnm-item-toggle { grid-column: 2; grid-row: 1; }
  .beo-editor .fnm-item-numbers { grid-column: 1 / -1; justify-content: flex-start; padding-left: calc(1.5rem + var(--s-2)); }
  .beo-editor .fnm-results { max-height: 18rem; }
  .beo-editor .fnm-savebar { flex-direction: column; align-items: stretch; }
  .beo-editor .fnm-savebar .actions { justify-content: flex-end; }
}
@media (max-width: 360px) {
  .beo-editor .beo-editor-paper { padding-block: var(--s-3); }
}
/* fetch-1166.1: identity and everyday documents share the event header's width. */
#evtHeader.evt-record-head--document { border-top: 2px solid var(--gold); }
/* fetch-1256: one identity block beside one action row, the workspace tiles under both (portal.css, .evt-workspace-tiles). */
#evtHeader.evt-record-head--document .evt-record-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: var(--s-4) var(--s-5); padding: var(--s-4) var(--s-5) var(--s-3); }
#evtHeader.evt-record-head--document .evt-record-identity { min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-identity h2 { font-size: var(--t-title); line-height: 1.3; letter-spacing: -.015em; }
#evtHeader.evt-record-head--document .evt-record-context { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); margin-top: var(--s-2); color: var(--navy); font-size: var(--t-sub); line-height: 1.6; }
#evtHeader.evt-record-head--document .evt-record-context > span { display: inline-flex; align-items: start; gap: var(--s-2); min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-context > span > span { min-width: 0; overflow-wrap: anywhere; }
#evtHeader.evt-record-head--document .evt-record-context .ci { flex: 0 0 auto; margin-top: var(--s-1); }
#evtHeader.evt-record-head--document .evt-record-context { align-items: center; }
#evtHeader.evt-record-head--document .evt-record-state { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); margin: 0; } /* fetch-1256: the status rides the date / venue line */
#evtHeader.evt-record-head--document .evt-record-state .badge { margin: 0; }
#evtHeader.evt-record-head--document .evt-record-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--s-2); min-width: 0; justify-self: end; }
#evtHeader.evt-record-head--document .evt-record-primary,
#evtHeader.evt-record-head--document .evt-record-shortcuts { display: contents; } /* fetch-1256: primary, Edit details, Contract, Documents, More share one row */
#evtHeader.evt-record-head--document :is(.btn, .evt-readiness-summary) { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); min-height: var(--control-height-touch); max-width: 100%; padding: var(--s-2) var(--s-3); border-radius: var(--r-s); font-family: Inter, Arial, sans-serif; font-size: var(--t-sub); line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
#evtHeader.evt-record-head--document .btn .ci { flex: 0 0 auto; }
#evtHeader.evt-record-head--document .btn > span { min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
#evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary { width: auto; color: var(--navy); }
#evtHeader.evt-record-head--document .evt-record-shortcuts > .btn:hover,
#evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary:hover { border-color: var(--line); background: var(--wash); }
#evtHeader.evt-record-head--document [data-ctrtoggle][aria-expanded="true"] { border-color: var(--gold); background: var(--wash); }
#evtHeader.evt-record-head--document .evt-action-menu { min-width: 0; }
/* fetch-1256: Documents is a real menu at every width (it was an inline grid on a desktop). */
#evtHeader.evt-record-head--document .evt-record-document-menu { display: block; position: relative; min-width: 0; }
#evtHeader.evt-record-head--document .evt-record-document-list { display: none; position: absolute; right: 0; top: calc(100% + var(--s-1)); z-index: 320; flex-direction: column; gap: var(--s-1); min-width: 14rem; max-width: calc(100vw - var(--s-6)); padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); box-shadow: 0 var(--s-2) var(--s-5) color-mix(in srgb, var(--navy-dark) 18%, transparent); }
#evtHeader.evt-record-head--document .evt-record-document-menu.is-open > .evt-record-document-list { display: flex; }
#evtHeader.evt-record-head--document:has(.evt-record-document-menu.is-open) { position: relative; z-index: 300; }
#evtHeader.evt-record-head--document [data-evt-documents-toggle] { display: inline-flex; }
#evtHeader.evt-record-head--document .evt-record-document-list > .btn { justify-content: flex-start; width: 100%; border-color: transparent; background: transparent; color: var(--navy); text-align: left; }
#evtHeader.evt-record-head--document .evt-record-document-list > .btn:hover { border-color: var(--line); background: var(--wash); }
#evtHeader.evt-record-head--document .evt-action-menu-list { min-width: 14rem; max-width: min(22rem, calc(100vw - var(--s-6))); }
#evtHeader.evt-record-head--document .evt-action-menu-list .btn { justify-content: flex-start; }
#evtHeader.evt-record-head--document .evt-readiness { display: flex; align-items: center; gap: 0 var(--s-3); margin-top: var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--line); font-size: var(--t-sub); line-height: 1.6; }
#evtHeader.evt-record-head--document .evt-readiness-summary { flex: 0 0 auto; justify-content: flex-start; margin-left: 0; padding-inline: 0; }
#evtHeader.evt-record-head--document .evt-readiness-needs { flex: 1 1 17rem; }
#evtHeader.evt-record-head--document .evt-readiness-list { margin-top: var(--s-2); gap: var(--s-2) var(--s-3); }
@media (max-width: 1100px) {
  #evtHeader.evt-record-head--document .evt-record-main { grid-template-columns: minmax(0, 1fr); gap: var(--s-4); }
  #evtHeader.evt-record-head--document .evt-record-actions { max-width: none; }
  #evtHeader.evt-record-head--document .evt-record-actions { justify-content: flex-start; justify-self: start; }
}
@media (max-width: 640px) {
  #evtHeader.evt-record-head--document .evt-record-main { padding: var(--s-4); gap: var(--s-3); }
  #evtHeader.evt-record-head--document .evt-record-identity h2 { font-size: var(--t-section); line-height: 1.4; }
  #evtHeader.evt-record-head--document .evt-record-context { gap: var(--s-1); margin-top: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-context > span { flex-basis: 100%; }
  #evtHeader.evt-record-head--document .evt-record-state { margin-top: 0; }
  #evtHeader.evt-record-head--document .evt-record-primary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--s-2); padding-top: var(--s-2); border-top: 1px solid var(--line); }
  #evtHeader.evt-record-head--document .evt-record-actions { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary { justify-content: flex-start; width: 100%; padding-inline: var(--s-2); border-color: transparent; background: transparent; text-align: left; }
  #evtHeader.evt-record-head--document .evt-record-document-menu { display: block; position: relative; min-width: 0; }
  #evtHeader.evt-record-head--document [data-evt-documents-toggle] { display: inline-flex; justify-content: flex-start; width: 100%; border-color: transparent; background: transparent; color: var(--navy); text-align: left; }
  #evtHeader.evt-record-head--document [data-evt-documents-toggle]:hover { border-color: var(--line); background: var(--wash); }
  #evtHeader.evt-record-head--document .evt-record-document-list { display: none; position: absolute; right: 0; top: calc(100% + var(--s-1)); z-index: 320; flex-direction: column; gap: var(--s-1); min-width: 14rem; max-width: calc(100vw - var(--s-6)); padding: var(--s-2); border: 1px solid var(--line); border-radius: var(--r-m); background: var(--paper); box-shadow: 0 var(--s-2) var(--s-5) color-mix(in srgb, var(--navy-dark) 18%, transparent); }
  #evtHeader.evt-record-head--document .evt-record-document-menu.is-open > .evt-record-document-list { display: flex; }
  #evtHeader.evt-record-head--document:has(.evt-record-document-menu.is-open) { position: relative; z-index: 300; }
  #evtHeader.evt-record-head--document .evt-record-document-menu:nth-child(odd) > .evt-record-document-list { left: 0; right: auto; }
  #evtHeader.evt-record-head--document .evt-readiness { gap: 0 var(--s-2); padding-top: var(--s-1); margin-top: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-readiness-needs { flex-basis: 100%; }
  #evtHeader.evt-record-head--document .evt-action-menu:nth-child(odd) > .evt-action-menu-list { left: 0; right: auto; }
  #evtHeader.evt-record-head--document .evt-action-menu:nth-child(even) > .evt-action-menu-list { right: 0; left: auto; }
}
/* fetch-1332 (Jack's ruling 09-26): on a phone the event header gives way to the work below it. The status rides the venue
 * Full note: docs/m3-comment-archive/beo-editor-css.json #1ed3227f24579a7e
 */
@media (max-width: 640px) {
  #evtHeader.evt-record-head--document .evt-record-main { padding: var(--s-3) var(--s-4); gap: var(--s-2); }
  #evtHeader.evt-record-head--document .evt-record-context { column-gap: var(--s-3); }
  #evtHeader.evt-record-head--document .evt-record-context > span + span { flex-basis: auto; }
  #evtHeader.evt-record-head--document .evt-readiness { margin-top: var(--s-1); }
  #evtHeader.evt-record-head--document .evt-record-actions { position: relative; display: flex; flex-wrap: wrap; gap: var(--s-1); }
  #evtHeader.evt-record-head--document .evt-record-primary,
  #evtHeader.evt-record-head--document .evt-record-shortcuts { display: contents; }
  #evtHeader.evt-record-head--document .evt-record-primary > .btn { flex: 1 1 auto; }
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .btn,
  #evtHeader.evt-record-head--document .evt-record-shortcuts > .evt-action-menu > summary,
  #evtHeader.evt-record-head--document [data-evt-documents-toggle] { width: auto; }
  #evtHeader.evt-record-head--document .evt-record-actions .evt-record-document-menu,
  #evtHeader.evt-record-head--document .evt-record-actions .evt-action-menu { position: static; }
  #evtHeader.evt-record-head--document .evt-record-actions .evt-record-document-menu > .evt-record-document-list,
  #evtHeader.evt-record-head--document .evt-record-actions .evt-action-menu > .evt-action-menu-list { left: 0; right: 0; min-width: 0; max-width: none; }
}
/* The shared phone back affordance otherwise hides the document-specific return. */
body.has-navback #beoDocBack.beo-editor-preview-back { display: inline-flex; }
@media print {
  .beo-editor .beo-editor-nav, .beo-editor .beo-editor-edge, .beo-editor .beo-editor-drawer,
  .beo-editor .beo-editor-actions, .beo-editor .beo-editor-draft,
  .beo-editor .beo-editor-add-section, .beo-editor .fnm-builder { display: none !important; }
  .beo-editor { display: block; }
  .beo-editor .beo-editor-paper { padding: 0; border: 0; }
}

/* fetch-1253: the paper's edge - the order's status and the tools beside it (Crystal Workspaces,
   direction A; fetch-1856 retired its views). The edge hugs the paper's top border; the drawer is a third column. */
.beo-editor .beo-editor-edge { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-1) var(--s-3); margin: calc(-1 * var(--s-5)) calc(-1 * var(--s-6)) var(--s-4); padding: 0 var(--s-3) 0 var(--s-4); border-bottom: 1px solid var(--line); border-radius: var(--r-m) var(--r-m) 0 0; background: var(--wash); }
.beo-editor .beo-editor-state { flex: 1 1 12rem; min-width: 0; color: var(--muted); font-size: var(--t-sub); line-height: 1.4; overflow-wrap: anywhere; }
.beo-editor .beo-editor-tools { flex: 0 0 auto; flex-wrap: nowrap; margin-left: auto; }
.beo-editor .beo-editor-tools .btn[aria-pressed="true"] { border-color: var(--gold); background: var(--paper); color: var(--navy-dark); }
.beo-editor.beo-editor--drawer { grid-template-columns: 9.5rem minmax(0, 1fr) minmax(18rem, 22rem); }
.beo-editor .beo-editor-drawer { position: sticky; top: 90px; min-width: 0; max-height: calc(100vh - 90px - var(--s-4)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.beo-editor .beo-editor-copy { min-width: 0; overflow-x: clip; }
.beo-editor .beo-editor-copy-section { scroll-margin-top: 90px; }
.beo-editor .beo-editor-copy-section:focus { outline: none; }
.beo-editor .beo-editor-copy-section:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: var(--s-1); }
@media (min-width: 1600px) {
  .beo-editor .beo-editor-edge { margin-inline: calc(-1 * (var(--s-6) + var(--s-2))); }
  .beo-editor.beo-editor--drawer { grid-template-columns: 10.5rem minmax(0, 1fr) 24rem; }
}
@media (max-width: 1100px) {
  .beo-editor .beo-editor-edge { margin: calc(-1 * var(--s-5)) calc(-1 * var(--s-5)) var(--s-4); }
  .beo-editor.beo-editor--drawer { grid-template-columns: minmax(0, 1fr); }
  .beo-editor .beo-editor-drawer { position: static; order: 1; max-height: none; overflow: visible; }
  .beo-editor .beo-editor-paper { order: 2; }
}
@media (max-width: 640px) {
  .beo-editor .beo-editor-edge { margin: 0 0 var(--s-3); padding: 0 var(--s-2); border-top: 1px solid var(--line); border-radius: 0; }
  .beo-editor .beo-editor-state { flex-basis: 8rem; }
  .beo-editor .beo-editor-tools { flex: 1 1 100%; margin-left: 0; }
  .beo-editor .beo-editor-tools .btn { padding-inline: var(--s-2); }
  .beo-editor .beo-editor-tools > .btn-primary { flex: 1 1 auto; } /* fetch-1856: Print is on the edge now, beside Planning packet and More - it takes the room left */
}
/* fetch-1856: ONE BEO, edited on the printed paper. The paper's own look is portal.css's .bR; these rules only seat the
   screen-only doors, form rows, marks and folds on it. Every inserted node carries noprint, except the door, which wraps
   printed content and draws as that content. */
.beo-editor .beo-paper .beo-door { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: var(--r-s); background: transparent; color: inherit; font: inherit; line-height: inherit; letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-align: inherit; white-space: inherit; cursor: pointer; }
.beo-editor .beo-paper .beo-door:hover { background: var(--wash); }
.beo-editor .beo-paper .beo-door:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.beo-editor .beo-paper .beo-door-blank { color: var(--muted); font-style: italic; }
.beo-editor[data-beo-doors="on"] .beo-paper tr:has(> td .beo-door) { cursor: pointer; }
.beo-editor .beo-paper tr.beo-row--open { outline: 2px solid var(--focus-ring); outline-offset: -1px; }
.beo-editor .beo-paper tr:is(.beo-paper-form, .beo-paper-add) > td { padding: var(--s-2) !important; background: var(--paper); text-align: left; white-space: normal; }
.beo-editor .beo-paper tr.beo-paper-form .beo-editor-draft { margin: 0; text-align: left; }
.beo-editor .beo-paper .beo-paper-form-more { justify-content: flex-end; margin-top: var(--s-2); }
.beo-editor .beo-paper .beo-paper-add :is(.beo-editor-action, .cmenu-trigger) { width: 100%; min-height: var(--control-height-icon); justify-content: flex-start; border: 1px dashed var(--line); background: var(--paper); color: var(--navy); font-weight: 500; }
.beo-editor .beo-paper .beo-paper-add .cmenu { display: block; }
.beo-editor .beo-paper .beo-mark { display: block; margin-top: var(--s-1); color: var(--muted); font-family: Inter, Arial, sans-serif; font-size: var(--t-sub); font-weight: 400; letter-spacing: 0; text-transform: none; text-align: inherit; white-space: pre-line; }
.beo-editor .beo-paper .beo-mark--warn { display: inline-flex; align-items: center; gap: var(--s-1); padding: 0 var(--s-2); border-radius: var(--r-s); background: var(--warn-bg); color: var(--warn-fg); font-weight: 600; }
.beo-editor .beo-paper .beo-cell-split { display: flex; align-items: flex-start; gap: var(--s-1); }
.beo-editor .beo-paper .beo-cell-main { flex: 1 1 auto; min-width: 0; }
.beo-editor .beo-paper .beo-row-tools { flex: 0 0 auto; text-align: left; white-space: normal; }
.beo-editor .beo-paper .beo-row-tools .cmenu-trigger { width: var(--control-height-icon); min-width: var(--control-height-icon); height: var(--control-height-icon); min-height: var(--control-height-icon); padding: 0; }
.beo-editor .beo-paper :is(.beo-paper-block, .beo-paper-marks, .beo-paper-doorbar) { margin: var(--s-3) 0; font-family: Inter, Arial, sans-serif; font-size: var(--t-sub); text-align: left; }
.beo-editor .beo-paper .beo-paper-marks { display: grid; gap: var(--s-2); justify-items: start; }
.beo-editor .beo-edge-flag { padding: var(--s-1) var(--s-2); border-radius: var(--r-s); background: var(--warn-bg); color: var(--warn-fg); font-size: var(--t-sub); }
.beo-editor .beo-edge-hint { color: var(--muted); font-size: var(--t-sub); }
.beo-editor .beo-editor-nav .beo-editor-chooser { grid-template-columns: minmax(0, 1fr); }
/* the folds: one structure at every width. On a desktop the heading is for the rail and screen readers only. */
.beo-editor .beo-fold { scroll-margin-top: 90px; }
.beo-editor .beo-fold-h { margin: 0; }
.beo-editor .beo-fold-h:focus { outline: none; }
.beo-editor .beo-fold:has(> .beo-fold-h:focus-visible) { outline: 2px solid var(--focus-ring); outline-offset: var(--s-1); }
.beo-editor .beo-fold-h > .beoq-toggle { display: none; }
.beo-editor .beo-fold.is-open .beoq-chev { margin-bottom: -4px; transform: rotate(-135deg); }
.beo-editor .beo-fold.is-open .beoq-t { color: var(--brand-gold-dark); }
.beo-editor :is(.beo-paper-form, .beo-paper-block, .beo-editor-draft, .beo-editor-chooser) :is(input, select, textarea) { scroll-margin: 120px 0 var(--s-4); } /* a field scrolled into view clears the sticky bars above it */
.beo-editor .beo-ann-add--fold { display: none; } /* the timeline fold's Add a note: a phone only, where the column-label row that holds the pen is hidden */
@media screen and (max-width: 640px) {
  .beo-editor .beo-editor-nav { order: 3; }
  .beo-editor .beo-fold-h > .beo-fold-name { display: none; }
  .beo-editor .beo-fold-h > .beoq-toggle { display: grid; }
  .beo-editor .beo-fold { border-bottom: 1px solid var(--line); }
  .beo-editor .beo-fold:not(.is-open) > :not(.beo-fold-h) { display: none; }
  .beo-editor .beo-fold.is-open > .beo-ann-add--fold { display: inline-flex; min-height: var(--control-height-touch); margin: var(--s-2) 0; }
  .beo-editor .beo-fold.is-open > .beo-fold-h { position: sticky; top: var(--phone-nav-height, 55px); z-index: 2; background: var(--surface-card); border-bottom: 1px solid var(--hair); }
  .beo-editor .beo-paper :is(.beo-door, .beo-paper-add .beo-editor-action, .beo-paper-add .cmenu-trigger) { min-height: var(--control-height-touch); }
  .beo-editor .beo-paper .beo-row-tools .cmenu-trigger { width: var(--control-height-touch); min-width: var(--control-height-touch); height: var(--control-height-touch); min-height: var(--control-height-touch); }
  .beo-editor .beo-ann .btn--xs, .beo-editor .beo-notes-tally .btn--xs { min-height: var(--control-height-touch); }
}
@media print {
  .beo-editor .beo-fold-h { display: none; }
}