.b2b-orders { padding-bottom: 2rem; }
/* 1) Largura útil — margens laterais reduzidas, mantendo respiro elegante */
.b2b-orders__content { max-width: 1400px; margin: 0 auto; padding: 2rem 0.875rem 3rem; }
.b2b-orders__back { margin-bottom: 1.25rem; }
.b2b-orders__title-sep { opacity: 0.9; margin: 0 0.4em; font-weight: inherit; }
/* 2) Tipografia maior — cabeçalho e detalhes */
.b2b-orders__section-title { font-size: 1.375rem; color: #333; margin: 0 0 1rem; font-weight: 600; }
.b2b-orders__card { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 1.25rem 1.125rem; margin-bottom: 2rem; }
.b2b-orders__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.75rem 1.5rem; }
.b2b-orders__field-label { display: block; font-size: 0.875rem; color: #555; margin-bottom: 0.3rem; }
.b2b-orders__field-input { width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; border-radius: 6px; border: 1px solid #ccc; }
.b2b-orders__field-input:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__field-input[readonly], .b2b-orders__field-input:disabled { background: #f5f5f5; color: #555; cursor: default; }
select.b2b-orders__field-input { appearance: auto; background: #fff; cursor: pointer; height: 42px; }
.b2b-orders__field-helper { display: block; font-size: 0.75rem; color: #888; margin-top: 0.25rem; }
.b2b-orders__field-helper svg { vertical-align: middle; margin-right: 0.25rem; }

/* Field input with lock icon (Invoice Name) */
.b2b-orders__field-input-wrap { position: relative; overflow: visible !important; }
.b2b-orders__field-input-wrap--lock .b2b-orders__field-input { padding-right: 2rem; }
.b2b-orders__field-lock { position: absolute; top: 50%; right: 0.5rem; transform: translateY(-50%); width: 18px; height: 18px; border-radius: 999px; border: 1px solid #d0d0d0; background: #f5f5f5; color: #777; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: default; }
.b2b-orders__field-lock svg { width: 11px; height: 11px; }
.b2b-orders__field-lock:focus { outline: none; box-shadow: 0 0 0 2px rgba(74, 101, 216, 0.22); border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__field-input-wrap--lock:hover .b2b-orders__info-tooltip,
.b2b-orders__field-input-wrap--lock:focus-within .b2b-orders__info-tooltip { opacity: 1; pointer-events: auto; transform: translateY(0); }
.b2b-orders__field-input-wrap--lock .b2b-orders__info-tooltip { left: auto; right: 0; }

/* Inline info tooltip (used for Invoice Name lock; PO Number uses popover below) */
.b2b-orders__info-inline { display: inline-flex; align-items: center; margin-left: 0.4rem; position: relative; vertical-align: middle; overflow: visible !important; }
.b2b-orders__info-icon { width: 16px; height: 16px; border-radius: 999px; border: 1px solid #ccc; background: #f5f5f5; color: #666; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; line-height: 1; cursor: pointer; }
.b2b-orders__info-icon svg { width: 10px; height: 10px; }
.b2b-orders__info-tooltip { position: absolute; top: 100%; left: 0; margin-top: 6px; max-width: 320px; width: max-content; background: #fff; color: #444; font-size: 0.8125rem; line-height: 1.35; padding: 10px 12px; border-radius: 8px; box-shadow: 0 6px 18px rgba(0,0,0,0.14); border: 1px solid #e0e0e0; z-index: 9999 !important; opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity 0.15s ease-out, transform 0.15s ease-out; display: inline-flex; align-items: center; white-space: normal; }
.b2b-orders__info-tooltip::before { content: ''; position: absolute; top: -6px; left: 10px; border-width: 0 6px 6px 6px; border-style: solid; border-color: transparent transparent #e0e0e0 transparent; }
.b2b-orders__info-tooltip::after { content: ''; position: absolute; top: -5px; left: 11px; border-width: 0 5px 5px 5px; border-style: solid; border-color: transparent transparent #fff transparent; }
.b2b-orders__info-inline:hover .b2b-orders__info-tooltip:not(.b2b-orders__info-popover),
.b2b-orders__info-inline:focus-within .b2b-orders__info-tooltip:not(.b2b-orders__info-popover) { opacity: 1; pointer-events: auto; transform: translateY(0); }
/* PO Number / Invoice tooltips: compact popover style; opens left of icon */
.b2b-orders__info-popover { max-width: 260px; width: max-content; white-space: normal; line-height: 1.4; text-align: left; padding: 10px 12px; left: auto; right: 0; font-size: 13px; border-radius: 10px; border: 1px solid #d8dcf0; box-shadow: 0 8px 24px rgba(74, 101, 216, 0.12); background: #fcfcff; color: #444; margin-top: 8px; z-index: 9999 !important; }
.b2b-orders__info-popover::before { top: 12px; left: auto; right: -6px; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #d8dcf0; }
.b2b-orders__info-popover::after { top: 13px; left: auto; right: -5px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #fcfcff; }
.b2b-orders__info-inline.is-open .b2b-orders__info-popover { opacity: 1; pointer-events: auto; transform: translateY(0); }

/* Cabeçalho "Customer Details" — quadro com contorno */
.b2b-orders__card--header { border: 1px solid #d0d0d0; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
/* Customer Details: same spacing below as Filters → Articles (1.25rem) in both expanded and collapsed */
.b2b-orders__picker-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin-top: 1.25rem; }
/* 4 opções completas (title + meta), depois scroll */
.b2b-orders__picker-results { position: relative; margin-top: 0.75rem; max-height: calc(4 * 4.2rem); overflow-y: auto; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); display: none; }
.b2b-orders__picker-results.is-open { display: block; }
.b2b-orders__picker-option { padding: 0.65rem 0.85rem; font-size: 0.9375rem; cursor: pointer; border-bottom: 1px solid #f0f0f0; }
.b2b-orders__picker-option:last-child { border-bottom: none; }
.b2b-orders__picker-option:hover { background: #f0f0f0; }
.b2b-orders__picker-option.is-selected { background: rgba(74, 101, 216, 0.1); color: #333; }
.b2b-orders__picker-option-title { display: block; font-size: 0.875rem; line-height: 1.3; color: #333; }
.b2b-orders__picker-sede { font-weight: 700; text-transform: uppercase; text-decoration: underline; letter-spacing: 0.04em; color: #333; }
.b2b-orders__picker-option-meta { display: block; font-size: 0.8125rem; color: #666; margin-top: 0.15rem; }
.b2b-orders__picker-status { font-size: 0.875rem; color: #666; margin-top: 0.5rem; }
.b2b-orders__picker-step-label { display: block; font-size: 0.8125rem; font-weight: 600; color: #555; margin: 0.85rem 0 0.35rem; text-transform: uppercase; letter-spacing: 0.03em; }
.b2b-orders__picker-selected-customer,
.b2b-orders__picker-selected-door { display: none; margin-top: 0.75rem; padding: 0.65rem 0.85rem; background: #f5f7ff; border: 1px solid #d8def8; border-radius: 8px; font-size: 0.9375rem; }
.b2b-orders__picker-selected-customer.is-visible,
.b2b-orders__picker-selected-door.is-visible { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; }
.b2b-orders__picker-selected-customer strong,
.b2b-orders__picker-selected-door strong { color: #333; }
.b2b-orders__picker-change-customer,
.b2b-orders__picker-change-door { appearance: none; border: none; background: none; color: var(--blivo-blue, #4A65D8); font-size: 0.875rem; font-weight: 600; cursor: pointer; padding: 0; text-decoration: underline; }
.b2b-orders__picker-change-customer:hover,
.b2b-orders__picker-change-door:hover { color: #3450b8; }
.b2b-orders__catalog-gate[hidden],
.b2b-orders__customer-card[hidden],
#b2b-orders-picker[hidden],
#b2b-orders-picker-step-label[hidden],
#b2b-orders-picker-list-mode .b2b-orders__filter-search-wrap[hidden],
#b2b-orders-picker-search[hidden] { display: none !important; }
.b2b-orders__customer-card { margin-bottom: 1.25rem; position: relative; z-index: 200; overflow-anchor: none; }
.b2b-orders__customer-card--collapsed { overflow: hidden; z-index: 1; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-fields { pointer-events: none; }
/* Customer Details: collapsible header and summary */
.b2b-orders__customer-header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; cursor: pointer; padding: 0.15rem 0; margin-bottom: 0; user-select: none; }
.b2b-orders__customer-header .b2b-orders__section-title { margin: 0; flex: 1 1 auto; }
.b2b-orders__customer-check { display: none; color: #2e7d32; font-weight: 600; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-check { display: inline; }
.b2b-orders__customer-summary { font-size: 0.875rem; color: #555; font-weight: 400; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-summary { display: inline; }
.b2b-orders__customer-chevron { flex-shrink: 0; color: #666; transition: transform 0.25s ease; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-chevron { transform: rotate(-90deg); }
.b2b-orders__customer-fields { overflow: visible; transition: max-height 0.35s ease, opacity 0.25s ease; max-height: 800px; opacity: 1; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-fields { overflow: hidden; max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-fields .b2b-orders__fields { margin-top: 0; }
/* Collapsed Customer Details: compact bar + spacing rhythm (Customer Details → Filters ≈ Filters → Articles) */
.b2b-orders__customer-card--collapsed { padding: 0.4rem 1.125rem; margin-bottom: 1.25rem; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-header { padding: 0; gap: 0.35rem 0.75rem; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-header .b2b-orders__section-title { font-size: 1.125rem; }
.b2b-orders__customer-card--collapsed .b2b-orders__customer-summary { font-size: 0.8125rem; line-height: 1.25; }
/* Typeahead (Sold To / Ship To) — searchable dropdown, same height as field-input */
.b2b-orders__typeahead { position: relative; width: 100%; }
.b2b-orders__typeahead-input { width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; border-radius: 6px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; }
.b2b-orders__typeahead-input:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__typeahead-input::placeholder { color: #999; }
.b2b-orders__typeahead-panel { position: absolute; left: 0; right: 0; top: 100%; margin-top: 2px; max-height: 220px; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.12); z-index: 50; display: none; }
.b2b-orders__typeahead-panel.is-open { display: block; }
.b2b-orders__typeahead-option { padding: 0.5rem 0.75rem; font-size: 1rem; cursor: pointer; }
.b2b-orders__typeahead-option:hover { background: #f0f0f0; }
.b2b-orders__typeahead-option.is-selected { background: rgba(74, 101, 216, 0.1); color: #333; }
.b2b-orders__typeahead-empty { padding: 0.5rem 0.75rem; font-size: 0.9375rem; color: #999; }

/* Filter Bar — 6) Zona de filtros com label "Filters" + ícone; 5) altura do Search reduzida ~30% */
.b2b-orders__filter-bar { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-bottom: 1.25rem; padding: 0.5rem 0; border-bottom: 1px solid #e0e0e0; background: #fafafa; border-radius: 8px; padding: 0.5rem 0.75rem; position: relative; z-index: 100; }
.b2b-orders__filter-label { display: flex; align-items: center; gap: 0.35rem; font-size: 0.8125rem; font-weight: 600; color: #555; text-transform: uppercase; letter-spacing: 0.02em; flex-shrink: 0; }
.b2b-orders__filter-label svg { width: 16px; height: 16px; color: #666; }
.b2b-orders__filter-search-wrap { display: flex; align-items: center; flex: 0 1 auto; min-width: 140px; max-width: 294px; background: #fff; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; min-height: 32px; height: 32px; }
.b2b-orders__filter-search-wrap:focus-within { border-color: var(--blivo-blue, #4A65D8); box-shadow: 0 0 0 2px rgba(74, 101, 216, 0.2); }
.b2b-orders__filter-search-icon { flex-shrink: 0; width: 32px; height: 32px; min-height: 32px; display: flex; align-items: center; justify-content: center; color: #666; pointer-events: none; }
.b2b-orders__filter-search-icon svg { width: 16px; height: 16px; }
.b2b-orders__filter-search { flex: 1; min-width: 0; padding: 0.25rem 0.5rem 0.25rem 0; font-size: 0.875rem; border: none; background: transparent; height: 100%; overflow: hidden; text-overflow: ellipsis; }
.b2b-orders__filter-search::placeholder { color: #999; }
.b2b-orders__filter-search:focus { outline: none; }
.b2b-orders__filter-brand-wrap { flex-shrink: 0; display: none; align-items: center; }
.b2b-orders__filter-brand { padding: 0.25rem 1.75rem 0.25rem 0.5rem; font-size: 0.875rem; border: 1px solid #ccc; border-radius: 6px; background: #fff; color: #333; min-width: 140px; cursor: pointer; height: 32px; min-height: 32px; }
.b2b-orders__filter-brand:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__filter-brand option[value=""] { color: #999; }
.b2b-orders__filter-brand-locked { display: inline-flex; align-items: center; height: 32px; min-height: 32px; padding: 0 0.65rem; font-size: 0.875rem; color: #555; background: #f0f0f0; border: 1px solid #d0d0d0; border-radius: 6px; box-sizing: border-box; }
.b2b-orders__filter-brand-locked strong { color: #333; margin-left: 0.25rem; }
.b2b-orders__filter-brand-locked[aria-hidden="true"] { display: none; }
.b2b-orders__filter-brand-wrap.is-locked .b2b-orders__filter-brand { display: none; }
.b2b-orders__filter-bar .btn-filter { height: 32px; min-height: 32px; font-size: 0.875rem; }
.b2b-orders__filter-cart-wrap { flex-shrink: 0; display: flex; align-items: center; }
.b2b-orders__filter-cart-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 1px solid #ccc; border-radius: 8px; background: #fff; color: #555; cursor: pointer; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.b2b-orders__filter-cart-btn:hover { border-color: var(--blivo-blue, #4A65D8); color: var(--blivo-blue, #4A65D8); }
.b2b-orders__filter-cart-icon { width: 20px; height: 20px; }
.b2b-orders__filter-cart-badge { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 0.7rem; font-weight: 600; line-height: 18px; text-align: center; color: #fff; background: var(--blivo-blue, #4A65D8); border-radius: 999px; display: none; }
.b2b-orders__filter-cart-badge[data-count]:not([data-count="0"]) { display: inline-block; }
/* View mode toggle (list / grid): group chrome + icon-only metrics; colours/hover/active from .btn-segmented in style.css */
.b2b-orders__view-toggle { display: inline-flex; align-items: stretch; gap: 0; flex-shrink: 0; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; background: #fff; height: 32px; }
.b2b-orders__view-toggle .btn-base { border-radius: 0; }
.b2b-orders__view-toggle .btn-segmented { min-width: 36px; padding: 0 0.35rem; }
.b2b-orders__view-toggle .btn-segmented:first-child { padding: 0; }
.b2b-orders__view-toggle .btn-segmented svg { width: 18px; height: 18px; flex-shrink: 0; }
/* Grid view */
.b2b-orders__grid-wrap { display: none; margin-top: 0; }
.b2b-orders__grid-wrap.is-visible { display: block; }
.b2b-orders__sizes-wrap { display: none; margin-top: 0; }
.b2b-orders__sizes-wrap.is-visible { display: block; }
.b2b-orders__table-wrapper.b2b-orders__list-hidden { display: none !important; }
.b2b-orders__view-toggle-btn.is-unavailable { display: none !important; }
.b2b-orders__sizes { display: flex; flex-direction: column; gap: 0.75rem; }
.b2b-orders__sizes-card { display: flex; flex-direction: column; gap: 0.55rem; background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 0.75rem; }
.b2b-orders__sizes-card.is-ordered { border-color: var(--blivo-blue, #4A65D8); background: rgba(74, 101, 216, 0.04); }
.b2b-orders__sizes-card-head { min-width: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.b2b-orders__sizes-card-main { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 0.75rem 1rem; align-items: stretch; }
.b2b-orders__sizes-card-img-wrap { position: relative; width: 96px; height: 100%; min-height: 0; background: #f5f5f5; border-radius: 8px; overflow: hidden; align-self: stretch; box-sizing: border-box; }
.b2b-orders__sizes-card-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.b2b-orders__sizes-card-body { min-width: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.b2b-orders__sizes-card-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.5rem; min-width: 0; line-height: 1.3; }
.b2b-orders__sizes-card-sku { font-family: monospace; font-size: 0.75rem; color: #666; flex: 0 0 auto; }
.b2b-orders__sizes-card-name { font-size: 0.875rem; font-weight: 600; color: #333; min-width: 0; }
.b2b-orders__sizes-card-meta { display: flex; flex-wrap: wrap; gap: 0.35rem 0.85rem; font-size: 0.75rem; color: #666; align-items: baseline; }
.b2b-orders__sizes-card-flags { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.b2b-orders__sizes-card-flags .b2b-orders__grid-card-badge { transform: none; }
.b2b-orders__sizes-matrix { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: 0.15rem; }
.b2b-orders__sizes-cell { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; min-width: 4.75rem; padding: 0.4rem 0.35rem 0.45rem; border: 1px solid #e6e6e6; border-radius: 8px; background: #fafafa; box-sizing: border-box; }
.b2b-orders__sizes-cell.is-ordered { border-color: var(--blivo-blue, #4A65D8); background: rgba(74, 101, 216, 0.06); }
.b2b-orders__sizes-cell-label { font-size: 0.7rem; font-weight: 700; color: #444; letter-spacing: 0.02em; }
.b2b-orders__sizes-cell-coverage { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 1.15rem; }
.b2b-orders__sizes-cell-coverage.is-empty { visibility: hidden; }
.b2b-orders__sizes-cell-coverage-segs { display: flex; gap: 1px; width: 100%; height: 4px; }
.b2b-orders__sizes-cell-coverage-seg { flex: 1 1 0; min-width: 0; border-radius: 1px; background: #e6e6e6; }
.b2b-orders__sizes-cell-coverage-seg.is-filled.is-red { background: #e53935; }
.b2b-orders__sizes-cell-coverage-seg.is-filled.is-yellow { background: #fbc02d; }
.b2b-orders__sizes-cell-coverage-seg.is-filled.is-green { background: #43a047; }
.b2b-orders__sizes-cell-coverage-text { font-size: 0.55rem; font-weight: 600; color: #666; white-space: nowrap; line-height: 1; }
.b2b-orders__sizes-cell-units { font-size: 0.6rem; font-weight: 600; color: var(--blivo-blue, #4A65D8); min-height: 0.85rem; }
.b2b-orders__sizes-cell-units.is-empty { visibility: hidden; }
.b2b-orders__sizes-cell .b2b-orders__qty-wrap { gap: 0.15rem; }
.b2b-orders__sizes-cell .b2b-orders__qty-input { width: 42px; padding: 0.25rem 0.2rem; font-size: 0.75rem; }
.b2b-orders__sizes-cell .b2b-orders__qty-btn { width: 24px; height: 24px; min-width: 24px; font-size: 0.875rem; }
@media (max-width: 640px) {
  .b2b-orders__sizes-card { padding: 0.65rem; gap: 0.45rem; }
  .b2b-orders__sizes-card-main { grid-template-columns: 72px minmax(0, 1fr); gap: 0.6rem; }
  .b2b-orders__sizes-card-img-wrap { width: 72px; }
  .b2b-orders__sizes-cell { min-width: 4.25rem; }
}
.b2b-orders__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); gap: 1rem; }
.b2b-orders__grid-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 0.75rem; display: flex; flex-direction: column; align-items: stretch; }
.b2b-orders__grid-card-img-wrap { position: relative; width: 100%; aspect-ratio: 1; background: #f5f5f5; border-radius: 8px; overflow: hidden; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; touch-action: pan-y; }
.b2b-orders__grid-card-img { width: 100%; height: 100%; object-fit: contain; display: block; user-select: none; -webkit-user-drag: none; }
.b2b-orders__grid-img-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 26px; height: 26px; padding: 0; margin: 0; border: none; border-radius: 999px; background: rgba(255,255,255,0.45); color: rgba(40,40,40,0.4); cursor: pointer; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease; box-shadow: none; }
.b2b-orders__grid-card-img-wrap.has-carousel .b2b-orders__grid-img-nav { display: flex; opacity: 0.4; }
.b2b-orders__grid-card-img-wrap.has-carousel:hover .b2b-orders__grid-img-nav,
.b2b-orders__grid-card-img-wrap.has-carousel:focus-within .b2b-orders__grid-img-nav { opacity: 0.75; }
.b2b-orders__grid-img-nav:hover,
.b2b-orders__grid-img-nav:focus-visible { opacity: 1 !important; background: rgba(255,255,255,0.85); color: rgba(30,30,30,0.7); outline: none; }
.b2b-orders__grid-img-nav--prev { left: 4px; }
.b2b-orders__grid-img-nav--next { right: 4px; }
.b2b-orders__grid-img-nav svg { width: 14px; height: 14px; display: block; pointer-events: none; }
.b2b-orders__grid-card-flags { position: absolute; top: 3px; left: 3px; right: auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; gap: 0.25rem; pointer-events: none; z-index: 1; max-width: 85%; }
.b2b-orders__grid-card-badge { display: inline-block; padding: 0.15rem 0.35rem; font-size: 0.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; border-radius: 4px; white-space: nowrap; transform: none; }
.b2b-orders__grid-card-badge--outlet { color: #b71c1c; background: rgba(198, 40, 40, 0.1); border: 1px solid rgba(198, 40, 40, 0.35); }
.b2b-orders__grid-card-badge--reorder { color: #7a6b2e; background: rgba(255, 235, 150, 0.5); border: 1px solid #d4c44a; }
.b2b-orders__grid-card-sku { font-family: monospace; font-size: 0.75rem; color: #666; margin-bottom: 0.2rem; }
.b2b-orders__grid-card-name { font-size: 0.75rem; font-weight: 500; color: #555; line-height: 1.3; margin-bottom: 0.3rem; min-height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.b2b-orders__grid-card-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem 0.75rem; margin-bottom: 0.35rem; flex-wrap: nowrap; }
.b2b-orders__grid-card-price-wrap { font-size: 0.75rem; font-weight: 600; color: #555; margin-bottom: 0; min-width: 0; flex: 1 1 auto; line-height: 1.35; }
.b2b-orders__grid-card-price-struck { text-decoration: line-through; color: #999; margin-right: 0.35rem; }
.b2b-orders__grid-card-price-outlet { color: #b71c1c; font-weight: 600; }
.b2b-orders__grid-card-price-discount { font-size: 0.75rem; font-weight: 600; color: #b71c1c; margin-left: 0.35rem; }
.b2b-orders__grid-card-price-pvp { font-weight: 500; color: #888; white-space: nowrap; }
.b2b-orders__grid-card-moq { font-size: 0.7rem; font-weight: 500; color: #888; margin-bottom: 0; flex: 0 0 auto; padding-left: 0.65rem; border-left: 1px solid #ddd; line-height: 1.2; white-space: nowrap; }
.b2b-orders__grid-card-coverage { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.4rem; min-height: 1rem; }
.b2b-orders__grid-coverage-segs { display: flex; gap: 2px; flex: 1 1 auto; min-width: 0; height: 6px; }
.b2b-orders__grid-coverage-seg { flex: 1 1 0; min-width: 0; border-radius: 1px; background: #e6e6e6; }
.b2b-orders__grid-coverage-seg.is-filled.is-red { background: #e53935; }
.b2b-orders__grid-coverage-seg.is-filled.is-yellow { background: #fbc02d; }
.b2b-orders__grid-coverage-seg.is-filled.is-green { background: #43a047; }
.b2b-orders__grid-coverage-weeks { flex: 0 0 auto; font-size: 0.65rem; font-weight: 600; color: #666; white-space: nowrap; }
.b2b-orders__grid-coverage-na { font-size: 0.65rem; color: #999; }
.b2b-orders__grid-coverage-units { font-size: 0.7rem; font-weight: 600; color: #555; }
.b2b-orders__grid-coverage-units-hint { font-weight: 500; color: #999; }
.b2b-orders__grid-card-qty-row { display: flex; align-items: center; flex-wrap: nowrap; gap: 0.35rem; margin-top: auto; padding-top: 0.25rem; min-height: 2.35rem; }
.b2b-orders__grid-card-qty-controls { display: inline-flex; align-items: center; gap: 0.2rem; flex: 0 0 auto; }
.b2b-orders__grid-card-qty-row .b2b-orders__qty-input { width: 49px; padding: 0.3rem 0.35rem; font-size: 0.8125rem; }
.b2b-orders__grid-card-qty-row .b2b-orders__qty-btn { width: 27px; height: 27px; padding: 0; font-size: 0.9375rem; min-width: 27px; }
.b2b-orders__grid-card--ordered { border-color: var(--blivo-blue, #4A65D8); background: rgba(74, 101, 216, 0.04); }
.b2b-orders__grid-card-ordered { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; gap: 0.25rem; flex: 1 1 auto; min-width: 0; max-width: 100%; min-height: 1.35rem; line-height: 1.15; padding-left: 0.1rem; padding-right: 0.15rem; overflow: hidden; }
.b2b-orders__grid-card-ordered-num { font-size: 0.75rem; font-weight: 700; color: var(--blivo-blue, #4A65D8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b2b-orders__grid-card-ordered-label { font-size: 0.5rem; font-weight: 600; color: var(--blivo-blue, #4A65D8); text-transform: uppercase; letter-spacing: 0; opacity: 0.85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b2b-orders__grid-card-ordered.is-empty .b2b-orders__grid-card-ordered-num,
.b2b-orders__grid-card-ordered.is-empty .b2b-orders__grid-card-ordered-label { visibility: hidden; }
/* Cart modal (ordered articles preview) */
.b2b-orders__cart-modal { position: fixed; inset: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.18s ease, visibility 0.18s ease; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__cart-modal.is-open { opacity: 1; visibility: visible; }
.b2b-orders__cart-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.45); cursor: pointer; }
.b2b-orders__cart-modal-box { position: relative; min-width: 320px; max-width: 95vw; max-height: 90vh; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); overflow: hidden; display: flex; flex-direction: column; opacity: 0; transform: scale(0.98); transition: opacity 0.18s ease-out, transform 0.18s ease-out; }
.b2b-orders__cart-modal.is-open .b2b-orders__cart-modal-box { opacity: 1; transform: scale(1); }
.b2b-orders__cart-modal-content { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; max-height: 90vh; }
.b2b-orders__cart-modal-title { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 600; color: #333; }
.b2b-orders__cart-modal-empty { margin: 0 0 1rem; font-size: 0.9375rem; color: #666; display: none; }
.b2b-orders__cart-modal-empty.is-visible { display: block; }
.b2b-orders__cart-modal-body { overflow: auto; flex: 1 1 auto; min-height: 0; margin-bottom: 1rem; display: none; }
.b2b-orders__cart-modal-body.is-visible { display: block; }
.b2b-orders__cart-modal-table-wrap { overflow: auto; max-height: 50vh; }
.b2b-orders__cart-modal-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.b2b-orders__cart-modal-table th { text-align: left; padding: 0.5rem 0.4rem; background: #f0f2f8; color: #444; font-weight: 600; border-bottom: 1px solid #ddd; }
.b2b-orders__cart-modal-table th.b2b-orders__cell-right { text-align: right; }
.b2b-orders__cart-modal-table td { padding: 0.5rem 0.4rem; border-bottom: 1px solid #eee; vertical-align: middle; }
.b2b-orders__cart-modal-table td.b2b-orders__cell-right { text-align: right; }
.b2b-orders__cart-modal-table .b2b-orders__cart-img { width: 48px; height: 48px; object-fit: contain; border-radius: 6px; background: #f5f5f5; }
.b2b-orders__cart-modal-outlet-badge { display: inline-block; margin-left: 0.35rem; padding: 0.06rem 0.25rem; font-size: 0.4375rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #b71c1c; background: rgba(198, 40, 40, 0.1); border: 1px solid rgba(198, 40, 40, 0.35); border-radius: 3px; white-space: nowrap; vertical-align: middle; }
.b2b-orders__cart-modal-summary { padding: 0.75rem 0; border-top: 1px solid #e0e0e0; background: #fafafa; margin: 0 -1.5rem 0; padding-left: 1.5rem; padding-right: 1.5rem; display: none; }
.b2b-orders__cart-modal-summary.is-visible { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; align-items: stretch; }
.b2b-orders__cart-modal-summary-block { flex: 1 1 0; min-width: 4.5rem; display: flex; flex-direction: column; gap: 0.2rem; }
.b2b-orders__cart-modal-summary-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #666; }
.b2b-orders__cart-modal-summary-value { font-size: 1rem; font-weight: 700; color: #333; }
.b2b-orders__cart-modal-summary-line { margin: 0.25rem 0; font-size: 0.9375rem; color: #555; }
.b2b-orders__cart-modal-summary-line strong { color: #333; }
.b2b-orders__cart-modal-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 0.75rem; margin-top: 1rem; min-width: 0; }
/* Multi-select filter dropdowns (Size, Color) */
.b2b-orders__filter-multiselect { position: relative; flex-shrink: 0; }
.b2b-orders__filter-multiselect-btn { display: inline-flex; align-items: center; height: 32px; min-height: 32px; padding: 0 2rem 0 0.5rem; font-size: 0.875rem; border: 1px solid #ccc; border-radius: 6px; background: #fff; color: #333; min-width: 100px; cursor: pointer; box-sizing: border-box; text-align: left; }
.b2b-orders__filter-multiselect-btn:hover { border-color: #999; }
.b2b-orders__filter-multiselect-btn:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__filter-multiselect-btn::after { content: ''; position: absolute; right: 0.5rem; top: 50%; margin-top: -3px; border: 5px solid transparent; border-top-color: #666; border-bottom: none; }
.b2b-orders__filter-multiselect-btn[aria-expanded="true"]::after { border-top: none; border-bottom: 5px solid #666; margin-top: -8px; }
.b2b-orders__filter-multiselect-panel { position: absolute; top: 100%; left: 0; margin-top: 4px; min-width: 180px; max-height: 280px; overflow-y: auto; background: #fff; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.12); z-index: 100 !important; padding: 0.5rem 0; display: none; }
.b2b-orders__filter-multiselect-panel.is-open { display: block; }
.b2b-orders__filter-multiselect-clear { display: block; width: 100%; padding: 0.4rem 0.75rem; font-size: 0.8125rem; color: var(--blivo-blue, #4A65D8); background: none; border: none; cursor: pointer; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 0.25rem; }
.b2b-orders__filter-multiselect-clear:hover { text-decoration: underline; }
.b2b-orders__filter-multiselect-option { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.75rem; font-size: 0.875rem; cursor: pointer; }
.b2b-orders__filter-multiselect-option:hover { background: #f5f5f5; }
.b2b-orders__filter-multiselect-option input { margin: 0; cursor: pointer; }
.b2b-orders__row.b2b-orders__row--hidden { display: none !important; }

.b2b-orders__table-wrapper { overflow-x: auto; border: 1px solid #d0d0d0; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.b2b-orders__table { width: 100%; border-collapse: collapse; font-size: 1.03125rem; }
.b2b-orders__table thead { background: #e8e8e8; border-bottom: 2px solid #ccc; }
.b2b-orders__table thead th { border: 1px solid #d0d0d0; border-top: none; font-size: 1.03125rem; }
.b2b-orders__table thead th:first-child { border-left: none; }
.b2b-orders__table thead th:last-child { border-right: none; }
.b2b-orders__table th,
.b2b-orders__table td { padding: 0.5rem 0.65rem; border-bottom: 1px solid #eee; text-align: left; vertical-align: middle; }
.b2b-orders__table tbody tr { border-left: 1px solid #eee; border-right: 1px solid #eee; }
.b2b-orders__table th { font-weight: 600; color: #333; white-space: nowrap; }
.b2b-orders__table td.b2b-orders__cell-right,
.b2b-orders__table th.b2b-orders__cell-right { text-align: right; }
.b2b-orders__sku { font-family: monospace; font-size: 0.9625rem; }
.b2b-orders__img-wrap { position: relative; display: inline-block; width: 69px; height: 69px; padding: 4px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); border: 1px solid #e8e8e8; box-sizing: border-box; overflow: visible; }
.b2b-orders__img-wrap .b2b-orders__img { border-radius: 6px; overflow: hidden; }
.b2b-orders__img { width: 100%; height: 100%; object-fit: contain; border-radius: 6px; display: block; }
.b2b-orders__zoom-preview { position: fixed; width: 180px; height: 180px; z-index: 10000; pointer-events: none; background-color: #fff; background-size: contain; background-position: center; background-repeat: no-repeat; border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,0.18); opacity: 0; transform: scale(0.92); transition: opacity 0.2s ease, transform 0.2s ease; }
.b2b-orders__zoom-preview.is-visible { opacity: 1; transform: scale(1); }

.b2b-orders__img-modal { position: fixed; inset: 0; z-index: 10002; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.18s ease, visibility 0.18s ease; }
.b2b-orders__img-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.b2b-orders__img-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.5); cursor: pointer; }
.b2b-orders__img-modal-box { position: relative; background: #fff; border-radius: 12px; box-shadow: 0 24px 48px rgba(0,0,0,0.2); max-width: 90vw; max-height: 90vh; overflow: auto; opacity: 0; transform: scale(0.95); transition: opacity 0.18s ease, transform 0.18s ease; }
.b2b-orders__img-modal.is-open .b2b-orders__img-modal-box { opacity: 1; transform: scale(1); }
.b2b-orders__img-modal-close { position: absolute; top: 0.75rem; right: 0.75rem; z-index: 2; width: 36px; height: 36px; padding: 0; border: none; background: #f0f0f0; color: #333; font-size: 1.5rem; line-height: 1; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
.b2b-orders__img-modal-close:hover { background: #e0e0e0; }
.b2b-orders__img-modal-img-wrap { padding: 2rem 2rem 0.5rem; max-width: 420px; max-height: 420px; margin: 0 auto; }
.b2b-orders__img-modal-img { width: 100%; height: auto; max-height: 380px; object-fit: contain; display: block; border-radius: 8px; }
.b2b-orders__img-modal-info { padding: 0.75rem 2rem 1.5rem; border-top: 1px solid #eee; }
.b2b-orders__img-modal-name { font-size: 1.0625rem; font-weight: 600; color: #333; margin: 0 0 0.5rem; line-height: 1.35; }
.b2b-orders__img-modal-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.35rem 2rem; align-items: baseline; }
.b2b-orders__img-modal-meta { font-size: 0.875rem; color: #666; margin: 0; min-width: 0; }
.b2b-orders__img-modal-meta span { color: #333; }
.b2b-orders__img-modal-reorder-wrap { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #eee; text-align: center; display: none; }
.b2b-orders__img-modal-reorder-wrap[aria-hidden="false"] { display: block; }
.b2b-orders__img-modal-reorder-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #7a6b2e; margin-bottom: 0.25rem; }
.b2b-orders__img-modal-reorder-tooltip { font-size: 0.875rem; color: #555; line-height: 1.4; }
.b2b-orders__img-modal-outlet-wrap { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #eee; display: none; }
.b2b-orders__img-modal-outlet-wrap[aria-hidden="false"] { display: block; }
.b2b-orders__img-modal-outlet-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #b71c1c; margin-bottom: 0.35rem; display: inline-block; padding: 0.2rem 0.5rem; background: rgba(198, 40, 40, 0.08); border: 1px solid rgba(198, 40, 40, 0.35); border-radius: 4px; }
.b2b-orders__img-modal-outlet-pricing { font-size: 0.9375rem; color: #555; margin: 0.25rem 0 0; }
.b2b-orders__img-modal-outlet-old { text-decoration: line-through; color: #999; margin-right: 0.35rem; }
.b2b-orders__img-modal-outlet-new { color: #b71c1c; font-weight: 600; }
.b2b-orders__img-modal-carousel { display: none; padding: 0.5rem 2rem 0.75rem; text-align: center; gap: 0.5rem; align-items: center; justify-content: center; flex-wrap: wrap; }
.b2b-orders__img-modal-carousel.is-visible { display: flex; }
.b2b-orders__img-modal-dots { display: flex; gap: 0.5rem; align-items: center; }
.b2b-orders__img-modal-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ccc; background: #fff; cursor: pointer; padding: 0; transition: background 0.2s, border-color 0.2s; }
.b2b-orders__img-modal-dot:hover { border-color: #999; background: #eee; }
.b2b-orders__img-modal-dot.is-active { background: var(--blivo-blue, #4A65D8); border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__img-modal-arrow { width: 32px; height: 32px; padding: 0; border: 1px solid #ccc; background: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color: #555; transition: background 0.2s, border-color 0.2s; }
.b2b-orders__img-modal-arrow:hover { background: #f0f0f0; border-color: #999; color: #333; }
.b2b-orders__img-wrap { cursor: pointer; }
/* Qty input: keep native vertical spinners (↑↓) visible – do not add -webkit-appearance:none or appearance:textfield */
.b2b-orders__qty-input { width: 72px; padding: 0.4rem 0.65rem; font-size: 1.03125rem; border-radius: 6px; border: 1px solid #ccc; text-align: right; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; }
.b2b-orders__qty-input:hover { border-color: #aaa; }
.b2b-orders__qty-input:focus { outline: none; border-color: #5AF8BE; box-shadow: 0 0 0 2px rgba(90, 248, 190, 0.35); }
.b2b-orders__qty-input:invalid { border-color: #d88; }
.b2b-orders__qty-input:invalid:focus { border-color: #c66; box-shadow: 0 0 0 2px rgba(204, 85, 85, 0.25); }
.b2b-orders__running-fast { display: inline-block; margin-left: 0; margin-right: 0; padding: 0.105rem 0.35rem; font-size: 0.481rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.02em; color: #7a6b2e; background: rgba(255, 235, 150, 0.5); border: 1px solid #d4c44a; border-radius: 999px; white-space: nowrap; vertical-align: middle; box-shadow: 0 1px 6px rgba(212, 196, 74, 0.25); }
.b2b-orders__running-fast.b2b-orders__badge-outlet { border-color: #c62828; color: #b71c1c; background: rgba(198, 40, 40, 0.08); box-shadow: 0 1px 7px rgba(198, 40, 40, 0.4); }
.b2b-orders__badge-new { display: inline-block; margin-left: 0.4rem; padding: 0.1rem 0.4rem; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #555; background: #eee; border: 1px solid #ddd; border-radius: 999px; white-space: nowrap; vertical-align: middle; }
.b2b-orders__article-flags { display: inline; margin-left: 0.35rem; }
.b2b-orders__article-flags > * + * { margin-left: 0.25rem; }
.b2b-orders__table td:nth-child(3) .b2b-orders__running-fast { margin-left: 0; }
.b2b-orders__table td:nth-child(3) .b2b-orders__badge-outlet { margin-left: 0; }
.b2b-orders__table td:nth-child(3) .b2b-orders__badge-new { margin-left: 0; }
.b2b-orders__product .b2b-orders__product-name { display: inline; }
.b2b-orders__cell-qty { white-space: nowrap; display: flex; align-items: center; justify-content: flex-end; gap: 0.5rem; flex-wrap: wrap; }
.b2b-orders__cell-stock { font-size: 0.75rem; color: #666; }
.b2b-orders__cell-stock strong { font-weight: 600; color: #333; }
.b2b-orders__qty-input.is-error { border-color: #b91c1c !important; box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.14); }
.b2b-orders__qty-input.is-error:focus { border-color: #b91c1c !important; box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.18); }
/* Qty wrap and +/- controls (mobile-friendly) */
.b2b-orders__qty-wrap { display: inline-flex; align-items: center; gap: 0.35rem; flex-wrap: nowrap; }
.b2b-orders__qty-btn { width: 32px; height: 32px; padding: 0; border: 1px solid #ccc; background: #f8f8f8; color: #333; font-size: 1.1rem; line-height: 1; cursor: pointer; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; -webkit-tap-highlight-color: transparent; }
.b2b-orders__qty-btn:hover { background: #eee; border-color: #999; }
.b2b-orders__qty-btn:active { background: #e0e0e0; }
.b2b-orders__qty-wrap .b2b-orders__qty-input { width: 56px; }
/* Outlet: PV1 cell = strikethrough original + new price */
.b2b-orders__pv1-struck { text-decoration: line-through; color: #999; margin-right: 0.35rem; }
.b2b-orders__pv1-outlet { color: #333; }

/* Floating Submit Bar — shell from .b2b-floating-bar / .b2b-floating-bar__inner in style.css */
#b2b-orders-submit-bar {
  opacity: 0;
  transform: translateY(100%);
  visibility: hidden;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
#b2b-orders-submit-bar.is-visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.b2b-orders__submit-bar.b2b-floating-bar { z-index: 900; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__submit-bar-inner { padding: 12px 20px; display: flex; flex-direction: row; align-items: center; gap: 1.25rem; flex-wrap: nowrap; }
.b2b-orders__submit-bar-summary { flex: 0 1 auto; font-size: 0.875rem; min-width: 0; }
.b2b-orders__submit-bar-summary span { color: #555; }
.b2b-orders__submit-bar-summary strong { color: #333; margin-left: 0.25rem; font-weight: 700; }
.b2b-orders__submit-bar-metrics { display: flex; flex-direction: column; gap: 2px; line-height: 1.2; min-width: 0; }
.b2b-orders__metrics-row-top { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; min-width: 0; }
.b2b-orders__metrics-row-bottom { display: flex; justify-content: flex-start; align-items: center; }
.b2b-orders__submit-bar-total { font-weight: 800; white-space: nowrap; font-size: 1rem; display: block; }
.b2b-orders__submit-bar-total strong { color: #333; }
.b2b-orders__submit-bar-actions { margin-left: auto; display: flex; flex-wrap: nowrap; gap: 0.5rem; align-items: center; flex-shrink: 0; }
.b2b-orders__submit-bar-btn { padding: 0.6rem 1.25rem; border-radius: 8px; font-size: 0.9375rem; font-weight: 500; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; font-family: inherit; }
.b2b-orders__submit-bar-btn--primary { background: #4A65D8; color: #fff; border: none; }
.b2b-orders__submit-bar-btn--primary:hover { background: #3A4FA8; }
.b2b-orders__submit-bar-btn--secondary { background: transparent; color: #555; border: 1px solid #ccc; }
.b2b-orders__submit-bar-btn--secondary:hover { border-color: #999; color: #333; }
.b2b-orders__submit-bar-btn--icon { width: 40px; height: 40px; min-width: 40px; padding: 0; display: inline-flex; align-items: center; justify-content: center; color: #555; }
.b2b-orders__submit-bar-btn--icon svg { width: 20px; height: 20px; display: block; flex-shrink: 0; }
.b2b-orders__submit-bar-btn--icon:hover { color: var(--blivo-blue, #4A65D8); border-color: var(--blivo-blue, #4A65D8); }
.b2b-orders__submit-bar-btn--icon.is-busy { opacity: 0.65; pointer-events: none; }
.b2b-orders__submit-bar-btn.is-busy { opacity: 0.65; pointer-events: none; }
.b2b-orders__submit-bar-btn.is-pdf-mobile-hidden { display: none !important; }
.b2b-orders__export-btn-inner { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; line-height: 1; }
.b2b-orders__export-btn-label { display: none; }
.b2b-orders__pdf-icon,
.b2b-orders__xls-icon { width: 22px; height: 22px; display: block; flex-shrink: 0; }
.b2b-orders__pdf-icon .pdf-badge,
.b2b-orders__xls-icon .xls-badge { fill: currentColor; }
.b2b-orders__pdf-icon .pdf-letters,
.b2b-orders__xls-icon .xls-letters {
  fill: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 5.2px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.b2b-orders__xls-icon .xls-letters { font-size: 4.6px; }
/* Desktop: PDF/Excel icon + caption — mobile keeps compact icon-only */
@media (min-width: 641px) {
  .b2b-orders__submit-bar-btn--export-labeled {
    width: auto;
    min-width: 48px;
    height: auto;
    min-height: 44px;
    padding: 5px 8px 4px;
  }
  .b2b-orders__submit-bar-btn--export-labeled .b2b-orders__export-btn-inner { gap: 2px; }
  .b2b-orders__submit-bar-btn--export-labeled .b2b-orders__pdf-icon,
  .b2b-orders__submit-bar-btn--export-labeled .b2b-orders__xls-icon { width: 20px; height: 20px; }
  .b2b-orders__submit-bar-btn--export-labeled .b2b-orders__export-btn-label {
    display: block;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: inherit;
  }
}
.b2b-orders__submit-bar-btn:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.b2b-orders__submit-bar-btn--primary:disabled { background: #4A65D8; opacity: 0.65; cursor: not-allowed; border: 1px solid rgba(0,0,0,0.12); }
.b2b-orders__required-fields-msg { grid-column: 1 / -1; font-size: 0.8125rem; font-weight: 600; color: #b91c1c; background: rgba(185, 28, 28, 0.06); border: 1px solid rgba(185, 28, 28, 0.2); padding: 0.5rem 0.75rem; border-radius: 10px; }
.b2b-orders__field-input.is-error, .b2b-orders__typeahead-input.is-error { border-color: #b91c1c !important; box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.14); }
.b2b-orders__field-input.is-error:focus, .b2b-orders__typeahead-input.is-error:focus { border-color: #b91c1c !important; box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.18); }
.b2b-summary-shipping { font-size: 0.75rem; color: #444; width: min(320px, 100%); max-width: 320px; flex: 0 0 auto; align-self: center; padding: 4px 0 2px; border-radius: 0; background: transparent; border: none; }
.b2b-summary-shipping-title { display: none; }
.b2b-summary-shipping-message { margin-top: 0; margin-bottom: 0; font-weight: 500; }
.b2b-summary-shipping-bar { height: 4px; background: #eee; border-radius: 4px; overflow: hidden; margin-top: 4px; }
.b2b-summary-shipping-progress { height: 100%; background: #4A65D8; width: 0%; transition: width 0.25s ease; }
.b2b-orders__content { padding-bottom: 4.5rem; }
/* Order Submitted Modal */
.b2b-orders__submit-modal { position: fixed; inset: 0; z-index: 1002; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.18s ease, visibility 0.18s ease; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__submit-modal.is-open { opacity: 1; visibility: visible; }
.b2b-orders__submit-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.45); cursor: pointer; }
.b2b-orders__submit-modal--sticky .b2b-orders__submit-modal-backdrop { cursor: default; }
.b2b-orders__submit-modal-box { position: relative; min-width: 280px; max-width: 90vw; padding: 0; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); opacity: 0; transform: scale(0.98); transition: opacity 0.18s ease-out, transform 0.18s ease-out; overflow: hidden; }
.b2b-orders__submit-modal.is-open .b2b-orders__submit-modal-box { opacity: 1; transform: scale(1); }
.b2b-orders__submit-modal-content { position: relative; padding: 1rem 2rem 1.75rem; }
.b2b-orders__submit-modal-check { width: 44px; height: 44px; margin: 0 auto 14px; opacity: 0; transition: opacity 0.15s ease-out; }
.b2b-orders__submit-modal-check.is-visible { opacity: 1; }
.b2b-orders__submit-modal-check-svg { display: block; width: 100%; height: 100%; }
.b2b-orders__submit-modal-check-path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 0.7s ease-out 0.1s; }
.b2b-orders__submit-modal-check.is-visible .b2b-orders__submit-modal-check-path { stroke-dashoffset: 0; }
.b2b-orders__submit-modal-title { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 600; color: #333; text-align: center; line-height: 1.3; }
.b2b-orders__submit-modal-body { font-size: 0.9375rem; color: #555; text-align: center; }
.b2b-orders__submit-modal-line { margin: 0.5rem 0; }
.b2b-orders__submit-modal-line strong { color: #333; }
#b2b-orders-submit-modal-ref { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0.04em; font-size: 1.05em; }
.b2b-orders__submit-modal-message { margin: 0 0 1rem; font-size: 0.9375rem; color: #555; text-align: center; line-height: 1.45; }
.b2b-orders__submit-modal-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; }
.b2b-orders__submit-modal-downloads { display: flex; align-items: center; gap: 0.5rem; }
.b2b-orders__submit-modal-btn { padding: 0.6rem 1.25rem; border-radius: 8px; font-size: 0.9375rem; font-weight: 500; cursor: pointer; font-family: inherit; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.b2b-orders__submit-modal-btn--primary { background: #4A65D8; color: #fff; border: none; }
.b2b-orders__submit-modal-btn--primary:hover { background: #3A4FA8; }
.b2b-orders__submit-modal-btn--secondary { background: transparent; color: #555; border: 1px solid #ccc; }
.b2b-orders__submit-modal-btn--secondary:hover { border-color: #999; color: #333; }
.b2b-orders__submit-modal-btn--icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  background: #fff; color: #4A65D8; border: 1px solid #d0d5e8; border-radius: 8px;
}
.b2b-orders__submit-modal-btn--icon:hover { background: rgba(74, 101, 216, 0.06); border-color: #4A65D8; }
.b2b-orders__submit-modal-btn--icon .b2b-orders__pdf-icon,
.b2b-orders__submit-modal-btn--icon .b2b-orders__xls-icon { width: 22px; height: 22px; }
.b2b-orders__submit-modal-btn:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.b2b-orders__submit-modal--error .b2b-orders__submit-modal-check { display: none; }
.b2b-orders__submit-modal--error .b2b-orders__submit-modal-title { color: #b91c1c; }
.b2b-orders__submit-modal--error .b2b-orders__submit-modal-message { color: #555; }
.b2b-orders__confirm-modal { position: fixed; inset: 0; z-index: 1003; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.18s ease, visibility 0.18s ease; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__confirm-modal.is-open { opacity: 1; visibility: visible; }
.b2b-orders__confirm-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.45); cursor: pointer; }
.b2b-orders__confirm-modal-box { position: relative; min-width: 320px; max-width: 560px; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); opacity: 0; transform: scale(0.98); transition: opacity 0.18s ease-out, transform 0.18s ease-out; overflow: hidden; }
.b2b-orders__confirm-modal.is-open .b2b-orders__confirm-modal-box { opacity: 1; transform: scale(1); }
.b2b-orders__confirm-modal-content { padding: 1.25rem 1.75rem 1.5rem; }
.b2b-orders__confirm-modal-title { margin: 0 0 0.5rem; font-size: 1.25rem; font-weight: 600; color: #333; text-align: left; }
.b2b-orders__confirm-modal-subtitle { margin: 0 0 1rem; font-size: 0.9375rem; color: #666; }
.b2b-orders__confirm-modal-summary { margin-bottom: 1rem; padding: 0.75rem 0.85rem; background: #f8f9ff; border-radius: 8px; border: 1px solid #e0e4ff; }
.b2b-orders__confirm-modal-summary-line { margin: 0.15rem 0; font-size: 0.9rem; color: #555; }
.b2b-orders__confirm-modal-summary-line strong { color: #333; }
.b2b-orders__confirm-modal-notes { margin-bottom: 1rem; }
.b2b-orders__confirm-modal-label { display: block; font-size: 0.875rem; font-weight: 500; color: #444; margin-bottom: 0.35rem; }
.b2b-orders__confirm-modal-textarea { width: 100%; min-height: 80px; resize: vertical; padding: 0.6rem 0.75rem; font-size: 0.9rem; border-radius: 8px; border: 1px solid #ccc; font-family: inherit; box-sizing: border-box; }
.b2b-orders__confirm-modal-textarea:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); box-shadow: 0 0 0 2px rgba(74, 101, 216, 0.18); }
.b2b-orders__confirm-modal-actions { display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 0.5rem; }
.b2b-orders__confirm-modal.is-saving .b2b-orders__confirm-modal-backdrop { cursor: default; }
.b2b-orders__confirm-modal.is-saving .b2b-orders__confirm-modal-textarea { opacity: 0.65; pointer-events: none; }
.b2b-orders__confirm-modal-saving { display: none; margin: 0.75rem 0 0; font-size: 0.875rem; color: #4A65D8; text-align: right; }
.b2b-orders__confirm-modal.is-saving .b2b-orders__confirm-modal-saving { display: block; }
.b2b-orders__confirm-modal-spinner { display: none; width: 1em; height: 1em; border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff; border-radius: 50%; animation: b2b-orders-spin 0.7s linear infinite; flex-shrink: 0; }
.b2b-orders__confirm-modal.is-saving .b2b-orders__confirm-modal-spinner { display: inline-block; }
#b2b-orders-confirm-submit-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; }
@keyframes b2b-orders-spin { to { transform: rotate(360deg); } }
.b2b-orders__submit-modal--error #b2b-orders-modal-export-pdf-btn,
.b2b-orders__submit-modal--error #b2b-orders-modal-export-excel-btn,
.b2b-orders__submit-modal--error .b2b-orders__submit-modal-downloads { display: none; }
@media (max-width: 640px) {
  .b2b-orders__filter-search-wrap { flex: 1 1 100%; min-width: 0; max-width: 100%; }
  .b2b-orders__content { padding-bottom: 7rem; }
  .b2b-orders__submit-bar-inner { padding: 12px 16px; flex-wrap: wrap; gap: 0.75rem; }
  .b2b-orders__submit-bar-summary { flex: 1 1 auto; min-width: 120px; }
  .b2b-orders__submit-bar-actions { margin-left: 0; justify-content: flex-end; width: 100%; flex-wrap: wrap; }
  .b2b-orders__submit-modal-content { padding: 1rem 1.5rem 1.5rem; }
  .b2b-orders__grid-img-nav { display: none !important; }
  .b2b-orders__grid-card { padding: 0.65rem; }
  .b2b-orders__grid-card-qty-row { gap: 0.25rem; }
  .b2b-orders__grid-card-ordered-num { font-size: 0.6875rem; }
  .b2b-orders__grid-card-ordered-label { font-size: 0.4375rem; }
}

@media (hover: none) and (pointer: coarse) {
  .b2b-orders__grid-img-nav { display: none !important; }
}

@media (max-width: 640px) {
  .b2b-orders__card { padding: 1rem; }
  .b2b-orders__table th,
  .b2b-orders__table td { padding: 0.45rem 0.4rem; }
}

/* Passo da porta em modal (2026-10-08): fundo escurecido como o carrinho; cartões com loja, Ship To, morada e email. */
.b2b-orders__door-modal { position: fixed; inset: 0; z-index: 1001; display: flex; align-items: center; justify-content: center; padding: 1rem; box-sizing: border-box; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__door-modal-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); cursor: pointer; }
.b2b-orders__door-modal-box { position: relative; width: min(880px, 100%); max-height: 90vh; display: flex; flex-direction: column; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); padding: 1.25rem 1.5rem 1.5rem; box-sizing: border-box; }
.b2b-orders__door-modal-head { display: grid; grid-template-columns: 1fr auto; grid-template-areas: 'kicker x' 'title x'; column-gap: 1rem; margin-bottom: 0.75rem; }
.b2b-orders__door-modal-kicker { grid-area: kicker; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--blivo-blue, #4A65D8); }
.b2b-orders__door-modal-title { grid-area: title; margin: 0.15rem 0 0; font-size: 1.2rem; font-weight: 700; color: #333; }
.b2b-orders__door-modal-x { grid-area: x; align-self: start; border: 0; background: none; font-size: 1.6rem; line-height: 1; color: #888; cursor: pointer; padding: 0 0.2rem; }
.b2b-orders__door-modal-x:hover { color: #333; }
.b2b-orders__door-modal-search { width: 100%; box-sizing: border-box; height: 40px; padding: 0 0.85rem; border: 1px solid #ccc; border-radius: 8px; font: inherit; font-size: 0.9375rem; margin-bottom: 0.5rem; }
.b2b-orders__door-modal-search:focus { outline: none; border-color: var(--blivo-blue, #4A65D8); box-shadow: 0 0 0 2px rgba(74, 101, 216, 0.15); }
.b2b-orders__door-modal-count { margin: 0 0 0.6rem; font-size: 0.8125rem; color: #666; }
.b2b-orders__door-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0.75rem; overflow: auto; flex: 1 1 auto; min-height: 0; padding: 2px; }
.b2b-orders__door-card { display: flex; flex-direction: column; gap: 0.2rem; text-align: left; padding: 0.85rem 1rem; border: 1px solid #d8def8; border-radius: 10px; background: #fff; font: inherit; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
.b2b-orders__door-card:hover { border-color: var(--blivo-blue, #4A65D8); box-shadow: 0 0 0 2px rgba(74, 101, 216, 0.15); }
.b2b-orders__door-card.is-selected { border-color: var(--blivo-blue, #4A65D8); background: rgba(74, 101, 216, 0.08); }
.b2b-orders__door-card-title { font-size: 0.9375rem; font-weight: 600; color: #333; line-height: 1.3; }
.b2b-orders__door-card-line { font-size: 0.8125rem; color: #555; line-height: 1.35; }
.b2b-orders__door-card-line.is-muted { color: #9a9a9a; font-style: italic; }
.b2b-orders__door-card-ship { font-weight: 600; color: var(--blivo-blue, #4A65D8); }
.b2b-orders__door-card-mail { color: #666; word-break: break-all; }
.b2b-orders__door-empty { grid-column: 1 / -1; margin: 0.5rem 0; font-size: 0.875rem; color: #666; }
body.b2b-orders-door-modal-open { overflow: hidden; }
@media (max-width: 600px) { .b2b-orders__door-modal { padding: 0.5rem; } .b2b-orders__door-modal-box { padding: 1rem; } .b2b-orders__door-grid { grid-template-columns: 1fr; } }

/* Local de descarga na barra da porta escolhida (2026-10-08). */
.b2b-orders__picker-selected-addr { display: block; font-size: 0.8125rem; font-weight: 400; color: #666; margin-top: 0.15rem; }
.b2b-orders__picker-selected-addr[hidden] { display: none; }

/* Modal da imagem maior + miniaturas (2026-10-19, Jorge): abre também na galeria.
   Desktop: imagem grande à esquerda com as miniaturas por baixo; detalhes numa coluna à direita. Mobile: empilhado. */
.b2b-orders__img-modal-box { width: min(1080px, 94vw); max-width: 94vw; max-height: 92vh; display: grid; grid-template-columns: minmax(0, 1fr) 320px; grid-template-rows: 1fr auto; overflow: auto; }
.b2b-orders__img-modal-img-wrap { grid-column: 1; grid-row: 1; max-width: none; max-height: none; width: 100%; margin: 0; padding: 2rem 1.5rem 0.75rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: min(66vh, 680px); }
.b2b-orders__img-modal-img { width: auto; max-width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.b2b-orders__img-modal-carousel { grid-column: 1; grid-row: 2; padding: 0.25rem 1.5rem 1.25rem; }
.b2b-orders__img-modal-info { grid-column: 2; grid-row: 1 / span 2; border-top: 0; border-left: 1px solid #eee; padding: 3.25rem 1.5rem 1.5rem; align-self: stretch; }
.b2b-orders__img-modal-meta-grid { grid-template-columns: 1fr; gap: 0.45rem; }
.b2b-orders__img-modal-dots { gap: 0.5rem; flex-wrap: wrap; justify-content: center; min-width: 0; flex: 0 1 auto; }
.b2b-orders__img-modal-carousel { min-width: 0; flex-wrap: nowrap; }
.b2b-orders__img-modal-thumb { width: 68px; height: 68px; border-radius: 8px; border: 2px solid #e3e6f2; background: #fff; padding: 3px; overflow: hidden; }
.b2b-orders__img-modal-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 5px; }
.b2b-orders__img-modal-thumb:hover { border-color: #b8c2f0; background: #fff; }
.b2b-orders__img-modal-thumb.is-active { border-color: var(--blivo-blue, #4A65D8); background: #fff; }
.b2b-orders__grid-card-img { cursor: zoom-in; }
@media (max-width: 760px) {
  .b2b-orders__img-modal { padding: 0.75rem; }
  .b2b-orders__img-modal-box { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; width: calc(100vw - 1.5rem); max-width: calc(100vw - 1.5rem); }
  .b2b-orders__img-modal-img-wrap { height: min(52vh, 420px); padding: 2.75rem 1rem 0.5rem; }
  .b2b-orders__img-modal-carousel { grid-row: 2; padding: 0.25rem 1rem 0.75rem; }
  .b2b-orders__img-modal-info { grid-column: 1; grid-row: 3; border-left: 0; border-top: 1px solid #eee; padding: 0.75rem 1.25rem 1.25rem; }
  .b2b-orders__img-modal-thumb { width: 54px; height: 54px; }
}

/* Características do produto no modal (2026-10-19): ícones (Bunny icons/features) + medidas + descrição */
.b2b-orders__img-modal-attrs { margin-top: 0.9rem; padding-top: 0.9rem; border-top: 1px solid #eee; }
.b2b-orders__img-modal-attrs[hidden] { display: none; }
.b2b-orders__feat { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem 0.75rem; }
.b2b-orders__feat li { display: flex; align-items: center; gap: 0.5rem; font-size: 0.82rem; color: #333; line-height: 1.25; }
.b2b-orders__feat img { width: 30px; height: 30px; flex: none; object-fit: contain; }
.b2b-orders__feat-spec { margin: 0.8rem 0 0; font-size: 0.82rem; color: #555; line-height: 1.4; }
.b2b-orders__feat-desc-btn { margin-top: 0.7rem; border: 0; background: none; padding: 0; font: inherit; font-size: 0.82rem; font-weight: 600; color: var(--blivo-blue, #4A65D8); cursor: pointer; }
.b2b-orders__feat-desc { margin-top: 0.5rem; font-size: 0.82rem; color: #444; line-height: 1.5; max-height: 32vh; overflow: auto; }
.b2b-orders__feat-desc[hidden] { display: none; }

/* Modal: coluna da imagem do tamanho da foto (quadrada) e o resto para as características (2026-10-19, Jorge).
   As fotos são 1200×1200 com o produto ao centro; uma coluna mais larga que a foto só somava branco dos lados. */
@media (min-width: 761px) {
  .b2b-orders__img-modal-box { width: min(1180px, 94vw); grid-template-columns: min(60vh, 600px, 52vw) minmax(360px, 1fr); }
  .b2b-orders__img-modal-img-wrap { height: auto; aspect-ratio: 1 / 1; padding: 1.25rem 0.75rem 0.5rem 1.25rem; }
  .b2b-orders__img-modal-img { width: 100%; height: 100%; }
  .b2b-orders__img-modal-info { padding: 3.25rem 2rem 1.75rem; }
  .b2b-orders__img-modal-meta-grid { grid-template-columns: 1fr 1fr; gap: 0.45rem 1.5rem; }
  .b2b-orders__feat-desc { max-height: 40vh; }
}

/* Fast/cobertura e Outlet por baixo do nome; coluna da direita com a altura da imagem e scroll próprio (2026-10-19, Jorge). */
.b2b-orders__img-modal-info .b2b-orders__img-modal-reorder-wrap,
.b2b-orders__img-modal-info .b2b-orders__img-modal-outlet-wrap { margin: 0.5rem 0 0.85rem; padding: 0.5rem 0.75rem; border-top: 0; border-radius: 8px; text-align: left; }
.b2b-orders__img-modal-info .b2b-orders__img-modal-reorder-wrap { background: #FFF8E1; }
.b2b-orders__img-modal-info .b2b-orders__img-modal-outlet-wrap { background: #F3F4F8; }
.b2b-orders__img-modal-info .b2b-orders__img-modal-reorder-label { margin-bottom: 0.15rem; }
@media (min-width: 761px) {
  /* contain:size: a coluna não empurra a altura da grelha; fica com a altura da imagem + miniaturas e faz scroll */
  .b2b-orders__img-modal-info { contain: size; overflow-y: auto; overscroll-behavior: contain; }
  .b2b-orders__feat-desc { max-height: none; overflow: visible; }
}

/* Característica negativa (ex.: lata de spray não pode viajar de avião), 2026-10-19 */
.b2b-orders__feat li.is-no { color: #C8443A; font-weight: 600; }
.b2b-orders__feat li.is-no img { opacity: 0.55; }

/* Característica negativa (ex.: lata de spray não pode viajar de avião), 2026-10-19 */
.b2b-orders__feat li.is-no { color: #C8443A; font-weight: 600; }
.b2b-orders__feat li.is-no img { opacity: 0.55; }
.b2b-orders__sizes-card-img { cursor: zoom-in; }

/* ⚡ Fast sem artigos Fast na marca: botão desativado (2026-10-19) */
.b2b-orders__filter-toggle:disabled, .b2b-orders__filter-toggle.is-disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
.b2b-orders__filter-multiselect-btn:disabled, .b2b-orders__filter-multiselect-btn.is-disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
#b2b-orders-filter-sport-wrap[hidden], #b2b-orders-filter-feat-wrap[hidden] { display: none !important; }

/* Verificação ao submeter (2026-10-28): aviso quando o servidor corrige o carrinho (artigo fora do catálogo, outlet acima do stock).
   Maqueta: docs/business-area/mockups/2026-10-28_ba_submeter_verificacao.html */
.b2b-orders__check-modal { position: fixed; inset: 0; z-index: 1004; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: opacity 0.18s ease, visibility 0.18s ease; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; }
.b2b-orders__check-modal.is-open { opacity: 1; visibility: visible; }
.b2b-orders__check-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.45); }
.b2b-orders__check-box { position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 3rem); overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18); }
.b2b-orders__check-content { padding: 1.25rem 1.5rem 1.4rem; }
.b2b-orders__check-title { margin: 0 0 0.4rem; font-size: 1.2rem; font-weight: 600; color: #333; }
.b2b-orders__check-sub { margin: 0 0 1rem; font-size: 0.875rem; color: #666; line-height: 1.55; }
.b2b-orders__check-sec { margin: 0 0 0.9rem; border: 1px solid #e6e8f0; border-radius: 10px; overflow: hidden; }
.b2b-orders__check-sec-h { padding: 0.55rem 0.75rem; font-size: 0.8125rem; font-weight: 600; }
.b2b-orders__check-sec-h.is-red { color: #b71c1c; background: rgba(198,40,40,0.08); border-bottom: 1px solid rgba(198,40,40,0.35); }
.b2b-orders__check-sec-h.is-amber { color: #8a5a00; background: #fff6e5; border-bottom: 1px solid #f0c97a; }
.b2b-orders__check-item { display: grid; grid-template-columns: 56px 1fr; gap: 0.75rem; padding: 0.75rem; }
.b2b-orders__check-item + .b2b-orders__check-item { border-top: 1px solid #e6e8f0; }
.b2b-orders__check-thumb { display: block; width: 56px; height: 56px; border-radius: 8px; background: #f4f4f4; object-fit: contain; }
.b2b-orders__check-sku { font-size: 0.6875rem; color: #888; letter-spacing: 0.02em; }
.b2b-orders__check-name { font-size: 0.875rem; font-weight: 600; color: #333; margin: 1px 0 4px; }
.b2b-orders__check-name.is-gone { text-decoration: line-through; color: #999; }
.b2b-orders__check-pill { display: inline-block; margin-left: 4px; padding: 1px 6px; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; color: #b71c1c; background: rgba(198,40,40,0.08); border: 1px solid rgba(198,40,40,0.35); border-radius: 3px; vertical-align: middle; text-decoration: none; }
.b2b-orders__check-qty { display: flex; align-items: center; gap: 6px; font-size: 0.8125rem; margin: 2px 0 4px; color: #333; }
.b2b-orders__check-old { text-decoration: line-through; color: #999; }
.b2b-orders__check-meta { font-size: 0.8125rem; color: #666; line-height: 1.5; }
.b2b-orders__check-hint { margin: 0 0 1rem; padding: 0.65rem 0.75rem; background: #f8f9ff; border: 1px solid #e0e4ff; border-radius: 8px; font-size: 0.8125rem; color: #444; line-height: 1.55; }
.b2b-orders__check-hint strong { color: #4A65D8; }
.b2b-orders__check-total { display: flex; justify-content: space-between; font-size: 0.8125rem; color: #666; padding: 0 2px 0.9rem; }
.b2b-orders__check-total strong { color: #333; }
.b2b-orders__check-actions { display: flex; justify-content: flex-end; }
.b2b-orders__check-note { margin: 0.6rem 0 0; font-size: 0.75rem; color: #888; text-align: right; }
.b2b-orders__row--unavailable { opacity: 0.45; }
.b2b-orders__row--unavailable .b2b-orders__qty-input, .b2b-orders__row--unavailable .b2b-orders__qty-btn { pointer-events: none; }