.sanguine-ops-root,
.sanguine-ops-shell {
  font-family: Georgia, "Times New Roman", serif;
  color: #23160d;
}

body.sanguine-ops-app-page {
  background: linear-gradient(180deg, #fffdf9 0%, #f8f2ea 100%);
}

body.sanguine-ops-app-page.sanguine-ops-pos-terminal-page {
  overflow: hidden;
}

.sanguine-woocommerce-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem 1.35rem;
}

.sanguine-woocommerce-breadcrumb__trail {
  min-width: 0;
  flex: 0 1 auto;
}

.sanguine-woocommerce-breadcrumb__back {
  display: flex;
  flex: 0 0 auto;
}

.sanguine-woocommerce-breadcrumb__membership {
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
}

.sanguine-public-membership-status {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.55rem;
  align-items: center;
  padding: 0.28rem 0.35rem 0.28rem 0.75rem;
  max-width: 100%;
  border: 1px solid rgba(109, 46, 28, 0.16);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(245, 235, 223, 0.94));
  box-shadow: 0 8px 18px rgba(61, 35, 16, 0.07);
  color: #2f1d11;
  font-size: 0.82rem;
  line-height: 1;
  white-space: nowrap;
}

.sanguine-public-membership-status__label {
  color: rgba(47, 29, 17, 0.62);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.sanguine-public-membership-status__pill,
.sanguine-public-membership-status__value {
  display: inline-flex;
  align-items: center;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  background: #6d2e1c;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

@media (max-width: 782px) {
  .sanguine-woocommerce-breadcrumb {
    align-items: flex-start;
  }

  .sanguine-woocommerce-breadcrumb__membership {
    margin-left: 0;
  }

  .sanguine-public-membership-status {
    margin-left: 0;
    white-space: normal;
    text-align: center;
  }
}

.sanguine-ops-app-shell {
  min-height: 100vh;
  padding: 20px clamp(10px, 1.6vw, 20px) 32px;
}

.sanguine-ops-app-content {
  width: min(100%, 1920px);
  margin: 0 auto;
}

.sanguine-ops-app-content > p:empty,
.sanguine-ops-app-content > p.is-style-text-display:empty {
  display: none;
}

.sanguine-ops-shell {
  padding: 32px 0;
}

.sanguine-ops-app-shell.sanguine-ops-pos-terminal-app-shell {
  box-sizing: border-box;
  height: 100vh;
  overflow: hidden;
  padding-bottom: 32px;
}

.sanguine-ops-app-content.sanguine-ops-pos-terminal-app-content,
.sanguine-ops-shell.sanguine-ops-shell-pos-terminal,
.sanguine-ops-pos-terminal-workspace {
  height: 100%;
  min-height: 0;
}

.sanguine-ops-root.sanguine-ops-pos-terminal-workspace-host,
.sanguine-ops-app-content.sanguine-ops-pos-terminal-app-content > .sanguine-ops-pos-terminal-workspace-host {
  display: block;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.sanguine-ops-shell.sanguine-ops-shell-pos-terminal {
  padding: 0;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  overflow: hidden;
}

.sanguine-ops-selected-summary,
.sanguine-ops-stage-row {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 24px;
}

.sanguine-ops-login-form input[type="text"],
.sanguine-ops-login-form input[type="password"] {
  width: 100%;
  margin-top: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(88, 54, 24, 0.18);
  background: rgba(255, 250, 245, 0.96);
  font: inherit;
}

.sanguine-ops-login-form .login-remember {
  display: flex;
  gap: 10px;
  align-items: center;
}

.sanguine-ops-login-form .login-remember label {
  margin: 0;
  font-weight: 400;
}

.sanguine-ops-login-form .button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  background: #6d2e1c;
  color: #fff7f0;
  cursor: pointer;
}

.sanguine-ops-packing-edit-list {
  display: grid;
  gap: 12px;
}

.sanguine-ops-packing-edit-row {
  display: grid;
  grid-template-columns: minmax(70px, 0.5fr) minmax(70px, 0.5fr) minmax(150px, 1fr) minmax(220px, 1.4fr) minmax(70px, 0.45fr) minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(88, 54, 24, 0.14);
  border-radius: 12px;
  background: rgba(255, 250, 245, 0.72);
}

.sanguine-ops-packing-edit-row label {
  min-width: 0;
}

.sanguine-ops-packing-edit-row input,
.sanguine-ops-packing-edit-row select {
  width: 100%;
  min-width: 0;
}

.sanguine-ops-inline-details {
  position: relative;
  display: block;
  width: 100%;
}

.sanguine-ops-inline-details summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(88, 54, 24, 0.28);
  border-radius: 14px;
  background: rgba(255, 250, 245, 0.96);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
}

.sanguine-ops-inline-details summary::-webkit-details-marker {
  display: none;
}

.sanguine-ops-inline-details summary::after {
  content: '▾';
  flex: 0 0 auto;
  margin-left: 12px;
  color: rgba(88, 54, 24, 0.8);
  font-size: 0.9rem;
}

.sanguine-ops-inline-details[open] summary {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.sanguine-ops-inline-details[open] summary::after {
  transform: rotate(180deg);
}

.sanguine-ops-disclosure-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.sanguine-ops-field-label {
  display: block;
  font-weight: 600;
}

.sanguine-ops-inline-checklist {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px 10px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(88, 54, 24, 0.14);
  border-radius: 18px;
  background: rgba(255, 250, 245, 0.98);
  box-shadow: 0 10px 24px rgba(61, 35, 16, 0.08);
}

.sanguine-ops-inline-checklist .sanguine-ops-checkbox-label {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 0;
  min-height: 38px;
  padding: 6px 10px;
  border: 1px solid rgba(109, 46, 28, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
  line-height: 1.25;
  font-size: 0.92rem;
}

.sanguine-ops-inline-checklist .sanguine-ops-checkbox-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
}

.sanguine-ops-contacts-category-checklist {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.sanguine-ops-contacts-category-checklist .sanguine-ops-checkbox-label span {
  display: inline-block;
  white-space: nowrap;
}

.sanguine-ops-inline-checklist .sanguine-ops-checkbox-label:hover {
  background: rgba(109, 46, 28, 0.08);
}

.sanguine-ops-inline-checklist .sanguine-ops-checkbox-label:has(input[type="checkbox"]:checked) {
  background: rgba(109, 46, 28, 0.14);
  border-color: rgba(109, 46, 28, 0.2);
}

.sanguine-ops-products-editor-panel .sanguine-ops-inline-checklist .sanguine-ops-checkbox-label {
  min-height: 38px;
  width: auto;
  padding: 6px 10px;
  border-radius: 10px;
  box-shadow: none;
  transform: none;
}

.sanguine-ops-products-editor-panel .sanguine-ops-inline-checklist .sanguine-ops-checkbox-label:hover {
  box-shadow: none;
  transform: none;
}

.sanguine-ops-products-editor-panel .sanguine-ops-inline-checklist .sanguine-ops-checkbox-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
}

.sanguine-ops-checkbox-grid {
  display: grid;
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: flex-start;
  justify-items: start;
  gap: 8px 12px;
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(88, 54, 24, 0.14);
  border-radius: 14px;
  background: rgba(255, 250, 245, 0.96);
}

.sanguine-ops-checkbox-label {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  display: flex;
  gap: 8px;
  justify-items: start;
  align-items: flex-start;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.92rem;
}

.sanguine-ops-report-column-details {
  width: auto;
  min-width: 220px;
  max-width: min(100%, 540px);
}

.sanguine-ops-report-column-details summary span {
  margin-left: 10px;
  color: rgba(88, 54, 24, 0.68);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
}

.sanguine-ops-report-column-grid {
  position: absolute;
  z-index: 40;
  right: 0;
  width: max-content;
  max-width: min(86vw, 540px);
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  align-items: stretch;
  box-shadow: 0 18px 36px rgba(61, 35, 16, 0.16);
}

.sanguine-ops-report-column-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid rgba(109, 46, 28, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  color: #2c241d;
  font-size: 0.88rem;
  line-height: 1.25;
}

.sanguine-ops-report-column-option input[type="checkbox"] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
}

.sanguine-ops-report-column-option:has(input[type="checkbox"]:checked) {
  background: rgba(109, 46, 28, 0.12);
  border-color: rgba(109, 46, 28, 0.24);
}

@media (max-width: 720px) {
  .sanguine-ops-report-column-details {
    width: 100%;
  }

  .sanguine-ops-report-column-grid {
    position: static;
    width: 100%;
    max-width: 100%;
    grid-template-columns: 1fr;
  }
}

.sanguine-ops-row-selected td {
  background: rgba(109, 46, 28, 0.08);
}

@media (max-width: 980px) {
  .sanguine-ops-packing-edit-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

.sanguine-ops-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  gap: 28px;
  padding: 38px;
  margin-bottom: 24px;
}

.sanguine-ops-hero-single {
  grid-template-columns: minmax(0, 1fr);
}

.sanguine-ops-hero-meta {
  min-width: 0;
  display: grid;
  gap: 14px;
  justify-items: end;
  align-content: start;
}

.sanguine-ops-hero-actions {
  width: 100%;
  display: grid;
  gap: 12px;
  justify-items: end;
}

.sanguine-ops-module-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 10px 18px;
  border-radius: 16px;
  background: linear-gradient(180deg, #6b3c2a 0%, #553022 100%);
  box-shadow: 0 16px 34px rgba(61, 35, 16, 0.16);
}

.sanguine-ops-module-bar-brand {
  flex: 0 0 auto;
  display: grid;
  gap: 2px;
  min-width: 170px;
}

.sanguine-ops-module-bar-kicker {
  color: rgba(237, 246, 255, 0.78);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sanguine-ops-module-bar-title {
  color: #ffffff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.sanguine-ops-module-nav {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.sanguine-ops-module-nav-item {
  position: relative;
  flex: 0 0 auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.sanguine-ops-module-nav-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border-radius: 10px;
  padding: 9px 14px;
  background: transparent;
  border: 1px solid transparent;
  color: rgba(255, 255, 255, 0.94);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1;
}

.sanguine-ops-module-nav-link:hover,
.sanguine-ops-module-nav-link:focus-visible {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}

.sanguine-ops-module-nav-link.is-active {
  background: rgba(255, 247, 240, 0.18);
  border-color: rgba(255, 247, 240, 0.3);
  color: #ffffff;
}

.sanguine-ops-module-nav-link.is-disabled {
  opacity: 0.58;
  cursor: default;
}

.sanguine-ops-module-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #d93025;
  color: #ffffff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.sanguine-ops-module-subnav {
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  z-index: 30;
  min-width: 220px;
  display: none;
  padding: 8px;
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 14px;
  background: rgba(255, 251, 247, 0.98);
  box-shadow: 0 20px 36px rgba(61, 35, 16, 0.16);
}

.sanguine-ops-module-nav-item:hover .sanguine-ops-module-subnav,
.sanguine-ops-module-nav-item:focus-within .sanguine-ops-module-subnav {
  display: grid;
  gap: 4px;
}

.sanguine-ops-module-subnav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #5b280f;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  text-decoration: none;
}

.sanguine-ops-module-subnav-badge {
  flex: 0 0 auto;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 0.72rem;
}

.sanguine-ops-module-subnav-link:hover,
.sanguine-ops-module-subnav-link:focus-visible {
  background: rgba(109, 46, 28, 0.08);
  outline: none;
}

.sanguine-ops-module-subnav-link.is-active {
  background: rgba(109, 46, 28, 0.12);
}

.sanguine-ops-page-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.sanguine-ops-page-nav-link {
  flex: 0 0 auto;
  min-height: 46px;
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(255, 250, 245, 0.96);
  color: #5b280f;
}

.sanguine-ops-page-nav-link:hover,
.sanguine-ops-page-nav-link:focus-visible {
  background: rgba(245, 232, 219, 0.98);
  outline: none;
}

.sanguine-ops-page-nav-link.is-active {
  background: #6d2e1c;
  border-color: #6d2e1c;
  color: #fff7f0;
}

.sanguine-ops-contacts-tools-layout {
  max-width: 820px;
}

.sanguine-ops-hero-action-row {
  width: 100%;
  margin-top: 0;
  justify-content: flex-end;
}

.sanguine-ops-button-compact {
  padding: 10px 16px;
  font-size: 0.94rem;
}

.sanguine-ops-hero-signin {
  margin: 0;
  width: 100%;
  text-align: right;
  color: #5a4c3f;
  line-height: 1.45;
}

.sanguine-ops-eyebrow {
  margin: 0 0 10px;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-ops-hero h1 {
  font-size: clamp(2.35rem, 1.85rem + 1.2vw, 3.6rem);
  line-height: 0.96;
}

.sanguine-ops-summary {
  margin: 0;
  max-width: 68ch;
  font-size: 1.18rem;
  line-height: 1.7;
  color: #4d4135;
}

.sanguine-ops-status {
  min-width: 0;
  width: 100%;
  display: grid;
  align-content: start;
  padding: 20px 22px;
  border-radius: 20px;
  background: rgba(109, 46, 28, 0.08);
  align-self: stretch;
  line-height: 1.5;
}

.sanguine-ops-status[data-tone="success"] {
  background: rgba(66, 124, 82, 0.14);
}

.sanguine-ops-status[data-tone="error"] {
  background: rgba(156, 55, 31, 0.14);
}

.sanguine-ops-panel {
  padding: 30px;
  margin-bottom: 22px;
}

.sanguine-ops-panel-compact {
  margin-bottom: 16px;
}

.sanguine-ops-panel-intro {
  margin-bottom: 18px;
}

.sanguine-ops-panel-intro p {
  margin: 0;
  color: #5a4c3f;
  line-height: 1.6;
}

.sanguine-ops-form-inline,
.sanguine-ops-form-stack {
  display: grid;
  gap: 16px;
}

.sanguine-ops-form-inline {
  grid-template-columns: minmax(280px, 1fr) auto;
  align-items: end;
}

.sanguine-ops-form-inline button,
.sanguine-ops-form-stack button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  background: #6d2e1c;
  color: #fff7f0;
  cursor: pointer;
}

.sanguine-ops-queue-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 0;
}

.sanguine-ops-queue-filter {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255, 248, 241, 0.9);
  color: #6d2e1c;
  cursor: pointer;
}

.sanguine-ops-queue-filter.is-active {
  background: #6d2e1c;
  color: #fff7f0;
  box-shadow: 0 10px 24px rgba(61, 35, 16, 0.14);
}

.sanguine-ops-selected-summary {
  display: grid;
  gap: 22px;
  align-items: start;
  padding: 28px 30px;
  margin-bottom: 22px;
}

.sanguine-ops-selected-summary-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: start;
}

.sanguine-ops-selected-summary-meta {
  display: grid;
  justify-items: end;
  gap: 12px;
}

.sanguine-ops-selected-summary h2 {
  margin: 0;
}

.sanguine-ops-order-detail-panel > .sanguine-ops-selected-summary-head h2 {
  font-size: clamp(2rem, 1.7rem + 0.7vw, 2.7rem);
  line-height: 1.02;
  letter-spacing: -0.01em;
  color: #1f130b;
}

.sanguine-ops-selected-copy {
  margin: 0;
  color: #5a4c3f;
}

.sanguine-ops-selected-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sanguine-ops-order-detail-panel {
  gap: 24px;
}

.sanguine-ops-order-detail-sections {
  display: grid;
  gap: 24px;
}

.sanguine-ops-order-detail-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.22fr);
  gap: 24px;
  align-items: stretch;
}

.sanguine-ops-order-detail-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.22fr);
  gap: 24px;
  align-items: stretch;
}

.sanguine-ops-contacts-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 24px;
  align-items: start;
}

