/* Catalogue appearance. Do not override the approved row grid or motion. */
:root { --amber:#e9b256; --amber-soft:#fff8eb; --ui-selection:#fff8eb; --ui-control-shadow:none; --focus-ring:none; }
body :is(input:not([type=range]),select,textarea) { border:1px solid #dce2e7; border-radius:6px; box-shadow:none !important; background:#fff; }
body :is(input:not([type=range]),select,textarea):is(:hover,:focus,:focus-visible) { box-shadow:none !important; outline:none !important; }
body :is(input:not([type=range]),select,textarea):is(:focus,:focus-visible) { border-color:#dfa94c !important; }
body :is(button,summary):focus-visible { outline:1px solid #dfa94c; outline-offset:2px; box-shadow:none !important; }
body :is(.catalog-mode,.details-trigger,.add-button,.panel-order-note button,.company-button,.selection-workspace button,.refined-panel-actions,.panel-fold,.service-choice,.group-more,.m-load-more) { box-shadow:none !important; }
body :is(.catalog-mode.active,.m-mode-switch button.active) { background:#fff8eb !important; border-color:#ebc782 !important; color:#3f4850; }
body .selection-quantity > div:focus-within { outline:none; border-color:#dfa94c; box-shadow:none; }
body .selection-quantity input { border:0 !important; background:transparent; }
body :is(.grade-search,.m-search-field) { border:1px solid #dce2e7; border-radius:6px; box-shadow:none !important; background:#fff; }
body :is(.grade-search,.m-search-field):focus-within { border-color:#dfa94c; outline:none; box-shadow:none !important; }
body :is(.grade-search,.m-search-field) > input { border:0 !important; border-radius:0; background:transparent; }
body #gradeList .grade-row:focus-visible .grade-entry { border-color:#dfa94c !important; box-shadow:none !important; outline:none; }
body :is(.panel-refined .panel-form,.m-mobile-form,.m-assistant-form,.assistant-form,.request-editor) :is(input,select,textarea) { border-width:1px !important; box-shadow:none !important; }
body .panel-refined .service-choice { border:1px solid #dce2e7 !important; background:#fff; }
body .panel-refined .service-choice.selected { background:#fff8eb; border-color:#e9bc6c !important; }
body :is(.refined-panel-actions .manager-action,.selection-workspace .row-primary,.m-overlay-action-bar .primary,.m-page-action-bar .primary) { background:#fff8eb !important; border-color:#e9bc6c; color:#39454f; font-weight:500; }
body :is(.group-more,.m-load-more) { border:0; border-top:1px solid #edcd95; border-bottom:0; background:#fff8e9 !important; color:#66532e; border-radius:0 0 7px 7px; }
body :is(.group-more,.m-load-more):hover { background:#fff2d9 !important; }
body .group-more i { border-color:#e9bc6c; color:#866424; }
body #shapeStrip > .shape-button { border:0 !important; border-right:1px solid #e4e8ec !important; border-radius:0 !important; background:#fff !important; }
body #shapeStrip > .shape-button:last-child { border-right:0 !important; }
body #shapeStrip > .shape-button::before { content:none !important; }
body #shapeStrip > .shape-button::after { content:none !important; }
body #shapeStrip > .shape-button.active, body #shapeStrip > .shape-button.active:hover { background:#fff8eb !important; box-shadow:inset 0 0 0 1px #e9bc6c !important; }
body #shapeStrip > .shape-button:not(.active):hover { background:#fffcf5 !important; }
body #shapeStrip > .shape-button:focus-visible { outline:none !important; box-shadow:inset 0 0 0 1px #dfa94c !important; }
body #shapeStrip > .shape-button:first-child { border-radius:7px 0 0 7px !important; }
body #shapeStrip > .shape-button:last-child { border-radius:0 7px 7px 0 !important; }
body #shapeStrip > .shape-button > strong { display:block !important; -webkit-line-clamp:unset; }
body #shapeStrip > .shape-button > strong > span { white-space:normal; }
body .service-fields label > span { font-size:12px; line-height:1.4; }
body .service-fields :is(input,output) { font-size:14px; line-height:1.4; min-height:38px; }

/* Local filters belong to their group. Only the size tool carries a frame;
   subgroup and ordering remain light text controls rather than four boxes. */
body .group-filter-inline { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:2px 0 8px; margin:0; width:100%; min-height:0; border:0; background:none; }
.group-filter-scope { font-size:11px; color:#78838d; flex:0 0 auto; }
body .group-filter-inline :is(.group-subform,.group-sort) { width:auto; height:34px; max-width:220px; min-width:0; padding:5px 22px 5px 7px; background-color:transparent; border:1px solid transparent; border-radius:5px; font-size:13px; font-weight:400; box-shadow:none; flex:0 1 auto; margin:0; }
body .group-filter-inline :is(.group-subform,.group-sort):hover { border-color:#e2e7eb; background-color:#fff; }
body .group-filter-inline select:is(.group-subform,.group-metric,.group-sort),body .group-filter-inline select:is(.group-subform,.group-metric,.group-sort):is(:hover,:focus) { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2370808b' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 7px center; }
body .group-size-control { display:grid; grid-template-columns:minmax(105px,1fr) minmax(130px,1fr); grid-template-rows:28px 20px; align-items:center; gap:0 10px; flex:1 1 290px; min-width:230px; max-width:560px; width:auto; height:62px; padding:5px 12px; border:1px solid #e0e5ea; border-radius:6px; background:#fff; }
body .group-size-control:focus-within { border-color:#dfa94c; }
body .group-filter-inline .group-metric { grid-column:1; grid-row:1; width:100%; height:28px; min-width:0; margin:0; padding:3px 22px 3px 0; border:0 !important; border-radius:0; font-size:13px; background-color:transparent; }
body .group-filter-inline .group-size-value { grid-column:2; grid-row:1; width:100%; min-width:0; height:28px; border:0 !important; border-left:1px solid #e7ebee !important; border-radius:0; padding:3px 4px 3px 10px; font-size:14px; text-align:right; background:transparent; font-weight:500; color:#424e58; }
body .group-range { grid-column:1/-1; grid-row:2; width:auto; height:20px; min-width:0; margin:0 7px; }
body .group-range-rail,body .group-range-fill { top:9px; height:2px; border-radius:2px; }
body .group-range-rail { background:#e7ebef; }
body .group-range-fill { background:#e0b568; }
body .group-filter-inline .group-range input { height:20px; width:100%; border:0 !important; background:none; box-shadow:none !important; }
body .group-range input::-webkit-slider-runnable-track { height:2px; }
body .group-range input::-webkit-slider-thumb { width:14px; height:14px; margin-top:-6px; border:1px solid #d2b47e; background:#fff; box-shadow:none; }
body .group-range input::-moz-range-track { height:2px; }
body .group-range input::-moz-range-thumb { width:12px; height:12px; border:1px solid #d2b47e; background:#fff; box-shadow:none; }
body .group-range input:hover::-webkit-slider-thumb,body .group-range input:focus-visible::-webkit-slider-thumb { border-color:#bc8f3c; box-shadow:none; }
body .group-range input:focus-visible::-moz-range-thumb { border-color:#bc8f3c; box-shadow:none; }
body .group-range-limits { display:none; }
body .group-filter-inline .group-sort { max-width:145px; margin-left:auto; }
body .group-filter-inline .group-filter-clear { width:26px; height:30px; flex:0 0 26px; margin:0; padding:0; color:#788691; font-size:20px; }
body .group-filter-inline .group-filter-clear[hidden] { display:none !important; }
body .group-filter-inline .group-filter-error { top:100%; font-size:12px; }

/* Appearance only. Layout, panel motion and scroll handoff remain owned by
   the approved rules in styles.css/refinement.css and app.js. */
@media(min-width:901px) {
  body .results { container:catalog-results / inline-size; }
  body .catalog-layout,body .catalog-layout > .results,body .catalog-layout > .grade-sidebar,body .column-heads,body .product-card.price-row { transition-duration:320ms; }
  body .details-panel:not([hidden]):not(.is-closing),body .details-panel.is-closing { animation-duration:320ms; }
  body .product-card.price-row { box-shadow:none !important; padding-inline-end:12px; }
  body #columnHeads { padding-inline-end:12px; }
  body .product-card.price-row .product-actions { padding-inline:1px; gap:3px; }
  body .product-card.price-row .details-trigger { flex:1 1 auto; width:auto; min-width:0; max-width:none; height:36px; padding:6px; gap:4px; font:500 12px/18px var(--font-ui); border:1px solid #e8bd70; border-radius:6px; color:#46515b; background:#fff; box-shadow:none !important; }
  body .product-card.price-row .details-trigger-label { white-space:nowrap; }
  body .product-card.price-row .details-trigger i { flex:0 0 4px; width:4px; height:4px; }
  body .product-card.price-row .add-button { width:28px; height:36px; flex:0 0 28px; padding:0; border:1px solid #e8bd70; border-radius:6px; color:#897043; background:#fff; }
  body .catalog-layout.with-details .product-card.price-row .add-button { display:none !important; }
  body .product-card.price-row .details-trigger:hover,body .product-card.price-row .add-button:hover { background:#fff8eb; border-color:#dca54b; }
  body .product-card.price-row.selected .details-trigger,body .product-card.price-row .add-button.added { background:#fff8eb !important; border-color:#e8bd70 !important; color:#655130; }
  body .product-entry.selected-entry,body .product-entry.selected-entry::after { border-color:#e8bd70 !important; }
  body .selection-workspace { --selected-row-padding-block:14px; padding-block:var(--selected-row-padding-block); background:#fcfcfd; border-top-color:#e5e9ed; }
  body .selection-order-line { align-items:flex-end; justify-content:flex-start; }
  body .selection-order-line .row-primary { margin-left:0; }
  body .product-card.price-row.selected .details-trigger { flex:1 1 auto; }
  body .product-card.price-row.selected .product-actions { justify-content:flex-start; }
  body .manufacture-status span { white-space:normal; overflow-wrap:anywhere; }
  body .selection-workspace .row-primary { border-radius:6px; }
  body #columnHeads .head-warehouse { overflow:visible; }
  body #columnHeads .head-warehouse button > span { width:auto; min-width:0; padding:0 !important; grid-column:auto; white-space:normal; }
  body #columnHeads .head-warehouse button > span::after { content:none !important; }
  body #columnHeads .price-warehouse-menu { min-width:205px; }
  @container catalog-results (max-width:900px) { body .group-filter-scope { flex-basis:100%; } }
  @container catalog-results (max-width:840px) {
    body .group-filter-inline .group-size-control { order:2; flex:1 1 100%; max-width:none; }
    body .group-filter-scope { flex-basis:auto; }
  }
  @container catalog-results (max-width:400px) {
    body .group-filter-scope { flex-basis:100%; }
    body .group-filter-inline :is(.group-subform,.group-sort) { max-width:100%; }
    body .group-filter-inline .group-size-control { min-width:0; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding-inline:8px; gap:0 6px; }
  }
}
@media(min-width:1101px) and (max-width:1391px) {
  body .catalog-layout:not(.with-details) .product-card.price-row .details-trigger { font-size:11px; padding-inline:3px; gap:2px; }
}
/* The original narrow five-track row reserves 116px for actions. Keep
   the controls inside the row, including its 12px end inset, without changing tracks. */
@media(min-width:1024px) and (max-width:1100px) {
  body .catalog-layout.with-details .product-card.price-row .product-actions { width:96px; }
}
@media(min-width:901px) and (max-width:1100px) {
  body .product-card.price-row .details-trigger { font-size:10px; padding-inline:4px; }
  body #shapeStrip > .shape-button { grid-template-rows:84px auto !important; padding-inline:8px !important; }
  body #shapeStrip > .shape-button img { height:84px !important; width:96px !important; }
}
@media(max-width:900px) {
  body .mobile-marketplace :is(.m-filter-button,.m-categories-preview > header > button) { font-size:12px; font-weight:500; }
  body .group-filter-scope { flex-basis:100%; }
  body .group-filter-inline { gap:4px 6px; }
  body .group-filter-inline .group-size-control { order:2; flex-basis:100%; min-width:0; max-width:none; height:68px; grid-template-rows:30px 24px; }
  body .group-filter-inline .group-subform { max-width:calc(100% - 140px); }
  body .group-filter-inline .group-size-value { font-size:16px; height:30px; }
  body .group-range,body .group-filter-inline .group-range input { height:24px; }
  body .group-range-rail,body .group-range-fill { top:11px; }
  body .group-range input::-webkit-slider-thumb { width:20px; height:20px; margin-top:-9px; }
  body .group-range input::-moz-range-thumb { width:18px; height:18px; }
}
@media(prefers-reduced-motion:reduce) { body .details-panel,body .details-panel .details-inner,body .selection-workspace { animation:none !important; transition:none !important; } }

/* Desktop layer contract. On wide Windows viewports the side panel receives
   z-index:20, so the sticky catalogue controls must stay in the next layer.
   Keeping these values below drawers/tooltips preserves their modal priority. */
@media(min-width:901px) {
  body .catalog-head { z-index:32; }
  body .filter-bar { z-index:31; isolation:isolate; }
}

/* Grid motion stays active around the viewport, for selection and keyboard focus. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference) {
  body #productGroups .price-row.is-outside-motion-window:not(.selected):not(:focus-within) { transition-duration:0s; }
}

/* Group tools form the top edge of the same catalogue list. */
body .product-group-head { padding-bottom:0; }
body .group-filter-inline { padding:12px; border:1px solid #dfe4e9; border-bottom:0; border-radius:7px 7px 0 0; background:#fafbfc; gap:10px 12px; }
body .product-group:has(.group-filter-inline) .product-list { border-radius:0 0 7px 7px; }
body .product-group:has(.group-filter-inline) .product-list > .product-entry:first-child { border-top-left-radius:0; border-top-right-radius:0; }
body .group-subforms { display:flex; flex-wrap:wrap; gap:6px; flex:1 1 100%; min-width:0; }
body .group-subform-card { display:flex; align-items:center; justify-content:flex-start; gap:6px; min-width:0; flex:0 1 auto; min-height:44px; padding:5px 9px; border:1px solid #e0e5e9; border-radius:6px; background:#fff; color:#56626d; font:500 12px/1.25 var(--font-ui); cursor:pointer; transition:background-color 160ms ease,border-color 160ms ease; }
body .group-subform-card img { width:38px; height:30px; object-fit:contain; flex:0 0 38px; }
body .group-subform-card[aria-pressed=true] { border-color:#e8bd70; background:#fff8eb; color:#655130; }
body .group-subform-card:hover { border-color:#e8bd70; background:#fffcf5; }
body .group-filter-inline .group-size-control { max-width:none; }
body .group-filter-scope { display:none; }
body .manufacture-invitation,body .product-list > .manufacture-invitation { margin:0; background:#fff8e9; border:0; border-top:1px solid #edcd95; border-radius:0 0 7px 7px; color:#66532e; }
body .manufacture-invitation button { border:1px solid #e8bd70; color:#66532e; box-shadow:none; }
body .manufacture-invitation button:hover { background:#fff2d9; box-shadow:none; }
body .selection-workspace > * { flex-shrink:0; }
body .selection-replacements { min-width:0; border-top:1px solid #e8edf1; padding-top:10px; }
body .selection-replacements > header { display:flex; justify-content:space-between; gap:10px; margin-bottom:7px; font-size:12px; line-height:1.4; }
body .selection-replacements > header a { color:#7f6a45; text-decoration:none; }
body .replacement-list { display:flex; flex-wrap:wrap; gap:6px; }
body .replacement-option { min-width:0; max-width:100%; display:flex; flex-direction:column; gap:3px; padding:7px 10px; background:#fff; border:1px solid #e0e5e9; border-radius:6px; color:#53616c; text-align:left; font:12px/1.4 var(--font-ui); }
body button.replacement-option { border-color:#e8bd70; cursor:pointer; }
body button.replacement-option:hover { background:#fff8eb; }
body .replacement-option strong { font-size:13px; font-weight:600; }
body .replacement-option span { overflow-wrap:anywhere; }
body .replacement-unavailable { color:#85909a; background:transparent; }
body .selection-replacements p { margin:7px 0 0; font-size:11px; color:#7c8791; }
@media(max-width:900px) {
  body .m-stock-group > header { margin-bottom:0; }
  body .m-stock-group > header .group-filter-inline { margin-top:8px; }
  body .group-subform-card { flex:1 1 calc(33.333% - 6px); flex-direction:column; justify-content:center; padding:6px; text-align:center; font-size:11px; }
}

html.row-motion-anchored { overflow-anchor:none; scroll-behavior:auto; }
body .selection-replacements > header { flex-wrap:wrap; }

body .manufacture-invitation strong { color:#66532e; }

/* One quiet catalogue toolbar at every width: no stacked form tiles. */
body .group-filter-inline { --group-control-height:44px; flex-wrap:nowrap; gap:6px; padding:6px 8px; align-items:center; }
body .group-filter-inline .group-subforms { flex:0 1 auto; flex-wrap:nowrap; gap:4px; width:max-content; max-width:44%; min-width:0; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
body .group-subforms::-webkit-scrollbar { display:none; }
body .group-filter-inline .group-subform-card { flex:0 0 auto; flex-direction:row; justify-content:center; gap:4px; min-height:38px; height:38px; padding:4px 6px; font-size:11px; line-height:1.15; white-space:nowrap; }
body .group-filter-inline .group-subform-card img { width:26px; height:24px; flex-basis:26px; }
body .group-filter-inline .group-size-control { order:0; flex:1 1 220px; min-width:140px; height:var(--group-control-height); padding:2px 8px; grid-template-columns:minmax(0,1fr) minmax(55px,.8fr); grid-template-rows:22px 16px; gap:0 6px; }
body .group-filter-inline .group-metric { height:22px; font-size:11px; padding:1px 16px 1px 0; background-position:right 2px center; }
body .group-filter-inline .group-size-value { height:22px; font-size:13px; padding:1px 0 1px 6px; }
body .group-filter-inline .group-range { height:16px; margin-inline:6px; }
body .group-filter-inline .group-range input { height:16px; }
body .group-filter-inline .group-range-rail,body .group-filter-inline .group-range-fill { top:7px; }
body .group-filter-inline .group-range input::-webkit-slider-thumb { width:12px; height:12px; margin-top:-5px; }
body .group-filter-inline .group-range input::-moz-range-thumb { width:10px; height:10px; }
body .group-filter-inline select.group-sort,body .group-filter-inline select.group-sort:is(:hover,:focus) { flex:0 0 26px; width:26px; max-width:26px; margin:0; padding:0; height:32px; font-size:0; border:0; background-position:center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M5 12V3m-3 3 3-3 3 3m3-2v9m-3-3 3 3 3-3' fill='none' stroke='%2370808b' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
body .group-sort option { font-size:13px; }
body .group-filter-inline .group-filter-clear { flex-basis:20px; width:20px; height:28px; font-size:18px; }
@media(max-width:900px) {
  body .group-filter-inline { padding:5px 0; gap:4px; border:0; border-radius:0; background:transparent; }
  body .group-filter-inline .group-subforms { max-width:40%; }
  body .group-filter-inline .group-subform-card { flex-direction:column; gap:1px; width:48px; padding:2px 3px; height:44px; min-height:44px; font-size:10px; }
  body .group-filter-inline .group-subform-card img { width:26px; height:22px; flex-basis:22px; }
  body .group-filter-inline .group-subform-card span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  body .group-filter-inline .group-size-control { min-width:136px; padding-inline:6px; }
  body .group-filter-inline .group-size-value { font-size:16px; }
}

@media(max-width:900px) {
  body .group-filter-inline .group-subform-card span { font-size:0; }
  body .group-filter-inline .group-subform-card span::after { content:attr(data-short-label); font-size:10px; }
}


/* Shape icons open their own label without replacing any controls or images. */
body .group-filter-inline .group-subform-card { width:auto; height:var(--group-control-height); min-height:var(--group-control-height); padding:5px 7px; gap:0; flex-direction:row; justify-content:flex-start; }
body .group-filter-inline .group-subform-card img { width:26px; height:26px; flex-basis:26px; }
body .group-filter-inline .group-subform-card .group-subform-label { display:block; width:0; min-width:0; max-width:180px; margin-left:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; line-height:18px; opacity:0; transition:width 220ms cubic-bezier(.22,.8,.28,1),margin-left 220ms cubic-bezier(.22,.8,.28,1),opacity 160ms ease; }
body .group-filter-inline .group-subform-card .group-subform-label::after { content:none; }
body .group-filter-inline .group-subform-card:focus-visible .group-subform-label { width:var(--subform-label-width,120px); margin-left:6px; opacity:1; }
@media(hover:hover) and (pointer:fine) {
  body .group-filter-inline .group-subform-card.is-label-open .group-subform-label { width:var(--subform-label-width,120px); margin-left:6px; opacity:1; }
  body .group-filter-inline .group-subforms:has(.is-label-open) .group-subform-card:focus-visible:not(.is-label-open) .group-subform-label { width:0; margin-left:0; opacity:0; }
}
@media(prefers-reduced-motion:reduce) {
  body .group-filter-inline .group-subform-card .group-subform-label { transition:none; }
}

@media(hover:hover) and (pointer:fine) {
  body .group-filter-inline .group-subforms { max-width:calc(100% - 178px); }
  body .group-filter-inline .group-size-control { flex-basis:140px; }
  body .group-filter-inline:has(.group-filter-clear:not([hidden])) .group-subforms { max-width:calc(100% - 198px); }
  body .group-filter-inline .group-subform-card:hover:not(.is-label-open):not([aria-pressed=true]) { background:#fff; border-color:#e0e5e9; }
  body .group-filter-inline .group-subform-card.is-label-open { background:#fffcf5; border-color:#e8bd70; }
}

/* Selected stock: quantity and amount first, optional tools underneath. */
@media(min-width:901px) {
  body .selection-workspace-compact { --selected-row-padding-block:10px; padding-inline:14px; gap:8px; }
  body .selection-workspace-compact .selection-order-line { gap:12px; align-items:flex-end; }
  body .selection-workspace-compact .selection-quantity { flex-basis:100px; width:100px; gap:3px; }
  body .selection-workspace-compact .selection-quantity > span,
  body .selection-total > span { font-size:12px; line-height:17px; color:#76828d; }
  body .selection-workspace-compact .selection-quantity > div { height:34px; }
  body .selection-workspace-compact .selection-quantity input { height:32px; font-size:14px; }
  body .selection-total { display:grid; gap:3px; min-width:110px; }
  body .selection-total output { display:flex; align-items:center; min-height:34px; color:#303940; font-size:16px; line-height:1.3; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  body .selection-workspace-compact .row-primary { height:34px; padding:6px 11px; font-size:13px; }
  body .selection-tools-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; min-width:0; }
  body .selection-processing { display:flex; flex-wrap:wrap; align-items:center; min-width:0; gap:6px; }
  body .selection-caption { color:#6f7b85; font-size:12px; line-height:1.4; font-weight:400; }
  body .selection-processing small { font-size:11px; line-height:1.3; color:#79858f; }
  body .selection-service-chip { display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:4px 8px; border:1px solid #dde3e8; border-radius:6px; background:#fff; color:#52606c; font:12px/1.4 var(--font-ui); cursor:pointer; transition:border-color 160ms ease,background-color 160ms ease; }
  body .selection-service-chip i { width:12px; font-style:normal; text-align:center; color:#897144; }
  body .selection-service-chip[aria-pressed=true] { border-color:#e8bd70; background:#fff8eb; color:#66532e; }
  body .selection-service-chip:hover { border-color:#e8bd70; background:#fffcf5; }
  body .selection-text-action { padding:4px 2px; border:0; border-radius:4px; background:transparent; color:#78613a; min-height:30px; font:12px/1.4 var(--font-ui); cursor:pointer; }
  body .selection-text-action:hover { color:#473b25; background:#fff8eb; }
  body .selection-services-summary { max-width:100%; overflow-wrap:anywhere; color:#52606c; font-size:12px; }
  body .selection-workspace-compact .selection-alternatives { width:auto; padding-top:0; border:0; gap:6px; }
  body .selection-workspace-compact .selection-alternatives button { min-height:30px; padding:4px 8px; font-size:12px; gap:9px; }
  body .selection-replacements-compact { padding-top:8px; }
  body .selection-replacement-line { display:flex; align-items:center; flex-wrap:wrap; gap:6px 9px; min-width:0; }
  body .selection-replacements-compact .replacement-list { display:contents; }
  body .selection-replacements-compact .replacement-option { flex-direction:row; flex-wrap:wrap; align-items:center; gap:5px 8px; min-height:30px; padding:4px 8px; font-size:12px; }
  body .selection-replacements-compact .replacement-option strong { font-size:12px; }
  body .selection-replacements-compact .replacement-option i { font-style:normal; }
  body .selection-replacements-compact .replacement-unavailable { border-color:transparent; padding-inline:2px; }
  body .selection-reference { margin-left:auto; padding:4px 0; color:#7f6a45; text-decoration:none; font-size:12px; line-height:1.4; }
  body .selection-reference:hover { text-decoration:underline; }
  body .selection-replacements-compact p { margin:5px 0 0; line-height:1.4; }
}
@media(min-width:901px) and (max-width:1100px) {
  body .selection-workspace-compact .selection-order-line { gap:8px; }
  body .selection-workspace-compact .selection-quantity { flex-basis:90px; width:90px; }
  body .selection-total { min-width:90px; }
}