/* FDS extensions: output settings and actual artifact preview. */
.ss-output-panel { display: grid; gap: 16px; }
.ss-output-panel .ss-panel-section { display: grid; gap: 8px; }
.ss-output-panel p { margin: 0; }
/* FDS extension: print-scale range with stable focus and an explicit fit limit. */
.ss-output-scale { display: grid; gap: 6px; min-width: 0; }
.ss-output-scale-heading, .ss-output-scale-limits { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 12px; }
.ss-output-scale-heading output { font-weight: 600; font-variant-numeric: tabular-nums; }
.ss-output-scale-limits { color: var(--fds-text-secondary); }
.ss-output-scale input { width: 100%; min-width: 0; height: 44px; margin: 0; accent-color: var(--fds-blue-600); cursor: pointer; }
.ss-output-scale input:focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: 2px; border-radius: var(--fds-radius-sm); }
.ss-output-groups { display: grid; gap: 10px; min-width: 0; }
.ss-output-group { min-width: 0; overflow: clip; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-bg-panel); }
.ss-output-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 8px 10px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; }
.ss-output-group > summary::-webkit-details-marker { display: none; }
.ss-output-group > summary::after { content: "⌄"; color: var(--fds-text-secondary); font-size: 16px; line-height: 1; transform: rotate(-90deg); transition: transform 120ms ease; }
.ss-output-group[open] > summary::after { transform: rotate(0); }
.ss-output-group-title { min-width: 0; flex: 1; }
.ss-output-group-count { min-width: 24px; padding: 2px 7px; border-radius: 999px; background: var(--fds-gray-50); color: var(--fds-text-secondary); text-align: center; font-size: 11px; font-variant-numeric: tabular-nums; }
.ss-output-group-body { display: grid; gap: 8px; padding: 0 8px 8px; }
.ss-output-card { display: grid; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-white); }
.ss-output-card.is-active { border-color: var(--fds-blue-600); box-shadow: 0 0 0 1px var(--fds-blue-600); background: var(--fds-blue-50); }
.ss-output-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; }
.ss-output-card-heading strong { min-width: 0; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.ss-output-status { flex: 0 0 auto; padding: 2px 6px; border-radius: 999px; font-size: 10px; line-height: 1.5; }
.ss-output-status.is-ready { color: var(--fds-success-text, #17663a); background: var(--fds-success-bg, #e8f5ed); }
.ss-output-status.is-unavailable { color: var(--fds-text-secondary); background: var(--fds-gray-50); }
.ss-output-badges { display: flex; flex-wrap: wrap; gap: 5px; }
.ss-output-badge { padding: 2px 6px; border: 1px solid var(--fds-border); border-radius: 4px; background: var(--fds-white); color: var(--fds-text-secondary); font-size: 10px; line-height: 1.4; }
.ss-output-badge.is-scope { border-color: transparent; background: var(--fds-gray-50); }
.ss-output-card-actions, .ss-output-active-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ss-output-card-actions .fds-btn { min-height: 28px; padding: 2px 9px; border-radius: 999px; font-size: 11px; line-height: 1.25; }
.ss-output-kind[aria-pressed=true] { border-color: var(--fds-blue-600); color: var(--fds-blue-600); background: var(--fds-blue-50); }
.ss-output-delivery-card .fds-meta { font-size: 11px; line-height: 1.45; }
.ss-output-group-body > .ss-panel-section { padding: 10px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-white); }
.ss-output-preview { width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: auto; padding: 16px; }
.ss-output-preview > .fds-meta { overflow-wrap: anywhere; }
.ss-output-paper { margin: 0 auto; }
.ss-output-paper > svg { display: block; width: 100%; height: auto; }
.ss-output-table-scroll { overflow: auto; max-width: 100%; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-bg-panel); }
.ss-output-table { width: 100%; min-width: 1050px; border-collapse: collapse; font-size: 13px; }
.ss-output-table td:nth-child(2) { white-space: nowrap; }
.ss-output-table caption { text-align: left; padding: 12px; font-weight: 600; }
.ss-output-table th, .ss-output-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--fds-border); vertical-align: top; }
.ss-output-table th { background: var(--fds-gray-50); white-space: nowrap; }
.ss-output-table td { overflow-wrap: anywhere; max-width: 280px; }
.ss-output-showcase-diagram { width: 152px; min-width: 152px; color: var(--fds-text-secondary); }
.ss-output-showcase-diagram > svg { display: block; width: 128px; height: 88px; }
/* FDS extensions: complete lighting sections with illustrated product cards. */
.ss-lighting-bom { display: grid; gap: var(--fds-space-4); min-width: 0; }
.ss-lighting-bom-heading, .ss-lighting-bom-section { display: grid; gap: var(--fds-space-3); min-width: 0; }
.ss-lighting-bom :is(h2, h3, p) { margin: 0; overflow-wrap: anywhere; }
.ss-lighting-bom h2 { font-size: 18px; }
.ss-lighting-bom h3 { font-size: 15px; }
.ss-lighting-price-note { padding: var(--fds-space-3); border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-blue-50); font-size: 12px; line-height: 1.6; }
.ss-lighting-bom-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: var(--fds-space-3); }
.ss-lighting-bom-card { min-width: 0; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-white); overflow: hidden; }
.ss-lighting-bom-card > header { display: flex; align-items: center; gap: var(--fds-space-3); padding: var(--fds-space-3); border-bottom: 1px solid var(--fds-border); }
.ss-lighting-bom-card > header > div:last-child { min-width: 0; overflow-wrap: anywhere; }
.ss-lighting-bom-card strong { font-size: 14px; }
.ss-lighting-bom-art { width: 88px; height: 72px; flex: 0 0 88px; color: var(--fds-blue-600); background: var(--fds-gray-50); border-radius: var(--fds-radius-sm); }
.ss-lighting-bom-art svg { display: block; width: 100%; height: 100%; }
.ss-lighting-bom-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fds-space-3); padding: var(--fds-space-3); margin: 0; font-size: 12px; }
.ss-lighting-bom-facts > div { min-width: 0; }
.ss-lighting-bom-facts dt { color: var(--fds-text-secondary); margin-bottom: var(--fds-space-1); overflow-wrap: anywhere; }
.ss-lighting-bom-facts dd { margin: 0; color: var(--fds-text-primary); font-variant-numeric: tabular-nums; line-height: 1.5; overflow-wrap: anywhere; }
.ss-lighting-bom-summary { padding: var(--fds-space-2) var(--fds-space-3); background: var(--fds-gray-50); border-radius: var(--fds-radius-sm); font-size: 12px; line-height: 1.6; }
.ss-lighting-support-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.ss-lighting-support-table :is(th, td) { padding: var(--fds-space-3); text-align: left; border-bottom: 1px solid var(--fds-border); overflow-wrap: anywhere; }
.ss-lighting-support-table th { background: var(--fds-gray-50); }
@media (max-width: 767px) {
  .ss-lighting-bom-facts { grid-template-columns: minmax(0, 1fr); }
  .ss-lighting-support-table, .ss-lighting-support-table tbody { display: block; }
  .ss-lighting-support-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ss-lighting-support-table tr { display: grid; gap: var(--fds-space-2); padding: var(--fds-space-3); border-bottom: 1px solid var(--fds-border); }
  .ss-lighting-support-table td { display: block; padding: 0; border: 0; }
  .ss-lighting-support-table td::before { content: attr(data-label); display: block; margin-bottom: var(--fds-space-1); color: var(--fds-text-secondary); }
}
.ss-output-checks { display: grid; gap: 16px; }
.ss-output-issue { border-bottom: 1px solid var(--fds-border); padding-bottom: 12px; font-size: 13px; }
.ss-output-issue button { max-width: 100%; white-space: normal; }
.ss-editor-page[data-workspace-step=output] .ss-editor { grid-template-columns: var(--ss-rail-width, 64px) 300px minmax(0, 1fr); }
.ss-editor-page[data-workspace-step=output].is-panel-collapsed .ss-editor { grid-template-columns: var(--ss-rail-width, 64px) minmax(0, 1fr); }
.ss-editor-page[data-workspace-step=output].is-output-checks .ss-editor { grid-template-columns: var(--ss-rail-width, 64px) 300px minmax(0, 1fr) 300px; }
.ss-editor-page[data-workspace-step=output].is-output-checks.is-panel-collapsed .ss-editor { grid-template-columns: var(--ss-rail-width, 64px) minmax(0, 1fr) 300px; }
.ss-editor-page[data-workspace-step=output] .ss-editor-right > section:last-child { display: none; }
.ss-editor-page[data-workspace-step=output] :is(#view-switch, #snap-control, #unit-switch, #undo-button, #redo-button) { display: none; }
.ss-editor-page[data-workspace-step=output] #unit-picker { display: none; }
/* FDS extension: the inquiry action belongs at the end of the output toolbar. */
.ss-output-inquiry { min-height: 36px; padding: 0 16px; border: 1px solid var(--fds-red-700); border-radius: var(--fds-radius-pill); background: var(--fds-red-700); color: var(--fds-white); }
.ss-output-inquiry:not(:disabled):hover { filter: brightness(.9); }
.ss-output-inquiry:disabled { opacity: .55; cursor: not-allowed; }
@media (pointer: coarse) { .ss-output-inquiry { min-height: 44px; } }
@media (max-width: 767px) {
  .ss-editor-page[data-workspace-step=output]:has(#output-inquiry:not([hidden])) { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  .ss-editor-page[data-workspace-step=output] #output-inquiry {
    position: fixed; z-index: 20; right: max(16px, env(safe-area-inset-right));
    bottom: calc(12px + env(safe-area-inset-bottom)); min-height: 44px;
    box-shadow: var(--fds-shadow-2);
  }
}
.ss-editor-page[data-workspace-step=output] .ss-editor-canvas { overflow: hidden; }
.ss-editor-page[data-workspace-step=output] .ss-editor-left { overflow: auto; padding-bottom: 0; }
@media (min-width: 1024px) {
  .ss-output-active-actions {
    position: sticky; bottom: 0; z-index: 2;
    margin: 0 calc(-1 * (var(--ss-panel-padding) + 4px)) 0 calc(-1 * var(--ss-panel-padding));
    padding: 10px calc(var(--ss-panel-padding) + 4px) 10px var(--ss-panel-padding);
    border-top: 1px solid var(--fds-border); background: var(--fds-bg-panel); box-shadow: 0 -6px 12px rgb(17 24 39 / 6%);
  }
}
.ss-space-drag-card { border: 1px dashed var(--fds-blue-600); border-radius: var(--fds-radius-md); min-height: 48px; background: var(--fds-white); color: var(--fds-blue-600); font: inherit; cursor: grab; }
.ss-space-drag-card:active { cursor: grabbing; }
@media (max-width: 1023px) {
  .ss-editor-page[data-workspace-step=output] .ss-editor { grid-template-columns: var(--ss-rail-mobile-width, 54px) minmax(0, 1fr) !important; }
  .ss-editor-page[data-workspace-step=output] .ss-editor-left { grid-column: 2; grid-row: 1; }
  .ss-editor-page[data-workspace-step=output] .ss-editor-stage { grid-column: 2; grid-row: 2; min-height: 480px; }
  .ss-editor-page[data-workspace-step=output] .ss-editor-right { grid-column: 2; grid-row: 3; }
  .ss-output-preview { padding: 8px; }
}
@media (pointer: coarse) {
  .ss-output-panel button, .ss-space-add-form button { min-height: 44px; }
  .ss-output-card-actions .fds-btn { min-height: 36px; }
}

.ss-editor-page[data-workspace-step=output] .ss-stage-head { display: none; }

/* FDS extensions: readable component inquiry list and independent screen zoom. */
.ss-output-component-wrap { container-type: inline-size; background: var(--fds-white); border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); overflow: hidden; }
.ss-component-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 13px; line-height: 1.5; color: var(--fds-text-primary); }
.ss-component-table caption { padding: 20px; text-align: left; }
.ss-component-table caption > strong { font-size: 16px; font-weight: 600; }
.ss-bom-total { display: inline-block; margin-left: 12px; padding: 3px 10px; border-radius: var(--fds-radius-md); background: var(--fds-gray-50); font-size: 13px; font-variant-numeric: tabular-nums; }
.ss-bom-caption-note { display: block; margin-top: 4px; color: var(--fds-text-secondary); font-size: 12px; }
.ss-component-table thead th { padding: 12px 16px; background: var(--fds-gray-50); border-top: 1px solid var(--fds-border); border-bottom: 1px solid var(--fds-border); font-size: 12px; font-weight: 500; text-align: left; }
.ss-component-table thead th:nth-child(1) { width: 30%; }
.ss-component-table thead th:nth-child(2) { width: 22%; }
.ss-component-table thead th:nth-child(3) { width: 8%; text-align: right; white-space: nowrap; }
.ss-component-table thead th:nth-child(4) { width: 40%; }
.ss-component-table tbody :is(th, td) { padding: 18px 16px; border-bottom: 1px solid var(--fds-border); vertical-align: top; text-align: left; overflow-wrap: anywhere; font-weight: 400; }
.ss-component-table tbody tr:last-child :is(th, td) { border-bottom: 0; }
.ss-bom-identity strong { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 600; }
.ss-bom-component-identity { display: flex; align-items: flex-start; gap: var(--fds-space-2); min-width: 0; }
.ss-bom-component-copy { min-width: 0; flex: 1; }
.ss-bom-component-art { flex: 0 0 72px; width: 72px; height: 72px; overflow: hidden; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-sm); background: var(--fds-white); }
.ss-bom-component-art > :is(img, svg) { display: block; width: 100%; height: 100%; object-fit: contain; }
.ss-bom-secondary { display: block; margin-top: 3px; color: var(--fds-text-secondary); font-size: 12px; }
.ss-bom-size { font-variant-numeric: tabular-nums; }
.ss-component-table tbody .ss-bom-quantity { text-align: right; font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ss-bom-distribution { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; }
.ss-bom-case { padding: 3px 8px; border: 1px solid var(--fds-border); border-radius: 4px; background: var(--fds-gray-50); font-size: 12px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ss-bom-more { width: 100%; font-size: 12px; }
.ss-bom-more summary { width: fit-content; padding: 5px 0; min-height: 28px; cursor: pointer; color: var(--fds-blue-600); }
.ss-bom-more[open] summary { margin-bottom: 4px; }
.ss-bom-status { display: inline-block; padding: 3px 8px; border: 1px solid var(--fds-border); border-radius: 4px; font-size: 12px; }
.ss-bom-status[data-status=placeholder], .ss-bom-status[data-status=unknown] { border-color: var(--fds-warning-border, var(--fds-border)); color: var(--fds-text-secondary); background: var(--fds-gray-50); }
.ss-bom-empty { padding: 24px; color: var(--fds-text-secondary); }
/* Showcase list: number, drawing, name with type, size, quantity, the showcases themselves. */
.ss-showcase-table thead th:nth-child(1) { width: 48px; text-align: right; }
.ss-showcase-table thead th:nth-child(2) { width: 132px; }
.ss-showcase-table thead th:nth-child(3) { width: 26%; text-align: left; white-space: normal; }
.ss-showcase-table thead th:nth-child(4) { width: 22%; }
.ss-showcase-table thead th:nth-child(5) { width: 64px; text-align: right; white-space: nowrap; }
.ss-showcase-table thead th:nth-child(6) { width: auto; }
.ss-showcase-table tbody .ss-bom-index { text-align: right; color: var(--fds-text-secondary); font-variant-numeric: tabular-nums; }
.ss-showcase-table .ss-bom-diagram { color: var(--fds-text-secondary); }
.ss-showcase-table .ss-bom-diagram > svg { display: block; width: 108px; height: 72px; }
.ss-showcase-table .ss-bom-identity .ss-bom-status { margin-top: 6px; }
.ss-bom-component-copy .ss-bom-status { margin-top: 6px; }
.ss-output-metadata { border-top: 1px solid var(--fds-border); margin-top: 16px; padding-top: 8px; }
.ss-output-metadata summary { cursor: pointer; padding: 8px 0; font-size: 13px; }
.ss-output-metadata p { overflow-wrap: anywhere; }
.ss-output-preview[data-output-preview=plan] { display: flex; flex-direction: column; gap: 8px; overflow: hidden; }
.ss-output-preview[data-output-preview=plan] > p { margin: 0; font-size: 12px; }
.ss-output-plan-preview { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.ss-output-preview-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.ss-output-preview-modes { display: flex; gap: 4px; padding: 3px; background: var(--fds-border); border-radius: var(--fds-radius-md); }
.ss-output-preview-modes .fds-btn { min-height: 32px; padding: 4px 12px; border: 0; background: transparent; font-size: 13px; }
.ss-output-preview-modes .fds-btn[aria-pressed=true] { background: var(--fds-white); color: var(--fds-text-primary); }
.ss-output-zoom { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--fds-text-secondary); }
.ss-output-zoom select { width: 112px; min-height: 32px; font-size: 13px; }
.ss-output-preview-hint { margin: 0; font-size: 12px; color: var(--fds-text-secondary); }
.ss-output-plan-viewport { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-gray-50); }
.ss-output-drawing { background: var(--fds-white); }
.ss-output-drawing > svg { display: block; width: 100%; height: 100%; }
.ss-output-plan-viewport > [hidden] { display: none; }
.ss-output-plan-viewport:focus-visible, .ss-bom-more summary:focus-visible, .ss-output-metadata summary:focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: -2px; }
@container (max-width: 680px) {
  .ss-component-table, .ss-component-table tbody { display: block; }
  .ss-component-table caption { display: block; padding: 16px; }
  .ss-bom-total { display: block; width: fit-content; margin: 8px 0 0; }
  .ss-component-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ss-component-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; border-top: 1px solid var(--fds-border); padding: 16px; gap: 12px; }
  .ss-component-table tbody :is(th, td) { display: block; border: 0; padding: 0; }
  .ss-component-table .ss-bom-identity { grid-column: 1; grid-row: 1; }
  .ss-component-table tbody .ss-bom-quantity { grid-column: 2; grid-row: 1; }
  .ss-component-table tbody td:not(.ss-bom-quantity) { grid-column: 1 / -1; }
  .ss-component-table td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-size: 12px; color: var(--fds-text-secondary); font-weight: 400; }
  .ss-bom-more summary { min-height: 44px; padding-top: 12px; }
  .ss-showcase-table tbody tr { grid-template-columns: auto minmax(0, 1fr) auto; }
  .ss-showcase-table tbody .ss-bom-index { grid-column: 1; grid-row: 1; }
  .ss-showcase-table .ss-bom-identity { grid-column: 2; grid-row: 1; }
  .ss-showcase-table tbody .ss-bom-quantity { grid-column: 3; grid-row: 1; }
  .ss-showcase-table tbody td:not(.ss-bom-quantity):not(.ss-bom-index) { grid-column: 1 / -1; }
  .ss-showcase-table td:is(.ss-bom-index, .ss-bom-diagram)::before { content: none; }
}
@media (max-width: 767px) {
  .ss-output-preview-modes { width: 100%; }
  .ss-output-preview-modes .fds-btn { flex: 1; min-height: 44px; padding: 4px 8px; }
  .ss-output-zoom { justify-content: space-between; width: 100%; }
  .ss-output-zoom select { min-height: 44px; }
  .ss-output-metadata summary { min-height: 44px; }
}