.sanguine-ops-order-detail-group {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 22px;
  background: rgba(247, 238, 229, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
  position: relative;
  overflow: hidden;
  min-height: 0;
  height: 100%;
}

.sanguine-ops-order-detail-group-wide {
  grid-column: 1 / -1;
}

.sanguine-ops-order-detail-group-notes {
  min-width: 0;
}

.sanguine-ops-order-detail-group-notes .sanguine-ops-order-detail-subsection {
  min-width: 0;
}

.sanguine-ops-order-detail-group-notes .sanguine-ops-internal-note-list {
  max-height: 260px;
  overflow: auto;
  padding-right: 6px;
}

.sanguine-ops-order-lines {
  display: grid;
  gap: 14px;
}

.sanguine-ops-order-detail-subsection {
  display: grid;
  gap: 10px;
  min-height: 0;
  align-content: start;
}

.sanguine-ops-order-detail-subheading {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
  font-size: 1.32rem;
  font-weight: 700;
  line-height: 1.15;
  color: #24160d;
}

.sanguine-ops-order-detail-subheading-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.sanguine-ops-inline-saved {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(47, 106, 65, 0.1);
  color: #2f6a41;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sanguine-ops-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(109, 46, 28, 0.16);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.92);
  color: #6d2e1c;
  cursor: pointer;
  transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.sanguine-ops-icon-button:hover,
.sanguine-ops-icon-button:focus-visible {
  border-color: rgba(109, 46, 28, 0.34);
  box-shadow: 0 12px 24px rgba(61, 35, 16, 0.1);
  transform: translateY(-1px);
  outline: none;
}

.sanguine-ops-order-detail-meta {
  font-size: 0.78rem;
  font-weight: 400;
  color: #7a5b3c;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.sanguine-ops-order-detail-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-order-detail-row {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.sanguine-ops-order-detail-row-featured {
  margin-bottom: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-order-detail-row-stack {
  align-items: start;
}

.sanguine-ops-order-detail-label {
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.35;
  color: #362216;
  white-space: normal;
}

.sanguine-ops-order-detail-value {
  min-width: 0;
  color: #23160d;
  font-size: 1.02rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.sanguine-ops-order-detail-value-shell {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 12px;
}

.sanguine-ops-order-detail-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.sanguine-ops-order-detail-action-button {
  padding: 6px 14px;
  font-size: 0.94rem;
  line-height: 1.2;
}

.sanguine-ops-order-detail-workflow {
  display: grid;
  gap: 10px;
}

.sanguine-ops-order-detail-action-button.is-disabled,
.sanguine-ops-order-detail-action-button:disabled,
.sanguine-ops-button-secondary:disabled,
.sanguine-ops-form-stack button:disabled {
  opacity: 0.52;
  cursor: not-allowed;
  box-shadow: none;
}

.sanguine-ops-order-detail-value strong {
  font-size: 1.18rem;
  line-height: 1.2;
}

.sanguine-ops-hold-status-value {
  color: #b3281d;
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.sanguine-ops-order-line-item {
  line-height: 1.6;
}

.sanguine-ops-pill.sanguine-ops-pill-alert {
  background: #c62828;
  color: #fff7f0;
  box-shadow: 0 10px 22px rgba(145, 25, 25, 0.24);
}

.sanguine-ops-address-block {
  line-height: 1.5;
}

.sanguine-ops-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
  font-size: 0.84rem;
}

.sanguine-ops-workflow-shell {
  display: grid;
  gap: 22px;
}

.sanguine-ops-workspace {
  display: grid;
  grid-template-columns: minmax(430px, 560px) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.sanguine-ops-shell-find-orders,
.sanguine-ops-shell-order-detail {
  display: grid;
  gap: 24px;
}

.sanguine-ops-shell-website-shipping-costs {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.sanguine-ops-shell-website-shipping-costs > * {
  min-width: 0;
  max-width: 100%;
}

.sanguine-ops-shell-website-shipping-costs > .sanguine-ops-module-bar,
.sanguine-ops-shell-website-shipping-costs > .sanguine-ops-hero,
.sanguine-ops-shell-website-shipping-costs > .sanguine-ops-status,
.sanguine-ops-shell-website-shipping-costs > .sanguine-ops-panel {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.sanguine-ops-panel-find-orders {
  margin-bottom: 0;
}

.sanguine-ops-vincreative-panel {
  display: grid;
  gap: 18px;
}

.sanguine-ops-vincreative-panel .sanguine-ops-list-header {
  align-items: start;
}

.sanguine-ops-vincreative-header-actions {
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
}

.sanguine-ops-vincreative-toggle-button {
  height: 56px;
  box-sizing: border-box;
  padding: 10px 18px 10px 20px;
}

.sanguine-ops-vincreative-toggle-button .sanguine-ops-disclosure-button-label {
  font-size: 0.98rem;
  line-height: 1.1;
}

.sanguine-ops-vincreative-toggle-button .sanguine-ops-disclosure-button-hint {
  font-size: 0.76rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  color: rgba(255, 238, 224, 0.94);
}

.sanguine-ops-vincreative-toggle-button.sanguine-ops-button-secondary {
  background: linear-gradient(180deg, #8e441f, #793818);
  border-color: rgba(109, 46, 28, 0.26);
  color: #fff8f1;
  box-shadow: 0 14px 30px rgba(121, 56, 24, 0.18);
}

.sanguine-ops-vincreative-toggle-button.sanguine-ops-button-secondary:hover {
  background: linear-gradient(180deg, #9a4921, #7e3a18);
}

.sanguine-ops-vincreative-toggle-button.sanguine-ops-vincreative-toggle-button-alert.sanguine-ops-button-secondary {
  background: linear-gradient(180deg, #d6372c, #b82222);
  border-color: rgba(155, 24, 24, 0.3);
  color: #fff8f1;
  box-shadow: 0 14px 30px rgba(184, 34, 34, 0.22);
}

.sanguine-ops-vincreative-toggle-button.sanguine-ops-vincreative-toggle-button-alert.sanguine-ops-button-secondary:hover {
  background: linear-gradient(180deg, #e03e31, #c22626);
}

.sanguine-ops-vincreative-collapsed-summary {
  padding: 16px 18px;
  border: 1px dashed rgba(109, 46, 28, 0.18);
  border-radius: 16px;
  background: rgba(255, 251, 247, 0.84);
  color: #5a4c3f;
}

.sanguine-ops-vincreative-collapsed-summary p {
  margin: 0;
}

.sanguine-ops-vincreative-filter-field {
  display: grid;
  gap: 8px;
}

.sanguine-ops-vincreative-filter-field span {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6f4a2f;
}

.sanguine-ops-vincreative-filter-field select {
  min-height: 46px;
  padding: 10px 42px 10px 14px;
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, #fffdf9, #fff4e8);
  color: #4f2b18;
  font-size: 0.95rem;
  font-weight: 600;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #7d4422 50%), linear-gradient(135deg, #7d4422 50%, transparent 50%), linear-gradient(180deg, #fffdf9, #fff4e8);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px), 0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat: no-repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.sanguine-ops-vincreative-filter-field select:focus {
  outline: 2px solid rgba(142, 68, 31, 0.22);
  outline-offset: 2px;
}

.sanguine-ops-vincreative-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.sanguine-ops-vincreative-column {
  display: grid;
  gap: 16px;
}

.sanguine-ops-vincreative-upload-card {
  padding: 16px;
  border: 1px solid rgba(164, 98, 53, 0.18);
  border-radius: 18px;
  background: rgba(255, 251, 246, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.sanguine-ops-vincreative-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-vincreative-list-item {
  display: grid;
  gap: 10px;
  text-align: left;
  padding: 14px 16px;
  border: 1px solid rgba(164, 98, 53, 0.18);
  border-radius: 16px;
  background: #fffefd;
  color: #111111;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.sanguine-ops-vincreative-list-item.is-selected {
  border-color: #6d2e1c;
  box-shadow: inset 0 0 0 1px rgba(109, 46, 28, 0.2);
}

.sanguine-ops-vincreative-list-item-needs-review {
  background: linear-gradient(180deg, #fff8ef, #fff0dd);
  border-color: rgba(195, 119, 41, 0.28);
}

.sanguine-ops-vincreative-list-item-live-order-created {
  background: linear-gradient(180deg, #f3fbf2, #e4f4e1);
  border-color: rgba(76, 138, 71, 0.28);
}

.sanguine-ops-vincreative-list-item-other {
  background: linear-gradient(180deg, #fff4f1, #ffe1dc);
  border-color: rgba(184, 66, 44, 0.28);
}

.sanguine-ops-vincreative-list-item span {
  font-size: 0.9rem;
  color: #5c5249;
}

.sanguine-ops-vincreative-list-item-card {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid rgba(164, 98, 53, 0.14);
  border-radius: 14px;
  background: rgba(255, 251, 246, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.sanguine-ops-vincreative-inline-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sanguine-ops-inline-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sanguine-ops-vincreative-lines {
  display: grid;
  gap: 10px;
}

.sanguine-ops-vincreative-line {
  display: grid;
  grid-template-columns: 96px 140px minmax(0, 1fr);
  grid-template-areas:
    "product product product"
    "quantity price ."
    "sku sku sku";
  gap: 10px;
}

.sanguine-ops-vincreative-line > input {
  min-width: 0;
  width: 100%;
}

.sanguine-ops-vincreative-line > input[name="productLabel"] {
  grid-area: product;
}

.sanguine-ops-vincreative-line > input[name="quantity"] {
  grid-area: quantity;
}

.sanguine-ops-vincreative-line > input[name="skuCode"] {
  grid-area: sku;
}

.sanguine-ops-vincreative-line > input[name="unitPriceAmount"] {
  grid-area: price;
}

.sanguine-ops-vincreative-order-summary {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.sanguine-ops-vincreative-order-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid rgba(164, 98, 53, 0.16);
  border-radius: 14px;
  background: rgba(255, 251, 246, 0.84);
  color: #5c5249;
}

.sanguine-ops-vincreative-order-summary-row strong {
  color: #23160d;
}

.sanguine-ops-vincreative-order-summary-row.is-total {
  border-color: rgba(109, 46, 28, 0.22);
  background: rgba(245, 235, 224, 0.78);
}

@media (max-width: 960px) {
  .sanguine-ops-vincreative-layout {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-vincreative-header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .sanguine-ops-vincreative-toggle-button {
    height: auto;
    min-height: 56px;
  }

  .sanguine-ops-vincreative-inline-fields,
  .sanguine-ops-vincreative-line {
    grid-template-columns: 1fr;
  }
}

.sanguine-ops-panel-journey-map {
  display: grid;
  gap: 22px;
  padding: 28px 28px 24px;
  background: #fffefd;
  border: 1px solid rgba(164, 98, 53, 0.14);
  box-shadow: none;
}

.sanguine-ops-journey-diagram-header {
  display: grid;
  gap: 8px;
}

.sanguine-ops-journey-diagram-header h2 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(2rem, 1.7rem + 0.9vw, 2.85rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #111111;
}

.sanguine-ops-journey-diagram-header p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.45;
  color: #111111;
}

.sanguine-ops-journey-subnote {
  color: #6d2e1c;
}

.sanguine-ops-journey-diagram-scroll {
  display: block;
  overflow-x: auto;
  overflow-y: visible;
  padding: 8px 0 2px;
}

.sanguine-ops-journey-diagram-grid {
  flex: 0 0 auto;
  min-width: 0;
  width: 100%;
  max-width: 1520px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.34fr 0.18fr 1.34fr 0.18fr 1.34fr 0.18fr 1.68fr 0.2fr 1.48fr 0.2fr 1.74fr 0.2fr 1.62fr 0.2fr 1.54fr 0.2fr 2.14fr;
  grid-template-rows: 90px 90px 90px 68px;
  gap: 14px 0;
  align-items: center;
  position: relative;
}

.sanguine-ops-journey-connector {
  position: relative;
  align-self: stretch;
  justify-self: stretch;
  pointer-events: none;
}

.sanguine-ops-journey-connector::before,
.sanguine-ops-journey-connector::after {
  content: "";
  position: absolute;
}

.sanguine-ops-journey-connector.is-horizontal::before {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  background: #1f6f95;
  transform: translateY(-50%);
}

.sanguine-ops-journey-connector.is-horizontal.has-arrow::after {
  right: -1px;
  top: 50%;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #1f6f95;
  transform: translateY(-50%);
}

.sanguine-ops-journey-connector.is-vertical::before {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #1f6f95;
  transform: translateX(-50%);
}

.sanguine-ops-journey-connector.is-horizontal.is-branch-top::before,
.sanguine-ops-journey-connector.is-horizontal.is-branch-bottom::before {
  left: 50%;
}

.sanguine-ops-journey-connector.is-horizontal.is-branch-top.has-arrow::after,
.sanguine-ops-journey-connector.is-horizontal.is-branch-bottom.has-arrow::after {
  right: -1px;
}

.sanguine-ops-journey-connector.is-vertical.is-branch-spine::before {
  top: 15%;
  bottom: 15%;
}

.sanguine-ops-journey-graph-node {
  position: relative;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px 8px;
  border-radius: 16px;
  border: 2px solid #a54c18;
  background: #fff3ea;
  color: #8a3f17;
  text-align: center;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  line-height: 1.05;
  box-shadow: none;
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.sanguine-ops-journey-diagram-grid > .sanguine-ops-journey-graph-node {
  width: 100%;
  justify-self: stretch;
  box-sizing: border-box;
}

.sanguine-ops-journey-graph-node.is-route {
  min-height: 58px;
  padding: 8px 14px 7px;
}

.sanguine-ops-journey-graph-node.is-link,
.sanguine-ops-journey-graph-node[data-role="triage-journey-filter"] {
  cursor: pointer;
}

.sanguine-ops-journey-graph-node:hover,
.sanguine-ops-journey-graph-node:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(37, 54, 71, 0.12);
  outline: none;
}

.sanguine-ops-journey-graph-node.is-active {
  border-color: #0d3f59;
  background: linear-gradient(180deg, #1f6f95, #155572);
  color: #f7fcff;
  transform: translateY(-2px);
  box-shadow: 0 0 0 4px rgba(49, 138, 180, 0.24), 0 18px 28px rgba(13, 63, 89, 0.22);
}

.sanguine-ops-journey-graph-node.is-active .sanguine-ops-journey-graph-label {
  font-weight: 700;
}

.sanguine-ops-journey-graph-node.is-active .sanguine-ops-journey-badge {
  background: #fff3a6;
  border-color: #0d3f59;
  color: #0d3f59;
}

.sanguine-ops-journey-graph-node.is-route {
  background: #d7ebff;
  color: #8a3f17;
  border-color: #2e6d91;
}

.sanguine-ops-journey-graph-node.is-route.is-static {
  cursor: default;
}

.sanguine-ops-journey-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
}

.sanguine-ops-journey-heading-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sanguine-ops-journey-heading-actions .sanguine-ops-journey-graph-node {
  flex: 0 0 auto;
  margin-top: 4px;
}

.sanguine-ops-shell .sanguine-ops-main-filter-field {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.98rem;
  font-weight: 600;
  color: #23160d;
}

.sanguine-ops-shell .sanguine-ops-main-filter-field select {
  width: auto;
  min-width: 170px;
  height: 38px;
  margin-top: 0;
  padding: 6px 34px 6px 14px;
  border: 2px solid #0d3f59;
  border-radius: 999px;
  background-color: #0c7db7;
  color: #ffffff;
  font: 700 0.95rem Arial, Helvetica, sans-serif;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18), 0 8px 18px rgba(13, 63, 89, 0.14);
}

.sanguine-ops-journey-total {
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  background: #6cc3e8;
  border: 2px solid #0d3f59;
  color: #0d3f59;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

.sanguine-ops-show-all-button {
  flex: 0 0 auto;
  margin-top: 4px;
}

.sanguine-ops-show-all-button {
  position: relative;
  padding-right: 50px;
}

.sanguine-ops-show-all-button .sanguine-ops-journey-total {
  position: absolute;
  top: -8px;
  right: -4px;
}

.sanguine-ops-journey-graph-node.is-fulfilled {
  background: #d5f1ae;
  border-color: #6b8f2c;
  color: #4f7d18;
  min-height: calc(100% - 8px);
  align-self: stretch;
}

.sanguine-ops-journey-graph-node.is-hold {
  background: #ff9079;
  border-color: #0d3f59;
  color: #ffffff;
}

.sanguine-ops-journey-graph-node.is-empty {
  opacity: 0.92;
}

.sanguine-ops-journey-graph-node.is-static {
  cursor: default;
}

.sanguine-ops-journey-graph-label {
  display: block;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.02;
}

.sanguine-ops-journey-graph-node.is-fulfilled .sanguine-ops-journey-graph-label {
  font-size: 1.16rem;
  line-height: 1.08;
}

.sanguine-ops-journey-badge {
  position: absolute;
  top: -12px;
  right: -10px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border-radius: 999px;
  background: #6cc3e8;
  border: 2px solid #0d3f59;
  color: #0d3f59;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
}

.sanguine-ops-journey-graph-node.is-empty .sanguine-ops-journey-badge {
  background: #bfe3f2;
}

.sanguine-ops-detail-page-body {
  display: grid;
  gap: 22px;
}

.sanguine-ops-detail-nav-row {
  justify-content: end;
  margin-bottom: 4px;
}

.sanguine-ops-sidebar,
.sanguine-ops-detail-column {
  min-width: 0;
}

.sanguine-ops-sidebar {
  position: sticky;
  top: 20px;
}

.sanguine-ops-detail-column {
  display: grid;
  gap: 22px;
}

.sanguine-ops-panel-empty {
  min-height: 320px;
  display: grid;
  align-content: start;
}

@media (max-width: 1240px) {
  .sanguine-ops-order-detail-primary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sanguine-ops-order-detail-secondary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .sanguine-ops-order-detail-primary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-order-detail-secondary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-order-detail-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-order-detail-label {
    white-space: normal;
  }
}

.sanguine-ops-queue-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.sanguine-ops-queue-stat {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(109, 46, 28, 0.08);
  background: rgba(245, 235, 224, 0.72);
}

.sanguine-ops-queue-stat span {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-ops-queue-stat strong {
  font-size: 1.35rem;
  line-height: 1.05;
}

.sanguine-ops-queue-toolbar {
  display: grid;
  gap: 16px;
  padding: 20px;
  margin-bottom: 22px;
  border-radius: 22px;
  background: rgba(250, 243, 235, 0.88);
  border: 1px solid rgba(109, 46, 28, 0.08);
}

.sanguine-ops-toolbar-heading {
  font-size: clamp(2rem, 1.7rem + 0.7vw, 2.7rem);
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: -0.01em;
  color: #1f130b;
  font-family: Georgia, "Times New Roman", serif;
}

.sanguine-ops-toolbar-subheading,
.sanguine-ops-queue-toolbar label {
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.35;
  color: #23160d;
}

.sanguine-ops-toolbar-subheading {
  margin-top: -4px;
}

.sanguine-ops-queue-toolbar input[type="text"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.sanguine-ops-journey-search-form {
  margin-top: 8px;
}

.sanguine-ops-search-input-wrap {
  position: relative;
  display: block;
}

.sanguine-ops-search-input-wrap input[type="text"] {
  padding-right: 44px;
}

.sanguine-ops-search-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(109, 46, 28, 0.2);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.95);
  color: #6d2e1c;
  font: 700 1.1rem/1 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.sanguine-ops-search-clear:disabled {
  opacity: 0;
  pointer-events: none;
}

.sanguine-ops-manifest-cta-panel {
  margin-bottom: 0;
}

.sanguine-ops-manifest-cta-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}

.sanguine-ops-manifest-cta-copy {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.sanguine-ops-manifest-cta-copy h2 {
  margin: 0;
}

.sanguine-ops-manifest-cta-copy .sanguine-ops-summary,
.sanguine-ops-manifest-cta-copy .sanguine-ops-muted {
  margin: 0;
}

.sanguine-ops-manifest-cta-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sanguine-ops-manifest-cta-actions .sanguine-ops-guidance-button {
  max-width: 360px;
  text-align: center;
}

.sanguine-ops-list-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  margin-bottom: 18px;
}

.sanguine-ops-list-header-manifests {
  align-items: start;
}

.sanguine-ops-list-header h2 {
  margin: 0;
}

.sanguine-ops-list-header-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
}

.sanguine-ops-list-heading-line {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sanguine-ops-list-subtitle {
  margin: 4px 0 0;
  color: #6f6155;
  font-size: 0.92rem;
  line-height: 1.4;
}

.sanguine-ops-work-item-list {
  display: grid;
  gap: 12px;
  margin-top: 0;
}

.sanguine-ops-bulk-label-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 18px;
  background: rgba(255, 250, 245, 0.96);
}

.sanguine-ops-bulk-label-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.sanguine-ops-bulk-label-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #3b2415;
  font-size: 0.95rem;
  font-weight: 600;
}

.sanguine-ops-bulk-label-checkbox input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #6d2e1c;
}

.sanguine-ops-work-item-row {
  width: 100%;
  display: grid;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 248, 241, 0.88);
  text-align: left;
  cursor: default;
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.sanguine-ops-work-item-row[data-role="triage-open-work-item"] {
  cursor: pointer;
}

.sanguine-ops-work-item-row.is-ready {
  border-color: rgba(47, 106, 65, 0.18);
  background: linear-gradient(180deg, rgba(245, 251, 246, 0.94), rgba(236, 246, 238, 0.92));
}

.sanguine-ops-work-item-row.is-routed {
  border-color: rgba(48, 92, 121, 0.18);
  background: linear-gradient(180deg, rgba(244, 249, 252, 0.94), rgba(234, 243, 248, 0.92));
}

.sanguine-ops-work-item-row.is-blocked {
  border-color: rgba(133, 140, 148, 0.28);
  background: linear-gradient(180deg, rgba(246, 247, 248, 0.98), rgba(236, 239, 241, 0.94));
}

.sanguine-ops-work-item-row:hover,
.sanguine-ops-work-item-row:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(61, 35, 16, 0.08);
  border-color: rgba(109, 46, 28, 0.28);
  outline: none;
}

.sanguine-ops-root.sanguine-ops-has-open-modal .sanguine-ops-work-item-row,
.sanguine-ops-root.sanguine-ops-has-open-modal .sanguine-ops-work-item-row:hover,
.sanguine-ops-root.sanguine-ops-has-open-modal .sanguine-ops-work-item-row:focus-visible {
  transform: none;
}

.sanguine-ops-work-item-row.is-active {
  border-color: rgba(109, 46, 28, 0.42);
  background: rgba(244, 231, 217, 0.96);
  box-shadow: 0 18px 36px rgba(61, 35, 16, 0.1);
}

.sanguine-ops-work-item-row.is-blocked.is-active {
  border-color: rgba(112, 120, 128, 0.42);
  background: linear-gradient(180deg, rgba(239, 242, 244, 0.99), rgba(229, 234, 237, 0.96));
  box-shadow: 0 18px 36px rgba(71, 79, 86, 0.12);
}

.sanguine-ops-work-item-select {
  justify-self: start;
}

.sanguine-ops-work-item-keyline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sanguine-ops-work-item-keyline strong {
  font-size: 1.08rem;
  line-height: 1.15;
  color: #1f130b;
}

.sanguine-ops-work-item-row p {
  margin: 0;
  color: #5a4c3f;
}

.sanguine-ops-work-item-summary-shell,
.sanguine-ops-work-item-status-shell {
  display: grid;
  gap: 12px;
}

.sanguine-ops-work-item-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.95fr);
  gap: 18px;
  align-items: start;
}

.sanguine-ops-work-item-summary-primary {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.sanguine-ops-work-item-status-shell {
  padding-top: 12px;
  border-top: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-work-item-notes-panel {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 14px 16px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(245, 235, 224, 0.48);
}

.sanguine-ops-work-item-notes-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sanguine-ops-work-item-notes-head h3 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.2;
  color: #23160d;
}

.sanguine-ops-work-item-notes-action,
.sanguine-ops-work-item-notes-action:visited {
  text-decoration: none;
}

.sanguine-ops-work-item-name {
  font-size: 1.16rem;
  font-weight: 600;
  color: #23160d;
}

.sanguine-ops-work-item-detail-list {
  display: grid;
  gap: 8px;
}

.sanguine-ops-work-item-summary-list {
  gap: 6px;
}

.sanguine-ops-work-item-summary-heading {
  font-size: 1.34rem;
  font-weight: 700;
  line-height: 1.18;
  color: #23160d;
}

.sanguine-ops-work-item-summary-heading-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.sanguine-ops-work-item-detail-row-customer-pills {
  align-items: center;
}

.sanguine-ops-work-item-customer-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}

.sanguine-ops-work-item-customer-pill {
  padding: 6px 10px;
  background: rgba(240, 213, 182, 0.72);
  font-size: 0.76rem;
}

.sanguine-ops-work-item-summary-list .sanguine-ops-work-item-detail-row {
  grid-template-columns: minmax(230px, max-content) minmax(0, 1fr);
}

.sanguine-ops-work-item-detail-row-spacer {
  visibility: hidden;
}

.sanguine-ops-work-item-status-list {
  gap: 6px;
}

.sanguine-ops-card-detail-panel {
  gap: 16px;
}

.sanguine-ops-card-detail-grid {
  grid-template-columns: repeat(3, minmax(250px, 1fr));
}

.sanguine-ops-order-detail-group-card-step {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.92);
}

.sanguine-ops-order-detail-group-card-step .sanguine-ops-order-detail-subsection {
  padding: 18px 20px;
}

.sanguine-ops-stage-row-delivery-card {
  padding-top: 22px;
}

.sanguine-ops-stage-row-packing-card {
  padding-top: 22px;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel {
  gap: 0;
  padding: 0;
  border-radius: 22px;
  background: rgba(247, 238, 229, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-order-detail-subsection {
  padding: 16px 18px 14px;
  gap: 12px;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-order-detail-subheading {
  padding-bottom: 10px;
  font-size: 1.18rem;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-order-detail-subheading-actions {
  align-items: flex-start;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-packing-grid-form {
  gap: 14px;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-packing-grid-parcel-list {
  gap: 14px;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-packing-grid-parcel {
  gap: 12px;
  padding: 14px;
  border-radius: 22px;
}

.sanguine-ops-stage-row-packing-card #sanguine-ops-packing-plan-panel .sanguine-ops-packing-grid-box-row {
  gap: 8px;
  padding: 9px 10px;
  border-radius: 18px;
}

.sanguine-ops-order-detail-group-card-step-delivery {
  gap: 0;
  border-radius: 22px;
  background: rgba(247, 238, 229, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-subsection {
  padding: 16px 18px 14px;
  gap: 12px;
}

.sanguine-ops-order-detail-subheading-card-step {
  padding-bottom: 10px;
  font-size: 1.18rem;
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-subheading-actions {
  align-items: flex-start;
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-icon-button {
  width: 42px;
  height: 42px;
  background: rgba(255, 250, 245, 0.98);
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-list {
  gap: 8px;
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-row {
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 10px;
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-row-stack {
  gap: 10px;
}

.sanguine-ops-order-detail-group-card-step-delivery .sanguine-ops-order-detail-value {
  line-height: 1.35;
}

.sanguine-ops-data-card-wide {
  grid-column: 1 / -1;
}

.sanguine-ops-card-detail-order-lines {
  display: grid;
  gap: 6px;
}

.sanguine-ops-work-item-detail-row {
  display: grid;
  grid-template-columns: minmax(190px, max-content) minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 2px;
  align-items: baseline;
}

.sanguine-ops-work-item-detail-row span {
  font-size: 0.82rem;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7a5b3c;
  overflow-wrap: anywhere;
}

.sanguine-ops-work-item-detail-row strong {
  min-width: 0;
  font-size: 0.98rem;
  line-height: 1.35;
  color: #23160d;
  overflow-wrap: anywhere;
}

.sanguine-ops-work-item-guidance {
  line-height: 1.55;
}

.sanguine-ops-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.sanguine-ops-card-actions.is-packing-management {
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.14);
}

.sanguine-ops-card-action,
.sanguine-ops-card-action:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  background: #6d2e1c;
  color: #fff7f0;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.sanguine-ops-card-action.is-secondary,
.sanguine-ops-card-action.is-secondary:visited {
  border: 1px solid rgba(109, 46, 28, 0.18);
  background: rgba(255, 250, 245, 0.96);
  color: #5b280f;
}

.sanguine-ops-card-action.is-disabled,
.sanguine-ops-card-action:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  box-shadow: none;
}

.sanguine-ops-card-action-label {
  font-size: 0.84rem;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7a5b3c;
}

.sanguine-ops-card-panel {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 2px solid rgba(109, 46, 28, 0.18);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.96);
}

.sanguine-ops-card-panel-head-with-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sanguine-ops-card-panel-head h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.15;
  color: #1f130b;
}

.sanguine-ops-card-packing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.sanguine-ops-card-packing-grid.is-top-cards {
  margin-bottom: 18px;
}

.sanguine-ops-card-packing-grid.is-manifest-top {
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.9fr);
  align-items: start;
}

.sanguine-ops-card-packing-section {
  display: grid;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 16px;
  background: rgba(255, 248, 241, 0.74);
}

.sanguine-ops-card-packing-section h4 {
  margin: 0;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7a5b3c;
}

.sanguine-ops-card-packing-list {
  display: grid;
  gap: 8px;
}

.sanguine-ops-card-packing-line,
.sanguine-ops-card-packing-copy {
  color: #23160d;
  line-height: 1.5;
}

.sanguine-ops-manifest-form-panel {
  align-content: start;
}

.sanguine-ops-manifest-status-panel {
  align-content: start;
}

.sanguine-ops-manifest-status-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-manifest-status-item {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 252, 248, 0.9);
  border: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-manifest-status-item span {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a6a49;
}

.sanguine-ops-manifest-status-item strong {
  color: #23160d;
  line-height: 1.45;
}

.sanguine-ops-parcel-item-list {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 252, 248, 0.88);
  border: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-parcel-item-list-title {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a6a49;
}

.sanguine-ops-parcel-item {
  color: #23160d;
  line-height: 1.45;
}

.sanguine-ops-parcel-item-meta {
  display: inline-block;
  margin-left: 6px;
  font-size: 0.72rem;
  color: #8a6a49;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.sanguine-ops-card-box-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(255, 252, 248, 0.92);
}

.sanguine-ops-card-box-row.has-action {
  grid-template-columns: minmax(0, 1fr) auto;
}

.sanguine-ops-card-box-main,
.sanguine-ops-card-box-meta {
  display: grid;
  gap: 4px;
}

.sanguine-ops-card-box-heading-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.sanguine-ops-card-box-heading-row strong {
  color: #1f130b;
}

.sanguine-ops-card-box-copy,
.sanguine-ops-card-box-meta {
  color: #5a4c3f;
  line-height: 1.45;
}

.sanguine-ops-card-box-copy,
.sanguine-ops-card-box-meta,
.sanguine-ops-card-box-article,
.sanguine-ops-card-box-status {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sanguine-ops-card-box-meta {
  justify-items: end;
  text-align: right;
}

.sanguine-ops-card-box-article {
  font-weight: 600;
  color: #8b4f18;
}

.sanguine-ops-card-box-article.is-muted {
  color: #8d7c6b;
  font-weight: 500;
}

.sanguine-ops-card-box-status {
  color: #7d6c5e;
  font-size: 0.92rem;
}

.sanguine-ops-card-box-label-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(109, 46, 28, 0.16);
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
}

.sanguine-ops-card-box-label-icon.is-ap {
  background: rgba(190, 58, 44, 0.12);
  border-color: rgba(190, 58, 44, 0.2);
  color: #a33728;
}

.sanguine-ops-card-box-label-icon.is-sanguine {
  background: rgba(100, 40, 26, 0.12);
  border-color: rgba(100, 40, 26, 0.18);
  color: #64281a;
}

.sanguine-ops-card-box-label-icon.is-labelled {
  background: rgba(123, 92, 34, 0.12);
  border-color: rgba(123, 92, 34, 0.18);
  color: #6f551e;
}

.sanguine-ops-card-box-label-icon.is-pending {
  background: rgba(90, 76, 63, 0.08);
  border-color: rgba(90, 76, 63, 0.14);
  color: #6d5d50;
}

.sanguine-ops-card-box-action {
  justify-self: end;
  margin-top: 6px;
  padding: 8px 12px;
  border: 0;
  border-radius: 999px;
  background: #6d2e1c;
  color: #fff7f0;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.sanguine-ops-card-box-action.is-inline {
  margin-top: 0;
  padding: 6px 10px;
  font-size: 0.88rem;
  line-height: 1.2;
}

.sanguine-ops-packing-note-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-packing-note {
  display: grid;
  gap: 4px;
}

.sanguine-ops-packing-note strong {
  color: #6d2e1c;
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.sanguine-ops-packing-warning-list {
  display: grid;
  gap: 10px;
  margin-bottom: 14px;
}

.sanguine-ops-inline-note.is-warning {
  border-color: rgba(155, 91, 29, 0.2);
  background: rgba(255, 246, 234, 0.96);
  color: #7c4a14;
}

.sanguine-ops-packing-plan-shell {
  display: grid;
  gap: 16px;
  padding: 18px 16px 16px;
  border: 1px solid rgba(25, 57, 79, 0.16);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(239, 229, 217, 0.92), rgba(233, 222, 210, 0.88));
}

.sanguine-ops-packing-plan-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
}

.sanguine-ops-packing-plan-ref {
  font-weight: 700;
  color: #1e160f;
}

.sanguine-ops-packing-grid-form {
  display: grid;
  gap: 16px;
  --sanguine-packing-meta-column: minmax(110px, 130px);
  --sanguine-packing-row-inline-padding: 28px;
}

.sanguine-ops-packing-grid-top-summary {
  display: grid;
  grid-template-columns: var(--sanguine-packing-meta-column) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  padding-inline: var(--sanguine-packing-row-inline-padding);
}

.sanguine-ops-packing-grid-top-summary-spacer {
  min-width: 0;
}

.sanguine-ops-packing-grid-order-strip {
  display: grid;
  grid-template-columns: repeat(var(--sanguine-packing-line-count, 1), minmax(0, 1fr));
  gap: 8px;
}

.sanguine-ops-packing-order-cell {
  display: grid;
  gap: 6px;
  padding: 12px 10px;
  border: 2px solid rgba(27, 91, 147, 0.18);
  border-radius: 14px;
  background: rgba(84, 151, 221, 0.14);
}

.sanguine-ops-packing-order-cell.is-incomplete {
  border-color: rgba(176, 58, 46, 0.24);
}

.sanguine-ops-packing-order-label {
  color: #132638;
  font-size: 1rem;
  font-weight: 700;
}

.sanguine-ops-packing-order-count {
  justify-self: center;
  text-align: center;
  color: #173a57;
  font-size: 1rem;
  font-weight: 700;
}

.sanguine-ops-packing-grid-parcel-list {
  display: grid;
  gap: 18px;
}

.sanguine-ops-packing-grid-parcel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 2px solid rgba(28, 61, 84, 0.22);
  border-radius: 24px;
  background: rgba(250, 245, 239, 0.78);
}

.sanguine-ops-packing-grid-parcel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sanguine-ops-packing-grid-parcel-head h4 {
  margin: 0;
  color: #1f130b;
  font-size: 1.2rem;
}

.sanguine-ops-packing-grid-parcel-body {
  display: grid;
  gap: 12px;
}

.sanguine-ops-packing-grid-box-row {
  display: grid;
  gap: 10px;
  padding: 10px 12px;
  border: 2px solid rgba(28, 61, 84, 0.2);
  border-radius: 20px;
  background: rgba(220, 235, 248, 0.88);
}

.sanguine-ops-packing-grid-box-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
}

.sanguine-ops-packing-grid-box-header.is-warning,
.sanguine-ops-packing-grid-box-body.is-warning {
  color: #8b2f1f;
}

.sanguine-ops-packing-grid-box-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.sanguine-ops-packing-grid-box-type-select {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.sanguine-ops-packing-grid-box-type-select select {
  min-width: 150px;
}

.sanguine-ops-packing-grid-box-body {
  display: grid;
  grid-template-columns: var(--sanguine-packing-meta-column) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.sanguine-ops-packing-grid-capacity {
  color: #365268;
  font-size: 0.9rem;
  font-weight: 700;
  white-space: nowrap;
}

.sanguine-ops-packing-grid-allocations {
  display: grid;
  grid-template-columns: repeat(var(--sanguine-packing-line-count, 1), minmax(0, 1fr));
  gap: 8px;
  align-items: center;
}

.sanguine-ops-packing-grid-cell {
  margin: 0;
}

.sanguine-ops-packing-grid-cell input {
  width: 100%;
  min-width: 0;
  text-align: center;
}

.sanguine-ops-packing-grid-readonly-shell .sanguine-ops-button-row {
  display: none;
}

.sanguine-ops-packing-grid-readonly-shell textarea,
.sanguine-ops-packing-grid-readonly-shell input,
.sanguine-ops-packing-grid-readonly-shell select {
  pointer-events: none;
}

.sanguine-ops-pick-pack-toolbar-row {
  display: grid;
  grid-template-columns: auto auto minmax(240px, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.sanguine-ops-pick-pack-toolbar-row .sanguine-ops-main-filter-field {
  margin-top: 0;
}

.sanguine-ops-pick-pack-search-shell input {
  width: 100%;
}

.sanguine-ops-pick-pack-table-shell {
  overflow-x: auto;
}

.sanguine-ops-freight-matrix-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 2fr) minmax(180px, 220px) auto auto;
  gap: 12px;
  align-items: end;
  margin-top: 18px;
}

.sanguine-ops-freight-matrix-search,
.sanguine-ops-freight-matrix-filter {
  margin-top: 0;
}

.sanguine-ops-freight-matrix-search input[type="text"],
.sanguine-ops-freight-matrix-filter select {
  width: 100%;
}

.sanguine-ops-freight-matrix-filter select,
.sanguine-ops-freight-matrix-columns-shell > .sanguine-ops-button-secondary {
  min-height: 64px;
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 999px;
  background: linear-gradient(180deg, #fffdf9, #fff4e8);
  color: #4f2b18;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 6px 18px rgba(88, 54, 24, 0.08);
}

.sanguine-ops-freight-matrix-filter select {
  width: 100%;
  min-width: 190px;
  margin-top: 0;
  padding: 14px 42px 14px 16px;
  font: 600 0.98rem Georgia, "Times New Roman", serif;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #7d4422 50%), linear-gradient(135deg, #7d4422 50%, transparent 50%), linear-gradient(180deg, #fffdf9, #fff4e8);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px), 0 0;
  background-size: 6px 6px, 6px 6px, 100% 100%;
  background-repeat: no-repeat;
}

.sanguine-ops-freight-matrix-filter select:focus,
.sanguine-ops-freight-matrix-columns-shell > .sanguine-ops-button-secondary:focus-visible {
  outline: 2px solid rgba(142, 68, 31, 0.22);
  outline-offset: 2px;
}

.sanguine-ops-field-helper {
  display: block;
  margin-top: 6px;
  color: rgba(79, 51, 24, 0.72);
  font-size: 0.84rem;
  line-height: 1.35;
}

.sanguine-ops-freight-matrix-columns-shell {
  position: relative;
}

.sanguine-ops-freight-matrix-columns-shell > .sanguine-ops-button-secondary {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
}

.sanguine-ops-freight-matrix-columns-button-copy {
  display: grid;
  gap: 2px;
  justify-items: start;
  text-align: left;
}

.sanguine-ops-freight-matrix-columns-button-copy .sanguine-ops-cell-subvalue {
  font-size: 0.82rem;
}

.sanguine-ops-freight-matrix-columns-caret {
  font-size: 0.88rem;
  line-height: 1;
  opacity: 0.72;
}

.sanguine-ops-freight-matrix-columns-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 6;
  display: grid;
  gap: 6px;
  min-width: 260px;
  max-height: 320px;
  overflow: auto;
  padding: 10px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 16px;
  background: rgba(255, 252, 248, 0.99);
  box-shadow: 0 18px 40px rgba(58, 30, 18, 0.16);
  backdrop-filter: blur(6px);
}

.sanguine-ops-freight-matrix-columns-option {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 0.96rem;
  font-weight: 600;
  line-height: 1.25;
  color: #2f1d12;
  white-space: nowrap;
  cursor: pointer;
}

.sanguine-ops-freight-matrix-columns-option:hover {
  background: rgba(245, 232, 219, 0.72);
}

.sanguine-ops-freight-matrix-columns-option input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #6d2e1c;
  flex: 0 0 auto;
}

.sanguine-ops-freight-matrix-columns-option-label {
  display: inline-block;
  flex: 1 1 auto;
}

.sanguine-ops-pick-pack-table {
  width: 100%;
  border-collapse: collapse;
}

.sanguine-ops-pick-pack-table th,
.sanguine-ops-pick-pack-table td {
  padding: 10px 12px;
  border: 1px solid rgba(28, 61, 84, 0.18);
  vertical-align: middle;
}

.sanguine-ops-pick-pack-table th {
  background: rgba(220, 235, 248, 0.88);
  color: #132638;
  font-weight: 700;
  text-align: left;
}

.sanguine-ops-pick-pack-table td.is-center,
.sanguine-ops-pick-pack-table th.is-center {
  text-align: center;
}

.sanguine-ops-packing-status-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(155, 91, 29, 0.12);
  color: #7d4713;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sanguine-ops-card-panel-head-packing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
}

.sanguine-ops-card-panel-head-packing .sanguine-ops-eyebrow {
  margin-bottom: 0;
}

.sanguine-ops-packing-status-pill.is-staff-choice-required,
.sanguine-ops-packing-status-pill.is-provisional-conflict {
  background: rgba(129, 70, 18, 0.16);
  color: #6f3f12;
}

.sanguine-ops-packing-parcel-list {
  display: grid;
  gap: 16px;
}

.sanguine-ops-packing-parcel-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 2px solid rgba(28, 61, 84, 0.22);
  border-radius: 24px;
  background: rgba(250, 245, 239, 0.78);
}

.sanguine-ops-packing-parcel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sanguine-ops-packing-parcel-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
}

.sanguine-ops-packing-parcel-title-row h4 {
  margin: 0;
  color: #1f130b;
  font-size: 1.35rem;
}

.sanguine-ops-packing-parcel-weight {
  color: #6a5444;
  font-size: 0.92rem;
}

.sanguine-ops-packing-parcel-weight.is-cost {
  color: #1c5368;
  font-weight: 700;
}

.sanguine-ops-packing-box-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.sanguine-ops-packing-box-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 2px solid rgba(28, 61, 84, 0.2);
  border-radius: 22px;
  background: rgba(220, 235, 248, 0.88);
}

.sanguine-ops-packing-box-grid > .sanguine-ops-packing-box-card:only-child {
  max-width: calc(50% - 7px);
  justify-self: start;
  width: 100%;
}

.sanguine-ops-packing-box-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.sanguine-ops-packing-box-card-head h5 {
  margin: 0;
  color: #1f130b;
  font-size: 1.05rem;
}

.sanguine-ops-packing-box-card-head span {
  color: #365268;
  font-size: 0.88rem;
  font-weight: 600;
}

.sanguine-ops-packing-box-card-head .sanguine-ops-packing-box-code {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(36, 86, 126, 0.22);
  border-radius: 999px;
  background: rgba(220, 235, 248, 0.92);
  color: #17415f;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.1;
  cursor: help;
}

.sanguine-ops-packing-box-item-list {
  display: grid;
  gap: 6px;
}

.sanguine-ops-packing-box-item-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  color: #223645;
}

.sanguine-ops-packing-box-item-row strong {
  color: #1d3140;
}

.sanguine-ops-packing-box-meta {
  color: #516575;
  font-size: 0.86rem;
  line-height: 1.45;
}

.sanguine-ops-packing-parcel-notes {
  display: grid;
  gap: 10px;
}

@media (max-width: 860px) {
  .sanguine-ops-packing-plan-header,
  .sanguine-ops-packing-parcel-head,
  .sanguine-ops-packing-parcel-title-row {
    align-items: start;
  }

  .sanguine-ops-packing-grid-top-summary {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .sanguine-ops-packing-grid-top-summary-spacer {
    display: none;
  }

  .sanguine-ops-packing-grid-box-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-packing-grid-box-header,
  .sanguine-ops-packing-grid-box-title-row {
    flex-direction: column;
    align-items: start;
  }

  .sanguine-ops-packing-grid-box-body {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .sanguine-ops-pick-pack-toolbar-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .sanguine-ops-packing-box-grid {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-packing-box-grid > .sanguine-ops-packing-box-card:only-child {
    max-width: none;
  }
}

.sanguine-ops-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.sanguine-ops-chip-warning {
  background: rgba(155, 91, 29, 0.14);
  color: #8b4f18;
}

.sanguine-ops-pending-flag {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(155, 91, 29, 0.28);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 244, 229, 0.98), rgba(255, 237, 212, 0.94));
  color: #7c4a14;
  box-shadow: 0 10px 22px rgba(126, 76, 20, 0.08);
}

.sanguine-ops-pending-flag strong {
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sanguine-ops-pending-flag span {
  line-height: 1.5;
}

.sanguine-ops-guidance-heading {
  margin: 0;
  font-size: clamp(2rem, 1.7rem + 0.7vw, 2.7rem);
  line-height: 1.02;
  letter-spacing: -0.01em;
  color: #1f130b;
}

.sanguine-ops-guidance-action-wrap {
  margin-top: 18px;
  margin-bottom: 16px;
}

.sanguine-ops-pill.sanguine-ops-pill-action {
  padding: 14px 22px;
  background: linear-gradient(180deg, rgba(113, 166, 104, 0.2), rgba(82, 142, 73, 0.28));
  border-color: rgba(53, 104, 55, 0.2);
  color: #234d26;
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.sanguine-ops-guidance-cta {
  margin-bottom: 18px;
}

.sanguine-ops-guidance-button,
.sanguine-ops-guidance-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 13px 20px;
  font: inherit;
  font-size: 0.98rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.sanguine-ops-guidance-button {
  border: 0;
  background: #6d2e1c;
  color: #fff7f0;
  box-shadow: 0 10px 20px rgba(109, 46, 28, 0.14);
}

.sanguine-ops-guidance-button.is-disabled,
.sanguine-ops-guidance-button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  box-shadow: none;
}

.sanguine-ops-guidance-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: #6d2e1c;
}

.sanguine-ops-guidance-support {
  max-width: 44rem;
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(35, 22, 13, 0.75);
}

.sanguine-ops-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 22px;
}

.sanguine-ops-panel-priority {
  grid-column: 1 / -1;
}

.sanguine-ops-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}

.sanguine-ops-form-grid-compact {
  align-items: end;
}

.sanguine-ops-empty-state {
  padding: 16px 18px;
  border: 1px dashed rgba(109, 46, 28, 0.2);
  border-radius: 16px;
  background: rgba(255, 250, 245, 0.72);
  color: #6d2e1c;
 }

.sanguine-ops-form-stack label,
.sanguine-ops-form-grid label {
  display: grid;
  gap: 8px;
  color: #23160d;
}

.sanguine-ops-form-stack .sanguine-ops-form-field,
.sanguine-ops-form-grid .sanguine-ops-form-field {
  display: grid;
  gap: 8px;
  color: #23160d;
}

.sanguine-ops-form-field-label {
  font: inherit;
}

.sanguine-ops-form-stack input[type="text"],
.sanguine-ops-form-stack input[type="number"],
.sanguine-ops-form-stack select,
.sanguine-ops-form-stack textarea,
.sanguine-ops-form-grid input[type="text"],
.sanguine-ops-form-grid input[type="number"],
.sanguine-ops-form-grid select,
.sanguine-ops-form-grid textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(88, 54, 24, 0.18);
  background: rgba(255, 250, 245, 0.96);
  font: inherit;
  color: #23160d;
}

.sanguine-ops-form-stack textarea,
.sanguine-ops-form-grid textarea {
  min-height: 110px;
  resize: vertical;
}

.sanguine-ops-field-input-error {
  border-color: #b3281d !important;
  background: rgba(255, 239, 236, 0.98) !important;
  box-shadow: 0 0 0 3px rgba(179, 40, 29, 0.12);
}

.sanguine-ops-field-error {
  display: block;
  margin-top: 2px;
  color: #b3281d;
  font-size: 0.9rem;
  line-height: 1.35;
  font-weight: 700;
}

.sanguine-ops-checkbox-row {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding-top: 28px;
}

.sanguine-ops-checkbox-row input {
  width: auto;
}

.sanguine-ops-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.sanguine-ops-button-row button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  background: #6d2e1c;
  color: #fff7f0;
  cursor: pointer;
}

.sanguine-ops-button-secondary {
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(255, 250, 245, 0.96);
  color: #5b280f;
  cursor: pointer;
}

.sanguine-ops-button-compact {
  padding: 8px 14px;
  font-size: 0.92rem;
  line-height: 1.15;
}

.sanguine-ops-button-row-end {
  justify-content: flex-end;
}

.sanguine-ops-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.sanguine-ops-note-add-button {
  padding: 12px 26px;
  font-size: 1rem;
}

.sanguine-ops-inline-note-composer {
  margin-top: 10px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.92);
  border: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-inline-note-actions {
  margin-top: 4px;
}

.sanguine-ops-vincreative-match-note {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.sanguine-ops-vincreative-match-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.sanguine-ops-vincreative-match-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.sanguine-ops-internal-note-list {
  display: grid;
  gap: 12px;
  margin-top: 8px;
}

.sanguine-ops-internal-note-item {
  display: grid;
  gap: 4px;
  padding-top: 4px;
}

.sanguine-ops-internal-note-meta {
  margin: 0;
  color: #8e4b1d;
  font-size: 1.02rem;
  line-height: 1.4;
  font-weight: 700;
}

.sanguine-ops-internal-note-text {
  margin: 0;
  color: #8e4b1d;
  font-size: 1.02rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sanguine-ops-internal-note-meta strong,
.sanguine-ops-internal-note-text strong {
  color: #8e4b1d;
  font-weight: 700;
}

.sanguine-ops-history-list {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.sanguine-ops-history-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(245, 235, 224, 0.74);
}

.sanguine-ops-history-row strong,
.sanguine-ops-history-row p,
.sanguine-ops-history-row span {
  overflow-wrap: anywhere;
}

.sanguine-ops-history-row p {
  margin: 6px 0 0;
  color: #5a4c3f;
  line-height: 1.45;
}

.sanguine-ops-muted {
  color: #5a4c3f;
  line-height: 1.6;
}

.sanguine-ops-stage-row {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 26px;
  padding: 28px;
  margin: 0;
}

.sanguine-ops-stage-column {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: start;
}

.sanguine-ops-stage-copy p {
  margin: 0;
  color: #5a4c3f;
  line-height: 1.55;
}

.sanguine-ops-stage-detail {
  min-width: 0;
}

.sanguine-ops-detail-stack {
  display: grid;
  gap: 16px;
}

.sanguine-ops-stage-tools {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-stage-tool-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.sanguine-ops-workflow-tool {
  padding: 8px 14px;
  font-size: 0.92rem;
  line-height: 1.2;
}

.sanguine-ops-workflow-tool-note {
  color: #5a4c3f;
  line-height: 1.5;
}

.sanguine-ops-inline-note {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(109, 46, 28, 0.06);
  color: #5a4c3f;
  line-height: 1.5;
}

.sanguine-ops-data-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.sanguine-ops-data-card {
  display: grid;
  gap: 6px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(245, 235, 224, 0.78);
  color: #23160d;
}

.sanguine-ops-data-card strong {
  overflow-wrap: anywhere;
}

.sanguine-ops-data-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7a5b3c;
}

.sanguine-ops-secondary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
  color: #5a4c3f;
  font-size: 0.92rem;
}

.sanguine-ops-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.sanguine-ops-pill {
  padding: 8px 12px;
  border-radius: 999px;
  background: #f0d5b6;
  color: #5b280f;
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sanguine-ops-manifest-summary-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.sanguine-ops-pill.sanguine-ops-pill-alert {
  background: #c62828;
  color: #fff7f0;
  box-shadow: 0 10px 22px rgba(145, 25, 25, 0.24);
}

.sanguine-ops-metadata {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}

.sanguine-ops-metadata span {
  display: block;
  line-height: 1.45;
}

.sanguine-ops-stage-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.sanguine-ops-stage {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  align-items: start;
}

.sanguine-ops-stage-marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #6d2e1c;
  color: #fff7f0;
  font-size: 0.95rem;
  font-weight: 700;
  box-shadow: 0 0 0 6px rgba(109, 46, 28, 0.08);
}

.sanguine-ops-stage-body {
  position: relative;
  padding: 2px 0 18px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-stage:last-child .sanguine-ops-stage-body {
  border-bottom: 0;
  padding-bottom: 0;
}

.sanguine-ops-stage-heading {
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
}

.sanguine-ops-stage-heading h3 {
  margin: 0;
  font-size: 1.05rem;
}

.sanguine-ops-stage-row[data-tone="complete"] .sanguine-ops-stage-marker {
  background: #2f6a41;
  box-shadow: 0 0 0 6px rgba(47, 106, 65, 0.12);
}

.sanguine-ops-stage-row[data-tone="complete"] .sanguine-ops-stage-state {
  background: rgba(47, 106, 65, 0.12);
  color: #2f6a41;
}

.sanguine-ops-stage-row[data-tone="blocked"] .sanguine-ops-stage-marker {
  background: #dd3b2a;
  box-shadow: 0 0 0 6px rgba(221, 59, 42, 0.16);
}

.sanguine-ops-stage-row[data-tone="blocked"] .sanguine-ops-stage-state {
  background: rgba(221, 59, 42, 0.14);
  color: #b22617;
}

.sanguine-ops-stage-row[data-tone="blocked"] {
  border-color: rgba(221, 59, 42, 0.24);
}

.sanguine-ops-stage-row[data-tone="active"] .sanguine-ops-stage-marker {
  background: #9b5b1d;
  box-shadow: 0 0 0 6px rgba(155, 91, 29, 0.12);
}

@media (max-width: 980px) {
  .sanguine-ops-sidebar {
    position: static;
  }

  .sanguine-ops-workspace {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-hero-meta,
  .sanguine-ops-hero-signin {
    justify-items: start;
    text-align: left;
  }

  .sanguine-ops-module-bar {
    align-items: start;
    flex-direction: column;
  }

  .sanguine-ops-module-bar-brand,
  .sanguine-ops-module-nav {
    width: 100%;
  }

  .sanguine-ops-module-nav-item {
    width: 100%;
  }

  .sanguine-ops-module-subnav {
    position: static;
    min-width: 0;
    margin-top: 6px;
  }

  .sanguine-ops-hero-actions,
  .sanguine-ops-module-nav,
  .sanguine-ops-page-nav,
  .sanguine-ops-hero-action-row {
    justify-content: start;
    justify-items: start;
  }

  .sanguine-ops-selected-summary,
  .sanguine-ops-hero,
  .sanguine-ops-list-header,
  .sanguine-ops-journey-heading-row,
  .sanguine-ops-summary-row,
  .sanguine-ops-history-row,
  .sanguine-ops-work-item-head,
  .sanguine-ops-work-item-summary-grid {
    grid-template-columns: none;
    display: grid;
  }

  .sanguine-ops-journey-heading-actions {
    justify-content: start;
  }

  .sanguine-ops-show-all-button .sanguine-ops-journey-total {
    right: 2px;
  }

  .sanguine-ops-order-detail-row {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .sanguine-ops-order-detail-subheading {
    font-size: 1.18rem;
  }

  .sanguine-ops-modal-backdrop {
    padding: 16px;
  }

  .sanguine-ops-modal {
    padding: 22px;
    max-height: calc(100vh - 32px);
  }
}

.sanguine-ops-stage-row[data-tone="active"] .sanguine-ops-stage-state {
  background: rgba(155, 91, 29, 0.12);
  color: #8a4f18;
}

.sanguine-ops-stage-row[data-tone="pending"] .sanguine-ops-stage-marker {
  background: #9b5b1d;
  box-shadow: 0 0 0 6px rgba(155, 91, 29, 0.12);
}

.sanguine-ops-stage-row[data-tone="pending"] .sanguine-ops-stage-state {
  background: rgba(155, 91, 29, 0.12);
  color: #8a4f18;
}

.sanguine-ops-stage-row[data-current="true"] {
  border-color: rgba(109, 46, 28, 0.28);
}

.sanguine-ops-stage-row[data-current="true"] .sanguine-ops-stage-copy {
  padding-left: 14px;
  border-left: 3px solid rgba(109, 46, 28, 0.32);
}

.sanguine-ops-stage-row[data-current="true"] .sanguine-ops-stage-heading h3::after {
  content: "Current focus";
  display: inline-flex;
  margin-left: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  vertical-align: middle;
}

.sanguine-ops-stage-state {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
  font-size: 0.84rem;
  line-height: 1.35;
}

.sanguine-ops-stage[data-tone="complete"] .sanguine-ops-stage-marker {
  background: #2f6a41;
  box-shadow: 0 0 0 6px rgba(47, 106, 65, 0.12);
}

.sanguine-ops-stage[data-tone="complete"] .sanguine-ops-stage-state {
  background: rgba(47, 106, 65, 0.12);
  color: #2f6a41;
}

.sanguine-ops-stage[data-tone="active"] .sanguine-ops-stage-marker {
  background: #9b5b1d;
  box-shadow: 0 0 0 6px rgba(155, 91, 29, 0.12);
}

.sanguine-ops-stage[data-tone="active"] .sanguine-ops-stage-state {
  background: rgba(155, 91, 29, 0.12);
  color: #8a4f18;
}

.sanguine-ops-stage[data-tone="pending"] .sanguine-ops-stage-marker {
  background: #9b5b1d;
  box-shadow: 0 0 0 6px rgba(155, 91, 29, 0.12);
}

.sanguine-ops-stage[data-tone="pending"] .sanguine-ops-stage-state {
  background: rgba(155, 91, 29, 0.12);
  color: #8a4f18;
}

.sanguine-ops-stage[data-current="true"] .sanguine-ops-stage-body {
  padding-left: 14px;
  border-left: 3px solid rgba(109, 46, 28, 0.32);
}

.sanguine-ops-stage[data-current="true"] .sanguine-ops-stage-heading h3::after {
  content: "Current focus";
  display: inline-flex;
  margin-left: 10px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  vertical-align: middle;
}

.sanguine-ops-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(31, 19, 11, 0.42);
  backdrop-filter: blur(4px);
}

.sanguine-ops-modal-backdrop.is-open {
  display: flex;
}

.sanguine-ops-modal {
  width: min(760px, 100%);
  max-height: calc(100vh - 56px);
  overflow: auto;
  display: grid;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.99), rgba(249, 242, 235, 0.98));
  border: 1px solid rgba(109, 46, 28, 0.12);
  box-shadow: 0 28px 70px rgba(31, 19, 11, 0.22);
}

.sanguine-ops-modal-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.sanguine-ops-modal-head h2 {
  margin: 0;
}

.sanguine-ops-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(109, 46, 28, 0.16);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.96);
  color: #6d2e1c;
  cursor: pointer;
}

.sanguine-ops-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.sanguine-ops-vincreative-match-modal {
  width: min(820px, 100%);
}

.sanguine-ops-vincreative-match-modal-form {
  gap: 14px;
}

.sanguine-ops-vincreative-match-modal-form select[name="productId"] {
  min-height: 220px;
}

.sanguine-ops-vincreative-match-status {
  margin: 0;
  color: #6d2e1c;
  font-size: 0.96rem;
  line-height: 1.45;
}

.sanguine-ops-vincreative-create-button-faded:disabled {
  opacity: 0.32;
  filter: saturate(0.72);
}

.sanguine-ops-stage-body p {
  margin: 0;
  color: #5a4c3f;
  line-height: 1.55;
}

.sanguine-ops-metadata strong,
.sanguine-ops-document-list h3,
.sanguine-ops-parcel-card h3 {
  display: block;
  margin-bottom: 6px;
}

.sanguine-ops-muted,
.sanguine-ops-parcel-card p {
  margin: 0;
  color: #5a4c3f;
}

.sanguine-ops-parcel-card {
  padding: 16px;
  border-radius: 18px;
  background: rgba(245, 235, 224, 0.78);
}

@media (max-width: 920px) {
  .sanguine-ops-card-packing-grid.is-manifest-top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.sanguine-ops-shell label:not(.sanguine-ops-checkbox-label) {
  display: block;
  font-weight: 600;
}

.sanguine-ops-shell .sanguine-ops-checkbox-label {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  gap: 10px;
}

.sanguine-ops-shell input,
.sanguine-ops-shell textarea,
.sanguine-ops-shell select,
.sanguine-ops-shell button {
  font: inherit;
}

.sanguine-ops-shell input,
.sanguine-ops-shell textarea,
.sanguine-ops-shell select {
  width: 100%;
  margin-top: 8px;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(88, 54, 24, 0.18);
  background: rgba(255, 250, 245, 0.96);
}

.sanguine-ops-shell select {
  border-radius: 12px;
}

.sanguine-ops-shell textarea {
  min-height: 96px;
  resize: vertical;
}

.sanguine-ops-shell input::placeholder,
.sanguine-ops-shell textarea::placeholder {
  color: rgba(90, 76, 63, 0.42);
}

.sanguine-ops-document-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-worklist {
  margin-top: 18px;
  display: grid;
  gap: 10px;
}

.sanguine-ops-worklist-row,
.sanguine-ops-document-row {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr auto;
  gap: 16px;
  text-align: left;
  border: 1px solid rgba(109, 46, 28, 0.08);
  background: rgba(109, 46, 28, 0.06);
  color: #23160d;
  border-radius: 16px;
  padding: 16px 18px;
}

.sanguine-ops-worklist-row {
  align-items: center;
}

.sanguine-ops-worklist-primary,
.sanguine-ops-worklist-meta {
  display: grid;
  gap: 4px;
}

.sanguine-ops-worklist-meta {
  text-align: right;
  color: #5a4c3f;
}

.sanguine-ops-document-row {
  align-items: start;
  appearance: none;
}

.sanguine-ops-document-primary,
.sanguine-ops-document-meta {
  display: grid;
  gap: 4px;
}

.sanguine-ops-document-primary strong,
.sanguine-ops-document-meta small {
  overflow-wrap: anywhere;
}

.sanguine-ops-document-meta {
  text-align: right;
  color: #5a4c3f;
}

.sanguine-ops-metadata-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.sanguine-ops-manifest-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.35fr);
  gap: 22px;
  align-items: start;
}

.sanguine-ops-manifest-card-list,
.sanguine-ops-manifest-shipment-list,
.sanguine-ops-manifest-order-list,
.sanguine-ops-manifest-candidate-list,
.sanguine-ops-manifest-label-page-list {
  display: grid;
  gap: 12px;
}

.sanguine-ops-manifest-card-shell {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(109, 46, 28, 0.08);
  border-radius: 18px;
  background: rgba(109, 46, 28, 0.05);
  color: #23160d;
  overflow: hidden;
}

.sanguine-ops-manifest-card-shell.is-active {
  border-color: rgba(109, 46, 28, 0.28);
  background: rgba(109, 46, 28, 0.1);
  box-shadow: 0 14px 34px rgba(61, 35, 16, 0.12);
}

.sanguine-ops-manifest-card,
.sanguine-ops-manifest-shipment-card,
.sanguine-ops-manifest-candidate-row,
.sanguine-ops-manifest-label-page-card {
  width: 100%;
  border: 1px solid rgba(109, 46, 28, 0.08);
  border-radius: 18px;
  background: rgba(109, 46, 28, 0.05);
  color: #23160d;
}

.sanguine-ops-manifest-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  text-align: left;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.sanguine-ops-manifest-card-header,
.sanguine-ops-manifest-shipment-head,
.sanguine-ops-manifest-candidate-row,
.sanguine-ops-manifest-label-page-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.sanguine-ops-manifest-card-header h3,
.sanguine-ops-manifest-shipment-head h4 {
  margin: 0;
}

.sanguine-ops-manifest-card-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  justify-items: start;
}

.sanguine-ops-manifest-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 0 18px 18px;
}

.sanguine-ops-manifest-card-actions .sanguine-ops-inline-note {
  margin: 0;
  max-width: 280px;
}

.sanguine-ops-manifest-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

.sanguine-ops-manifest-field {
  min-width: 0;
}

.sanguine-ops-manifest-field-date {
  min-width: 280px;
  max-width: 320px;
}

.sanguine-ops-manifest-field-ref {
  max-width: 360px;
}

.sanguine-ops-manifest-field-date span {
  white-space: nowrap;
}

.sanguine-ops-manifest-field-date input,
.sanguine-ops-manifest-field-ref input {
  width: 100%;
}

.sanguine-ops-manifest-section {
  display: grid;
  gap: 18px;
  padding: 18px 20px 20px;
  border-radius: 20px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.sanguine-ops-manifest-section-detail {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.92), rgba(248, 240, 230, 0.78));
}

.sanguine-ops-manifest-section-documents {
  background: linear-gradient(180deg, rgba(244, 178, 142, 0.42), rgba(232, 155, 118, 0.38));
  border-color: rgba(153, 82, 43, 0.28);
}

.sanguine-ops-manifest-section-documents > .sanguine-ops-list-header {
  gap: 10px;
}

.sanguine-ops-manifest-section-documents > .sanguine-ops-list-header h3 {
  margin: 0;
  font-size: clamp(2rem, 1.7rem + 0.55vw, 2.45rem);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #1e120a;
}

.sanguine-ops-manifest-section-documents > .sanguine-ops-list-header .sanguine-ops-list-subtitle {
  max-width: 58ch;
  font-size: 1rem;
  line-height: 1.45;
  color: #5a3726;
}

.sanguine-ops-manifest-section-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-manifest-detail-panel,
.sanguine-ops-subpanel {
  display: grid;
  gap: 18px;
}

.sanguine-ops-subpanel {
  padding: 22px;
  border-radius: 20px;
  background: rgba(255, 250, 245, 0.72);
}

.sanguine-ops-manifest-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: end;
}

.sanguine-ops-manifest-checkbox input {
  width: auto;
  margin: 0;
}

.sanguine-ops-manifest-notes textarea {
  min-height: 120px;
}

.sanguine-ops-signup-warning {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(156, 55, 31, 0.12);
  color: #7a2510;
  line-height: 1.5;
}

.sanguine-signup-root {
  display: block;
}

.sanguine-account-shell {
  display: grid;
  gap: 24px;
}

.sanguine-account-nav {
  flex-wrap: wrap;
}

.sanguine-account-card {
  display: grid;
  gap: 14px;
}

.sanguine-account-list {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
  color: rgba(35, 22, 13, 0.82);
}

.sanguine-account-note {
  margin: 0;
  color: rgba(35, 22, 13, 0.72);
}

/* ── Embedded WooCommerce login form inside .sanguine-account-login ─── */

.sanguine-account-login {
  display: grid;
  gap: 18px;
}

.sanguine-account-login h3 {
  margin: 0;
}

.sanguine-account-access-root {
  display: grid;
  gap: 16px;
}

.sanguine-account-access-intro,
.sanguine-account-access-summary,
.sanguine-account-access-caption {
  margin: 0;
}

.sanguine-account-access-intro,
.sanguine-account-access-summary {
  color: rgba(35, 22, 13, 0.76);
}

.sanguine-account-access-caption {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-account-access-step {
  display: grid;
  gap: 14px;
}

.sanguine-account-access-success-title {
  margin: 0;
  font-size: 1.15rem;
  color: #23160d;
}

.sanguine-account-access-feedback {
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 0.95rem;
  line-height: 1.45;
}

.sanguine-account-access-feedback.is-error {
  background: rgba(153, 27, 27, 0.08);
  color: #8b1f1f;
}

.sanguine-account-access-feedback.is-info {
  background: rgba(109, 46, 28, 0.08);
  color: #6d2e1c;
}

.sanguine-account-access-feedback.is-success {
  background: rgba(29, 78, 52, 0.1);
  color: #1d4e34;
}

.sanguine-account-communications {
  max-width: 760px;
}

.sanguine-account-membership-type {
  max-width: 760px;
}

.sanguine-account-membership-type__intro {
  margin-bottom: 1rem;
}

.sanguine-account-membership-type__details {
  display: grid;
  gap: 0.85rem;
  margin: 0;
}

.sanguine-account-membership-type__details div {
  padding: 1rem 1.1rem;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 12px;
  background: rgba(255, 251, 242, 0.72);
}

.sanguine-account-membership-type__details dt {
  margin: 0 0 0.35rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6d2e1c;
}

.sanguine-account-membership-type__details dd {
  margin: 0;
  color: #23160d;
}

.sanguine-account-communications-intro {
  margin-bottom: 1rem;
}

.sanguine-account-communications-form {
  display: grid;
  gap: 0.85rem;
}

.sanguine-account-login .woocommerce-form-login {
  display: grid;
  gap: 16px;
  margin: 0;
}

.sanguine-account-login .woocommerce-form-row {
  display: grid;
  gap: 6px;
  margin: 0;
}

.sanguine-account-login .woocommerce-form-row label {
  font-size: 0.9rem;
  color: #4d4135;
  margin: 0;
}

.sanguine-account-login .woocommerce-Input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid rgba(109, 46, 28, 0.22);
  border-radius: 8px;
  font-size: 1rem;
  background: rgba(255, 251, 247, 0.9);
  color: #23160d;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
}

.sanguine-account-login .woocommerce-Input:focus {
  border-color: rgba(109, 46, 28, 0.5);
  box-shadow: 0 0 0 3px rgba(109, 46, 28, 0.08);
}

.sanguine-account-login .form-row:has(.woocommerce-form-login__submit) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

.sanguine-account-login .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  color: #4d4135;
  cursor: pointer;
  margin: 0;
}

.sanguine-account-login .woocommerce-form-login__submit.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 11px 26px;
  border: 0;
  background: #6d2e1c;
  color: #fff7f0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  font-family: inherit;
  text-decoration: none;
  transition: background 150ms ease, transform 150ms ease;
  flex-shrink: 0;
}

.sanguine-account-login .woocommerce-form-login__submit.button:hover {
  background: #8a3d24;
  transform: translateY(-1px);
}

.sanguine-account-login .woocommerce-LostPassword {
  margin: 0;
}

.sanguine-account-login .sanguine-account-access-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

.sanguine-account-login .woocommerce-LostPassword a {
  font-size: 0.875rem;
  color: #7a5b3c;
  text-decoration: underline;
}

.sanguine-signup-shell {
  width: min(100%, 1040px);
  margin: 0 auto;
  padding: 40px 0;
  display: grid;
  gap: 24px;
  color: #23160d;
}

.sanguine-signup-hero,
.sanguine-signup-card,
.sanguine-signup-form,
.sanguine-signup-status {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(247, 239, 229, 0.94));
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
}

.sanguine-signup-hero {
  padding: 36px;
  display: grid;
  gap: 16px;
}

.sanguine-signup-eyebrow {
  margin: 0;
  font-size: 0.82rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-signup-hero h1 {
  margin: 0;
  font-size: clamp(2.4rem, 2rem + 1vw, 3.6rem);
  line-height: 0.96;
}

.sanguine-signup-summary {
  margin: 0;
  max-width: 64ch;
  line-height: 1.65;
  color: #4d4135;
  font-size: 1.08rem;
}

.sanguine-signup-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sanguine-signup-nav a,
.sanguine-signup-link-button,
.sanguine-signup-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 18px;
  text-decoration: none;
}

.sanguine-signup-nav a,
.sanguine-signup-link-button {
  border: 1px solid rgba(109, 46, 28, 0.18);
  background: rgba(255, 248, 241, 0.9);
  color: #5b280f;
}

.sanguine-signup-submit {
  border: 0;
  background: #6d2e1c;
  color: #fff7f0;
  cursor: pointer;
}

.sanguine-signup-status {
  padding: 16px 18px;
  line-height: 1.55;
}

.sanguine-signup-status.is-error {
  background: rgba(156, 55, 31, 0.14);
}

.sanguine-signup-status.is-success {
  background: rgba(66, 124, 82, 0.14);
}

.sanguine-signup-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sanguine-signup-card {
  padding: 28px;
  display: grid;
  gap: 14px;
}

.sanguine-signup-card h3,
.sanguine-signup-section h2 {
  margin: 0;
}

.sanguine-signup-card-kicker {
  margin: 0;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-signup-card p {
  margin: 0;
  line-height: 1.6;
  color: #4d4135;
}

.sanguine-public-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.92fr);
  gap: 24px;
  align-items: stretch;
}

