/* Unified quotation workflow — approved ERP theme. */
html body .aq360-quote-wizard {
  --quote-primary: #d71920;
  --quote-primary-hover: #b9151b;
  --quote-text: #16233a;
  --quote-muted: #64748b;
  --quote-border: #dce3ec;
  --quote-soft: #f6f8fb;
  font-family: Arial, Helvetica, sans-serif !important;
  color: var(--quote-text) !important;
}

html body .aq360-quote-wizard,
html body .aq360-quote-wizard * {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

html body #modal.modal[data-mode="quotation-wizard"] .modal-header {
  min-height: 64px !important;
  height: 64px !important;
  padding: 10px 18px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

html body #modal.modal[data-mode="quotation-wizard"] #modalTitle {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

html body #modal.modal[data-mode="quotation-wizard"] #modalEyebrow {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html body #modal.modal[data-mode="quotation-wizard"] .modal-header .icon-button {
  min-width: 68px !important;
  height: 34px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard .aq360-wizard-steps {
  height: 52px !important;
  min-height: 52px !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 8px !important;
  border: 1px solid var(--quote-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

html body .aq360-quote-wizard .aq360-wizard-steps button {
  position: relative !important;
  min-height: 50px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--quote-muted) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard[data-wizard-step="customer"] .aq360-wizard-steps button:nth-child(1),
html body .aq360-quote-wizard[data-wizard-step="details"] .aq360-wizard-steps button:nth-child(2),
html body .aq360-quote-wizard[data-wizard-step="category"] .aq360-wizard-steps button:nth-child(3),
html body .aq360-quote-wizard[data-wizard-step="items"] .aq360-wizard-steps button:nth-child(4),
html body .aq360-quote-wizard[data-wizard-step="review"] .aq360-wizard-steps button:nth-child(5),
html body .aq360-quote-wizard[data-wizard-step="save"] .aq360-wizard-steps button:nth-child(6) {
  background: transparent !important;
  color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard[data-wizard-step="customer"] .aq360-wizard-steps button:nth-child(1)::after,
html body .aq360-quote-wizard[data-wizard-step="details"] .aq360-wizard-steps button:nth-child(2)::after,
html body .aq360-quote-wizard[data-wizard-step="category"] .aq360-wizard-steps button:nth-child(3)::after,
html body .aq360-quote-wizard[data-wizard-step="items"] .aq360-wizard-steps button:nth-child(4)::after,
html body .aq360-quote-wizard[data-wizard-step="review"] .aq360-wizard-steps button:nth-child(5)::after,
html body .aq360-quote-wizard[data-wizard-step="save"] .aq360-wizard-steps button:nth-child(6)::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: var(--quote-primary);
}

html body .aq360-quote-wizard .aq360-wizard-screen {
  min-height: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--quote-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .045) !important;
}

html body .aq360-quote-wizard label,
html body .aq360-quote-wizard .required-label {
  color: #475569 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard label,
html body .aq360-quote-wizard.aq360-quote-wizard .required-label {
  font-size: 11px !important;
}

html body .aq360-quote-wizard input,
html body .aq360-quote-wizard select,
html body .aq360-quote-wizard textarea {
  border-color: var(--quote-border) !important;
  border-radius: 7px !important;
  color: var(--quote-text) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard input,
html body .aq360-quote-wizard.aq360-quote-wizard select,
html body .aq360-quote-wizard.aq360-quote-wizard textarea,
html body .aq360-quote-wizard.aq360-quote-wizard button {
  font-size: 12px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card strong,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-customer-card strong,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-panel > strong,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-save-screen > strong {
  font-size: 14px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card span,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-customer-card span,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-row,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-save-screen span {
  font-size: 12px !important;
}

html body .aq360-quote-wizard input:focus,
html body .aq360-quote-wizard select:focus,
html body .aq360-quote-wizard textarea:focus,
html body .aq360-quote-wizard .quotation-item-search-control:focus-within {
  border-color: var(--quote-primary) !important;
  box-shadow: 0 0 0 3px rgba(215, 25, 32, .1) !important;
}

html body .aq360-quote-wizard .button {
  border-color: var(--quote-primary) !important;
  border-radius: 7px !important;
  background: var(--quote-primary) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard .button:hover {
  border-color: var(--quote-primary-hover) !important;
  background: var(--quote-primary-hover) !important;
}

html body .aq360-quote-wizard .ghost-button {
  border-color: var(--quote-border) !important;
  border-radius: 7px !important;
  background: var(--quote-soft) !important;
  color: var(--quote-text) !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard .aq360-step-actions {
  gap: 8px !important;
  margin-top: 4px !important;
}

html body .aq360-quote-wizard .aq360-step-actions button {
  min-width: 96px !important;
  height: 40px !important;
}

html body .aq360-quote-wizard .aq360-customer-card,
html body .aq360-quote-wizard .aq360-review-card,
html body .aq360-quote-wizard .aq360-review-totals,
html body .aq360-quote-wizard .aq360-save-screen,
html body .aq360-quote-wizard .aq360-summary-panel {
  border-color: var(--quote-border) !important;
  border-radius: 8px !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard .aq360-customer-card {
  border-left-color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard .aq360-category-card {
  min-height: 104px !important;
  border-color: var(--quote-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--quote-text) !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard .aq360-category-card.selected {
  border-color: var(--quote-primary) !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 1px rgba(215, 25, 32, .12) !important;
}

html body .aq360-quote-wizard .aq360-category-card.selected::after {
  border-color: var(--quote-primary) !important;
  background: #fff !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout {
  grid-template-columns: minmax(0, 1fr) 240px !important;
  gap: 16px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
  grid-template-columns: minmax(420px, 1fr) 70px 76px 100px 104px 116px 36px !important;
  gap: 6px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-charge-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-vat-auto-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-vat-auto-card span {
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-charge-grid > label {
  min-width: 0 !important;
  margin: 0 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field {
  grid-template-columns: minmax(0, 1fr) 56px !important;
  gap: 6px !important;
}

html body .aq360-quote-wizard .quotation-item-search-control {
  height: 44px !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  border-color: var(--quote-border) !important;
  border-radius: 7px !important;
}

html body .aq360-quote-wizard .quotation-item-search-control .quotation-item-search {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 2px !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control .quotation-item-search {
  width: 100% !important;
  min-width: 0 !important;
  padding-right: 2px !important;
  font-size: 13px !important;
}

html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) {
  align-items: stretch !important;
  border-color: var(--quote-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) > input,
html body .aq360-quote-wizard[data-wizard-step="items"] .stock-picker-button {
  height: 44px !important;
  min-height: 44px !important;
}

html body .aq360-quote-wizard .locked-display-field {
  background: var(--quote-soft) !important;
  color: #475569 !important;
}

html body .aq360-quote-wizard .aq360-summary-row.grand {
  border-top-color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard .aq360-summary-row.grand strong,
html body .aq360-quote-wizard .quotation-vat-auto-card strong {
  color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard .aq360-summary-row {
  align-items: center !important;
}

html body .aq360-quote-wizard .aq360-summary-row span,
html body .aq360-quote-wizard .aq360-summary-row strong {
  min-width: max-content !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard .quotation-vat-auto-card {
  border-color: rgba(215, 25, 32, .25) !important;
  background: #fff8f8 !important;
}

html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-charge-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .aq360-quote-wizard[data-wizard-step="customer"] .aq360-bottom-bar,
html body .aq360-quote-wizard[data-wizard-step="details"] .aq360-bottom-bar,
html body .aq360-quote-wizard[data-wizard-step="category"] .aq360-bottom-bar,
html body .aq360-quote-wizard[data-wizard-step="items"] .aq360-bottom-bar,
html body .aq360-quote-wizard[data-wizard-step="review"] .aq360-bottom-bar {
  display: none !important;
}

html body .aq360-quote-wizard[data-wizard-step="save"] .aq360-bottom-bar {
  display: flex !important;
  border-color: var(--quote-border) !important;
  background: rgba(255, 255, 255, .98) !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
    grid-template-columns: minmax(440px, 1fr) 54px 58px 68px 74px 90px !important;
  }

  html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-charge-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Professional compact stock-result card. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
  width: min(560px, calc(100vw - 96px)) !important;
  min-width: min(440px, calc(100vw - 96px)) !important;
  max-width: min(560px, calc(100vw - 96px)) !important;
  right: auto !important;
  border-radius: 12px !important;
  overflow-x: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-suggestion {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 9px !important;
  min-height: 96px !important;
  padding: 12px 14px !important;
  overflow: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 7px 14px !important;
  width: 100% !important;
  overflow: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span {
  display: inline-flex !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span::before {
  content: none !important;
}

@media (max-width: 620px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
    width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 48px) !important;
  }
}

@media (max-width: 900px) {
  html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 600px) {
  html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Customer step legacy override — unified compact quotation theme. */
html body #modal.modal[data-mode="quotation-wizard"] .modal-header {
  min-height: 58px !important;
  height: 58px !important;
  padding: 8px 16px !important;
}

html body #modal.modal[data-mode="quotation-wizard"] #modalTitle {
  font-size: 18px !important;
}

html body #modal.modal[data-mode="quotation-wizard"] #modalEyebrow {
  font-size: 9px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-wizard-steps button {
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-wizard-screen[data-step="customer"] {
  gap: 12px !important;
  padding: 16px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-search-block label {
  color: #242629 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-search {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-search-block .ghost-button {
  height: 40px !important;
  min-height: 40px !important;
  border-color: #dedfe2 !important;
  background: #fff !important;
  color: #242629 !important;
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-selected-customer {
  min-height: 64px !important;
  margin-top: 0 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-card {
  min-height: 64px !important;
  max-width: 620px !important;
  gap: 3px !important;
  padding: 11px 13px !important;
  border: 0 !important;
  border-left: 3px solid var(--quote-primary) !important;
  border-radius: 12px !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-card strong {
  color: #242629 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-card span {
  color: #787c82 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-step-actions .button {
  min-width: 96px !important;
  height: 38px !important;
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-results {
  border-color: #dedfe2 !important;
  background: #fff !important;
  box-shadow: 0 14px 30px rgba(20, 24, 32, .12) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result:hover,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result:focus-visible,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result.active {
  border-left-color: var(--quote-primary) !important;
  background: #f3f3f4 !important;
  color: #242629 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-results {
  max-height: 220px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result {
  min-height: 46px !important;
  gap: 2px !important;
  padding: 8px 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result b {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="customer"] .aq360-customer-result small {
  margin-top: 2px !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Details step legacy override — same compact quotation system. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-wizard-screen[data-step="details"] {
  min-height: 0 !important;
  padding: 18px !important;
  border-color: #e2e5e9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 16px !important;
  max-width: 900px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid label {
  gap: 5px !important;
  color: #242629 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid input,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid select {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 11px !important;
  border-color: #dedfe2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #242629 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid .locked-display-field,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid .quotation-number-field {
  background: #f3f3f4 !important;
  color: #6f7379 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid input:focus,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid select:focus {
  border-color: var(--quote-primary) !important;
  box-shadow: 0 0 0 3px rgba(215, 25, 32, .1) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-step-actions {
  gap: 8px !important;
  margin-top: 4px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-step-actions .ghost-button,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-step-actions .button {
  min-width: 96px !important;
  height: 38px !important;
  font-size: 11px !important;
}

/* Item search selection: ERP red marker, green availability remains semantic. */
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestion:hover,
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestion:focus-visible,
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestion.active {
  border-color: #e2e5e9 !important;
  border-left: 3px solid var(--quote-primary) !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
  color: #242629 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestion .quotation-item-availability.available,
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestion [class*="available"] {
  color: #16a052 !important;
}

@media (max-width: 900px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="details"] .aq360-details-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Items layout containment: summary never overlaps line-entry columns. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-main {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout {
    grid-template-columns: minmax(0, 1fr) 220px !important;
    gap: 12px !important;
  }

  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
    grid-template-columns: minmax(300px, 1fr) 54px 54px 68px 74px 90px !important;
    gap: 5px !important;
  }

  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 5px !important;
  }
}

@media (max-width: 980px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout {
    grid-template-columns: 1fr !important;
  }

  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-summary-panel {
    position: static !important;
    width: 100% !important;
  }
}

/* Category, Review and Save legacy overrides — one consistent scale. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-wizard-screen[data-step="category"] {
  min-height: 0 !important;
  padding: 18px !important;
  border-color: #e2e5e9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-grid {
  gap: 12px !important;
  max-width: 900px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card {
  min-height: 88px !important;
  gap: 4px !important;
  padding: 15px 17px !important;
  border-color: transparent !important;
  border-radius: 14px !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card strong {
  color: #242629 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card span {
  color: #787c82 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card.selected,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card:focus-visible {
  border-color: var(--quote-primary) !important;
  background: #f3f3f4 !important;
  box-shadow: 0 0 0 1px var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card.selected::after {
  top: 14px !important;
  right: 14px !important;
  width: 15px !important;
  height: 15px !important;
  border: 4px solid var(--quote-primary) !important;
  background: #fff !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-step-actions {
  gap: 8px !important;
  margin-top: 4px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-step-actions .ghost-button,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-step-actions .button {
  min-width: 96px !important;
  height: 38px !important;
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-wizard-screen[data-step="review"],
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-wizard-screen[data-step="save"] {
  min-height: 0 !important;
  gap: 12px !important;
  padding: 18px !important;
  border-color: #e2e5e9 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-grid {
  gap: 10px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-card,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-totals,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-save-screen {
  padding: 12px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-card span,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-item-list span,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-summary-row span,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-summary-row span,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-save-screen span {
  color: #787c82 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-card strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-review-item-list strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-summary-row strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-summary-row strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-save-screen > strong {
  color: #242629 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] label {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] input,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] select {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 12px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] textarea {
  min-height: 72px !important;
  font-size: 12px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] input:focus,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] select:focus,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] textarea:focus {
  border-color: var(--quote-primary) !important;
  box-shadow: 0 0 0 3px rgba(215, 25, 32, .1) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-bottom-bar {
  gap: 8px !important;
  padding: 9px !important;
  border-color: #e2e5e9 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-bottom-bar button {
  height: 38px !important;
  font-size: 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-summary-row.grand,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-summary-row.grand {
  border-top-color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="review"] .aq360-summary-row.grand strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="save"] .aq360-summary-row.grand strong {
  color: var(--quote-primary) !important;
}

/* Final theme lock: visual only. Overrides legacy step-specific blue rules. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .button,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .aq360-bottom-bar .button {
  border-color: var(--quote-primary) !important;
  background: var(--quote-primary) !important;
  color: #fff !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .button:hover,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .aq360-bottom-bar .button:hover {
  border-color: var(--quote-primary-hover) !important;
  background: var(--quote-primary-hover) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card.selected {
  border-color: var(--quote-primary) !important;
  background: #fff8f8 !important;
  box-shadow: 0 0 0 1px rgba(215, 25, 32, .14) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card.selected::after {
  border-color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .aq360-summary-row.grand,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .aq360-review-totals .aq360-summary-row.grand {
  border-top-color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .aq360-summary-row.grand strong,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step] .quotation-vat-auto-card strong {
  color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard input:focus,
html body .aq360-quote-wizard.aq360-quote-wizard select:focus,
html body .aq360-quote-wizard.aq360-quote-wizard textarea:focus,
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control:focus-within {
  border-color: var(--quote-primary) !important;
  box-shadow: 0 0 0 3px rgba(215, 25, 32, .1) !important;
}

@media (max-width: 1050px) {
  html body .aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout {
    grid-template-columns: 1fr !important;
  }

  html body .aq360-quote-wizard .aq360-summary-panel {
    position: static !important;
  }
}

@media (max-width: 760px) {
  html body .aq360-quote-wizard .aq360-wizard-steps {
    overflow-x: auto !important;
    grid-template-columns: repeat(6, minmax(96px, 1fr)) !important;
  }

  html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row,
  html body .aq360-quote-wizard[data-wizard-step="items"] .quotation-charge-grid {
    grid-template-columns: 1fr !important;
  }

  html body .aq360-quote-wizard .aq360-details-grid,
  html body .aq360-quote-wizard .aq360-review-grid,
  html body .aq360-quote-wizard .aq360-category-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Approved quotation visual system: soft operational cards, ERP red actions. */
html body #modal.modal[data-mode="quotation-wizard"] .modal-body {
  background: #f7f8fa !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-wizard-screen {
  border-color: #e2e5e9 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-wizard-steps {
  border-color: #e2e5e9 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-wizard-steps button {
  color: #6f7379 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout {
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 18px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
  grid-template-columns: minmax(440px, 1fr) 70px 70px 90px 100px 110px 36px !important;
  gap: 8px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head {
  padding: 0 14px !important;
  color: #5f646b !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) {
  min-height: 64px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field {
  grid-template-columns: minmax(0, 1fr) 56px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) > input,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .stock-picker-button {
  height: 42px !important;
  min-height: 42px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control {
  border-color: transparent !important;
  background: transparent !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control:focus-within {
  border-color: var(--quote-primary) !important;
  background: #fff !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control .quotation-item-search {
  overflow: hidden !important;
  color: #242629 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-search-control .quotation-item-search::placeholder,
html body .aq360-quote-wizard.aq360-quote-wizard input::placeholder {
  color: #6f747b !important;
  opacity: 1 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) > input {
  border-color: #dedfe2 !important;
  background: #fff !important;
  font-size: 12px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) > .locked-display-field {
  border-color: transparent !important;
  background: transparent !important;
  color: #242629 !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-panel {
  gap: 4px !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #f3f3f4 !important;
  position: sticky !important;
  top: 12px !important;
  align-self: start !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-panel > strong {
  color: #242629 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-panel > small {
  color: #62676e !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-summary-row {
  padding: 9px 0 !important;
  border-bottom-color: #dedfe2 !important;
  color: #242629 !important;
  font-size: 12px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid {
  grid-template-columns: 150px repeat(3, minmax(180px, 1fr)) !important;
  gap: 12px !important;
  padding-top: 14px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid label small {
  display: block !important;
  margin-top: 5px !important;
  color: #62676e !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] input[type="number"],
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-total {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-remove-line {
  display: inline-grid !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #747980 !important;
  cursor: pointer !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-remove-line:hover,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-remove-line:focus-visible {
  border-color: #f0b8bb !important;
  background: #fff !important;
  color: var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid label {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-vat-auto-card {
  min-height: 70px !important;
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f3f3f4 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-charge-grid input {
  border-color: #dedfe2 !important;
  background: #fff !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-customer-card,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-review-card,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-review-totals,
html body .aq360-quote-wizard.aq360-quote-wizard .aq360-save-screen {
  border: 0 !important;
  border-radius: 14px !important;
  background: #f3f3f4 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-customer-card {
  border-left: 3px solid var(--quote-primary) !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card {
  border-color: transparent !important;
  border-radius: 14px !important;
  background: #f3f3f4 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-category-card.selected {
  border-color: var(--quote-primary) !important;
  background: #f3f3f4 !important;
  box-shadow: 0 0 0 1px var(--quote-primary) !important;
}

/* A focused card must never look selected. Selection is shown only by .selected. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="category"] .aq360-category-card:focus-visible:not(.selected) {
  outline: 2px dotted #94a3b8 !important;
  outline-offset: 3px !important;
  border-color: transparent !important;
  background: #f3f3f4 !important;
  box-shadow: none !important;
}

/* Keep stock information visible as the second line of every item result. */
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-suggestion {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 9px !important;
  min-height: 92px !important;
  height: auto !important;
  padding: 12px 18px !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: 100% !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-meta {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 18px !important;
  margin: 0 !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  color: #475569 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-meta > span {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #475569 !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-stock.available {
  color: #16a34a !important;
  font-weight: 800 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .ghost-button {
  border-color: #dedfe2 !important;
  background: #fff !important;
  color: #242629 !important;
  box-shadow: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .aq360-add-line {
  background: #fff !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
    grid-template-columns: minmax(350px, 1fr) 64px 64px 82px 90px 102px 34px !important;
  }
}

/* Final global item layout for Steel, Building Materials, and Mixed quotations. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row {
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) 62px 66px 84px 92px 104px 32px !important;
  column-gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row > input {
  width: 100% !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head > span {
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head > span:first-child {
  text-align: left !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-total {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 8px !important;
  text-align: right !important;
  font-weight: 800 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-remove-line svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  color: #64748b !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-remove-line.quotation-empty-line-action {
  display: none !important;
}

/* The stock result belongs to the whole item column, not only the text input. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
  width: min(760px, calc(100vw - 120px)) !important;
  max-width: none !important;
  right: auto !important;
  overflow-x: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  gap: 6px 10px !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span {
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row {
    grid-template-columns: minmax(220px, 1fr) 54px 58px 72px 78px 90px 30px !important;
    column-gap: 5px !important;
  }

  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
    width: min(680px, calc(100vw - 80px)) !important;
  }
}

/* Compact ERP item lookup. Retires the legacy oversized two-line result cards. */
html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions {
  max-height: 280px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 4px !important;
  border-radius: 9px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-suggestion {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  grid-template-rows: 20px 16px !important;
  align-content: center !important;
  gap: 3px !important;
  padding: 7px 10px 7px 12px !important;
  overflow: hidden !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-top {
  min-width: 0 !important;
  gap: 10px !important;
  align-items: center !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-top b {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #172033 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 20px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-top strong {
  justify-self: end !important;
  color: #526071 !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-meta {
  display: flex !important;
  min-width: 0 !important;
  min-height: 16px !important;
  height: 16px !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  overflow: hidden !important;
  font-size: 9.5px !important;
  line-height: 16px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-meta > span {
  min-width: 0 !important;
  max-width: 34% !important;
  overflow: hidden !important;
  font-size: 9.5px !important;
  line-height: 16px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-item-card-meta > .quotation-stock {
  flex: 0 0 auto !important;
  max-width: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard .quotation-item-suggestions .quotation-stock i {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  margin-right: 4px !important;
}

/* Final professional item finder: complete details without consuming the full row. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
  width: min(620px, calc(100vw - 64px)) !important;
  min-width: min(520px, calc(100vw - 64px)) !important;
  max-width: min(620px, calc(100vw - 64px)) !important;
  max-height: 300px !important;
  right: auto !important;
  padding: 4px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-suggestion {
  width: 100% !important;
  min-height: 68px !important;
  height: auto !important;
  grid-template-rows: auto auto !important;
  gap: 5px !important;
  padding: 8px 11px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-top {
  gap: 8px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-top b {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  line-height: 15px !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-top strong {
  align-self: start !important;
  padding-top: 1px !important;
  font-size: 9px !important;
  line-height: 14px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta {
  display: flex !important;
  width: 100% !important;
  min-height: 15px !important;
  height: auto !important;
  gap: 4px 7px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  overflow: visible !important;
  color: #526071 !important;
  font-size: 9px !important;
  line-height: 15px !important;
  text-overflow: clip !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span:not(:last-child)::after {
  content: "•" !important;
  margin-left: 7px !important;
  color: #a6afba !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-stock i {
  margin-right: 4px !important;
}

@media (max-width: 680px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
    width: calc(100vw - 40px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 40px) !important;
  }
}

/* Give item descriptions priority over low-width numeric fields. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
  grid-template-columns: minmax(520px, 1fr) 64px 64px 84px 92px 104px 32px !important;
  column-gap: 7px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field {
  grid-template-columns: minmax(0, 1fr) 54px !important;
  gap: 6px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control .quotation-item-search {
  padding-right: 8px !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
    grid-template-columns: minmax(390px, 1fr) 58px 58px 76px 82px 94px 30px !important;
    column-gap: 5px !important;
  }
}

/* Keep the clear action in its own column; never overlay the item description. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control .quotation-item-search,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control .quotation-item-search:not(:placeholder-shown) {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 4px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control .quotation-item-clear {
  position: static !important;
  grid-column: 3 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
}

/* Compact calculation columns and return the saved width to Item / Stock. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
  grid-template-columns: minmax(560px, 1fr) 52px 58px 72px 76px 90px 28px !important;
  column-gap: 5px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head {
  padding-inline: 10px !important;
  font-size: 9.5px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) {
  padding-inline: 10px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:not(.quotation-line-head) > input,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-total {
  padding-inline: 6px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-remove-line {
  width: 28px !important;
  height: 32px !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row {
    grid-template-columns: minmax(420px, 1fr) 50px 54px 68px 72px 84px 28px !important;
    column-gap: 4px !important;
  }
}

/* Give item details enough vertical space; never crop the metadata baseline. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions {
  padding: 6px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-suggestion {
  min-height: 84px !important;
  height: auto !important;
  align-content: center !important;
  gap: 7px !important;
  padding: 11px 13px 13px !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-top b {
  line-height: 18px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta {
  min-height: 20px !important;
  padding: 1px 0 3px !important;
  line-height: 18px !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions .quotation-item-card-meta > span {
  line-height: 18px !important;
}

/* Canonical quotation row layout: one grid for headings and values. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row {
  grid-template-columns: minmax(0, 1fr) 58px 64px 82px 86px 98px 30px !important;
  column-gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field {
  grid-template-columns: minmax(0, 1fr) 52px !important;
  gap: 5px !important;
}

/* A selected item no longer needs a search icon; use that width for its full name. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control:has(.quotation-item-search:not(:placeholder-shown)) {
  grid-template-columns: minmax(0, 1fr) 30px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control:has(.quotation-item-search:not(:placeholder-shown)) .quotation-item-search-icon {
  display: none !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control:has(.quotation-item-search:not(:placeholder-shown)) .quotation-item-search {
  grid-column: 1 !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  letter-spacing: -.015em !important;
  text-overflow: clip !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-control:has(.quotation-item-search:not(:placeholder-shown)) .quotation-item-clear {
  grid-column: 2 !important;
  width: 30px !important;
}

@media (max-width: 1380px) {
  html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines > .quotation-line-row {
    grid-template-columns: minmax(0, 1fr) 54px 58px 74px 78px 90px 28px !important;
    column-gap: 4px !important;
  }
}

/* The item dropdown must escape the row while the grid itself stays width-contained. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-main,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-wizard-screen[data-step="items"],
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .aq360-item-layout,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-lines,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-field,
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-search-wrap {
  overflow: visible !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-row:has(.quotation-item-suggestions.open) {
  position: relative !important;
  z-index: 80 !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-item-suggestions.open {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: auto !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 100 !important;
}

/* Mixed quotations use the same columns for two pricing systems. */
html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head > span {
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head > span > b {
  color: #4f5f73 !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head > span > small {
  color: #8a96a5 !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .aq360-quote-wizard.aq360-quote-wizard[data-wizard-step="items"] .quotation-line-head.aq360-mixed-head {
  min-height: 38px !important;
}