/* Customer share links (presentation design V0.1 §5.4). */
.ss-output-share-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.ss-output-share-created { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-bg-muted); }
.ss-output-share-created input { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.ss-output-share-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ss-output-share-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--fds-border); }
.ss-output-share-list li > div { min-width: 0; overflow-wrap: anywhere; }
.ss-output-share-list li p { margin: 2px 0 0; }
@media (max-width: 480px) { .ss-output-share-form { grid-template-columns: 1fr; } }
.ss-output-share-qr { display: grid; grid-template-columns: 50% minmax(0, 1fr); align-items: center; gap: var(--fds-space-3); min-width: 0; }
.ss-output-share-qr-button { display: block; width: 100%; min-width: 0; aspect-ratio: 1; padding: 0; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-sm); background: var(--fds-white); cursor: zoom-in; overflow: hidden; }
.ss-output-share-qr-button:focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: 2px; }
.ss-output-share-qr-button > svg { display: block; width: 100%; height: 100%; }
.ss-output-share-qr > div { display: grid; gap: var(--fds-space-2); min-width: 0; overflow-wrap: anywhere; }
/* FDS extension: a responsive QR enlargement in a native modal dialog. */
.ss-output-share-qr-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; padding: var(--fds-space-4); border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-white); color: var(--fds-text-primary); }
.ss-output-share-qr-dialog::backdrop { background: rgb(17 24 39 / 55%); }
.ss-output-share-qr-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--fds-space-3); }
.ss-output-share-qr-dialog h3 { margin: 0; font-size: 16px; }
.ss-output-share-qr-dialog > svg { display: block; width: min(100%, 65dvh); height: auto; margin: var(--fds-space-3) auto; background: var(--fds-white); }
.ss-output-share-qr-dialog > p { margin: 0; line-height: 1.6; }
/* Wall elevations (W5): the drawing fits the preview width and scrolls when tall. */
.ss-output-elevation { overflow: auto; max-width: 100%; max-height: 70vh; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: #ffffff; }
.ss-output-elevation svg { display: block; width: 100%; height: auto; }
/* FDS extension: fit the ceiling drawing to the available screen area. */
.ss-output-preview[data-output-preview=ceiling] { display: flex; flex-direction: column; gap: var(--fds-space-2); overflow: hidden; }
.ss-output-preview[data-output-preview=ceiling] > .fds-meta { margin: 0; flex: 0 0 auto; }
.ss-output-preview[data-output-preview=ceiling] .ss-output-ceiling { flex: 1; min-height: 0; max-height: none; overflow: hidden; }
.ss-output-preview[data-output-preview=ceiling] .ss-output-ceiling > svg { width: 100%; height: 100%; }

/* Equipment power provision: point plan, schedule, load summary and the
   selected equipment's coordination note. */
.ss-power-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ss-power-metrics > div { display: grid; gap: 2px; min-width: 0; padding: 10px 6px; border-radius: var(--fds-radius-md); background: var(--fds-gray-50); text-align: center; }
.ss-power-metrics strong { font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ss-power-metrics span { color: var(--fds-text-secondary); font-size: 11px; }
.ss-output-preview[data-output-preview=power] { display: flex; flex-direction: column; gap: 8px; overflow: hidden; padding: 12px; }
.ss-output-preview[data-output-preview=power] > p { margin: 0; font-size: 12px; }
.ss-power-workspace { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.ss-power-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.ss-power-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.ss-power-tabs .fds-btn[aria-pressed=true], [data-power-adjust][aria-pressed=true] { border-color: var(--fds-blue-600); color: var(--fds-blue-600); background: var(--fds-blue-50); }
.ss-power-layout { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 280px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); overflow: hidden; background: var(--fds-bg-panel); }
.ss-power-main { min-width: 0; min-height: 0; display: flex; background: var(--fds-gray-50); }
.ss-power-canvas { flex: 1; min-width: 0; min-height: 420px; overflow: auto; padding: 12px; background: var(--fds-gray-50); cursor: default; }
.ss-power-canvas.is-adjusting { cursor: crosshair; }
.ss-power-canvas:focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: -2px; }
.ss-power-plan-svg { display: block; width: 100%; height: 100%; min-height: 400px; background: var(--fds-white); }
.ss-power-plan-svg .ss-power-point { cursor: pointer; }
.ss-power-plan-svg .ss-power-point:focus { outline: none; }
.ss-power-plan-svg .ss-power-point:is(:hover, :focus-visible, .is-selected) circle { fill: var(--fds-blue-50); stroke: var(--fds-blue-600); stroke-width: 3; }
.ss-power-inspector { min-width: 0; overflow: auto; padding: 16px; border-left: 1px solid var(--fds-border); background: var(--fds-bg-panel); }
.ss-power-inspector h3 { margin: 0 0 4px; font-size: 16px; overflow-wrap: anywhere; }
.ss-power-point-state { margin: 0 0 18px; color: var(--fds-blue-600); font-size: 13px; }
.ss-power-facts { display: grid; }
.ss-power-fact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--fds-border); font-size: 13px; }
.ss-power-fact span { color: var(--fds-text-secondary); }
.ss-power-fact strong { font-weight: 600; overflow-wrap: anywhere; }
.ss-power-hint { margin: 14px 0; padding: 12px; border-radius: var(--fds-radius-md); background: var(--fds-blue-50); font-size: 12px; line-height: 1.5; }
.ss-power-note { display: grid; gap: 6px; margin-bottom: 10px; font-size: 13px; font-weight: 600; }
.ss-power-note textarea { width: 100%; resize: vertical; font: inherit; font-weight: 400; }
.ss-power-table-scroll { flex: 1; align-self: stretch; border: 0; border-radius: 0; }
.ss-power-table { min-width: 760px; }
.ss-power-table .fds-btn { min-height: 32px; padding: 4px 8px; color: var(--fds-blue-600); }
.ss-power-cell-meta { display: block; margin-top: 3px; color: var(--fds-text-secondary); font-size: 12px; }
.ss-power-load { flex: 1; min-width: 0; overflow: auto; padding: 16px; }
.ss-power-load-total { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; padding: 16px; border-radius: var(--fds-radius-md); background: var(--fds-blue-50); }
.ss-power-load-total strong { text-align: right; }
.ss-power-summary-table { min-width: 620px; }
@media (max-width: 1199px) {
  .ss-power-layout { grid-template-columns: minmax(0, 1fr) 240px; }
}
@media (max-width: 767px) {
  .ss-output-preview[data-output-preview=power] { overflow: visible; }
  .ss-power-workspace { min-height: auto; }
  .ss-power-layout { display: block; overflow: visible; }
  .ss-power-main { min-height: 440px; }
  .ss-power-canvas { min-height: 440px; padding: 8px; }
  .ss-power-plan-svg { min-height: 420px; }
  .ss-power-inspector { border-top: 1px solid var(--fds-border); border-left: 0; }
  .ss-power-tabs { width: 100%; }
  .ss-power-tabs .fds-btn { flex: 1; min-height: 44px; }
  [data-power-adjust] { width: 100%; min-height: 44px; }
  .ss-power-load-total { display: grid; }
  .ss-power-load-total strong { text-align: left; }
}
/* Lighting products L5: lighting schemes offered on the share page. */
.ss-output-share-lighting { display: grid; gap: var(--fds-space-2); margin: 0; padding: var(--fds-space-3); border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); min-width: 0; }
.ss-output-share-lighting legend { padding: 0 var(--fds-space-1); font-weight: 600; }