.sanguine-public-feature--reverse {
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1fr);
}

.sanguine-public-feature--reverse .sanguine-public-feature__copy {
  order: 2;
}

.sanguine-public-feature--reverse .sanguine-public-feature__media {
  order: 1;
}

.sanguine-public-feature__copy {
  display: grid;
  align-content: center;
}

.sanguine-public-feature__media,
.sanguine-public-image-card {
  margin: 0;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 251, 247, 0.98);
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
}

.sanguine-public-feature__media img,
.sanguine-public-image-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
}

.sanguine-public-image-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sanguine-public-image-card figcaption {
  padding: 16px 18px 18px;
  color: #4d4135;
  line-height: 1.6;
}

.sanguine-public-story-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr);
  gap: 24px;
  align-items: stretch;
}

.sanguine-public-story-hero__copy,
.sanguine-public-story-hero__aside,
.sanguine-public-story-panel,
.sanguine-public-story-section,
.sanguine-public-story-link {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(247, 239, 229, 0.94));
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
}

.sanguine-public-story-hero__copy {
  padding: 42px;
  display: grid;
  gap: 18px;
  align-content: center;
  background:
    radial-gradient(circle at top right, rgba(180, 99, 49, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(245, 234, 219, 0.94));
}

.sanguine-public-story-hero__aside {
  align-content: center;
}

.sanguine-public-story-hero__media {
  min-height: 100%;
}

.sanguine-public-story-band {
  padding: 26px 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(80, 30, 18, 0.96), rgba(122, 49, 25, 0.92));
  color: #fff6ef;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.74fr);
  gap: 20px;
  align-items: end;
  box-shadow: 0 28px 56px rgba(50, 22, 14, 0.2);
}

