/* The repeated context ID deliberately outranks legacy ID-scoped !important shell rules.
   Gateway B2B 8.8.122. Scoped orders/cancellation presentation; no document designer changes. */
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-b2b-orders-pro,.gts-b2b-order-modal-panel,.gts-b2b-cancellation-pro) {
  --gts-orders-ink: #17243a; --gts-orders-muted: #62728a; --gts-orders-line: #dce4ed;
  color: var(--gts-orders-ink) !important; box-sizing: border-box !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-orders-pro {
  width: 100% !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important;
  border: 1px solid var(--gts-orders-line) !important; border-radius: 14px !important; overflow-x: auto !important;
  background: #fff !important; scrollbar-gutter: auto; overscroll-behavior-inline: contain;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro > table.gts-b2b-orders-pro-table {
  display: table !important; width: 100% !important; min-width: 1330px !important; max-width: none !important;
  table-layout: auto !important; border-collapse: separate !important; border-spacing: 0 !important; margin: 0 !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table :is(th,td) {
  display: table-cell !important; padding: 17px 14px !important; vertical-align: middle !important;
  width: auto !important; text-align: start !important; font-size: 12px !important; line-height: 1.55 !important;
  color: #17243a !important; border: 0 !important; border-bottom: 1px solid #e3e9f1 !important; word-break: normal !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table th { font-size: 11px !important; color: #53637c !important; background: #f4f7fa !important; font-weight: 700 !important; white-space: nowrap !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table tbody tr:last-child td { border-bottom: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table .gts-order-ref-cell { min-width: 195px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-order-ref-cell strong { white-space: nowrap !important; font-size: 12px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-order-date :is(span,small) { display: block !important; white-space: nowrap !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-order-date small { color: #6b7890 !important; margin-top: 3px !important; font-size: 11px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) :is(.gts-order-visit,.gts-order-total) { white-space: nowrap !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table .gts-b2b-ref {
  display: block !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important;
  width: 154px !important; min-width: 154px !important; max-width: 154px !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important; overflow: visible !important; background: transparent !important; color: #58677d !important;
  font-size: 11px !important; line-height: 1.6 !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-orders-pro-table :is(.gts-b2b-status,.gts-b2b-payment-method) { font-size: 11px !important; line-height: 1.45 !important; padding: 6px 9px !important; white-space: nowrap !important; color: #34455b !important; background: #edf2f7 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-order-actions { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 7px !important; min-width: max-content !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-order-actions > a {
  display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 5px !important;
  min-height: 38px !important; height: 38px !important; width: auto !important; min-width: 58px !important; max-width: none !important;
  padding: 0 12px !important; margin: 0 !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: keep-all !important;
  border: 1px solid #c9d5e3 !important; background: #fff !important; color: #20354d !important; border-radius: 9px !important;
  font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: none !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell) .gts-b2b-order-actions > a:hover { background: #f0f5f8 !important; border-color: #90a7bb !important; }
/* Modal is moved to body by the existing controller: scope independently of the shell. */
html body .gts-b2b-modal.gts-b2b-order-modal { max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-b2b-order-modal-panel.gts-b2b-modal-panel {
  display: grid !important; grid-template-rows: auto minmax(0,1fr) auto !important; flex: 0 1 1080px !important;
  width: min(1080px,100%) !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important;
  height: auto !important; max-height: calc(100vh - 44px) !important; max-height: calc(100dvh - 44px) !important;
  padding: 0 !important; overflow: hidden !important; border-radius: 18px !important; background: #fff !important;
  color: #17243a !important; border: 1px solid #dce4ed !important; text-align: start !important;
  transform: none !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-head {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important;
  padding: 20px 24px !important; margin: 0 !important; border-bottom: 1px solid #dce4ed !important; background: #fff !important; min-width: 0 !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-head > div { min-width: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-head h3 { font-size: 18px !important; line-height: 1.4 !important; color: #17243a !important; margin: 9px 0 0 !important; overflow-wrap: anywhere !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-head .gts-b2b-modal-close { position: static !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; padding: 0 !important; margin: 0 !important; border: 1px solid #dce4ed !important; border-radius: 10px !important; background: #f4f7fa !important; color: #253852 !important; font-size: 24px !important; line-height: 1 !important; transform: none !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 22px 24px !important; overflow-y: auto !important; overflow-x: hidden !important; box-sizing: border-box !important; overscroll-behavior: contain; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-foot { display: flex !important; justify-content: flex-end !important; align-items: center !important; padding: 12px 24px !important; border-top: 1px solid #dce4ed !important; background: #f8fafc !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-order-dialog-body,.gts-b2b-cancellation-pro) .gts-b2b-order-summary-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; width: 100% !important; margin: 0 0 20px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-order-dialog-body,.gts-b2b-cancellation-pro) .gts-b2b-order-summary-grid > div { min-width: 0 !important; padding: 14px !important; border: 1px solid #dfe6ee !important; border-radius: 12px !important; background: #f6f8fb !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-order-dialog-body,.gts-b2b-cancellation-pro) .gts-b2b-order-summary-grid :is(strong,a) { color: #20354d !important; overflow-wrap: anywhere !important; line-height: 1.6 !important; font-size: 13px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body .gts-b2b-order-summary-grid a { display: inline-flex !important; margin-inline-end: 12px !important; min-height: 26px !important; text-decoration: underline !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body .gts-b2b-order-lines-wrap { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow-x: auto !important; padding: 0 !important; border-radius: 12px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body table.gts-b2b-order-lines-table {
  display: table !important; width: 100% !important; min-width: 650px !important; max-width: none !important; table-layout: fixed !important;
  margin: 0 !important; border-collapse: separate !important; border-spacing: 0 !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body .gts-b2b-order-lines-table :is(th,td) { width: auto !important; min-width: 0 !important; max-width: none !important; padding: 14px !important; font-size: 12px !important; line-height: 1.6 !important; white-space: normal !important; text-align: start !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-body .gts-b2b-order-lines-table :is(th,td):nth-child(n+3) { white-space: nowrap !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-line-plu { width: 15% !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-line-name { width: 41% !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-line-qty { width: 8% !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) :is(.gts-line-unit,.gts-line-total) { width: 18% !important; }
/* Forms intentionally use a grid; no inline textarea/button baseline alignment. */
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-cancellation-pro {
  display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; min-width: 0 !important;
  margin-top: 22px !important; padding: 22px !important; background: #f8fafc !important; border: 1px solid #dce4ed !important; border-radius: 14px !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-cancellation-pro > .gts-b2b-card-head { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 0 0 15px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-cancellation-pro .gts-b2b-order-summary-grid { margin: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-cancellation-pro .gts-cancel-fields { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields label { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; margin: 0 !important; color: #20354d !important; min-width: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields label > span { display: block !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.6 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields :is(textarea,select,input:not([type=checkbox]):not([type=hidden])) { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; border: 1px solid #c6d3e2 !important; border-radius: 9px !important; color: #21334b !important; background: #fff !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.5 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields textarea { min-height: 112px !important; height: auto !important; resize: vertical !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields :is(textarea,input)::placeholder { color: #63758d !important; opacity: 1 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-checkbox-row { display: grid !important; grid-template-columns: 20px minmax(0,1fr) !important; align-items: start !important; gap: 12px !important; padding: 15px !important; border: 1px solid #cbd8e5 !important; border-radius: 10px !important; background: #fff !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-checkbox-row input { width: 18px !important; height: 18px !important; margin: 3px 0 0 !important; padding: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-checkbox-row :is(strong,small) { display: block !important; white-space: normal !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-checkbox-row small { margin-top: 5px !important; color: #62728a !important; font-weight: 400 !important; font-size: 12px !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-form-two { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 16px !important; margin: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-report-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-end !important; gap: 10px !important; margin: 0 !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields > button { justify-self: start !important; }
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-cancel-fields,.gts-order-dialog-foot) button {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 42px !important;
  padding: 10px 18px !important; border-radius: 9px !important; white-space: nowrap !important; font-size: 12px !important; line-height: 1.5 !important;
  font-weight: 700 !important; border: 1px solid #c6d3e2 !important; background: #fff !important; color: #21334b !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields button.gts-b2b-primary-btn {
  background: var(--gts-shell-primary,#24475b) !important; color: #fff !important;
  border-color: var(--gts-shell-primary,#24475b) !important;
}
html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-b2b-orders-pro,.gts-order-dialog-body,.gts-b2b-cancellation-pro) :is(a,button,textarea,select,input):focus-visible { outline: 3px solid #236d95 !important; outline-offset: 3px !important; }
@media (max-width: 720px) {
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-b2b-order-modal-panel.gts-b2b-modal-panel { max-height: calc(100vh - 24px) !important; max-height: calc(100dvh - 24px) !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) :is(.gts-order-dialog-head,.gts-order-dialog-body) { padding: 16px !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-modal) .gts-order-dialog-head h3 { font-size: 15px !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) :is(.gts-order-dialog-body,.gts-b2b-cancellation-pro) .gts-b2b-order-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-b2b-cancellation-pro { padding: 15px !important; gap: 15px !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-form-two { grid-template-columns: minmax(0,1fr) !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-report-actions { justify-content: stretch !important; }
  html body :is(#gts-b2b-main#gts-b2b-main,.gts-b2b-shell,.gts-b2b-modal) .gts-cancel-fields .gts-b2b-report-actions button { flex: 1 1 150px !important; }
}
@media (prefers-reduced-motion: reduce) { html body .gts-b2b-order-modal * { scroll-behavior: auto !important; transition: none !important; } }

/* 8.8.134: rejected API response is separate from a collapsed, read-only saved preview. */
.gts-b2b-api-failure-card, .gts-b2b-retained-preview { min-width:0; overflow-wrap:anywhere; }
.gts-b2b-api-failure-card .gts-b2b-response-issues { margin:12px 0; padding-inline-start:22px; }
.gts-b2b-api-failure-card .gts-b2b-response-issues li { margin-block:8px; }
.gts-b2b-api-failure-card .gts-b2b-contact-ref { display:block; margin-block:4px; }
.gts-b2b-api-failure-card code { white-space:normal; overflow-wrap:anywhere; }
.gts-b2b-rejected-receipt summary, .gts-b2b-retained-preview > summary { cursor:pointer; padding:12px 0; font-weight:650; }
.gts-b2b-rejected-receipt summary:focus-visible, .gts-b2b-retained-preview > summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.gts-b2b-retained-preview { margin-block:16px; }