/* FDS extension: the owner-approved BoxScene promotion in the output toolbar. */
.ss-output-packaging-promo[hidden] { display: none; }
.ss-output-packaging-promo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--fds-space-3) var(--fds-space-8);
  min-width: 0;
  color: var(--fds-black);
}
.ss-output-packaging-heading { font-size: 1.5rem; line-height: 1.25; white-space: nowrap; letter-spacing: -.025em; }
.ss-output-packaging-message { margin: 0; font-size: .875rem; line-height: 1.25; }
.ss-output-packaging-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 220px;
  padding: var(--fds-space-2) var(--fds-space-5);
  border-radius: var(--fds-radius-pill, 999px);
  background: var(--fds-black);
  color: var(--fds-white);
  text-decoration: none;
  font-size: .8125rem;
  line-height: 1.3;
  white-space: nowrap;
}
.ss-output-packaging-link:hover { background: var(--fds-gray-800); color: var(--fds-white); }
.ss-output-packaging-logo { display: inline-flex; align-items: center; min-height: 44px; flex-shrink: 0; }
.ss-output-packaging-logo img { display: block; width: 110px; height: auto; }
.ss-output-packaging-promo a:focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: 4px; }
.ss-editor-page[data-workspace-step=output] .ss-toolbar { min-height: 56px; }
@media (max-width: 1200px) {
  .ss-output-packaging-promo { gap: var(--fds-space-2) var(--fds-space-4); flex: 1 1 0; }
  .ss-output-packaging-heading { font-size: 1.25rem; }
  .ss-output-packaging-link { min-width: 180px; }
}
@media (max-width: 768px) {
  .ss-output-packaging-promo { width: 100%; flex-basis: 100%; }
  .ss-output-packaging-link { min-height: 44px; }
  .ss-editor-page[data-workspace-step=output] .ss-toolbar { gap: var(--fds-space-3); }
}
@media (max-width: 480px) {
  .ss-output-packaging-promo { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .ss-output-packaging-heading { font-size: 1.125rem; }
  .ss-output-packaging-message { grid-column: 1 / -1; grid-row: 2; font-size: .8125rem; }
  .ss-output-packaging-link { grid-column: 1 / -1; min-width: 0; }
  .ss-output-packaging-logo { grid-column: 2; grid-row: 1; }
  .ss-output-packaging-logo img { width: 90px; }
}

/* FDS extension: equipment power coordination controls. */
.ss-power-filters { display:flex; flex-wrap:wrap; align-items:center; gap:var(--fds-space-4); padding:var(--fds-space-3) 0; }
.ss-power-filters .ss-field { min-width:160px; }
.ss-power-coordinate-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--fds-space-3); }
.ss-power-warning { border-left:3px solid var(--fds-gray-600); padding:var(--fds-space-3); background:var(--fds-gray-100); font-size:.8125rem; }
.ss-power-outline.is-selected { stroke:var(--fds-blue-600); fill:var(--fds-blue-50); stroke-width:1.5; vector-effect:non-scaling-stroke; }
.ss-power-outline[data-power-device] { cursor:pointer; }
.ss-power-point.is-selected { stroke:var(--fds-blue-600); }
@media (max-width:480px) { .ss-power-coordinate-fields { grid-template-columns:minmax(0,1fr); } }