.sanguine-public-story-band h2,
.sanguine-public-story-link h2,
.sanguine-public-story-panel h2,
.sanguine-public-story-section h2 {
  margin: 0;
}

.sanguine-public-story-band p {
  margin: 0;
  color: rgba(255, 246, 239, 0.88);
  line-height: 1.65;
}

.sanguine-public-story-grid,
.sanguine-public-story-links,
.sanguine-public-story-sections {
  display: grid;
  gap: 18px;
}

.sanguine-public-story-grid,
.sanguine-public-story-links {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-public-story-link {
  color: #23160d;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.sanguine-public-story-link:hover,
.sanguine-public-story-link:focus {
  transform: translateY(-4px);
  box-shadow: 0 26px 52px rgba(61, 35, 16, 0.12);
  border-color: rgba(138, 73, 39, 0.24);
}

.sanguine-public-route-grid .sanguine-signup-card {
  min-height: 100%;
}

.sanguine-public-site-footer {
  margin: 48px auto 0;
  padding: 0 24px 24px;
}

.sanguine-public-site-footer__inner {
  width: min(1200px, 100%);
  margin: 0 auto;
  padding: 28px;
  border-radius: 28px;
  background: radial-gradient(circle at top left, rgba(179, 74, 37, 0.18), transparent 34%), linear-gradient(135deg, #2a140d 0%, #4e2014 52%, #7a3119 100%);
  color: #fff6ef;
  display: grid;
  gap: 24px;
  box-shadow: 0 28px 56px rgba(50, 22, 14, 0.2);
}

.sanguine-public-site-footer__intro h2 {
  margin: 0;
  font-size: clamp(1.9rem, 1.5rem + 1vw, 2.8rem);
  line-height: 1.04;
}

.sanguine-public-site-footer__intro p:last-child {
  margin: 12px 0 0;
  max-width: 68ch;
  color: rgba(255, 246, 239, 0.82);
}

.sanguine-public-site-footer__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.sanguine-public-site-footer__section {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 248, 241, 0.08);
  border: 1px solid rgba(255, 240, 232, 0.12);
}

.sanguine-public-site-footer__section h3 {
  margin: 0 0 12px;
  color: #fff6ef;
}

.sanguine-public-site-footer__section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.sanguine-public-site-footer__section a {
  color: rgba(255, 246, 239, 0.92);
  text-decoration: none;
}

.sanguine-public-site-footer__section a:hover,
.sanguine-public-site-footer__section a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.sanguine-public-page-shell {
  width: min(100%, 1320px);
  gap: 28px;
}

.sanguine-home-shell {
  width: min(100%, 1380px);
}

body.sanguine-public-content-page {
  background:
    radial-gradient(circle at top left, rgba(222, 193, 166, 0.22), transparent 28%),
    linear-gradient(180deg, #fffdfa 0%, #f8f1e8 42%, #f7efe6 100%);
}

.sanguine-public-card-stack,
.sanguine-public-stat-grid,
.sanguine-public-quote-grid,
.sanguine-public-profile-grid,
.sanguine-public-home-grid {
  display: grid;
  gap: 18px;
}

.sanguine-public-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
  gap: 24px;
  align-items: stretch;
}

.sanguine-public-home-hero__copy,
.sanguine-public-home-card,
.sanguine-public-cta-band {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(247, 239, 229, 0.94));
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
}

.sanguine-public-home-hero__copy {
  padding: 42px;
  display: grid;
  gap: 18px;
  align-content: center;
  background:
    radial-gradient(circle at top right, rgba(180, 99, 49, 0.12), transparent 32%),
    linear-gradient(180deg, rgba(255, 251, 247, 0.98), rgba(245, 234, 219, 0.94));
}

.sanguine-public-home-hero__facts {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.sanguine-public-home-hero__facts li {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 247, 239, 0.8);
  border: 1px solid rgba(130, 79, 47, 0.12);
}

.sanguine-public-home-hero__facts span {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a6646;
}

.sanguine-public-home-hero__facts strong {
  font-size: 1rem;
  line-height: 1.35;
  color: #2d1a0f;
}

.sanguine-public-home-hero__media {
  margin: 0;
  min-height: 100%;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
}

.sanguine-public-home-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
}

.sanguine-public-home-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sanguine-public-home-card {
  padding: 20px;
  display: grid;
  gap: 12px;
  color: #23160d;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.sanguine-public-home-card:hover,
.sanguine-public-home-card:focus {
  transform: translateY(-4px);
  box-shadow: 0 26px 52px rgba(61, 35, 16, 0.12);
  border-color: rgba(138, 73, 39, 0.24);
}

.sanguine-public-home-card h2,
.sanguine-public-cta-band h2,
.sanguine-public-profile-card h2 {
  margin: 0;
}

.sanguine-public-home-card p,
.sanguine-public-profile-card p,
.sanguine-public-cta-band p,
.sanguine-public-home-card blockquote {
  margin: 0;
  line-height: 1.6;
  color: #4d4135;
}

.sanguine-public-home-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 18px;
}

.sanguine-public-quote-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sanguine-public-quote-grid blockquote {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.65;
  color: #2d1a0f;
}

.sanguine-public-cta-band {
  padding: 30px 32px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.sanguine-public-home-ribbon {
  padding: 26px 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(80, 30, 18, 0.96), rgba(122, 49, 25, 0.92));
  color: #fff6ef;
  display: grid;
  gap: 20px;
  box-shadow: 0 28px 56px rgba(50, 22, 14, 0.2);
}

.sanguine-public-home-ribbon__intro {
  display: grid;
  gap: 10px;
}

.sanguine-public-home-ribbon__intro h2 {
  margin: 0;
  max-width: 24ch;
  font-size: clamp(2rem, 1.6rem + 1vw, 2.9rem);
  line-height: 1.02;
}

