/* Accessories share section spacing, price placement, control sizing, and selected states. */
#workflow #step-accessories{--accessory-border:#9da9b5;--accessory-divider:#9da9b5;--accessory-highlight:#786600;--accessory-neutral:var(--paper)}
[data-theme="dark"] #workflow #step-accessories{--accessory-border:#b7c4d2;--accessory-divider:#617286;--accessory-highlight:#e5d136}
#workflow #step-accessories .furniture-tools{margin:0!important}
#workflow #step-accessories .accessory-section{border-top:1px solid var(--accessory-divider);margin:20px 0 0;padding:20px 0 0;min-width:0}
#workflow #step-accessories .accessory-heading{display:block;margin:0 0 12px}
#workflow #step-accessories .accessory-heading h3{font:700 15px/1.35 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none;color:var(--ink);margin:0}
#workflow #step-accessories .accessory-heading .accessory-price{font:600 14px/1.5 Inter,Arial,sans-serif!important;color:var(--accessory-highlight)!important;margin:8px 0 0!important}
#workflow #step-accessories p,#workflow #step-accessories small,#workflow #step-accessories label,#workflow #step-accessories .table-size-heading{font-size:13px!important;line-height:1.5!important}
#workflow #step-accessories .accessory-description,#workflow #step-accessories .table-selection-hint,#workflow #step-accessories #nomad-accessory>small{color:var(--muted)!important;margin:10px 0 0!important}
#workflow #step-accessories .accessory-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px!important;margin:0!important;white-space:normal!important;overflow:visible!important}
#workflow #step-accessories .accessory-contents{display:contents!important}
#workflow #step-accessories .accessory-room{min-width:0;margin:0!important;width:100%!important;display:block}
#workflow #step-accessories button,#workflow #step-accessories select{height:40px!important;min-height:40px!important;box-sizing:border-box!important;padding:7px 8px!important;border-radius:6px!important;border:1px solid var(--accessory-border)!important;background:var(--accessory-neutral)!important;color:var(--ink)!important;font:600 12px/16px Inter,Arial,sans-serif!important;box-shadow:none!important;letter-spacing:0;text-transform:none}
#workflow #step-accessories button i{font-size:12px!important}
#workflow #step-accessories button span{font-size:inherit!important;line-height:inherit!important}
#workflow #step-accessories .accessory-toggle,#workflow #step-accessories .accessory-clear,#workflow #step-accessories .accessory-room select,#workflow #step-accessories select.accessory-room{width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;align-items:center;justify-content:center;white-space:normal!important}
#workflow #step-accessories select{font-weight:400!important;display:block!important;width:100%!important}
#workflow #step-accessories button[aria-pressed="true"]{background:#e5d136!important;border-color:#e5d136!important;color:#17212c!important}
#workflow #step-accessories button:hover:not(:disabled){border-color:#b7a609!important;background:#f5edb3!important;color:#17212c!important}
#workflow #step-accessories button:disabled{opacity:.4!important;cursor:not-allowed}
#workflow #step-accessories .accessory-counter{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;width:100%!important;min-width:0!important;height:40px!important;border:1px solid var(--accessory-border)!important;border-radius:6px!important;box-sizing:border-box;gap:0!important;background:var(--accessory-neutral)!important;overflow:hidden}
#workflow #step-accessories .accessory-counter button{width:40px!important;min-width:0!important;height:38px!important;min-height:38px!important;border:0!important;border-radius:0!important;padding:0!important;font-size:18px!important;color:var(--accessory-highlight)!important}
#workflow #step-accessories .accessory-counter>span{width:auto!important;min-width:0!important;display:flex;align-items:center;justify-content:center;padding:0!important;font-size:14px!important;font-weight:700}
#workflow #step-accessories .accessory-counter strong,#workflow #step-accessories .accessory-counter .lightshelf-qty{font-size:14px!important;line-height:1!important;color:var(--ink)!important}
#workflow #step-accessories .accessory-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:8px 0 0!important}
#workflow #step-accessories .accessory-secondary select[hidden]{display:none!important}
#workflow #step-accessories .accessory-secondary button{width:100%!important}
#workflow #step-accessories .welding-cart-accessory,#workflow #step-accessories #nomad-accessory{border:0!important;padding:0!important;margin:0!important}
#workflow #step-accessories .nomad-brand{margin:0!important}
#workflow #step-accessories .siegmund-table-brand{margin:0!important;line-height:0;display:block;width:120px;height:56px;overflow:hidden}
#workflow #step-accessories .siegmund-table-brand img{width:120px;height:auto;transform:translateY(-12px)}
#workflow #step-accessories .table-size-picker{grid-column:1/-1;display:flex;flex-wrap:wrap;margin:4px 0 0!important;gap:8px!important}
#workflow #step-accessories .table-size-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
#workflow #step-accessories .table-bundle-label{margin:0!important;padding:0 4px 4px;text-align:center;font-size:11px!important;line-height:1.3!important;color:var(--accessory-highlight)!important}
#workflow #step-accessories .table-size-card{display:flex;flex-direction:column;border:1px solid var(--accessory-border)!important;box-shadow:none!important;border-radius:6px!important}
#workflow #step-accessories .table-size-card>button{border:0!important;border-radius:0!important;width:100%!important;height:auto!important;min-height:30px!important;flex:0 0 auto;padding:5px 4px!important}
#workflow #step-accessories .table-catalog-detail{margin:0!important;padding:3px 5px 5px!important;font-size:11px!important;line-height:1.4!important}
#workflow #step-accessories .table-size-card[data-selected="true"]{border-color:#e5d136!important}
#workflow #step-accessories [data-table-size]{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px;height:36px!important;margin-top:auto!important;padding:0!important;gap:0!important;border-top:1px solid var(--accessory-border)!important}
#workflow #step-accessories [data-table-size] button{width:36px!important;min-width:0!important;height:35px!important;min-height:35px!important;border:0!important;border-radius:0!important;padding:0!important;font-size:18px!important;color:var(--accessory-highlight)!important}
#workflow #step-accessories [data-table-size]>span,#workflow #step-accessories [class*="table-qty-"]{font-size:14px!important;color:var(--ink)!important}
#workflow #step-accessories .table-size-picker>.accessory-clear{width:calc(50% - 4px)!important}
#workflow #step-accessories #shelf-move-controls,#workflow #step-accessories #table-move-controls{margin-top:10px!important}
#workflow #step-accessories #shelf-move-controls button,#workflow #step-accessories #table-move-controls button{min-width:40px}
#workflow #step-accessories #color-presets,#workflow #step-accessories .corner-tube-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0 0 12px!important}
#workflow #step-accessories .accessory-color-button{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;width:100%!important;min-width:0!important;text-align:left}
#workflow #step-accessories .accessory-swatch{display:block;width:18px;height:18px;border:1px solid #88939c;border-radius:4px;flex-shrink:0}
#workflow #step-accessories .corner-tube-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:13px!important}
#workflow #step-accessories input[type=color]{width:44px!important;height:40px!important;border:1px solid var(--accessory-border)!important;border-radius:6px}
#workflow #step-accessories input[hidden]{display:none!important}
#workflow #step-accessories button{transition:none!important}
#workflow #step-accessories button[aria-pressed="true"]:hover{background:#e5d136!important;border-color:#e5d136!important;color:#17212c!important}
#workflow #step-accessories .corner-tube-colors{border:0!important;padding:0!important;margin:0!important}
#workflow #step-accessories .accessory-heading .nomad-brand{display:inline-block;background:#fff;padding:5px 7px;border-radius:4px;line-height:0!important;margin:0}
#workflow #step-accessories .nomad-logo-crop{display:block;width:172px;height:24px;overflow:hidden}
#workflow #step-accessories .nomad-logo-crop img{display:block;width:172px!important;height:auto!important;max-width:none}