.ss-power-plan-svg .ss-power-point:is(:hover,:focus-visible,.is-selected) > :is(circle,rect,path) { fill:var(--fds-blue-50); stroke:var(--fds-blue-600); stroke-width:1.5; vector-effect:non-scaling-stroke; }

.ss-power-filter-group { margin:0; padding:0; border:0; min-width:0; }
.ss-power-filter-group legend { font-size:.8125rem; color:var(--fds-text-secondary); margin-bottom:var(--fds-space-2); }
.ss-power-filter-options { display:flex; flex-wrap:wrap; gap:var(--fds-space-3); }
.ss-power-filter-options .ss-check { min-height:28px; margin:0; padding:2px 0; border:0; background:transparent; font-size:.8125rem; gap:6px; }
.ss-power-filter-options .ss-check input { width:14px; height:14px; flex:0 0 14px; margin:0; }
.ss-power-filter-options .ss-check:has(input:checked) { color:var(--fds-blue-600); }

/* FDS extension: shared store-lighting overview. */
.ss-lighting-overview-dialog { width:min(1200px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); border:1px solid var(--fds-border); border-radius:var(--fds-radius-md); padding:var(--fds-space-4); color:var(--fds-text-primary); background:var(--fds-bg-panel); overflow:auto; }
.ss-lighting-overview-dialog::backdrop { background:rgb(0 0 0 / .35); }
.ss-lighting-overview-dialog h2 { font-size:1.125rem; margin:0; }
.ss-lighting-overview-dialog .ss-power-layout { min-height:460px; }
.ss-power-plan-svg [data-lighting-fixture] { cursor:pointer; }
.ss-power-plan-svg [data-lighting-fixture]:focus-visible { outline:2px solid var(--fds-blue-600); }
/* FDS extension: match the stage title capsule; the menu opens below its own trigger. */
.ss-overview-entry { pointer-events:auto; position:absolute; right:12px; top:12px; z-index:6; font-size:var(--ss-type-note); }
.ss-overview-entry > summary { box-sizing:border-box; display:flex; align-items:center; gap:var(--fds-space-2); min-height:var(--ss-float-height); padding:0 12px; border:1px solid var(--fds-border); border-radius:var(--fds-radius-pill); background:var(--fds-bg-panel); box-shadow:var(--fds-shadow-1); line-height:20px; cursor:pointer; list-style:none; }
.ss-overview-entry > summary::-webkit-details-marker { display:none; }
.ss-overview-entry > summary::after { content:''; width:6px; height:6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); }
.ss-overview-entry[open] > summary::after { transform:rotate(225deg); }
.ss-view-settings-panel { position:absolute; top:calc(100% + var(--fds-space-2)); right:0; box-sizing:border-box; width:max-content; min-width:200px; max-width:calc(100vw - 32px); padding:var(--fds-space-2); border:1px solid var(--fds-border); border-radius:var(--fds-radius-md); background:var(--fds-bg-panel); box-shadow:var(--fds-shadow-2); }
.ss-view-settings-panel > button { display:block; width:100%; text-align:start; }
@media (max-width:1023px) { .ss-overview-entry { top:8px; right:8px; } }
@media(max-width:768px) { .ss-lighting-overview-dialog .ss-power-layout { grid-template-columns:minmax(0,1fr); } .ss-lighting-overview-dialog .ss-power-inspector { border-left:0; border-top:1px solid var(--fds-border); } }
.ss-editor-page[data-workspace-step=fpa] .ss-overview-entry { display:none; }
.ss-editor-page[data-workspace-step=output] .ss-overview-entry { display:none; }