.sanguine-public-home-ribbon__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.sanguine-public-home-ribbon__grid article {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255, 246, 239, 0.08);
  border: 1px solid rgba(255, 239, 230, 0.14);
  display: grid;
  gap: 8px;
}

.sanguine-public-home-ribbon__grid span,
.sanguine-public-policy-hero__meta span,
.sanguine-public-policy-section__header span {
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sanguine-public-home-ribbon__grid p {
  color: rgba(255, 246, 239, 0.88);
}

.sanguine-public-policy-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
}

.sanguine-public-policy-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.sanguine-public-policy-hero__meta span {
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 246, 239, 0.76);
  border: 1px solid rgba(130, 79, 47, 0.12);
  color: #6d4728;
}

.sanguine-ops-pos-terminal-shell {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
  gap: 20px;
  margin-top: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-shell.is-sidebar-collapsed {
  grid-template-columns: minmax(96px, 112px) minmax(0, 1fr);
}

.sanguine-ops-pos-terminal-sidebar,
.sanguine-ops-pos-terminal-panel {
  box-sizing: border-box;
  border-radius: 26px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  box-shadow: 0 24px 48px rgba(79, 52, 32, 0.08);
}

.sanguine-ops-pos-terminal-sidebar {
  padding: 28px 24px;
  background: linear-gradient(160deg, rgba(75, 31, 20, 0.96), rgba(109, 46, 28, 0.92));
  color: #fff4ec;
  display: grid;
  gap: 18px;
  align-content: start;
  position: sticky;
  top: 16px;
  max-height: 100%;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-sidebar-content {
  display: grid;
  gap: 18px;
}

.sanguine-ops-pos-terminal-sidebar-collapsed-mark {
  display: none;
}

.sanguine-ops-pos-terminal-button.is-sidebar-toggle {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 248, 241, 0.14);
  border-color: rgba(255, 244, 236, 0.16);
  color: #fff4ec;
  text-align: center;
}

.sanguine-ops-pos-terminal-shell.is-sidebar-collapsed .sanguine-ops-pos-terminal-sidebar {
  padding: 16px 12px;
  justify-items: center;
}

.sanguine-ops-pos-terminal-shell.is-sidebar-collapsed .sanguine-ops-pos-terminal-sidebar-content {
  display: none;
}

.sanguine-ops-pos-terminal-shell.is-sidebar-collapsed .sanguine-ops-pos-terminal-sidebar-collapsed-mark {
  display: none;
}

.sanguine-ops-pos-terminal-shell.is-sidebar-collapsed .sanguine-ops-pos-terminal-button.is-sidebar-toggle {
  min-height: 0;
  padding: 12px 10px;
  font-size: 0.9rem;
  line-height: 1.25;
}

.sanguine-ops-pos-terminal-eyebrow,
.sanguine-ops-pos-terminal-panel-eyebrow {
  margin: 0;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sanguine-ops-pos-terminal-sidebar h1,
.sanguine-ops-pos-terminal-panel h2 {
  margin: 0;
}

.sanguine-ops-pos-terminal-sidebar h1 {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  line-height: 0.98;
}

.sanguine-ops-pos-terminal-panel h3 {
  margin: 0;
  font-size: 1rem;
}

.sanguine-ops-pos-terminal-copy {
  margin: 0;
  line-height: 1.45;
  color: rgba(255, 244, 236, 0.84);
}

.sanguine-ops-pos-terminal-compact-session {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 4px;
}

.sanguine-ops-pos-terminal-compact-session span {
  color: rgba(255, 244, 236, 0.78);
  font-size: 0.88rem;
}

.sanguine-ops-pos-terminal-stack,
.sanguine-ops-pos-terminal-main,
.sanguine-ops-pos-terminal-basket-lines,
.sanguine-ops-pos-terminal-product-grid,
.sanguine-ops-pos-terminal-pricing-grid {
  display: grid;
  gap: 14px;
}

.sanguine-ops-pos-terminal-main {
  box-sizing: border-box;
  align-content: start;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.9fr);
  gap: 20px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-basket-column {
  box-sizing: border-box;
  position: sticky;
  top: 16px;
  align-self: start;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 12px;
  height: 100%;
  max-height: 100%;
  min-height: 0;
}

.sanguine-ops-pos-terminal-field {
  display: grid;
  gap: 6px;
}

.sanguine-ops-pos-terminal-session-details,
.sanguine-ops-pos-terminal-session-card {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
}

.sanguine-ops-pos-terminal-session-details summary,
.sanguine-ops-pos-terminal-session-card summary {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  padding: 14px 16px;
}

.sanguine-ops-pos-terminal-session-details summary::-webkit-details-marker,
.sanguine-ops-pos-terminal-session-card summary::-webkit-details-marker {
  display: none;
}

.sanguine-ops-pos-terminal-session-details form,
.sanguine-ops-pos-terminal-session-card p {
  margin: 0;
  padding: 0 16px 16px;
}

.sanguine-ops-pos-terminal-field span {
  font-size: 0.84rem;
  color: rgba(255, 244, 236, 0.86);
}

.sanguine-ops-pos-terminal-field input,
.sanguine-ops-pos-terminal-field select,
.sanguine-ops-pos-terminal-search-row input {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  background: rgba(255, 251, 247, 0.96);
  color: #3b2317;
  padding: 12px 14px;
}

.sanguine-ops-pos-terminal-button {
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid transparent;
  padding: 12px 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.sanguine-ops-pos-terminal-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.sanguine-ops-pos-terminal-button.is-primary {
  background: #d9a066;
  color: #3b2317;
}

.sanguine-ops-pos-terminal-button.is-secondary,
.sanguine-ops-pos-terminal-button.is-toggle {
  background: rgba(255, 248, 241, 0.92);
  border-color: rgba(109, 46, 28, 0.16);
  color: #6d2e1c;
}

.sanguine-ops-pos-terminal-button.is-filter {
  background: rgba(109, 46, 28, 0.06);
  border-color: rgba(109, 46, 28, 0.12);
  color: #6d2e1c;
}

.sanguine-ops-pos-terminal-button.is-filter.is-active {
  background: rgba(109, 46, 28, 0.92);
  border-color: rgba(109, 46, 28, 0.92);
  color: #fff4ec;
}

.sanguine-ops-pos-terminal-button.is-ghost {
  background: transparent;
  border-color: rgba(109, 46, 28, 0.12);
  color: #7e5b43;
}

.sanguine-ops-pos-terminal-button.is-ghost.is-star {
  min-height: 34px;
  min-width: 34px;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1;
}

.sanguine-ops-pos-terminal-button.is-ghost.is-star.is-active {
  background: rgba(217, 160, 102, 0.18);
  border-color: rgba(217, 160, 102, 0.32);
  color: #8a5423;
}

.sanguine-ops-pos-terminal-button.is-icon {
  min-height: 38px;
  min-width: 38px;
  padding: 0;
  background: rgba(109, 46, 28, 0.08);
  border-color: rgba(109, 46, 28, 0.14);
  color: #6d2e1c;
}

.sanguine-ops-pos-terminal-button.is-toggle.is-active {
  background: rgba(66, 124, 82, 0.14);
  border-color: rgba(66, 124, 82, 0.24);
  color: #2d6640;
}

.sanguine-ops-pos-terminal-status,
.sanguine-ops-pos-terminal-session-card {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
}

.sanguine-ops-pos-terminal-status p,
.sanguine-ops-pos-terminal-session-card p,
.sanguine-ops-pos-terminal-product-copy,
.sanguine-ops-pos-terminal-basket-line-details p,
.sanguine-ops-pos-terminal-line-note {
  margin: 4px 0 0;
  line-height: 1.5;
}

.sanguine-ops-pos-terminal-status.is-success {
  background: rgba(66, 124, 82, 0.18);
}

.sanguine-ops-pos-terminal-status.is-error {
  background: rgba(156, 55, 31, 0.24);
}

.sanguine-ops-pos-terminal-panel {
  padding: 22px;
  background: rgba(255, 252, 248, 0.94);
}

.sanguine-ops-pos-terminal-panel-copy {
  margin: 6px 0 0;
  color: #6f5a49;
  line-height: 1.5;
}

.sanguine-ops-pos-terminal-sync-note {
  margin: 0;
  color: #7e5b43;
  font-size: 0.84rem;
  line-height: 1.4;
}

.sanguine-ops-pos-terminal-sidebar-refresh {
  display: grid;
  gap: 8px;
}

.sanguine-ops-pos-terminal-sidebar-refresh .sanguine-ops-pos-terminal-sync-note {
  color: rgba(255, 244, 236, 0.82);
}

.sanguine-ops-pos-terminal-panel-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.sanguine-ops-pos-terminal-panel-header,
.sanguine-ops-pos-terminal-actions-row,
.sanguine-ops-pos-terminal-search-row,
.sanguine-ops-pos-terminal-basket-meta,
.sanguine-ops-pos-terminal-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sanguine-ops-pos-terminal-panel-header,
.sanguine-ops-pos-terminal-basket-meta {
  justify-content: space-between;
  align-items: center;
}

.sanguine-ops-pos-terminal-panel-header.is-tight {
  align-items: start;
}

.sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-search-row,
.sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-quick-filters,
.sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-product-grid {
  margin-top: 16px;
}

.sanguine-ops-pos-terminal-quick-filters {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 14px;
  padding-bottom: 2px;
}

.sanguine-ops-pos-terminal-held-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.sanguine-ops-pos-terminal-held-button {
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(109, 46, 28, 0.05);
  font: inherit;
  color: #3b2317;
  cursor: pointer;
  display: grid;
  gap: 4px;
  text-align: left;
}

.sanguine-ops-pos-terminal-held-button span {
  color: #6f5a49;
  font-size: 0.86rem;
}

.sanguine-ops-pos-terminal-basket-meta {
  margin-bottom: 14px;
  color: #6c5748;
  font-size: 0.92rem;
}

.sanguine-ops-pos-terminal-product-grid {
  grid-template-columns: 1fr;
  flex: 1 1 auto;
  margin-top: 10px;
  align-content: start;
  align-items: start;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  padding-right: 4px;
}

.sanguine-ops-pos-terminal-product-grid::-webkit-scrollbar,
.sanguine-ops-pos-terminal-basket-lines::-webkit-scrollbar {
  width: 10px;
}

.sanguine-ops-pos-terminal-product-grid::-webkit-scrollbar-track,
.sanguine-ops-pos-terminal-basket-lines::-webkit-scrollbar-track {
  background: rgba(109, 46, 28, 0.05);
  border-radius: 999px;
}

.sanguine-ops-pos-terminal-product-grid::-webkit-scrollbar-thumb,
.sanguine-ops-pos-terminal-basket-lines::-webkit-scrollbar-thumb {
  background: rgba(109, 46, 28, 0.26);
  border-radius: 999px;
  border: 2px solid rgba(255, 247, 239, 0.98);
}

.sanguine-ops-pos-terminal-recent-panel {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(109, 46, 28, 0.04);
  border: 1px solid rgba(109, 46, 28, 0.08);
}

.sanguine-ops-pos-terminal-favourites-panel {
  display: grid;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(217, 160, 102, 0.16), rgba(255, 248, 241, 0.92));
  border: 1px solid rgba(217, 160, 102, 0.24);
}

.sanguine-ops-pos-terminal-recent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}

.sanguine-ops-pos-terminal-recent-button {
  min-height: 92px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(255, 255, 255, 0.82);
  display: grid;
  gap: 6px;
  justify-items: start;
  text-align: left;
  font: inherit;
  color: #3b2317;
  cursor: pointer;
}

.sanguine-ops-pos-terminal-recent-button.is-favourite {
  background: rgba(255, 255, 255, 0.94);
}

.sanguine-ops-pos-terminal-recent-button span,
.sanguine-ops-pos-terminal-recent-button small {
  color: #6f5a49;
}

.sanguine-ops-pos-terminal-recent-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.sanguine-ops-pos-terminal-product-row,
.sanguine-ops-pos-terminal-basket-line,
.sanguine-ops-pos-terminal-pricing-card {
  border-radius: 18px;
  border: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-pos-terminal-basket-line {
  padding: 12px 14px;
  background: rgba(255, 250, 245, 0.94);
  display: grid;
  gap: 10px;
}

.sanguine-ops-pos-terminal-product-row {
  padding: 16px 18px;
  background: linear-gradient(160deg, #fcf7f1 0%, #f4e8d8 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.sanguine-ops-pos-terminal-product-row-main,
.sanguine-ops-pos-terminal-pricing-card {
  display: grid;
  gap: 10px;
}

.sanguine-ops-pos-terminal-basket-line.is-simple {
  grid-template-columns: minmax(0, 1.5fr) minmax(88px, 0.45fr) auto minmax(148px, 0.75fr);
  align-items: center;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed {
  grid-template-columns: 1fr;
  grid-template-areas:
    "product"
    "pricing";
  align-items: start;
  gap: 10px 12px;
  overflow: visible;
  border-radius: 16px;
  background: rgba(255, 250, 245, 0.98);
}

.sanguine-ops-pos-terminal-basket-line.is-detailed > * {
  padding: 0;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed.is-manual-override {
  border-color: rgba(79, 118, 189, 0.3);
  box-shadow: inset 0 0 0 1px rgba(79, 118, 189, 0.08);
}

.sanguine-ops-pos-terminal-basket-line-product-cell,
.sanguine-ops-pos-terminal-basket-line-standard-cell,
.sanguine-ops-pos-terminal-basket-line-pricing-cell,
.sanguine-ops-pos-terminal-basket-line-qty-cell,
.sanguine-ops-pos-terminal-basket-line-total-cell {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
}

.sanguine-ops-pos-terminal-basket-line-product-cell strong {
  font-size: 1.24rem;
  line-height: 1.15;
  font-weight: 800;
  color: #255b38;
  overflow-wrap: anywhere;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-basket-line-product-cell {
  grid-area: product;
  gap: 4px;
}

.sanguine-ops-pos-terminal-basket-line-product-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.sanguine-ops-pos-terminal-basket-line-product-title-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-basket-line-product-header strong {
  flex: 0 1 auto;
}

.sanguine-ops-pos-terminal-basket-line-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  min-height: 20px;
}

.sanguine-ops-pos-terminal-basket-line-pricing-cell {
  grid-area: pricing;
  padding-top: 22px;
  border-top: 1px solid rgba(109, 46, 28, 0.1);
  grid-template-columns: minmax(72px, 1fr) minmax(72px, 1fr) minmax(84px, 1fr) auto minmax(84px, 1fr);
  align-items: start;
  column-gap: 4px;
  row-gap: 8px;
}

.sanguine-ops-pos-terminal-basket-line-standard-cell {
  justify-items: start;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-basket-line-qty-cell.is-inline-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 112px;
  padding-right: 2px;
}

.sanguine-ops-pos-terminal-inline-field-label {
  font-size: 0.7rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #7a6150;
}

.sanguine-ops-pos-terminal-inline-price-field,
.sanguine-ops-pos-terminal-inline-input-field {
  display: grid;
  gap: 4px;
  align-content: start;
  justify-items: center;
}

.sanguine-ops-pos-terminal-line-total-formula {
  align-self: end;
  padding: 0 2px 10px;
  color: #a35d2e;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.sanguine-ops-pos-terminal-inline-price-field span,
.sanguine-ops-pos-terminal-inline-input-field span {
  font-size: 0.64rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #7a6150;
}

.sanguine-ops-pos-terminal-inline-input-field.is-total-field span {
  color: #255b38;
}

.sanguine-ops-pos-terminal-inline-price-field.is-readonly {
  min-width: 0;
}

.sanguine-ops-pos-terminal-inline-price-field.is-readonly .sanguine-ops-pos-terminal-money {
  display: inline-block;
  margin-top: 2px;
  font-size: 1.02rem;
  line-height: 1.05;
}

.sanguine-ops-pos-terminal-inline-input-field input {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(109, 46, 28, 0.16);
  background: rgba(255, 255, 255, 0.84);
  padding: 0 10px;
  font: inherit;
  font-size: 0.98rem;
  font-weight: 700;
  color: #3b2317;
  width: 100%;
  min-width: 0;
  appearance: textfield;
  text-align: center;
}

.sanguine-ops-pos-terminal-inline-input-field input::-webkit-outer-spin-button,
.sanguine-ops-pos-terminal-inline-input-field input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.sanguine-ops-pos-terminal-inline-input-field.is-compact input {
  max-width: 74px;
}

.sanguine-ops-pos-terminal-inline-input-field.is-total-field {
  justify-self: end;
  width: 110px;
  margin-right: 5px;
}

.sanguine-ops-pos-terminal-inline-input-field.is-total-field input {
  color: #255b38;
  border-color: rgba(37, 91, 56, 0.22);
  background: rgba(236, 246, 238, 0.92);
}

.sanguine-ops-pos-terminal-inline-input-field.is-total-field input {
  max-width: 88px;
}

.sanguine-ops-pos-terminal-basket-line-total-cell.is-inline-edit {
  justify-items: center;
  align-content: start;
  min-width: 0;
  padding-right: 12px;
}

.sanguine-ops-pos-terminal-basket-line-total-cell.is-inline-edit .sanguine-ops-pos-terminal-inline-input-field {
  width: 92px;
}

.sanguine-ops-pos-terminal-basket-line-total-cell.is-inline-edit .sanguine-ops-pos-terminal-inline-input-field input {
  text-align: right;
}

.sanguine-ops-pos-terminal-checkbox-row.is-inline-price-toggle {
  margin-top: 0;
  justify-self: start;
  gap: 6px;
  font-size: 0.64rem;
  line-height: 1.1;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.sanguine-ops-pos-terminal-basket-line-product-title-wrap .sanguine-ops-pos-terminal-checkbox-row.is-inline-price-toggle {
  flex: 0 0 auto;
  align-self: center;
}

.sanguine-ops-pos-terminal-checkbox-row.is-inline-price-toggle span {
  color: #7a6150;
  font-weight: 700;
}

.sanguine-ops-pos-terminal-checkbox-row.is-inline-price-toggle input {
  width: 14px;
  height: 14px;
}

.sanguine-ops-pos-terminal-basket-line-total-cell.is-inline-edit .sanguine-ops-pos-terminal-money {
  font-size: 1.05rem;
}

.sanguine-ops-pos-terminal-button.is-link {
  justify-self: start;
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8f6244;
  font-weight: 700;
  font-size: 0.86rem;
  line-height: 1.2;
}

.sanguine-ops-pos-terminal-button.is-link:hover,
.sanguine-ops-pos-terminal-button.is-link:focus-visible {
  color: #6d2e1c;
  box-shadow: none;
}

.sanguine-ops-pos-terminal-basket-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: baseline;
}

.sanguine-ops-pos-terminal-basket-price-row span {
  color: #4b3527;
}

.sanguine-ops-pos-terminal-basket-price-row strong {
  white-space: nowrap;
}

.sanguine-ops-pos-terminal-basket-price-row.is-applied {
  padding-top: 4px;
  border-top: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-pos-terminal-basket-line-note.is-brief {
  margin: 0;
  color: #4678be;
  font-style: italic;
  font-size: 0.78rem;
  line-height: 1.2;
}

.sanguine-ops-pos-terminal-basket-line-pricing-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(72px, 1fr) minmax(72px, 1fr) minmax(84px, 1fr) auto minmax(84px, 1fr);
  align-items: center;
  column-gap: 4px;
  row-gap: 6px;
  padding-top: 2px;
}

.sanguine-ops-pos-terminal-basket-line-pricing-meta-rule {
  grid-column: 2 / span 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  justify-self: start;
  padding-left: 20px;
}

.sanguine-ops-pos-terminal-line-note.is-inline-pricing-note {
  margin: 0;
  color: #6a5561;
  font-size: 0.64rem;
  line-height: 1.1;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.sanguine-ops-pos-terminal-basket-line-pricing-meta .sanguine-ops-pos-terminal-button.is-link.is-inline-pricing-action {
  font-size: 0.64rem;
  line-height: 1.1;
  color: #8f6244;
  text-transform: none;
}

.sanguine-ops-pos-terminal-basket-line-pricing-meta .sanguine-ops-pos-terminal-button.is-link.is-inline-pricing-action:hover,
.sanguine-ops-pos-terminal-basket-line-pricing-meta .sanguine-ops-pos-terminal-button.is-link.is-inline-pricing-action:focus-visible {
  color: #6d2e1c;
}

.sanguine-ops-pos-terminal-basket-line-qty-cell,
.sanguine-ops-pos-terminal-basket-line-total-cell {
  min-width: 0;
  justify-items: center;
}

.sanguine-ops-pos-terminal-basket-line-total-cell {
  text-align: center;
  min-width: 0;
}

.sanguine-ops-pos-terminal-basket-line-total-cell .sanguine-ops-pos-terminal-money {
  font-size: 1.05rem;
}

.sanguine-ops-pos-terminal-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.sanguine-ops-pos-terminal-basket-line-header,
.sanguine-ops-pos-terminal-quantity-controls,
.sanguine-ops-pos-terminal-basket-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sanguine-ops-pos-terminal-quantity-controls {
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.sanguine-ops-pos-terminal-basket-line-header {
  justify-content: space-between;
  align-items: start;
}

.sanguine-ops-pos-terminal-basket-line-actions {
  display: grid;
  gap: 12px;
  justify-items: end;
}

.sanguine-ops-pos-terminal-basket-identity {
  margin: -6px 0 4px;
  color: #6d2e1c;
  font-weight: 700;
}

.sanguine-ops-pos-terminal-checkbox-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6d2e1c;
  font-weight: 700;
}

.sanguine-ops-pos-terminal-checkbox-row input {
  width: 18px;
  height: 18px;
  accent-color: #6d2e1c;
}

.sanguine-ops-pos-terminal-quantity-input {
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  background: rgba(109, 46, 28, 0.06);
  padding: 0 8px;
  font: inherit;
  font-weight: 700;
  color: #3b2317;
  min-width: 44px;
  width: 44px;
  text-align: center;
  align-self: center;
  appearance: textfield;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-button.is-icon {
  min-width: 32px;
  min-height: 32px;
}

.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-inline-price-field,
.sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-inline-input-field {
  align-content: start;
}

.sanguine-ops-pos-terminal-quantity-input::-webkit-outer-spin-button,
.sanguine-ops-pos-terminal-quantity-input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.sanguine-ops-pos-terminal-money {
  color: #3b2317;
  white-space: nowrap;
}

.sanguine-ops-pos-terminal-tag,
.sanguine-ops-pos-terminal-static {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 10px;
  background: rgba(109, 46, 28, 0.08);
  font-size: 0.82rem;
}

.sanguine-ops-pos-terminal-tag.is-takeaway {
  background: rgba(217, 160, 102, 0.18);
  color: #8a5423;
}

.sanguine-ops-pos-terminal-tag.is-on-premise {
  background: rgba(66, 124, 82, 0.16);
  color: #2d6640;
}

.sanguine-ops-pos-terminal-pricing-grid {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.sanguine-ops-pos-terminal-basket-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 0;
}

.sanguine-ops-pos-terminal-pricing-card {
  padding: 7px 9px;
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(74, 103, 63, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  gap: 2px;
}

.sanguine-ops-pos-terminal-pricing-card strong {
  font-size: 0.66rem;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #73513a;
}

.sanguine-ops-pos-terminal-pricing-card span {
  font-size: 0.94rem;
  font-weight: 800;
  color: #21442d;
}

.sanguine-ops-pos-terminal-pricing-card.is-emphasis {
  background: linear-gradient(160deg, rgba(109, 46, 28, 0.92), rgba(148, 82, 49, 0.94));
  color: #fff4ec;
}

.sanguine-ops-pos-terminal-pricing-card.is-emphasis strong,
.sanguine-ops-pos-terminal-pricing-card.is-payable strong {
  color: inherit;
}

.sanguine-ops-pos-terminal-pricing-card.is-emphasis span {
  color: #fff4ec;
}

.sanguine-ops-pos-terminal-pricing-card.is-payable {
  background: linear-gradient(160deg, rgba(227, 239, 230, 0.98), rgba(245, 250, 244, 0.98));
  color: #21442d;
  border-color: rgba(37, 91, 56, 0.16);
}

.sanguine-ops-pos-terminal-pricing-card.is-payable span {
  color: #21442d;
  font-weight: 800;
}

.sanguine-ops-pos-terminal-payment-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.sanguine-ops-pos-terminal-payment-strip .sanguine-ops-pos-terminal-button {
  min-height: 36px;
  padding: 6px 8px;
  border-radius: 10px;
  font-size: 0.78rem;
  line-height: 1.1;
  white-space: nowrap;
}

.sanguine-ops-pos-terminal-payment-field {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1 1 132px;
}

.sanguine-ops-pos-terminal-payment-field.is-split-count {
  flex: 0 1 76px;
}

.sanguine-ops-pos-terminal-payment-field span {
  font-size: 0.66rem;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #73513a;
}

.sanguine-ops-pos-terminal-payment-field input {
  box-sizing: border-box;
  width: 100%;
  min-height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(109, 46, 28, 0.16);
  background: rgba(255, 255, 255, 0.86);
  padding: 0 9px;
  font: inherit;
  font-weight: 800;
  color: #3b2317;
  text-align: center;
  appearance: textfield;
}

.sanguine-ops-pos-terminal-payment-field input::-webkit-outer-spin-button,
.sanguine-ops-pos-terminal-payment-field input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.sanguine-ops-pos-terminal-payment-actions {
  display: flex;
  flex: 1 1 210px;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.sanguine-ops-pos-terminal-payment-help {
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(37, 91, 56, 0.22);
  background: rgba(236, 246, 238, 0.95);
  color: #255b38;
  font: 800 1rem/1 Georgia, "Times New Roman", serif;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sanguine-ops-pos-terminal-payment-help:hover,
.sanguine-ops-pos-terminal-payment-help:focus-visible {
  background: #255b38;
  color: #f5faf4;
  outline: none;
}

.sanguine-ops-pos-terminal-keypad-selection {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px dashed rgba(109, 46, 28, 0.18);
  color: #6f5a49;
}

.sanguine-ops-pos-terminal-keypad-selection.is-active {
  border-style: solid;
  border-color: rgba(109, 46, 28, 0.28);
  background: rgba(109, 46, 28, 0.04);
  color: #3b2317;
}

.sanguine-ops-pos-terminal-actions-row {
  justify-content: stretch;
  gap: 6px;
}

.sanguine-ops-pos-terminal-actions-row .sanguine-ops-pos-terminal-button {
  flex: 1 1 140px;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-panel {
  padding: 14px;
}

.sanguine-ops-pos-terminal-panel.is-basket-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 10px;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-panel.is-search-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-basket-fixed-head,
.sanguine-ops-pos-terminal-basket-fixed-foot {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.sanguine-ops-pos-terminal-basket-fixed-head {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.1);
}

.sanguine-ops-pos-terminal-basket-fixed-foot {
  padding: 12px;
  border: 1px solid rgba(37, 91, 56, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(231, 241, 234, 0.98) 0%, rgba(251, 246, 240, 0.98) 100%);
  box-shadow: 0 -12px 28px rgba(49, 56, 41, 0.08);
}

.sanguine-ops-pos-terminal-basket-lines {
  min-height: 0;
  align-content: start;
  align-items: start;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  padding-right: 4px;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-panel h2 {
  font-size: clamp(1.06rem, 1vw + 0.9rem, 1.6rem);
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-panel-header {
  gap: 6px;
  margin-bottom: 2px;
}

.sanguine-ops-pos-terminal-panel-header.is-centered {
  justify-content: center;
}

.sanguine-ops-pos-terminal-basket-customer-line {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0 6px;
  font-size: 1.25rem;
}

.sanguine-ops-pos-terminal-basket-customer-label {
  color: #a35d2e;
  font-weight: 700;
  white-space: nowrap;
}

.sanguine-ops-pos-terminal-basket-customer-value {
  font-weight: 700;
  color: #3d1a0e;
}

.sanguine-ops-pos-terminal-customer-menu-wrap {
  position: relative;
  margin-left: auto;
  flex-shrink: 0;
}

.sanguine-ops-pos-terminal-manage-customer-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #a35d2e;
  background: none;
  border: 1px solid #d4956a;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.4;
  transition: background 0.15s, border-color 0.15s;
}

.sanguine-ops-pos-terminal-manage-customer-btn:hover:not(:disabled) {
  background: #fdf3ea;
  border-color: #a35d2e;
}

.sanguine-ops-pos-terminal-manage-customer-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.sanguine-ops-pos-terminal-customer-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 200;
  background: #fff;
  border: 1px solid #d4956a;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(61, 26, 14, 0.15);
  min-width: 210px;
  overflow: hidden;
}

.sanguine-ops-pos-terminal-customer-dropdown-item {
  display: block;
  width: 100%;
  padding: 9px 14px;
  text-align: left;
  font-size: 0.875rem;
  font-weight: 500;
  color: #3d1a0e;
  background: none;
  border: none;
  border-bottom: 1px solid #f0e5d8;
  cursor: pointer;
  transition: background 0.1s;
}

.sanguine-ops-pos-terminal-customer-dropdown-item:last-child {
  border-bottom: none;
}

.sanguine-ops-pos-terminal-customer-dropdown-item:hover:not(:disabled) {
  background: #fdf3ea;
}

.sanguine-ops-pos-terminal-customer-dropdown-item:disabled {
  color: #b09080;
  cursor: default;
}

.sanguine-ops-pos-terminal-customer-dropdown-item.is-danger {
  color: #b83b28;
}

.sanguine-ops-pos-terminal-customer-dropdown-item.is-danger:hover:not(:disabled) {
  background: #fdf0ee;
}

.sanguine-ops-pos-terminal-customer-dropdown-item.is-placeholder {
  color: #b09080;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-button:not(.is-icon):not(.is-link) {
  min-height: 36px;
  padding: 8px 12px;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-field input,
.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-search-row input {
  min-height: 38px;
  padding: 8px 10px;
}

.sanguine-ops-pos-terminal-customer-search-modal-card {
  width: min(480px, 100%);
}

/* Tighter backdrop padding for the customer form so the card gets more width */
.sanguine-ops-modal-backdrop[data-role="pos-terminal-customer-form-modal"] {
  padding: 16px;
}

.sanguine-ops-pos-terminal-customer-form-modal-card {
  width: min(740px, 100%);
}

/* The form is a grid item of .sanguine-ops-modal; grid items default to
   min-width: auto which allows content to overflow the card. Zero it here. */
.sanguine-ops-pos-terminal-customer-form-modal-card form,
.sanguine-ops-pos-terminal-customer-form-modal-card .sanguine-ops-inline-note {
  min-width: 0;
}

/* width: 100% on inputs uses content-box by default, adding padding on top
   of 100% and overflowing the 1fr grid cell. Force border-box so padding is
   included in the 100% width calculation. */
.sanguine-ops-pos-terminal-customer-form-modal-card input,
.sanguine-ops-pos-terminal-customer-form-modal-card select {
  box-sizing: border-box;
}

.sanguine-ops-pos-terminal-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 28px;
  row-gap: 32px;
  min-width: 0;
}

/* Prevent browser input min-content size from blowing out the 1fr grid cells */
.sanguine-ops-pos-terminal-form-grid > * {
  min-width: 0;
}

@media (max-width: 560px) {
  .sanguine-ops-pos-terminal-form-grid {
    grid-template-columns: 1fr;
  }
}

/* Field labels are styled for the dark POS terminal background; override
   them to be readable on the light modal background. */
.sanguine-ops-pos-terminal-customer-form-modal-card .sanguine-ops-pos-terminal-field span {
  color: rgba(59, 35, 23, 0.65);
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.sanguine-ops-pos-terminal-customer-search-results {
  display: grid;
  gap: 8px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 2px;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-inline-note {
  padding: 10px 12px;
  font-size: 0.9rem;
  line-height: 1.35;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-empty {
  padding: 14px 16px;
}

.sanguine-ops-pos-terminal-basket-column .sanguine-ops-pos-terminal-basket-identity {
  margin: -4px 0 2px;
}

.sanguine-ops-pos-terminal-empty {
  padding: 18px;
  border-radius: 18px;
  background: rgba(109, 46, 28, 0.05);
}

@media (max-width: 980px) {
  body.sanguine-ops-app-page.sanguine-ops-pos-terminal-page {
    overflow: auto;
  }

  .sanguine-ops-app-shell.sanguine-ops-pos-terminal-app-shell,
  .sanguine-ops-app-content.sanguine-ops-pos-terminal-app-content,
  .sanguine-ops-shell.sanguine-ops-shell-pos-terminal,
  .sanguine-ops-pos-terminal-workspace,
  .sanguine-ops-pos-terminal-shell,
  .sanguine-ops-pos-terminal-main {
    height: auto;
    overflow: visible;
  }

  .sanguine-ops-pos-terminal-shell {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-pos-terminal-sidebar,
  .sanguine-ops-pos-terminal-basket-column {
    position: static;
    height: auto;
    max-height: none;
  }

  .sanguine-ops-pos-terminal-panel.is-basket-panel {
    height: auto;
    max-height: none;
  }

  .sanguine-ops-pos-terminal-panel.is-search-panel {
    height: auto;
    overflow: visible;
  }

  .sanguine-ops-pos-terminal-basket-lines {
    max-height: 58vh;
  }

  .sanguine-ops-pos-terminal-product-grid {
    max-height: 58vh;
  }

  .sanguine-ops-pos-terminal-main {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-pos-terminal-basket-line.is-simple,
  .sanguine-ops-pos-terminal-basket-line.is-detailed {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-pos-terminal-product-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-pos-terminal-basket-line.is-detailed > * + * {
    border-left: 0;
    border-top: 1px solid rgba(109, 46, 28, 0.12);
  }

  .sanguine-ops-pos-terminal-product-row-actions {
    justify-items: start;
    min-width: 0;
  }

  .sanguine-ops-pos-terminal-basket-line-actions {
    justify-items: start;
  }

  .sanguine-ops-pos-terminal-basket-line-qty-cell,
  .sanguine-ops-pos-terminal-basket-line-total-cell {
    justify-items: start;
    text-align: left;
  }

  .sanguine-ops-pos-terminal-inline-actions,
  .sanguine-ops-pos-terminal-basket-line-pricing-cell {
    justify-content: start;
    grid-template-columns: 1fr;
  }

  .sanguine-ops-pos-terminal-basket-line-total-cell.is-inline-edit {
    justify-items: start;
  }

  .sanguine-ops-pos-terminal-inline-input-field.is-compact input {
    max-width: none;
  }

  .sanguine-ops-pos-terminal-search-row {
    flex-direction: column;
  }

  .sanguine-ops-pos-terminal-basket-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sanguine-ops-pos-terminal-payment-strip {
    gap: 8px;
  }
}


@media (max-width: 760px) {
  .sanguine-ops-pos-terminal-basket-line {
    padding: 12px;
    gap: 8px;
  }

  .sanguine-ops-pos-terminal-basket-line-product-cell strong {
    font-size: 1.14rem;
  }

  .sanguine-ops-pos-terminal-basket-line-product-header {
    gap: 8px;
  }

  .sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-basket-line-qty-cell.is-inline-header {
    min-width: 104px;
  }

  .sanguine-ops-pos-terminal-basket-line-pricing-cell {
    grid-template-columns: minmax(66px, 1fr) minmax(66px, 1fr) minmax(78px, 1fr) auto minmax(78px, 1fr);
    column-gap: 3px;
    padding-top: 6px;
  }

  .sanguine-ops-pos-terminal-basket-line-pricing-meta {
    grid-template-columns: minmax(66px, 1fr) minmax(66px, 1fr) minmax(78px, 1fr) auto minmax(78px, 1fr);
    row-gap: 6px;
  }

  .sanguine-ops-pos-terminal-basket-line-pricing-meta-rule {
    gap: 6px 10px;
  }

  .sanguine-ops-pos-terminal-line-total-formula {
    font-size: 0.78rem;
    padding-bottom: 9px;
  }

  .sanguine-ops-pos-terminal-inline-price-field span,
  .sanguine-ops-pos-terminal-inline-input-field span {
    font-size: 0.61rem;
  }

  .sanguine-ops-pos-terminal-inline-input-field input {
    min-height: 32px;
    padding: 0 8px;
    font-size: 0.94rem;
  }

  .sanguine-ops-pos-terminal-inline-input-field.is-compact input {
    max-width: 70px;
  }

  .sanguine-ops-pos-terminal-inline-input-field.is-total-field input {
    max-width: 80px;
  }

  .sanguine-ops-pos-terminal-quantity-controls {
    gap: 4px;
  }

  .sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-button.is-icon,
  .sanguine-ops-pos-terminal-quantity-input {
    min-width: 30px;
    min-height: 30px;
    width: 40px;
  }
}

@media (max-width: 640px) {
  .sanguine-ops-pos-terminal-basket-line-product-header {
    flex-direction: column;
    align-items: stretch;
  }

  .sanguine-ops-pos-terminal-basket-line.is-detailed .sanguine-ops-pos-terminal-basket-line-qty-cell.is-inline-header {
    justify-content: flex-start;
    min-width: 0;
    padding-right: 0;
  }

  .sanguine-ops-pos-terminal-basket-line-pricing-cell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 8px;
  }

  .sanguine-ops-pos-terminal-line-total-formula {
    grid-column: 1 / -1;
    justify-self: center;
    padding: 2px 0 0;
  }

  .sanguine-ops-pos-terminal-inline-input-field.is-compact input,
  .sanguine-ops-pos-terminal-inline-input-field.is-total-field input {
    max-width: none;
  }

  .sanguine-ops-pos-terminal-panel-header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-search-row,
  .sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-quick-filters,
  .sanguine-ops-pos-terminal-panel.is-search-panel .sanguine-ops-pos-terminal-product-grid {
    margin-top: 14px;
  }

  .sanguine-ops-pos-terminal-quick-filters {
    column-gap: 8px;
    row-gap: 12px;
  }

  .sanguine-ops-pos-terminal-held-strip {
    flex-direction: column;
  }

  .sanguine-ops-pos-terminal-basket-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sanguine-ops-pos-terminal-payment-strip {
    gap: 8px;
  }

  .sanguine-ops-pos-terminal-payment-strip .sanguine-ops-pos-terminal-button {
    font-size: 0.72rem;
    padding-inline: 6px;
  }

  .sanguine-ops-pos-terminal-payment-actions {
    justify-content: stretch;
  }

  .sanguine-ops-pos-terminal-payment-actions .sanguine-ops-pos-terminal-button {
    flex: 1 1 120px;
  }

  .sanguine-ops-pos-terminal-actions-row .sanguine-ops-pos-terminal-button {
    flex-basis: auto;
  }
}

.sanguine-public-policy-layout {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.sanguine-public-policy-aside {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 18px;
}

.sanguine-public-policy-aside-card {
  gap: 16px;
}

.sanguine-public-policy-toc {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 10px;
}

.sanguine-public-policy-toc a {
  color: #6d2e1c;
  text-decoration: none;
}

.sanguine-public-policy-toc a:hover,
.sanguine-public-policy-toc a:focus {
  text-decoration: underline;
}

.sanguine-public-policy-sections {
  display: grid;
  gap: 18px;
}

.sanguine-public-policy-section {
  gap: 18px;
}

.sanguine-public-policy-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sanguine-public-policy-section__header span {
  color: #8a6646;
}

.sanguine-public-policy-copy {
  display: grid;
  gap: 14px;
}

.sanguine-public-profile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-public-profile-card {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 24px;
  background: rgba(255, 251, 247, 0.98);
  box-shadow: 0 22px 48px rgba(61, 35, 16, 0.08);
  overflow: hidden;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
}

.sanguine-public-profile-card img {
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}

.sanguine-public-profile-card > div {
  padding: 24px;
  display: grid;
  gap: 10px;
}

.sanguine-public-card-stack {
  grid-template-columns: 1fr;
}

.sanguine-public-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.sanguine-signup-page .entry-title,
body.sanguine-signup-page .page-title,
body.sanguine-signup-page .wp-block-post-title,
body.sanguine-signup-page h1.entry-title,
body.sanguine-signup-page .post-title,
body.sanguine-signup-page .page-header,
body.sanguine-account-page .entry-title,
body.sanguine-account-page .page-title,
body.sanguine-account-page .wp-block-post-title,
body.sanguine-account-page h1.entry-title,
body.sanguine-account-page .post-title,
body.sanguine-account-page .page-header,
body.sanguine-public-content-page .entry-title,
body.sanguine-public-content-page .page-title,
body.sanguine-public-content-page .wp-block-post-title,
body.sanguine-public-content-page h1.entry-title,
body.sanguine-public-content-page .post-title,
body.sanguine-public-content-page .page-header {
  display: none !important;
}

body.sanguine-signup-page .wp-site-blocks,
body.sanguine-account-page .wp-site-blocks,
body.sanguine-public-content-page .wp-site-blocks {
  --wp--style--global--content-size: 1360px;
  --wp--style--global--wide-size: 1560px;
}

body.sanguine-signup-page .wp-block-post-content,
body.sanguine-account-page .wp-block-post-content,
body.sanguine-public-content-page .wp-block-post-content,
body.sanguine-signup-page .entry-content,
body.sanguine-account-page .entry-content,
body.sanguine-public-content-page .entry-content,
body.sanguine-signup-page main,
body.sanguine-account-page main,
body.sanguine-public-content-page main {
  width: min(1360px, calc(100vw - 48px)) !important;
  max-width: min(1360px, calc(100vw - 48px)) !important;
  margin-top: 24px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sanguine-signup-page main > *,
body.sanguine-account-page main > *,
body.sanguine-public-content-page main > *,
body.sanguine-signup-page main > * > *,
body.sanguine-account-page main > * > *,
body.sanguine-public-content-page main > * > * {
  width: 100% !important;
  max-width: min(1360px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sanguine-signup-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.sanguine-account-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.sanguine-public-content-page .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
}

body.sanguine-signup-page main h1:first-child,
body.sanguine-account-page main h1:first-child,
body.sanguine-public-content-page main h1:first-child,
body.sanguine-signup-page main > * > h1:first-child,
body.sanguine-account-page main > * > h1:first-child,
body.sanguine-public-content-page main > * > h1:first-child,
body.sanguine-signup-page main > * > * > h1:first-child,
body.sanguine-account-page main > * > * > h1:first-child,
body.sanguine-public-content-page main > * > * > h1:first-child {
  display: none !important;
}

body.sanguine-signup-page footer,
body.sanguine-account-page footer,
body.sanguine-public-content-page footer {
  display: none !important;
}

@media (max-width: 900px) {
  .sanguine-signup-card-grid,
  .sanguine-signup-grid.two-up,
  .sanguine-signup-grid.three-up,
  .sanguine-public-home-grid,
  .sanguine-public-story-grid,
  .sanguine-public-story-links,
  .sanguine-public-quote-grid,
  .sanguine-public-profile-grid,
  .sanguine-public-stat-grid {
    grid-template-columns: 1fr;
  }

  .sanguine-public-story-hero,
  .sanguine-public-home-hero,
  .sanguine-public-feature,
  .sanguine-public-feature--reverse,
  .sanguine-public-story-band,
  .sanguine-public-policy-hero,
  .sanguine-public-policy-layout,
  .sanguine-public-image-row,
  .sanguine-public-site-footer__grid,
  .sanguine-public-cta-band,
  .sanguine-public-profile-card {
    grid-template-columns: 1fr;
  }

  .sanguine-public-home-ribbon__grid,
  .sanguine-public-home-hero__facts {
    grid-template-columns: 1fr;
  }

  .sanguine-public-policy-aside {
    position: static;
  }

  .sanguine-public-feature--reverse .sanguine-public-feature__copy,
  .sanguine-public-feature--reverse .sanguine-public-feature__media {
    order: initial;
  }

  .sanguine-public-story-hero__copy,
  .sanguine-public-home-hero__copy,
  .sanguine-public-cta-band,
  .sanguine-public-profile-card > div,
  .sanguine-signup-hero,
  .sanguine-signup-form,
  .sanguine-signup-card {
    padding: 24px;
  }

  .sanguine-public-home-hero__media img {
    min-height: 300px;
  }

  .sanguine-public-profile-card img {
    min-height: 280px;
  }
}

.sanguine-signup-form {
  padding: 30px;
  display: grid;
  gap: 24px;
}

.sanguine-signup-section {
  display: grid;
  gap: 14px;
}

.sanguine-signup-grid {
  display: grid;
  gap: 14px;
}

.sanguine-signup-grid.two-up {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-signup-grid.three-up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sanguine-signup-form label {
  display: grid;
  gap: 8px;
  font-weight: 600;
}

.sanguine-signup-form input,
.sanguine-signup-form select,
.sanguine-signup-form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(88, 54, 24, 0.18);
  background: rgba(255, 250, 245, 0.96);
  font: inherit;
  box-sizing: border-box;
}

.sanguine-signup-check {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 4px 0;
  font-weight: 400;
  cursor: pointer;
}

.sanguine-signup-form label.sanguine-signup-check {
  display: flex;
  align-items: center;
  gap: 14px;
}

.sanguine-signup-check input {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-top: 0;
  accent-color: #0f6f82;
}

.sanguine-signup-check span {
  line-height: 1.35;
}

.sanguine-signup-actions {
  display: flex;
  justify-content: flex-start;
}

.sanguine-signup-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(18, 24, 38, 0.55);
}

.sanguine-signup-modal__dialog {
  width: min(100%, 520px);
  padding: 1.5rem;
  border-radius: 18px;
  background: #fffdf8;
  box-shadow: 0 24px 60px rgba(18, 24, 38, 0.24);
}

.sanguine-signup-modal__dialog h2 {
  margin: 0 0 0.75rem;
}

.sanguine-signup-modal__dialog p {
  margin: 0;
}

body.sanguine-signup-page .entry-title,
body.sanguine-signup-page .page-title,
body.sanguine-signup-page .wp-block-post-title,
body.sanguine-signup-page h1.entry-title,
body.sanguine-signup-page .post-title,
body.sanguine-signup-page .page-header {
  display: none !important;
}
@media (max-width: 900px) {
  .sanguine-signup-card-grid,
  .sanguine-signup-grid.two-up,
  .sanguine-signup-grid.three-up {
    grid-template-columns: 1fr;
  }

  .sanguine-public-feature,
  .sanguine-public-feature--reverse,
  .sanguine-public-image-row,
  .sanguine-public-site-footer__grid {
    grid-template-columns: 1fr;
  }

  .sanguine-public-feature--reverse .sanguine-public-feature__copy,
  .sanguine-public-feature--reverse .sanguine-public-feature__media {
    order: initial;
  }

  .sanguine-signup-hero,
  .sanguine-signup-form,
  .sanguine-signup-card {
    padding: 24px;
  }
}

.sanguine-ops-manifest-candidate-row {
  padding: 16px 18px;
}

.sanguine-ops-manifest-candidate-row > span,
.sanguine-ops-manifest-linked-order-row {
  display: grid;
  gap: 4px;
}

.sanguine-ops-manifest-guidance-row,
.sanguine-ops-manifest-checklist-row,
.sanguine-ops-manifest-linked-order-row {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(109, 46, 28, 0.1);
  background: rgba(255, 251, 247, 0.78);
}

.sanguine-ops-manifest-guidance-row {
  display: grid;
  gap: 6px;
}

.sanguine-ops-manifest-checklist-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px 16px;
  align-items: start;
}

.sanguine-ops-manifest-subsection {
  display: grid;
  gap: 10px;
}

.sanguine-ops-manifest-subsection-head {
  display: grid;
  gap: 4px;
}

.sanguine-ops-manifest-subsection-head h5 {
  margin: 0;
  font-size: 1rem;
}

.sanguine-ops-manifest-subsection-head p,
.sanguine-ops-manifest-guidance-row p {
  margin: 0;
  color: #5a4c3f;
  line-height: 1.45;
}

.sanguine-ops-manifest-order-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sanguine-ops-manifest-order-chip-row .sanguine-ops-pill {
  background: rgba(109, 46, 28, 0.08);
}

.sanguine-ops-manifest-candidate-row strong {
  overflow-wrap: anywhere;
}

.sanguine-ops-manifest-document-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sanguine-ops-manifest-document-card {
  display: grid;
  gap: 12px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(149, 78, 37, 0.48);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 244, 235, 0.96), rgba(251, 236, 225, 0.94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.sanguine-ops-manifest-document-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 18px;
  align-items: start;
}

.sanguine-ops-manifest-document-card-head h4 {
  margin: 0 0 4px;
  font-size: 1.06rem;
  line-height: 1.1;
  color: #2b170d;
}

.sanguine-ops-manifest-document-card-head p {
  margin: 0;
  max-width: 28ch;
  color: #5d3928;
  font-size: 0.98rem;
  line-height: 1.32;
}

.sanguine-ops-manifest-document-card-actions {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 0;
}

.sanguine-ops-manifest-document-card-actions .sanguine-ops-button-secondary {
  min-width: 0;
  padding: 9px 18px;
  font-size: 0.96rem;
  line-height: 1.05;
}

.sanguine-ops-manifest-document-card-body,
.sanguine-ops-manifest-document-stack {
  display: grid;
  gap: 10px;
}

.sanguine-ops-manifest-document-summary {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.sanguine-ops-manifest-document-summary strong,
.sanguine-ops-manifest-document-summary span {
  overflow-wrap: anywhere;
}

.sanguine-ops-manifest-document-summary strong {
  font-size: 1rem;
  line-height: 1.2;
  color: #6b2f14;
}

.sanguine-ops-manifest-document-summary span {
  font-size: 0.84rem;
  line-height: 1.3;
  color: #836452;
}

.sanguine-ops-manifest-document-compact-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid rgba(154, 84, 46, 0.28);
  border-radius: 16px;
  background: rgba(255, 248, 241, 0.88);
}

.sanguine-ops-manifest-document-inline-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 0;
}

.sanguine-ops-manifest-document-inline-actions .sanguine-ops-button-secondary {
  padding: 8px 16px;
  font-size: 0.92rem;
  line-height: 1.05;
}

.sanguine-ops-manifest-document-card .sanguine-ops-empty-state {
  padding: 10px 0 2px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #7a5a48;
  font-size: 0.94rem;
  line-height: 1.35;
}

.sanguine-ops-manifest-candidate-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.sanguine-ops-manifest-candidate-row input {
  width: auto;
  margin: 2px 0 0;
}

.sanguine-ops-manifest-shipment-card {
  padding: 18px;
}

.sanguine-ops-manifest-shipment-card.is-fallback {
  border-color: rgba(183, 96, 53, 0.34);
  background: linear-gradient(180deg, rgba(255, 241, 231, 0.96), rgba(250, 233, 218, 0.88));
  box-shadow: inset 0 0 0 1px rgba(183, 96, 53, 0.08);
}

.sanguine-ops-manifest-shipment-box-list {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(109, 46, 28, 0.1);
  background: rgba(255, 253, 250, 0.82);
}

.sanguine-ops-manifest-shipment-box-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 16px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(109, 46, 28, 0.08);
  background: rgba(255, 249, 242, 0.72);
}

.sanguine-ops-manifest-shipment-box-main {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.sanguine-ops-manifest-shipment-box-heading {
  display: grid;
  gap: 8px;
}

.sanguine-ops-manifest-shipment-box-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sanguine-ops-manifest-shipment-box-row strong {
  color: #5b280f;
}

.sanguine-ops-manifest-shipment-box-row span {
  color: #5a4c3f;
  overflow-wrap: anywhere;
}

.sanguine-ops-manifest-parcel-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.sanguine-ops-manifest-shipment-box-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.sanguine-ops-manifest-box-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(155, 91, 29, 0.14);
  background: rgba(255, 242, 229, 0.9);
  color: #8b4f18;
  font-size: 0.85rem;
  line-height: 1.2;
  font-weight: 600;
}

.sanguine-ops-manifest-box-pill.is-muted {
  border-color: rgba(122, 91, 60, 0.14);
  background: rgba(244, 239, 233, 0.92);
  color: #7a5b3c;
}

.sanguine-ops-manifest-box-label-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(47, 106, 65, 0.18);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(241, 249, 243, 0.92);
  color: #214f2e;
  font: inherit;
  cursor: pointer;
}

.sanguine-ops-manifest-box-label-button:hover {
  background: rgba(230, 245, 234, 0.98);
}

.sanguine-ops-manifest-box-label-icon {
  width: 14px;
  height: 16px;
  border: 1.5px solid currentColor;
  border-radius: 3px;
  position: relative;
  flex: 0 0 auto;
}

.sanguine-ops-manifest-box-label-icon::after {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  width: 4px;
  height: 4px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}

.sanguine-ops-manifest-box-unlinked {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(247, 236, 220, 0.9);
  color: #7a5b3c;
  font-size: 0.84rem;
  border: 1px solid rgba(155, 91, 29, 0.12);
}

.sanguine-ops-manifest-candidates-modal {
  width: min(920px, 100%);
}

.sanguine-ops-manifest-candidates-modal .sanguine-ops-manifest-candidate-list {
  max-height: min(60vh, 720px);
  overflow: auto;
  padding-right: 4px;
}

.sanguine-ops-import-preview-panel {
  margin-top: 24px;
}

.sanguine-ops-import-preview-table-wrap {
  margin-top: 16px;
  overflow: auto;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.82);
}

.sanguine-ops-shell table.sanguine-ops-import-preview-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.sanguine-ops-import-preview-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 12px 14px;
  text-align: left;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a5b3c;
  background: #f5e8db;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-shell table.sanguine-ops-import-preview-table tbody td {
  padding: 14px 16px !important;
  vertical-align: top;
  border-bottom: 1px solid rgba(109, 46, 28, 0.14);
  overflow-wrap: anywhere;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.sanguine-ops-shell table.sanguine-ops-import-preview-table tbody tr:nth-child(even) {
  background: rgba(247, 239, 229, 0.72);
}

.sanguine-ops-import-preview-table tbody tr:hover {
  background: rgba(245, 232, 219, 0.9);
}

.sanguine-ops-import-preview-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(247, 236, 220, 0.86);
  color: #5b280f;
  font-size: 0.84rem;
  white-space: nowrap;
}

.sanguine-ops-import-preview-badge.is-warning {
  background: rgba(255, 237, 214, 0.94);
  border-color: rgba(176, 94, 34, 0.22);
  color: #8a4516;
}

.sanguine-ops-import-preview-badge.is-neutral {
  background: rgba(232, 241, 229, 0.94);
  border-color: rgba(70, 117, 66, 0.18);
  color: #295a2e;
}

.sanguine-ops-import-preview-list {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

.sanguine-ops-import-preview-card {
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.88);
  padding: 18px;
  display: grid;
  gap: 12px;
}

.sanguine-ops-import-preview-card-head,
.sanguine-ops-import-preview-change-row,
.sanguine-ops-import-history-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.sanguine-ops-import-preview-card-head h4,
.sanguine-ops-import-preview-current-grid p,
.sanguine-ops-import-preview-change-row p,
.sanguine-ops-import-history-row p {
  margin: 0;
}

.sanguine-ops-import-preview-card-head-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sanguine-ops-import-preview-select {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: #5b280f;
}

.sanguine-ops-import-preview-select input {
  margin: 0;
}

.sanguine-ops-import-preview-status {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(247, 236, 220, 0.9);
  color: #5b280f;
  white-space: nowrap;
}

.sanguine-ops-import-preview-status.is-exact-existing-match {
  background: rgba(231, 241, 228, 0.95);
  border-color: rgba(70, 117, 66, 0.18);
  color: #295a2e;
}

.sanguine-ops-import-preview-status.is-possible-existing-match {
  background: rgba(255, 237, 214, 0.95);
  border-color: rgba(176, 94, 34, 0.22);
  color: #8a4516;
}

.sanguine-ops-import-preview-status.is-new-contact {
  background: rgba(237, 240, 250, 0.95);
  border-color: rgba(80, 88, 160, 0.18);
  color: #374099;
}

.sanguine-ops-import-preview-status.is-imported {
  background: rgba(231, 241, 228, 0.95);
  border-color: rgba(70, 117, 66, 0.18);
  color: #295a2e;
}

.sanguine-ops-import-preview-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sanguine-ops-import-preview-warning {
  margin: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 244, 228, 0.92);
  color: #7a4b20;
  border: 1px solid rgba(176, 94, 34, 0.14);
}

.sanguine-ops-import-preview-current-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.sanguine-ops-import-preview-label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7a5b3c;
}

.sanguine-ops-import-preview-change-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-import-preview-actions {
  margin-top: 4px;
}

.sanguine-ops-import-preview-change-row {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(247, 239, 229, 0.62);
  border: 1px solid rgba(109, 46, 28, 0.08);
}

.sanguine-ops-import-history-row {
  padding: 10px 0;
  border-top: 1px solid rgba(109, 46, 28, 0.08);
}

.sanguine-ops-import-history-row:first-child {
  border-top: 0;
}

.sanguine-ops-contacts-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}

.sanguine-ops-contacts-summary-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.82);
}

.sanguine-ops-contacts-summary-card.is-attention {
  border-color: rgba(201, 104, 29, 0.35);
  background: linear-gradient(180deg, rgba(255, 243, 230, 0.96) 0%, rgba(255, 236, 214, 0.9) 100%);
  box-shadow: 0 10px 24px rgba(201, 104, 29, 0.12);
}

.sanguine-ops-contacts-summary-card-body {
  display: grid;
  gap: 6px;
}

.sanguine-ops-contacts-summary-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}

.sanguine-ops-contacts-summary-card-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.sanguine-ops-contacts-summary-card .sanguine-ops-eyebrow {
  margin-bottom: 10px;
}

.sanguine-ops-contacts-summary-card strong {
  font-size: 1.35rem;
  line-height: 1;
  color: #5b280f;
}

.sanguine-ops-contacts-summary-card.is-attention .sanguine-ops-eyebrow,
.sanguine-ops-contacts-summary-card.is-attention strong,
.sanguine-ops-status-metric-row.is-attention .sanguine-ops-muted,
.sanguine-ops-status-metric-row.is-attention strong {
  color: #9a4a13;
}

.sanguine-ops-contacts-summary-card.is-attention .sanguine-ops-muted {
  color: #7a4a22;
}

.sanguine-ops-status-metric-list {
  display: grid;
  gap: 10px;
}

.sanguine-ops-status-metric-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 10px;
}

.sanguine-ops-status-metric-row.is-attention {
  padding: 6px 8px;
  margin: 0 -8px;
  border-radius: 12px;
  background: rgba(201, 104, 29, 0.08);
}

.sanguine-ops-status-metric-row .sanguine-ops-muted {
  margin: 0;
}

.sanguine-ops-bulk-progress-card {
  display: grid;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 251, 247, 0.82);
}

.sanguine-ops-bulk-progress-card[data-tone="success"] {
  background: rgba(229, 241, 231, 0.88);
}

.sanguine-ops-bulk-progress-card[data-tone="error"] {
  background: rgba(250, 233, 226, 0.9);
}

.sanguine-ops-bulk-progress-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sanguine-ops-bulk-progress-copy {
  display: grid;
  gap: 6px;
}

.sanguine-ops-bulk-progress-copy strong {
  font-size: 1rem;
  color: #3f2413;
}

.sanguine-ops-inline-spinner {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(109, 46, 28, 0.16);
  border-top-color: #6d2e1c;
  animation: sanguine-ops-spin 0.85s linear infinite;
  flex: 0 0 auto;
}

.sanguine-ops-bulk-progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(109, 46, 28, 0.08);
}

.sanguine-ops-bulk-progress-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6d2e1c 0%, #a05a2e 100%);
}

.sanguine-ops-bulk-progress-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: #5a4c3f;
  font-size: 0.94rem;
}

@keyframes sanguine-ops-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.sanguine-ops-detail-summary-list {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.sanguine-ops-detail-summary-list-compact {
  margin-bottom: 10px;
}

.sanguine-ops-detail-summary-item {
  padding: 10px 14px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 14px;
  background: rgba(255, 251, 247, 0.82);
}

.sanguine-ops-detail-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.sanguine-ops-detail-summary-copy {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  flex: 1;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.sanguine-ops-detail-summary-head .sanguine-ops-eyebrow {
  margin-bottom: 0;
  white-space: nowrap;
}

.sanguine-ops-detail-summary-copy .sanguine-ops-muted {
  margin: 0;
}

.sanguine-ops-linked-workflow-copy {
  display: grid;
  gap: 6px;
}

.sanguine-ops-linked-workflow-copy .sanguine-ops-muted {
  margin: 0;
}

.sanguine-ops-inline-edit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 999px;
  background: rgba(247, 236, 220, 0.86);
  color: #5b280f;
  cursor: pointer;
}

.sanguine-ops-inline-edit-button.is-active {
  background: #6d2e1c;
  color: #fff7f0;
  border-color: #6d2e1c;
}

.sanguine-ops-inline-edit-button svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sanguine-ops-inline-editor {
  margin-bottom: 16px;
  padding: 16px 18px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 16px;
  background: rgba(255, 251, 247, 0.82);
}

@media (max-width: 720px) {
  .sanguine-ops-detail-summary-copy {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.sanguine-ops-row-badges {
  margin-top: 6px;
  justify-content: flex-start;
}

.sanguine-ops-contacts-search-grid {
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 280px);
  align-items: end;
  column-gap: 16px;
  row-gap: 10px;
}

.sanguine-ops-contacts-search-field {
  min-width: 0;
  max-width: 560px;
}

.sanguine-ops-contacts-filter-field {
  min-width: 220px;
}

.sanguine-ops-contacts-inactive-toggle {
  grid-column: 1;
}

.sanguine-ops-contacts-wide-toggle {
  grid-column: 2;
}

.sanguine-ops-checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
}

.sanguine-ops-form-grid .sanguine-ops-checkbox-label,
.sanguine-ops-form-stack .sanguine-ops-checkbox-label {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.sanguine-ops-checkbox-label input[type="checkbox"] {
  margin: 0;
  flex: 0 0 auto;
}

.sanguine-ops-contacts-search-grid .sanguine-ops-contacts-checkbox-toggle {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 0;
  white-space: nowrap;
  justify-self: start;
}

.sanguine-ops-contacts-search-grid .sanguine-ops-contacts-checkbox-toggle input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #6d2e1c;
  flex: 0 0 auto;
}

.sanguine-ops-checkbox-label-compact {
  min-height: 0;
  margin-top: 8px;
}

.sanguine-ops-packing-checkbox-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
}

.sanguine-ops-packing-checkbox-chip {
  padding: 6px 10px;
  border: 1px solid rgba(88, 54, 24, 0.14);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.8);
}

.sanguine-ops-packing-checkbox-chip input[type="checkbox"] {
  accent-color: #6d2e1c;
}

.sanguine-ops-duplicate-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 18px 20px;
  cursor: pointer;
}

.sanguine-ops-duplicate-choice.is-selected {
  border-color: rgba(109, 46, 28, 0.32);
  box-shadow: inset 0 0 0 1px rgba(109, 46, 28, 0.08);
  background: rgba(247, 236, 220, 0.7);
}

.sanguine-ops-duplicate-workflow {
  gap: 14px;
}

.sanguine-ops-duplicate-list {
  display: grid;
  gap: 12px;
}

.sanguine-ops-duplicate-choice-radio {
  display: grid;
  place-items: center;
  min-height: 30px;
  padding-top: 2px;
}

.sanguine-ops-duplicate-choice input[type="radio"] {
  width: 22px;
  height: 22px;
  margin: 0;
  accent-color: #6d2e1c;
  cursor: pointer;
}

.sanguine-ops-duplicate-choice-body {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.sanguine-ops-duplicate-choice-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.sanguine-ops-duplicate-choice-head strong {
  font-size: 1.18rem;
  line-height: 1.25;
  color: #23160d;
}

.sanguine-ops-duplicate-choice-meta,
.sanguine-ops-duplicate-choice-reason {
  color: #5a4c3f;
  line-height: 1.5;
}

.sanguine-ops-duplicate-choice-reason {
  font-weight: 600;
  color: #4e3422;
}

.sanguine-ops-duplicate-choice-separate {
  border-style: dashed;
}

.sanguine-ops-duplicate-choice:focus-within {
  border-color: rgba(109, 46, 28, 0.44);
  box-shadow: 0 0 0 3px rgba(109, 46, 28, 0.12);
}

.sanguine-ops-review-table tbody tr.is-selected {
  background: rgba(245, 232, 219, 0.96);
}

.sanguine-ops-review-filter-form {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(109, 46, 28, 0.1);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(252, 246, 240, 0.92), rgba(248, 239, 230, 0.88));
}

.sanguine-ops-review-filter-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.7fr) minmax(180px, 0.9fr) auto;
  gap: 14px;
  align-items: end;
}