/* Keep the supplied IPG logo compact while preserving the original PNG. */
#workflow #step-accessories .ipg-cart-brand{display:table;background:#fff;padding:4px 7px;border-radius:4px;line-height:0;margin:0 0 8px}
#workflow #step-accessories .ipg-logo-crop{display:block;width:144px;height:40px;overflow:hidden}
#workflow #step-accessories .ipg-logo-crop img{display:block;width:144px!important;height:auto!important;max-width:none;transform:translateY(-20px)}

/* LightSHELF uses the same lettering and yellow as the LightSAFE wordmark. */
#workflow #step-accessories .accessory-heading .lightshelf-brand{display:inline-flex;align-items:center;white-space:nowrap;font:700 28px/1.2 Inter,Arial,sans-serif!important;letter-spacing:-1px!important;text-transform:none;padding:6px 8px;border-radius:4px;background:#101722}
#workflow #step-accessories .lightshelf-brand-light{color:#fff}
#workflow #step-accessories .lightshelf-brand-shelf{color:#e5d136}
[data-theme="dark"] #workflow #step-accessories .accessory-heading .lightshelf-brand{background:transparent;padding-left:0;padding-right:0}

#workflow #step-accessories .accessory-heading .lightbox-brand{display:table;margin-bottom:8px}

/* Keep original logo colors without white background badges. */
#workflow #step-accessories .accessory-heading .ipg-cart-brand,
#workflow #step-accessories .accessory-heading .nomad-brand{background:transparent;mix-blend-mode:normal}
#workflow #step-accessories .ipg-logo-crop img,
#workflow #step-accessories .nomad-logo-crop img{filter:url(#accessory-logo-remove-white)}

/* Change only FILTRA; retain the original blue BOX and icon. */
#workflow #step-accessories .nomad-logo-crop{position:relative}
#workflow #step-accessories .nomad-logo-crop img.filtra-theme-overlay{display:none;position:absolute;top:0;left:0;clip-path:inset(0 48% 0 0);pointer-events:none}
body[data-theme="dark"] #workflow #step-accessories .nomad-logo-crop img.filtra-theme-overlay{display:block;filter:url(#accessory-logo-remove-white) brightness(0) invert(1)}

/* Recolor only IPG's blue lettering; keep red and orange artwork intact. */
body[data-theme="dark"] #workflow #step-accessories .ipg-logo-crop img{filter:url(#ipg-dark-lettering)}

/* FILTRABOX already has transparency; preserve its white icon details. */
#workflow #step-accessories .nomad-logo-crop img:not(.filtra-theme-overlay){filter:none}

/* LightSHELF and LightBOX lettering follows the theme; yellow stays unchanged. */
#workflow #step-accessories .accessory-heading .lightshelf-brand{background:transparent;padding-left:0;padding-right:0}
#workflow #step-accessories .lightshelf-brand-light{color:#000}
body[data-theme="dark"] #workflow #step-accessories .lightshelf-brand-light{color:#fff}

#workflow #step-accessories .extractor-model-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}

#workflow #step-accessories #nomad-room{grid-column:1/-1}

/* Highlight only selected quantity values; zeros retain their existing styles. */
#workflow{--quantity-selected-color:#15803d}
[data-theme="dark"] #workflow{--quantity-selected-color:#4ade80}
#workflow #step-packages input.bundle-quantity.quantity-selected,
#workflow #step-accessories .accessory-counter .quantity-selected,
#workflow #step-accessories [data-table-size] .quantity-selected,
#workflow #daisy-count-value.quantity-selected{color:var(--quantity-selected-color)!important}