.ss-editor-page.is-fpa-properties .ss-overview-entry { display:none; }

/* Jewellery capacity summary above the component list. */
.ss-jewellery-capacity { margin: 0 0 16px; padding: 20px; background: var(--fds-white); border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); }
.ss-jewellery-capacity h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.ss-jewellery-capacity h4 { margin: 16px 0 6px; font-size: 13px; font-weight: 600; }
.ss-jewellery-note { margin: 0 0 12px; font-size: 12px; color: var(--fds-text-secondary); }
.ss-jewellery-totals { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 8px; }
.ss-jewellery-totals li { padding: 10px 12px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-md); background: var(--fds-bg-muted); }
.ss-jewellery-totals span { display: block; font-size: 12px; color: var(--fds-text-secondary); }
.ss-jewellery-totals strong { margin-right: 4px; font-size: 22px; }
.ss-jewellery-totals small { font-size: 12px; color: var(--fds-text-secondary); }
.ss-jewellery-list { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.ss-jewellery-list li { padding: 8px 0; border-bottom: 1px solid var(--fds-border); overflow-wrap: anywhere; }
.ss-jewellery-list li:last-child { border-bottom: 0; }
.ss-jewellery-list span { display: block; margin-top: 2px; font-size: 12px; color: var(--fds-text-secondary); }
@media (max-width: 540px) { .ss-jewellery-capacity { padding: 16px; } }

/* FDS extension: safe-tray schedules share the existing responsive BOM and print sheet. */
#safe-tray-bom th, #safe-tray-bom td, .ss-tray-print p, .ss-tray-print td, .ss-tray-print th { overflow-wrap: anywhere; }
#safe-tray-bom small, .ss-tray-print .ss-bom-secondary, .ss-tray-print .ss-bom-status { display: block; }
.ss-tray-print .ss-confirm-table, .ss-tray-print-document .ss-confirm-table { table-layout: fixed; }
.ss-tray-print-document { display: none; }
@media print {
  body.ss-print-trays > :not(.ss-tray-print-document) { display: none !important; }
  body.ss-print-trays { height: auto !important; overflow: visible !important; }
  body.ss-print-trays > .ss-tray-print-document { display: block; position: static; width: 100%; margin: 0; padding: 0; }
  .ss-tray-print-document .ss-confirm-scroll { overflow: visible; }
  .ss-tray-print-document p, .ss-tray-print-document td, .ss-tray-print-document th { overflow-wrap: anywhere; }
  .ss-tray-print-document .ss-bom-secondary, .ss-tray-print-document .ss-bom-status { display: block; }
  .ss-tray-print-document section, .ss-tray-print-document tr { break-inside: avoid; }
  .ss-tray-print-document thead { display: table-header-group; }
}

.ss-overview-entry .ss-store-lightweight { display:flex; gap:var(--fds-space-2); padding:var(--fds-space-2) var(--fds-space-3); }
@media (pointer:coarse) { .ss-overview-entry .ss-store-lightweight { min-height:44px; } }


/* FDS extension: editor view settings popover, using the existing FDS palette. */
.ss-overview-entry { padding: 0; font-size: 12px; }
.ss-overview-entry > summary { box-sizing: border-box; display: flex; align-items: center; gap: 6px; min-height: var(--ss-float-height); padding: 4px 10px; list-style: none; border-radius: var(--fds-radius-pill); }
.ss-overview-entry > summary::-webkit-details-marker { display: none; }
.ss-overview-entry > summary svg { width: 16px; height: 16px; flex: none; }
.ss-overview-entry > summary:hover { background: var(--fds-bg-muted); }
.ss-overview-entry[open] > summary { background: var(--fds-bg-muted); }
.ss-overview-entry[open] .ss-view-settings-chevron { transform: rotate(180deg); }
.ss-view-settings-panel { position: absolute; right: 0; top: calc(100% + 8px); width: 260px; max-width: calc(100vw - 48px); max-height: min(520px, calc(100dvh - 230px)); overflow: auto; padding: 8px; border: 1px solid var(--fds-border); border-radius: var(--fds-radius-lg); background: var(--fds-bg-panel); box-shadow: var(--fds-shadow-2); color: var(--fds-text-primary); }
#stage-perspective-settings:not([hidden]) { display: grid; gap: 4px; }
#stage-perspective-settings > label { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 40px; padding: 6px 10px; margin: 0; cursor: pointer; }
#case-labels-toggle { appearance: none; position: relative; flex: none; width: 28px; height: 18px; margin: 0; border: 0; border-radius: var(--fds-radius-pill); background: var(--fds-gray-400); cursor: pointer; }
#case-labels-toggle::after { content: ''; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--fds-white); }
#case-labels-toggle:checked { background: var(--fds-blue-600); }
#case-labels-toggle:checked::after { transform: translateX(10px); }
#stage-lighting-settings { border-top: 1px solid var(--fds-border); padding-top: 4px; }
#stage-lighting-settings .ss-lighting-popover > summary { justify-content: space-between; width: 100%; min-height: 36px; padding: 6px 10px; border-radius: var(--fds-radius-md); font-weight: 500; }
#stage-lighting-settings .ss-lighting-popover > summary:hover { background: var(--fds-bg-muted); }
#stage-lighting-settings .ss-lighting-popover[open] > summary { color: var(--fds-text-primary); background: var(--fds-bg-muted); }
#stage-lighting-settings .ss-lighting-popover:not([open]) > summary svg { transform: rotate(180deg); }
#stage-lighting-settings .ss-lighting-popover-body { position: static; width: auto; max-width: none; gap: 12px; margin: 0; padding: 12px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#stage-lighting-settings .ss-lighting-popover-body > label { display: grid; grid-template-columns: minmax(0, 72px) minmax(0, 1fr); gap: 12px; align-items: center; color: var(--fds-text-secondary); }
#stage-lighting-settings .ss-lighting-popover-body .fds-select { min-width: 0; min-height: 32px; height: 32px; padding-block: 0; font-size: 12px; color: var(--fds-text-primary); }
#stage-lighting-settings [data-lighting-overview-open] { width: 100%; justify-content: flex-start; border: 0; border-top: 1px solid var(--fds-border); border-radius: 0; padding: 10px 0 0; font-size: 12px; }
#stage-lighting-settings #cabinet-cct:disabled { color: var(--fds-text-secondary); background: var(--fds-bg-muted); cursor: not-allowed; opacity: .65; }
#cabinet-cct-hint { margin: 0; max-width: 260px; font-size: 12px; line-height: 1.6; color: var(--fds-text-secondary); }
.ss-view-settings-panel > #lighting-overview-open[hidden] { display: none; }
.ss-view-settings-panel > #lighting-overview-open { display: flex; justify-content: flex-start; width: 100%; min-height: 36px; margin-top: 4px; padding: 8px 10px; border: 0; border-top: 1px solid var(--fds-border); border-radius: 0; font-size: 12px; }
.ss-view-settings-panel > #lighting-overview-open:hover { background: var(--fds-bg-muted); border-radius: var(--fds-radius-md); }
#stage-view-settings :focus-visible { outline: 2px solid var(--fds-blue-600); outline-offset: 2px; }
.ss-editor-page .ss-3d-material[hidden] { display: none; }
@media (pointer: coarse) {
  .ss-overview-entry > summary, #stage-perspective-settings > label, #stage-lighting-settings .ss-lighting-popover > summary, .ss-view-settings-panel > #lighting-overview-open { min-height: 44px; }
  #stage-lighting-settings .ss-lighting-popover-body .fds-select { min-height: 44px; height: 44px; font-size: 16px; }
}

@media (max-width: 1023px) { .ss-overview-entry { top: 8px; right: 8px; } }

.ss-overview-entry > summary::after { display: none; }

/* FDS extension: project-scoped commercial history dialog. */
.ss-commerce-inquiries { width: min(48rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto; }
.ss-commerce-inquiries .ss-output-card { display: grid; gap: var(--fds-space-2); min-width: 0; overflow-wrap: anywhere; }
.ss-commerce-inquiries .fds-btn { white-space: normal; }

/* FDS extension: immutable customer quotation viewed in the editor. */
.ss-editor-quote{width:min(1180px,calc(100vw - 32px));height:min(92dvh,1040px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--fds-border);border-radius:var(--fds-radius-lg);overflow:hidden;background:var(--fds-white)}.ss-editor-quote[open]{display:flex;flex-direction:column}.ss-editor-quote::backdrop{background:rgb(0 0 0 / .35)}.ss-editor-quote-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:75px;box-sizing:border-box;padding:12px 24px;border-bottom:1px solid var(--fds-border)}.ss-editor-quote-head h2{margin:0;font-size:18px}.ss-editor-quote-frame{display:block;width:100%;flex:1;min-height:0;border:0}.ss-quote-validity{font-size:12px;color:var(--fds-text-secondary)}.ss-inquiry-quote-summary{font-weight:500;line-height:1.6}@media(max-width:700px){.ss-editor-quote{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;border-radius:0}.ss-editor-quote-head{padding-inline:16px}}
.ss-output-quote-notice{display:grid;gap:3px;max-width:340px;padding:8px 12px;border:1px solid var(--fds-green-200);border-radius:var(--fds-radius-md);background:var(--fds-green-50);font-size:12px;line-height:1.45}.ss-output-quote-notice[hidden]{display:none}.ss-output-quote-notice strong{font-weight:500}.ss-output-quote-notice small{font-size:11px;color:var(--fds-text-secondary)}.ss-output-quote-notice.is-changed{background:var(--fds-amber-50);border-color:var(--fds-amber-200)}@media(max-width:900px){.ss-output-quote-notice{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));inset-inline:12px;max-width:none;z-index:25}.ss-editor-page:has(#output-quote-notice:not([hidden])){padding-bottom:calc(150px + env(safe-area-inset-bottom))}}
/* FDS extension: unified commercial window reminders and responsive output priorities. */
.ss-output-packaging-compact{display:none}.has-unread-quote{position:relative}.has-unread-quote::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fds-red-600);margin-inline-start:7px;vertical-align:middle}#output-inquiry.has-unread-quote::after{background:var(--fds-white)}
.ss-quote-toast{position:fixed;inset-block-start:76px;inset-inline-end:24px;z-index:1500;max-width:min(420px,calc(100vw - 32px));padding:16px;background:var(--fds-white);color:var(--fds-text-primary);border:1px solid var(--fds-border);border-radius:var(--fds-radius-lg);box-shadow:var(--fds-shadow-3)}.ss-quote-toast p{font-size:13px;line-height:1.5;margin:8px 0}.ss-quote-toast button{margin-inline-end:8px}
@media(min-width:701px) and (max-width:1600px){.ss-editor-page[data-workspace-step=output] .ss-output-packaging-promo{flex:0 1 auto;gap:0;max-width:190px}.ss-editor-page[data-workspace-step=output] .ss-output-packaging-promo>:not(.ss-output-packaging-compact){display:none}.ss-output-packaging-compact{display:inline-flex;align-items:center;min-height:36px;font-size:12px;color:var(--fds-text-secondary);text-decoration:none;white-space:nowrap}.ss-editor-page[data-workspace-step=output] .ss-output-inquiry{flex:0 0 auto;order:100;margin-inline-start:8px}.ss-editor-page[data-workspace-step=output] .ss-output-quote-notice{order:99;position:static;inset:auto;max-width:340px;min-width:180px;flex:0 1 340px;padding:5px 8px}.ss-editor-page[data-workspace-step=output] .ss-toolbar{flex-wrap:nowrap;gap:8px}.ss-editor-page[data-workspace-step=output]:has(#output-quote-notice:not([hidden])){padding-bottom:0}}
@media(max-width:700px){.ss-output-packaging-promo>:not(.ss-output-packaging-compact){display:none}.ss-output-packaging-compact{display:inline-flex;font-size:11px;color:var(--fds-text-secondary);align-items:center;min-height:32px}.ss-output-packaging-promo{max-width:160px!important;flex-basis:auto!important;width:auto!important}.ss-output-inquiry{flex-shrink:0}}
.ss-quote-window-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.ss-quote-window-controls select{max-width:180px;min-width:80px;width:auto}#steps .has-unread-quote::after{position:absolute;inset-block-start:6px;inset-inline-end:8px;margin:0}@media(max-width:700px){.ss-editor-quote-head{flex-wrap:wrap}.ss-quote-window-controls{flex:1}.ss-quote-window-controls .fds-btn{font-size:12px}}

.ss-editor-quote-head .ss-quote-other-supplier{min-height:34px;padding:0 12px;border-radius:6px;font-size:12px;color:var(--fds-text-secondary)}.ss-editor-quote-head .ss-editor-quote-close{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;width:34px;height:34px;padding:0;border:0;border-radius:6px;font-size:24px;line-height:1;color:var(--fds-text-secondary)}.ss-editor-quote-head .ss-editor-quote-close:hover{background:var(--fds-gray-100)}.ss-editor-quote-head h2:focus{outline:none}