.sanguine-ops-review-filter-search {
  min-width: 0;
}

.sanguine-ops-review-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.sanguine-ops-shell table.sanguine-ops-review-table {
  min-width: 1120px;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  background: transparent;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.sanguine-ops-review-table thead th {
  top: 0;
}

.sanguine-ops-review-table tbody tr:nth-child(even),
.sanguine-ops-review-table tbody tr:hover,
.sanguine-ops-review-table tbody tr.is-selected {
  background: transparent;
}

.sanguine-ops-shell table.sanguine-ops-review-table tbody td {
  padding: 16px 18px !important;
  background: rgba(255, 252, 248, 0.98);
  border-top: 1px solid rgba(109, 46, 28, 0.18);
  border-bottom: 1px solid rgba(109, 46, 28, 0.18);
  border-right: 0;
  box-shadow: 0 10px 24px rgba(109, 46, 28, 0.06);
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.45 !important;
}

.sanguine-ops-shell table.sanguine-ops-review-table tbody tr:nth-child(even) td {
  background: rgba(252, 247, 242, 0.98);
}

.sanguine-ops-review-table tbody td:first-child {
  border-left: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 16px 0 0 16px;
}

.sanguine-ops-review-table tbody td:last-child {
  border-right: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 0 16px 16px 0;
}

.sanguine-ops-review-table tbody tr:hover td,
.sanguine-ops-review-table tbody tr.is-selected td {
  background: rgba(250, 242, 233, 0.98);
}

.sanguine-ops-review-table tbody tr.is-dirty td {
  border-top-color: rgba(138, 52, 29, 0.26);
  border-bottom-color: rgba(138, 52, 29, 0.26);
  background: linear-gradient(180deg, rgba(255, 249, 242, 0.99), rgba(252, 241, 231, 0.98));
}

.sanguine-ops-review-table tbody tr.is-dirty td:first-child {
  border-left-color: rgba(138, 52, 29, 0.26);
  box-shadow: inset 4px 0 0 rgba(138, 52, 29, 0.78), 0 8px 20px rgba(109, 46, 28, 0.06);
}

.sanguine-ops-review-table tbody tr.is-dirty td:last-child {
  border-right-color: rgba(138, 52, 29, 0.26);
}

.sanguine-ops-screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sanguine-ops-review-select-cell {
  width: 72px;
  text-align: center;
}

.sanguine-ops-review-select-cell .sanguine-ops-import-preview-select {
  justify-content: center;
}

.sanguine-ops-shell table.sanguine-ops-review-table td strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

.sanguine-ops-review-table tbody td,
.sanguine-ops-import-preview-table tbody td,
.sanguine-ops-pick-pack-table td,
.sanguine-ops-pick-pack-table th,
.sanguine-ops-shell table.widefat td,
.sanguine-ops-shell table.widefat th {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.95rem;
  line-height: 1.45;
}

.sanguine-ops-shell table.widefat,
.sanguine-ops-shell table.widefat.striped {
  font-family: "Segoe UI", Arial, sans-serif;
}

.sanguine-ops-shell table.widefat tbody td,
.sanguine-ops-shell table.widefat tbody th {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom-color: rgba(109, 46, 28, 0.12);
}

.sanguine-ops-review-missing-image-cell {
  background: linear-gradient(180deg, rgba(255, 246, 244, 0.98), rgba(255, 238, 234, 0.96)) !important;
}

.sanguine-ops-review-missing-image-select {
  border-color: rgba(164, 46, 63, 0.45) !important;
  background: linear-gradient(180deg, rgba(255, 252, 252, 0.99), rgba(255, 241, 238, 0.98)) !important;
  color: #9f2030 !important;
  box-shadow: inset 0 0 0 1px rgba(164, 46, 63, 0.14), 0 0 0 3px rgba(164, 46, 63, 0.08);
}

.sanguine-ops-review-missing-image-select:focus,
.sanguine-ops-review-missing-image-select:focus-visible {
  outline: 2px solid rgba(164, 46, 63, 0.22);
  outline-offset: 2px;
}

.sanguine-ops-review-missing-image-note {
  margin-top: 8px;
  color: #9f2030;
  font-weight: 700;
}

.sanguine-ops-review-product-copy {
  gap: 6px;
}

.sanguine-ops-pick-pack-saved-lists-table-wrap {
  border-color: rgba(109, 46, 28, 0.16);
  background: rgba(255, 252, 248, 0.9);
}

.sanguine-ops-pick-pack-saved-lists-table {
  min-width: 0;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.sanguine-ops-pick-pack-saved-lists-table thead th {
  background: transparent;
  border-bottom: 0;
  padding-bottom: 2px;
}

.sanguine-ops-pick-pack-saved-lists-table tbody td {
  background: rgba(255, 255, 255, 0.94);
  border-top: 1px solid rgba(109, 46, 28, 0.12);
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-pick-pack-saved-lists-table tbody tr:nth-child(even) {
  background: transparent;
}

.sanguine-ops-pick-pack-saved-lists-table tbody tr:hover {
  background: transparent;
}

.sanguine-ops-pick-pack-saved-lists-table tbody tr:hover td {
  background: rgba(249, 242, 235, 0.98);
}

.sanguine-ops-pick-pack-saved-lists-table tbody td:first-child {
  border-left: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 16px 0 0 16px;
  width: 56%;
}

.sanguine-ops-pick-pack-saved-lists-table tbody td:nth-child(2) {
  width: 18%;
  color: #533423;
  white-space: nowrap;
}

.sanguine-ops-pick-pack-saved-lists-table tbody td:nth-child(3),
.sanguine-ops-pick-pack-saved-lists-table tbody td:nth-child(4) {
  width: 13%;
}

.sanguine-ops-pick-pack-saved-lists-table tbody td:last-child {
  border-right: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 0 16px 16px 0;
}

.sanguine-ops-pick-pack-finish-modal {
  width: min(860px, 100%);
}

.sanguine-ops-pick-pack-finish-copy {
  padding: 16px 18px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 252, 248, 0.88);
}

.sanguine-ops-pick-pack-finish-copy p {
  margin: 0 0 10px;
}

.sanguine-ops-pick-pack-finish-checklist {
  margin: 0;
  padding-left: 20px;
}

.sanguine-ops-pick-pack-finish-checklist li + li {
  margin-top: 6px;
}

.sanguine-ops-pick-pack-finish-option-list {
  display: grid;
  gap: 16px;
  padding-left: 18px;
}

.sanguine-ops-pick-pack-finish-option {
  position: relative;
  display: block;
  padding: 18px 20px;
  border: 1px solid rgba(109, 46, 28, 0.18);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 18px rgba(109, 46, 28, 0.05);
  cursor: pointer;
}

.sanguine-ops-pick-pack-finish-option.is-selected {
  border-color: rgba(109, 46, 28, 0.42);
  box-shadow: 0 14px 28px rgba(109, 46, 28, 0.12);
}

.sanguine-ops-pick-pack-finish-option.is-warning {
  background: rgba(252, 245, 238, 0.96);
}

.sanguine-ops-pick-pack-finish-option input {
  position: absolute;
  left: -30px;
  top: 50%;
  width: 22px;
  height: 22px;
  margin: 0;
  transform: translateY(-50%);
  accent-color: #8a341d;
}

.sanguine-ops-pick-pack-finish-option-copy {
  display: grid;
  gap: 6px;
}

.sanguine-ops-pick-pack-finish-option-copy strong {
  color: #23160d;
}

.sanguine-ops-pick-pack-finish-option-copy span {
  color: #533423;
}

.sanguine-ops-pick-pack-finish-option-warning {
  color: #8a341d;
  font-weight: 700;
}

.sanguine-ops-pick-pack-finish-progress {
  padding: 18px 20px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 18px;
  background: rgba(255, 252, 248, 0.9);
}

.sanguine-ops-pick-pack-finish-progress p {
  margin: 0;
}

.sanguine-ops-pick-pack-finish-progress p + p {
  margin-top: 8px;
}

.sanguine-ops-table-sort-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.sanguine-ops-table-sort-button:hover,
.sanguine-ops-table-sort-button:focus-visible {
  color: #6d2e1c;
}

.sanguine-ops-table-sort-button:focus-visible {
  outline: 2px solid rgba(109, 46, 28, 0.25);
  outline-offset: 3px;
  border-radius: 6px;
}

.sanguine-ops-table-sort-button.is-active {
  color: #6d2e1c;
}

.sanguine-ops-table-sort-indicator {
  font-size: 0.82rem;
  line-height: 1;
  opacity: 0.72;
}

.sanguine-ops-cell-stack {
  display: grid;
  gap: 4px;
}

.sanguine-ops-cell-subvalue {
  color: #6d5c4d;
  font-size: 0.88rem;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .sanguine-ops-review-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-review-filter-actions {
    justify-content: flex-start;
  }
}

.sanguine-ops-sales-note-disclosure {
  width: min(24rem, 100%);
}

.sanguine-ops-sales-note-disclosure summary {
  list-style: none;
  cursor: pointer;
}

.sanguine-ops-sales-note-disclosure summary::-webkit-details-marker {
  display: none;
}

.sanguine-ops-sales-note-preview,
.sanguine-ops-sales-note-full {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.sanguine-ops-sales-note-preview {
  display: block;
  max-height: 4.2em;
  overflow: hidden;
}

.sanguine-ops-sales-note-toggle {
  display: inline-block;
  margin-top: 4px;
  color: #6d2e1c;
  font-size: 0.88rem;
  font-weight: 600;
}

.sanguine-ops-sales-note-disclosure[open] .sanguine-ops-sales-note-toggle {
  display: none;
}

.sanguine-ops-sales-note-full {
  margin-top: 6px;
}

.sanguine-ops-sales-note-disclosure:not([open]) .sanguine-ops-sales-note-full {
  display: none;
}

.sanguine-ops-address-badge-delivery {
  background: rgba(47, 106, 65, 0.14);
  color: #2f6a41;
}

.sanguine-ops-address-book-entry-head {
  align-items: center;
  margin-bottom: 8px;
}

.sanguine-ops-address-book-entry-head strong {
  color: #23160d;
}

.sanguine-ops-customer-table-wide {
  min-width: 1380px;
}

.sanguine-ops-sticky-action-cell {
  position: sticky;
  right: 0;
  z-index: 2;
  background: rgba(255, 251, 247, 0.98);
}

.sanguine-ops-review-table tbody tr:nth-child(even) .sanguine-ops-sticky-action-cell {
  background: rgba(247, 239, 229, 0.96);
}

.sanguine-ops-review-table tbody tr:hover .sanguine-ops-sticky-action-cell,
.sanguine-ops-review-table tbody tr.is-selected .sanguine-ops-sticky-action-cell {
  background: rgba(245, 232, 219, 0.98);
}

.sanguine-ops-button-inline {
  padding: 8px 14px;
  font-size: 0.9rem;
  white-space: nowrap;
}

.sanguine-ops-freight-matrix-table-wrap {
  margin-top: 18px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.sanguine-ops-freight-matrix-panel {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

.sanguine-ops-freight-matrix-panel > * {
  min-width: 0;
}

.sanguine-ops-freight-matrix-table {
  min-width: 1800px;
}

.sanguine-ops-freight-matrix-table th,
.sanguine-ops-freight-matrix-table td {
  white-space: nowrap;
}

.sanguine-ops-freight-matrix-table td {
  vertical-align: middle;
}

.sanguine-ops-freight-matrix-row-has-issue > td {
  background: rgba(198, 40, 40, 0.04);
}

.sanguine-ops-freight-matrix-cell {
  display: grid;
  gap: 8px;
}

.sanguine-ops-freight-matrix-cell.has-issue {
  padding: 10px;
  border: 1px solid rgba(198, 40, 40, 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 245, 244, 0.98), rgba(255, 237, 235, 0.94));
}

.sanguine-ops-freight-matrix-cell.has-issue input[type="number"] {
  border-color: rgba(198, 40, 40, 0.34);
  background: rgba(255, 255, 255, 0.96);
}

.sanguine-ops-freight-matrix-issue-note {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(198, 40, 40, 0.1);
  color: #8c251f;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.76rem;
  line-height: 1.35;
  white-space: normal;
}

.sanguine-ops-freight-matrix-issue-note strong {
  color: #6f1a16;
}

.sanguine-ops-freight-matrix-table input[type="text"],
.sanguine-ops-freight-matrix-table input[type="number"] {
  width: 100%;
  min-width: 90px;
  box-sizing: border-box;
}

.sanguine-ops-freight-matrix-table td:nth-child(4) input[type="text"],
.sanguine-ops-freight-matrix-table td:nth-child(8) input[type="text"] {
  min-width: 160px;
}

.sanguine-ops-freight-matrix-table .sanguine-ops-cell-stack {
  min-width: 180px;
}

.sanguine-ops-freight-matrix-table .sanguine-ops-sticky-action-cell {
  position: static;
  right: auto;
  z-index: auto;
  background: inherit;
}

@media (max-width: 900px) {
  .sanguine-ops-freight-matrix-toolbar {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .sanguine-ops-contacts-top-grid,
  .sanguine-ops-manifest-document-grid {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-manifest-document-card-head,
  .sanguine-ops-manifest-document-compact-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-manifest-document-card-actions,
  .sanguine-ops-manifest-document-inline-actions {
    justify-content: flex-start;
  }

  .sanguine-ops-manifest-field-date,
  .sanguine-ops-manifest-field-ref {
    max-width: none;
  }

  .sanguine-ops-manifest-review-disclosure-row {
    align-items: stretch;
  }

  .sanguine-ops-manifest-review-pills-summary {
    justify-content: flex-start;
  }

  .sanguine-ops-import-preview-table {
    min-width: 640px;
  }

  .sanguine-ops-contacts-search-grid {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .sanguine-ops-contacts-search-field,
  .sanguine-ops-contacts-filter-field,
  .sanguine-ops-contacts-inactive-toggle,
  .sanguine-ops-contacts-wide-toggle {
    grid-column: 1;
    max-width: none;
  }

  .sanguine-ops-duplicate-choice {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .sanguine-ops-duplicate-choice-radio {
    justify-content: flex-start;
  }

  .sanguine-ops-manifest-shipment-box-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-manifest-shipment-head,
  .sanguine-ops-manifest-checklist-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-manifest-shipment-box-meta {
    justify-content: flex-start;
  }
}

.sanguine-ops-manifest-label-page-card {
  display: grid;
  gap: 16px;
  padding: 18px;
  background: rgba(255, 249, 243, 0.88);
}

.sanguine-ops-manifest-label-page-card.is-pending {
  border-color: rgba(155, 91, 29, 0.22);
  background: linear-gradient(180deg, rgba(255, 248, 237, 0.98), rgba(252, 243, 231, 0.92));
}

.sanguine-ops-manifest-label-page-card.is-assigned {
  border-color: rgba(47, 106, 65, 0.2);
  background: linear-gradient(180deg, rgba(244, 251, 245, 0.98), rgba(235, 247, 237, 0.92));
}

.sanguine-ops-manifest-label-page-card.is-ignored {
  border-color: rgba(84, 94, 107, 0.18);
  background: linear-gradient(180deg, rgba(246, 247, 248, 0.98), rgba(238, 240, 242, 0.94));
}

.sanguine-ops-manifest-label-page-head h4 {
  margin: 0;
}

.sanguine-ops-manifest-label-page-head p,
.sanguine-ops-manifest-label-page-meta span {
  margin: 0;
  color: #5a4c3f;
}

.sanguine-ops-manifest-label-page-meta {
  display: grid;
  gap: 6px;
}

.sanguine-ops-manifest-label-suggestions {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  border: 1px dashed rgba(109, 46, 28, 0.16);
}

.sanguine-ops-manifest-label-extracted {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(109, 46, 28, 0.08);
}

.sanguine-ops-manifest-label-extracted-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
}

.sanguine-ops-manifest-label-extracted-item {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.sanguine-ops-manifest-label-extracted-item span {
  color: #7a5b3c;
  font-size: 0.86rem;
}

.sanguine-ops-manifest-label-extracted-item strong {
  overflow-wrap: anywhere;
}

.sanguine-ops-manifest-label-extracted-item.is-wide {
  grid-column: 1 / -1;
}

.sanguine-ops-manifest-label-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
}

.sanguine-ops-manifest-label-review-grid label {
  display: grid;
  gap: 6px;
}

.sanguine-ops-manifest-review-disclosure-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 6px;
}

.sanguine-ops-manifest-review-pills {
  flex-wrap: wrap;
  align-items: center;
}

.sanguine-ops-manifest-review-pills-summary {
  justify-content: flex-end;
  margin-top: 0;
}

.sanguine-ops-manifest-review-panel {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(126, 72, 35, 0.16);
  background: linear-gradient(180deg, rgba(246, 251, 247, 0.92), rgba(236, 246, 239, 0.9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

.sanguine-ops-manifest-review-panel-header {
  gap: 10px;
}

.sanguine-ops-disclosure-button {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
  min-width: 220px;
  text-align: left;
  padding-right: 18px;
}

.sanguine-ops-disclosure-button-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.sanguine-ops-disclosure-button-prominent {
  min-width: 250px;
  padding: 12px 18px;
  border-width: 2px;
  border-color: rgba(14, 47, 61, 0.92);
  background: linear-gradient(180deg, #8e441f, #793818);
  color: #fff7ef;
  box-shadow: inset 0 0 0 1px rgba(255, 208, 166, 0.2);
}

.sanguine-ops-disclosure-button-prominent:hover {
  background: linear-gradient(180deg, #9a4921, #7e3a18);
}

.sanguine-ops-disclosure-button-icon {
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 120ms ease;
  flex: 0 0 auto;
  margin-right: 2px;
}

.sanguine-ops-disclosure-button[aria-expanded='true'] .sanguine-ops-disclosure-button-icon {
  transform: rotate(225deg);
}

.sanguine-ops-disclosure-button-label {
  font-weight: 700;
  line-height: 1.15;
}

.sanguine-ops-disclosure-button-hint {
  font-size: 0.74rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a5b3c;
}

.sanguine-ops-disclosure-button-prominent .sanguine-ops-disclosure-button-hint {
  color: rgba(255, 233, 214, 0.86);
}

.sanguine-ops-manifest-shipment-head p,
.sanguine-ops-manifest-checklist-row span,
.sanguine-ops-manifest-linked-order-row span {
  margin: 0;
  color: #5a4c3f;
}

.sanguine-ops-manifest-shipment-actions {
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.sanguine-ops-guard {
  padding: 18px 20px;
}

.sanguine-ops-auspost-status-list {
  display: grid;
  gap: 18px;
}

.sanguine-ops-auspost-status-card {
  display: grid;
  gap: 16px;
  padding: 20px 22px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 250, 245, 0.98), rgba(250, 242, 233, 0.92));
  box-shadow: 0 14px 28px rgba(78, 45, 24, 0.07);
}

.sanguine-ops-auspost-status-card.is-expanded {
  border-color: rgba(47, 106, 65, 0.22);
}

.sanguine-ops-auspost-status-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.sanguine-ops-auspost-status-card-head h3,
.sanguine-ops-auspost-status-shipment-head h4,
.sanguine-ops-auspost-status-order-block h5 {
  margin: 0;
}

.sanguine-ops-auspost-status-card-head p,
.sanguine-ops-auspost-status-shipment-head p,
.sanguine-ops-auspost-status-order-row p {
  margin: 4px 0 0;
  color: #5a4c3f;
}

.sanguine-ops-auspost-status-card-head-actions,
.sanguine-ops-auspost-status-shipment-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.sanguine-ops-auspost-status-shipment-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.sanguine-ops-auspost-status-summary-grid,
.sanguine-ops-auspost-status-detail-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sanguine-ops-auspost-status-detail {
  display: grid;
  gap: 16px;
  padding-top: 6px;
}

.sanguine-ops-auspost-status-notice {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(47, 106, 65, 0.18);
  background: rgba(242, 250, 244, 0.96);
  color: #2f6a41;
}

.sanguine-ops-auspost-status-notice.is-warning {
  border-color: rgba(155, 91, 29, 0.24);
  background: rgba(255, 247, 236, 0.98);
  color: #8f4f19;
}

.sanguine-ops-auspost-status-shipments {
  display: grid;
  gap: 14px;
}

.sanguine-ops-auspost-status-shipment-card {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.88);
}

.sanguine-ops-auspost-status-shipment-head,
.sanguine-ops-auspost-status-order-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

.sanguine-ops-auspost-status-order-block {
  display: grid;
  gap: 10px;
}

.sanguine-ops-auspost-status-order-row {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(248, 243, 236, 0.85);
}

.sanguine-ops-auspost-status-order-link {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0e2f3d;
  font-weight: 700;
  text-decoration: none;
}

.sanguine-ops-auspost-status-order-link.is-disabled {
  color: #7f756b;
}

.sanguine-ops-auspost-status-parcels-table {
  min-width: 820px;
}

.sanguine-ops-auspost-status-parcel-actions {
  white-space: nowrap;
}

.sanguine-ops-auspost-history-modal {
  width: min(900px, 100%);
}

.sanguine-ops-auspost-history-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.sanguine-ops-auspost-history-list {
  display: grid;
  gap: 12px;
}

.sanguine-ops-auspost-history-row {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(109, 46, 28, 0.12);
  background: rgba(255, 255, 255, 0.88);
}

.sanguine-ops-auspost-history-row p {
  margin: 4px 0 0;
  color: #5a4c3f;
}

.sanguine-ops-auspost-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  background: rgba(166, 113, 56, 0.12);
  color: #7d451b;
}

.sanguine-ops-auspost-status-pill.is-delivered {
  background: rgba(47, 106, 65, 0.14);
  color: #2f6a41;
}

.sanguine-ops-auspost-status-pill.is-in-transit {
  background: rgba(14, 47, 61, 0.12);
  color: #0e2f3d;
}

.sanguine-ops-auspost-status-pill.is-issue {
  background: rgba(156, 51, 35, 0.13);
  color: #9c3323;
}

.sanguine-ops-auspost-status-pill.is-pending {
  background: rgba(166, 113, 56, 0.12);
  color: #7d451b;
}

.sanguine-ops-products-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
  gap: 24px;
  align-items: start;
}

.sanguine-ops-products-editor-panel {
  position: sticky;
  top: 20px;
}

.sanguine-ops-products-detail-section {
  position: relative;
  display: grid;
  gap: 20px;
  padding: 24px 24px 26px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.98) 0%, rgba(249, 241, 232, 0.94) 100%);
  box-shadow: 0 18px 34px rgba(85, 46, 20, 0.08);
  overflow: hidden;
}

.sanguine-ops-products-detail-section::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, rgba(141, 86, 37, 0.92) 0%, rgba(197, 141, 67, 0.88) 100%);
}

.sanguine-ops-products-detail-section-general {
  border-color: rgba(137, 82, 35, 0.2);
  background: linear-gradient(180deg, rgba(255, 250, 244, 0.98) 0%, rgba(248, 238, 224, 0.96) 100%);
}

.sanguine-ops-products-detail-section-general::before {
  background: linear-gradient(90deg, rgba(145, 84, 30, 0.95) 0%, rgba(203, 146, 57, 0.9) 100%);
}

.sanguine-ops-products-detail-section-website {
  border-color: rgba(88, 94, 48, 0.2);
  background: linear-gradient(180deg, rgba(250, 251, 244, 0.98) 0%, rgba(239, 243, 226, 0.96) 100%);
}

.sanguine-ops-products-detail-section-website::before {
  background: linear-gradient(90deg, rgba(97, 103, 52, 0.94) 0%, rgba(168, 158, 84, 0.9) 100%);
}

.sanguine-ops-products-detail-section-pos {
  border-color: rgba(134, 62, 34, 0.2);
  background: linear-gradient(180deg, rgba(255, 248, 244, 0.98) 0%, rgba(248, 233, 225, 0.96) 100%);
}

.sanguine-ops-products-detail-section-pos::before {
  background: linear-gradient(90deg, rgba(144, 58, 27, 0.95) 0%, rgba(206, 119, 79, 0.88) 100%);
}

.sanguine-ops-products-detail-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-products-detail-section-head h3 {
  margin: 0;
  font-size: 1.4rem;
}

.sanguine-ops-products-detail-section-head .sanguine-ops-summary {
  max-width: 54ch;
  font-size: 1rem;
}

.sanguine-ops-products-detail-section .sanguine-ops-summary-row {
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(109, 46, 28, 0.12);
}

.sanguine-ops-products-detail-section .sanguine-ops-summary-row h3 {
  margin: 0;
  font-size: 1.4rem;
}

.sanguine-ops-products-filter-grid,
.sanguine-ops-products-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-ops-products-form-grid-3up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sanguine-ops-products-form-grid-toggles {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.sanguine-ops-products-form-grid-emphasis {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-ops-products-form-grid-website {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sanguine-ops-form-field-span-2 {
  grid-column: span 2;
}

.sanguine-ops-row-badges {
  gap: 6px;
}

.sanguine-ops-products-editor-panel .sanguine-ops-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin-top: 10px;
  padding: 16px;
  border: 1px solid rgba(109, 46, 28, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.sanguine-ops-products-editor-panel .sanguine-ops-checkbox-label {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 60px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(109, 46, 28, 0.16);
  border-radius: 16px;
  background: rgba(255, 252, 248, 0.94);
  box-shadow: 0 8px 18px rgba(83, 45, 20, 0.06);
  transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease, transform 120ms ease;
}

.sanguine-ops-products-editor-panel .sanguine-ops-checkbox-label:hover {
  border-color: rgba(124, 66, 38, 0.32);
  box-shadow: 0 10px 22px rgba(83, 45, 20, 0.1);
  transform: translateY(-1px);
}

.sanguine-ops-products-editor-panel .sanguine-ops-checkbox-label input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: #7d4526;
}

.sanguine-ops-products-editor-panel .sanguine-ops-checkbox-label:has(input[type="checkbox"]:checked) {
  border-color: rgba(125, 69, 38, 0.55);
  background: linear-gradient(180deg, rgba(255, 247, 238, 0.98) 0%, rgba(247, 232, 216, 0.98) 100%);
  box-shadow: 0 12px 24px rgba(125, 69, 38, 0.14);
}

.sanguine-ops-products-editor-panel .sanguine-ops-products-form-grid-toggles .sanguine-ops-checkbox-label {
  min-height: 84px;
  align-items: center;
  font-weight: 600;
  line-height: 1.35;
}

.sanguine-ops-products-editor-panel .sanguine-ops-products-form-grid-toggles .sanguine-ops-checkbox-label input[type="checkbox"] {
  margin-top: 0;
}

.sanguine-ops-products-editor-panel .sanguine-ops-products-form-grid-emphasis > .sanguine-ops-form-field {
  gap: 10px;
}

.sanguine-ops-products-editor-panel .sanguine-ops-form-field-label {
  font-weight: 600;
}

.sanguine-ops-pos-validation-stack {
  display: grid;
  gap: 6px;
}

.sanguine-ops-pos-validation-badge.is-complete {
  background: rgba(27, 110, 55, 0.12);
  color: #1b6e37;
}

.sanguine-ops-pos-validation-badge.is-warning,
.sanguine-ops-pos-validation-badge.is-missing {
  background: rgba(156, 51, 35, 0.12);
  color: #9c3323;
}

.sanguine-ops-pos-profile-panel,
.sanguine-ops-pos-operators-panel {
  margin-top: 8px;
}

@media (max-width: 1240px) {
  .sanguine-ops-auspost-status-summary-grid,
  .sanguine-ops-auspost-status-detail-meta,
  .sanguine-ops-auspost-history-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sanguine-ops-products-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-products-editor-panel {
    position: static;
  }

  .sanguine-ops-products-form-grid-3up {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sanguine-ops-products-editor-panel .sanguine-ops-checkbox-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .sanguine-ops-auspost-status-shipment-head,
  .sanguine-ops-auspost-status-order-row,
  .sanguine-ops-auspost-status-summary-grid,
  .sanguine-ops-auspost-status-detail-meta,
  .sanguine-ops-auspost-history-meta,
  .sanguine-ops-auspost-history-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-auspost-status-parcels-table {
    min-width: 640px;
  }

  .sanguine-ops-auspost-status-shipment-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 1100px) {
  .sanguine-ops-stage-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .sanguine-ops-hero,

  .sanguine-ops-manifest-cta-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sanguine-ops-manifest-cta-actions {
    justify-content: stretch;
  }

  .sanguine-ops-manifest-cta-actions .sanguine-ops-guidance-button {
    max-width: none;
    width: 100%;
  }
  .sanguine-ops-summary-row,
  .sanguine-ops-selected-summary,
  .sanguine-ops-list-header,
  .sanguine-ops-journey-heading-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .sanguine-ops-journey-heading-actions {
    flex-wrap: wrap;
  }

  .sanguine-ops-products-detail-section-head {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-products-detail-section,
  .sanguine-ops-products-detail-section .sanguine-ops-summary-row {
    padding-bottom: 18px;
  }

  .sanguine-ops-panel {
    padding: 22px;
  }

  .sanguine-ops-queue-overview {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-form-inline {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-metadata-grid,
  .sanguine-ops-stage-column,
  .sanguine-ops-data-grid,
  .sanguine-ops-card-detail-grid,
  .sanguine-ops-manifest-layout,
  .sanguine-ops-manifest-card-details,
  .sanguine-ops-manifest-meta-grid,
  .sanguine-ops-manifest-label-extracted-grid,
  .sanguine-ops-manifest-label-review-grid,
  .sanguine-ops-products-filter-grid,
  .sanguine-ops-products-form-grid,
  .sanguine-ops-products-form-grid-3up,
  .sanguine-ops-products-form-grid-toggles,
  .sanguine-ops-products-form-grid-emphasis,
  .sanguine-ops-products-form-grid-website {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-products-editor-panel .sanguine-ops-checkbox-grid {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-form-field-span-2 {
    grid-column: auto;
  }

  .sanguine-ops-panel-journey-map {
    padding: 22px;
  }

  .sanguine-ops-journey-diagram-scroll {
    display: block;
    overflow-x: auto;
    overflow-y: visible;
  }

  .sanguine-ops-journey-diagram-grid {
    min-width: 0;
    width: 100%;
    grid-template-columns: 1.02fr 0.12fr 1.02fr 0.12fr 1.02fr 0.12fr 1.28fr 0.14fr 1.12fr 0.14fr 1.32fr 0.14fr 1.22fr 0.14fr 1.1fr 0.14fr 1.45fr 0.14fr 1.34fr 0.14fr 1.08fr;
  }

  .sanguine-ops-worklist-row,
  .sanguine-ops-document-row {
    grid-template-columns: 1fr;
  }

  .sanguine-ops-worklist-meta,
  .sanguine-ops-document-meta {
    text-align: left;
  }
}