.order-next-stage { padding-top: var(--space-3); }
.record-panel-header__avatar--furniture { background: var(--thumbnail-placeholder); border: 1px solid var(--input-line); }
.record-panel-header__avatar--furniture svg { width: 24px; height: 24px; }
.order-record-header .order-panel__record { font-family: var(--mono); }
.order-next-stage > div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.order-next-stage strong { font-weight: 600; }
.order-next-stage p { margin: var(--space-2) 0 var(--tab-count-gap); color: var(--muted); font-size: var(--text-meta); line-height: var(--line-meta); }
.order-detail-page[data-order-panel-edit-active-value="true"] [data-order-read-section] { display: none; }
.order-panel .order-document-row { min-height: var(--space-12); padding: var(--space-2) 0; }
.order-panel .order-document-row + .order-document-row { margin-top: 0; }
.order-panel .order-document-row:first-of-type { padding-top: 0; }
.order-panel .order-document-row:last-child { padding-bottom: 0; }
.order-panel .order-shipping-summary, .order-panel .order-photos-summary, .order-panel .order-history-summary { margin-inline: calc(-1 * var(--panel-gutter)); padding-inline: var(--panel-gutter); border-top: 1px solid var(--line); }
.order-panel .workspace-section > h2 { margin-bottom: var(--space-2); font-weight: 600; line-height: var(--line-body); }
.order-photos-summary__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.order-summary-photo { width: 56px; height: 56px; object-fit: cover; border: 1px solid var(--input-line); border-radius: var(--radius-panel); }
.add-field-action { margin-left: calc(-1 * var(--space-2)); }
.order-stage-rail__step { gap: var(--stage-connector-gap); }
.order-stage-rail__step:not(:last-child)::after { left: calc(var(--stage-circle-size) + 2px); right: 2px; }
.order-stage-rail__step--current .order-stage-rail__circle { box-shadow: 0 0 0 3px var(--studio-card); }

/* Generation 34: the record header owns its actions while its body scrolls. */
.order-record-header { position: relative; }
.order-detail-page .panel-edit-footer { padding-block: var(--space-3); }
.order-record-header__close { display: none; }
.order-panel .order-record-header__close { display: inline-flex; position: absolute; top: var(--panel-gutter); right: var(--panel-gutter); }
.order-panel:has(.order-record-header__close) > .order-panel__header .order-panel__close { display: none; }
.order-panel .order-photos-summary__row > .add-field-action:first-child { padding-left: 0; margin-left: 0; }

/* The live generation 43 order panel uses the same section edges as its drawer. */
.order-record-header .record-panel-header { padding-right: calc(2 * var(--control-height) + 2 * var(--space-2)); }
.order-panel .order-record-header :is(.order-panel__actions, .order-record-header__close) { top: calc(var(--panel-gutter) + (var(--line-panel) + var(--compact-copy-gap) + var(--line-meta) - var(--control-height)) / 2); }
.order-record-header .order-panel__actions { right: calc(var(--panel-gutter) + var(--control-height) + var(--space-2)); }
.order-stage-rail { margin-bottom: var(--brand-icon-gap); }
.order-stage-rail__step:not(:last-child)::after { height: 2px; }
.order-stage-rail__circle { color: var(--muted); border-color: var(--line); }
.order-stage-rail__circle:not(:has(svg)) { padding-top: var(--studio-copy-gap); }
.order-stage-rail__step--complete .order-stage-rail__circle { color: var(--accent); }
.order-stage-rail__step--complete .order-stage-rail__circle::after { content: none; }
.order-stage-rail__circle svg { width: var(--stage-numeral-size); height: var(--stage-numeral-size); }
.order-stage-summary { margin: var(--space-2) 0 var(--space-3); }
.order-stage-summary strong { letter-spacing: var(--tracking-ui); }
.order-panel :is(.workspace-section > h2, .section-heading h2) { letter-spacing: var(--tracking-ui); }
.order-panel .order-documents > .workspace-section { margin-inline: calc(-1 * var(--panel-gutter)); padding-inline: var(--panel-gutter); }
.order-panel .order-fabricator-summary .field-rows { margin-top: 0; }
.order-fabricator-summary .field-hint { margin: var(--space-2) 0 0; }
.order-fabricator-summary .order-fabricator-summary__intro { margin: 0 0 var(--space-2); }
.order-client-page-summary__actions { display: flex; align-items: center; gap: var(--space-1); flex-shrink: 0; }
.order-panel .order-document-row { gap: var(--space-4); }
.order-document-row > div > span { font-weight: 400; }
.order-document-status { margin-top: var(--compact-copy-gap); }
.order-panel .order-overview-group [data-edit-group-target="read"] > .detail-ledger { margin-top: 0; }
.order-panel .order-overview-group [data-edit-group-target="read"] > .detail-ledger:not(:has(> *)) { display: none; }
.order-panel .order-detail-page .read-only-fields > :is(turbo-frame[data-order-panel-group], .order-documents) { border-top: 1px solid transparent; }
.order-panel .order-detail-page .read-only-fields > turbo-frame[data-order-panel-group]:first-of-type { border-top: 0; }
.order-new-page .record-panel-header { padding-right: calc(var(--control-height) + var(--space-3)); }
.order-new-page .order-creation-form { display: flex; flex: 1; flex-direction: column; }
.order-new-page .order-creation-fields { padding-top: var(--section-padding); }
.order-new-page .field-rows input.text-input { line-height: var(--line-workspace); padding-block: 0; }
.order-new-page .panel-edit-footer { padding-block: var(--space-3); }
.order-creation-photo-review { margin-block: var(--space-4); }
.order-creation-photo-review > p { color: var(--muted); margin-block: var(--space-2); }
@media (max-width: 560px) {
  .order-record-header .record-panel-header { flex-wrap: wrap; }
  .order-record-header .record-panel-header__identity { flex-basis: calc(100% - var(--panel-avatar-size) - var(--space-3)); }
  .order-record-header .record-panel-header > .button { margin-left: calc(var(--panel-avatar-size) + var(--space-3)); }
  .order-client-page-summary .order-document-row { flex-wrap: wrap; }
}

/* Order overview: status and client communication precede supporting details. */
.order-stage-overview { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }
.order-stage-overview__identity { flex: 1 1 auto; min-width: 0; }
.order-stage-overview h2 { margin: 0; font-size: var(--text-ui); font-weight: 600; }
.order-stage-overview .stage-marker { white-space: normal; overflow-wrap: anywhere; }
.order-stage-overview .field-hint { margin: var(--space-1) 0 0; }
.order-stage-overview .order-next-stage { max-width: 100%; padding: 0; }
.order-stage-overview .order-next-stage .button { white-space: normal; height: auto; min-height: var(--control-height); text-align: left; line-height: var(--line-body); }
.order-stage-details { margin-top: var(--space-2); border-top: 0; }
.order-stage-details > summary { min-height: var(--field-row-height); padding-block: var(--space-1); }
.order-stage-list { display: grid; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.order-stage-list > li { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.order-stage-list > li[aria-current="step"] { color: var(--ink); font-weight: 600; }
.order-stage-list__current { flex-shrink: 0; color: var(--muted); font-size: var(--text-meta); font-weight: 400; }
.order-panel .order-support-disclosure { padding-block: 0; }
.order-support-disclosure > summary { margin-inline: 0; padding-inline: 0; }
.order-support-disclosure > summary h2 { margin: 0; font-size: var(--title-section); font-weight: 600; }
.order-support-disclosure > .order-disclosure__body > .add-field-action { justify-self: start; }
.order-panel .order-photos-summary .order-disclosure__body > a { justify-self: start; max-width: 100%; height: auto; min-height: var(--control-height); white-space: normal; overflow-wrap: anywhere; text-align: left; }
.order-work-order-actions { display: flex; justify-content: flex-end; margin-top: var(--space-2); }

/* Order sections use spacing and type for hierarchy. Control and selection borders stay functional. */
.order-detail-page :is(.order-record-header, .workspace-section, .order-disclosure, .order-document-row, .panel-edit-footer, .form-section, .order-overview-toolbar) { border: 0; }
.order-panel .order-detail-page :is(.workspace-section, .order-support-summary, .order-support-summary .section-heading, .order-support-disclosure > summary, .read-only-fields > :is(turbo-frame[data-order-panel-group], .order-documents), .order-workspace__main > turbo-frame[data-order-panel-group]) { border: 0; }
.order-panel .order-detail-page :is(.read-only-fields > :is(turbo-frame[data-order-panel-group], .order-documents), .order-workspace__main > turbo-frame[data-order-panel-group])::before { content: none; }
.order-detail-page .client-update-history li + li { border-top: 0; }
.order-detail-page .client-update-state[data-state="draft"] { color: var(--muted); }
.order-detail-page :is(.record-panel-header__avatar, .order-summary-photo) { border: 0; }