.raw-materials-section,
.raw-materials-section * {
  box-sizing: border-box;
}

.raw-materials-section {
  padding: 24px 32px 40px;
  color: var(--main-text-color, #f8fafc);
}

.raw-materials-section .muted {
  color: var(--secondary-text-color, #94a3b8);
}

.raw-materials-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
}

.raw-materials-toolbar h2 {
  margin: 0 0 4px;
  font-size: 22px;
}

.raw-materials-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}

.raw-guide-step {
  min-height: 76px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.38);
}

.raw-guide-step strong,
.raw-guide-step span {
  display: block;
}

.raw-guide-step strong {
  margin-bottom: 6px;
  font-size: 13px;
}

.raw-guide-step span {
  color: var(--secondary-text-color, #94a3b8);
  font-size: 12px;
  line-height: 1.35;
}

.raw-materials-tabs {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end;
  gap: 4px;
  width: 100%;
  margin: 4px 0 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
}

.raw-materials-tab {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--secondary-text-color, #94a3b8) !important;
  padding: 10px 14px !important;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: none !important;
}

.raw-materials-tab.active {
  border-bottom-color: #38bdf8 !important;
  color: #e0f2fe !important;
}

.raw-tab-panel {
  display: none !important;
}

.raw-tab-panel.active {
  display: block !important;
}

.raw-materials-grid.raw-tab-panel.active {
  display: grid !important;
}

.raw-materials-grid {
  grid-template-columns: minmax(360px, 480px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.raw-material-form {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.36);
  position: sticky;
  top: 0;
}

.raw-material-form h3,
.raw-material-form h4 {
  margin: 0 0 14px;
  font-size: 16px;
}

.raw-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.raw-form-grid label,
.raw-component-row label {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  color: var(--secondary-text-color, #94a3b8);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.raw-materials-section .input-text,
.raw-materials-section .custom-select {
  display: block !important;
  width: 100% !important;
  min-width: 0;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 8px !important;
  background: rgba(2, 6, 23, 0.58) !important;
  color: var(--main-text-color, #f8fafc) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  box-shadow: none !important;
}

.raw-materials-section .input-text::placeholder {
  color: rgba(148, 163, 184, 0.72);
}

.raw-materials-section .custom-select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
}

.raw-wide {
  grid-column: 1 / -1;
}

.raw-form-actions,
.raw-components-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
}

.raw-form-actions button,
.raw-components-header button,
.raw-materials-section .secondary,
.raw-materials-section .button {
  min-height: 36px;
  border-radius: 8px;
  padding: 8px 12px;
  white-space: nowrap;
}

.raw-table-wrap {
  min-height: 220px;
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
}

.raw-materials-table,
.raw-products-table,
.raw-batches-table {
  width: 100%;
}

.raw-materials-table td,
.raw-products-table td,
.raw-batches-table td {
  vertical-align: top;
}

.raw-stock-low {
  color: #f59e0b;
  font-weight: 700;
}

.raw-stock-negative {
  color: #ef4444;
  font-weight: 700;
}

.raw-components-list {
  display: grid;
  gap: 10px;
}

.raw-component-row {
  display: grid;
  grid-template-columns: minmax(260px, 2fr) 88px 92px 88px 92px 88px 110px 172px;
  gap: 8px;
  align-items: end;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.28);
}

.raw-icon-button {
  width: 36px;
  height: 42px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.raw-search-results {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}

.raw-search-result {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.28);
  color: inherit;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

.raw-search-result strong {
  display: block;
}

.raw-batch-preview {
  margin-top: 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.28);
}

.raw-preview-lines {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.raw-preview-line {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) 120px 120px 90px;
  gap: 10px;
}

@media (max-width: 1100px) {
  .raw-materials-guide,
  .raw-materials-grid {
    grid-template-columns: 1fr;
  }

  .raw-component-row,
  .raw-preview-line {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .raw-materials-section {
    padding: 16px;
  }

  .raw-materials-tabs {
    overflow-x: auto;
  }

  .raw-form-grid,
  .raw-component-row,
  .raw-preview-line {
    grid-template-columns: 1fr;
  }
}
.raw-materials-section .input-text:disabled,
.raw-materials-section .custom-select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.raw-materials-section td .secondary + .secondary {
  margin-left: 6px;
}


.raw-materials-table tr:not(.raw-category-row) td:last-child {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  white-space: nowrap;
}
.raw-materials-table tr:not(.raw-category-row) td:last-child .secondary {
  min-height: 32px;
  padding: 6px 10px;
}
.raw-materials-table tbody td {
  padding-top: 10px;
  padding-bottom: 10px;
}


.po-raw-material-pill {
  display: inline-flex;
  width: fit-content;
  margin-top: 4px;
  padding: 3px 7px;
  border: 1px solid rgba(56, 189, 248, 0.45);
  border-radius: 999px;
  color: #bae6fd;
  background: rgba(14, 116, 144, 0.18);
  font-size: 11px;
  font-weight: 700;
}



/* Batch preview/cost UI polish */
.raw-materials-grid.raw-tab-panel[data-raw-panel="batches"].active {
  grid-template-columns: minmax(420px, 560px) minmax(0, 1fr);
}

.raw-materials-grid.raw-tab-panel[data-raw-panel="batches"] > .raw-material-form {
  position: static;
  top: auto;
}

.raw-cost-method-card,
.raw-batch-preview {
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  background: rgba(2, 6, 23, 0.38);
  padding: 12px;
  overflow: hidden;
}

.raw-cost-method-title {
  margin-bottom: 10px;
  color: var(--main-text-color, #f8fafc);
  font-size: 13px;
  font-weight: 800;
}

.raw-radio-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  gap: 10px !important;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.28);
  cursor: pointer;
}

.raw-radio-option + .raw-radio-option {
  margin-top: 8px !important;
}

.raw-radio-option input {
  margin-top: 2px;
}

.raw-radio-option span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.raw-radio-option strong {
  color: var(--main-text-color, #f8fafc);
  font-size: 13px;
}

.raw-radio-option small,
.raw-cost-preview-note {
  color: var(--secondary-text-color, #94a3b8);
  font-size: 12px;
  line-height: 1.35;
}

.raw-preview-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.raw-preview-summary strong,
.raw-cost-preview > div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.20);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.32);
  padding: 9px 10px;
}

.raw-cost-preview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.raw-cost-preview span,
.raw-preview-line small {
  display: block;
  color: var(--secondary-text-color, #94a3b8);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.raw-cost-preview strong {
  display: block;
  margin-top: 4px;
  color: var(--main-text-color, #f8fafc);
  overflow-wrap: anywhere;
}

.raw-preview-line {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(82px, auto) minmax(82px, auto) minmax(82px, auto);
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.22);
  min-width: 0;
}

.raw-preview-material {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.raw-preview-cost {
  text-align: right;
  font-weight: 800;
}

.raw-actual-usage {
  display: block;
  min-width: 130px;
}

.raw-actual-usage > span {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.raw-actual-usage input {
  width: 92px;
  padding: 6px 7px;
}

.raw-actual-usage em {
  display: block;
  margin-top: 3px;
  color: var(--secondary-text-color, #94a3b8);
  font-size: 10px;
  font-style: normal;
}

.raw-recipe-update-option {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px !important;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
}

.raw-recipe-update-option span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.raw-recipe-update-option small {
  color: var(--secondary-text-color, #94a3b8);
  line-height: 1.35;
}

body.light-mode .raw-cost-method-card,
body.light-mode .raw-batch-preview,
body.light-mode .raw-radio-option,
body.light-mode .raw-preview-summary strong,
body.light-mode .raw-cost-preview > div,
body.light-mode .raw-preview-line {
  background: color-mix(in srgb, var(--bg-color) 88%, var(--second-bg-color));
}

@media (max-width: 900px) {
  .raw-materials-grid.raw-tab-panel[data-raw-panel="batches"].active,
  .raw-preview-summary,
  .raw-cost-preview,
  .raw-preview-line {
    grid-template-columns: 1fr;
  }

  .raw-preview-cost {
    text-align: left;
  }

  .raw-preview-material {
    white-space: normal;
  }
}

.raw-category-row td {
  padding: 12px 14px !important;
  background: rgba(56, 189, 248, 0.10) !important;
  color: #e0f2fe;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  border-top: 1px solid rgba(56, 189, 248, 0.24);
  border-bottom: 1px solid rgba(56, 189, 248, 0.18);
}

.raw-recipes-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 12px;
}

.raw-recipe-form[hidden] {
  display: none !important;
}
.raw-tab-panel[data-raw-panel="recipes"].active {
  width: 100%;
}

.raw-tab-panel[data-raw-panel="recipes"] .raw-table-wrap {
  width: 100%;
  min-height: 0;
}

.raw-tab-panel[data-raw-panel="recipes"] .raw-products-table {
  width: 100%;
  table-layout: auto;
}

.raw-recipe-form {
  position: fixed;
  top: 58px;
  left: 50%;
  right: auto;
  bottom: 28px;
  width: min(1500px, calc(100vw - 48px));
  transform: translateX(-50%);
  z-index: 2000;
  max-height: calc(100vh - 86px);
  overflow: auto;
  background: #0f172a !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.58), 0 0 0 100vmax rgba(2, 6, 23, 0.76);
}

.raw-recipe-form::before {
  content: 'Recipe Details';
  display: block;
  margin: -2px 0 12px;
  color: #bae6fd;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.raw-recipe-form .raw-form-actions {
  position: sticky;
  bottom: -16px;
  padding-top: 12px;
  padding-bottom: 2px;
  background: #0f172a;
  border-top: 1px solid rgba(148, 163, 184, 0.22);
}

.raw-recipe-form[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  .raw-recipe-form {
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    width: auto;
    transform: none;
    max-height: calc(100vh - 32px);
  }
}
.raw-materials-section.document-section.active {
  height: 100% !important;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

.raw-tab-panel[data-raw-panel="materials"].active .raw-table-wrap {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.raw-tab-panel[data-raw-panel="materials"].active .raw-materials-table thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
.raw-modal-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 4;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: #1f2937;
  color: #f8fafc;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.raw-modal-close:hover {
  background: #334155;
}

.raw-recipe-form .raw-components-list {
  overflow-x: auto;
  padding-bottom: 4px;
}

.raw-recipe-form .raw-component-row {
  min-width: 1240px;
}

.raw-recipe-form .raw-component-row-alt {
  width: calc(100% - 36px);
  min-width: 1204px;
}

.raw-recipe-form .raw-form-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.raw-recipe-form .raw-form-actions button {
  flex: 0 0 auto;
}
.raw-materials-section .input-text[readonly] {
  color: #cbd5e1 !important;
  background: rgba(15, 23, 42, 0.78) !important;
  cursor: not-allowed;
}
.raw-field-label {
  display: block;
  white-space: nowrap;
}

.raw-materials-table thead {
  position: sticky;
  top: 0;
  z-index: 5;
}

.raw-materials-table thead td {
  background: #111827 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.34);
  box-shadow: 0 1px 0 rgba(148, 163, 184, 0.18);
}

.raw-materials-table tr:not(.raw-category-row) td:last-child {
  flex-wrap: wrap;
}
.raw-status-good {
  color: #86efac;
  font-weight: 700;
}


.raw-batch-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.raw-batch-detail-modal[hidden] {
  display: none !important;
}

.raw-batch-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 2600;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 24px 24px;
  background: rgba(2, 6, 23, 0.78);
}

.raw-batch-detail-card {
  width: min(1180px, calc(100vw - 48px));
  max-height: calc(100vh - 72px);
  overflow: auto;
  padding: 20px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: #0f172a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62);
}

.raw-detail-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.raw-detail-heading h3 {
  margin: 4px 0;
  color: #f8fafc;
}

.raw-detail-kicker {
  color: #bae6fd;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.raw-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0 18px;
}

.raw-detail-metric {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(15, 23, 42, 0.7);
}

.raw-detail-metric span {
  display: block;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
}

.raw-detail-metric strong {
  display: block;
  margin-top: 4px;
  color: #f8fafc;
  word-break: break-word;
}

.raw-detail-table-wrap {
  overflow-x: auto;
  margin-bottom: 18px;
}

.raw-detail-table {
  min-width: 880px;
}

.raw-detail-muted-box,
.raw-detail-error {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.72);
  color: #cbd5e1;
}

.raw-detail-error {
  border-color: rgba(248, 113, 113, 0.45);
  color: #fecaca;
}

.raw-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.raw-products-table td:last-child,
.raw-batches-table td:last-child {
  white-space: nowrap;
}

.raw-products-table td:nth-child(4) .secondary {
  min-width: 82px;
}

.raw-recipe-group-row td {
  background: #203747 !important;
  color: #f8fafc;
  font-weight: 800;
}

.raw-source-select {
  display: block;
  width: min(520px, 100%);
  margin-top: 6px;
}

.raw-component-material-label {
  position: relative;
}

.raw-source-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 5px;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(30, 41, 59, 0.72);
  color: #bae6fd;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.raw-component-row-alt {
  position: relative;
  margin-left: 32px;
  border-color: rgba(56, 189, 248, 0.34);
  background: rgba(8, 47, 73, 0.22);
}

.raw-component-row-alt::before {
  content: '';
  position: absolute;
  left: -20px;
  top: -12px;
  bottom: 50%;
  width: 18px;
  border-left: 2px solid rgba(56, 189, 248, 0.42);
  border-bottom: 2px solid rgba(56, 189, 248, 0.42);
  border-bottom-left-radius: 8px;
}

.raw-component-actions {
  display: flex;
  gap: 6px;
  align-items: end;
  justify-content: flex-end;
  min-width: 142px;
}

.raw-component-actions .secondary {
  min-height: 42px;
  padding: 8px 10px;
}

.raw-component-actions .raw-icon-button {
  flex: 0 0 38px;
}

.raw-component-row-alt .raw-source-badge {
  background: rgba(14, 116, 144, 0.28);
  border-color: rgba(56, 189, 248, 0.42);
}


.raw-source-warning-summary,
.raw-source-warning {
  border: 1px solid rgba(245, 158, 11, 0.38);
  background: rgba(120, 53, 15, 0.24);
  color: #fde68a;
}

.raw-source-warning-summary {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 12px 0 4px;
  padding: 10px 12px;
  border-radius: 8px;
}

.raw-source-warning-summary strong,
.raw-source-warning strong {
  color: #fef3c7;
}

.raw-source-warning-summary span,
.raw-source-warning span {
  color: #fcd34d;
  font-size: 12px;
}

.raw-source-warning {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 6px;
  padding: 7px 9px;
  border-radius: 8px;
}

.raw-preview-line-fallback {
  border: 1px solid rgba(245, 158, 11, 0.32);
  border-radius: 8px;
  padding: 8px;
  background: rgba(120, 53, 15, 0.12);
}

/* WORK_ORDERS_V2_STYLES */
.work-order-v2{max-width:1400px;margin:0 auto;padding:4px 0 30px;gap:16px!important}.work-order-hero{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 4px 2px}.work-order-hero h3{font-size:24px;margin:3px 0 4px}.work-order-hero p,.work-order-step-heading p,.work-order-results-heading p{margin:0;color:var(--text-muted,#91a0b5)}.work-order-eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;color:#6ea8fe}.work-order-step-card{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:20px;border:1px solid var(--border-color,#293547);border-radius:12px;background:linear-gradient(145deg,rgba(20,29,42,.9),rgba(12,20,31,.72));box-shadow:0 5px 18px rgba(0,0,0,.12)}.work-order-step-card.is-disabled{opacity:.58}.work-order-step-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#2367d1;color:#fff;font-weight:800}.work-order-step-content{display:grid;gap:16px;min-width:0}.work-order-step-heading{display:flex;justify-content:space-between;gap:16px}.work-order-step-heading h4{margin:0 0 4px;font-size:16px}.work-order-field{display:grid;gap:7px;max-width:620px}.work-order-field>span{font-size:12px;font-weight:700;color:var(--text-muted,#aab5c4)}.work-order-location-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:18px;align-items:start}.work-order-destination-card{border:1px solid var(--border-color,#2b384b);border-radius:10px;overflow:hidden;background:rgba(5,12,22,.36)}.work-order-destination-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border-color,#2b384b)}.work-order-destination-header>div{display:grid;gap:2px}.work-order-destination-header span{font-size:11px;color:var(--text-muted,#91a0b5)}.work-order-destination-header input{max-width:220px}.work-order-v2 .work-order-location-list{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:6px;padding:10px;max-height:190px;overflow:auto;border:0;border-radius:0}.work-order-v2 .work-order-location-list label{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:7px;background:rgba(255,255,255,.025);cursor:pointer}.work-order-v2 .work-order-location-list label:hover{background:rgba(80,139,235,.11)}.work-order-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(220px,340px));gap:10px}.work-order-mode-cards label{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color,#2b384b);border-radius:9px;padding:12px;cursor:pointer}.work-order-mode-cards label:has(input:checked){border-color:#397be5;background:rgba(44,112,222,.12)}.work-order-mode-cards span{display:grid;gap:2px}.work-order-mode-cards small{color:var(--text-muted,#91a0b5)}.work-order-advanced{border-top:1px solid var(--border-color,#2b384b);padding-top:12px}.work-order-advanced summary{cursor:pointer;color:#aebbd0;font-weight:700}.work-order-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin-top:14px}.work-order-settings-grid .work-order-notes{grid-column:span 3;max-width:none}.work-order-input-suffix{display:flex;align-items:center}.work-order-input-suffix input{border-radius:7px 0 0 7px}.work-order-input-suffix em{align-self:stretch;display:grid;place-items:center;padding:0 12px;border:1px solid var(--border-color,#2b384b);border-left:0;border-radius:0 7px 7px 0;color:var(--text-muted,#91a0b5);font-style:normal}.work-order-plan-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:4px}.work-order-show-all{display:flex;align-items:center;gap:8px;color:var(--text-muted,#91a0b5)}.work-order-results{display:grid;gap:12px;padding-top:8px}.work-order-results-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.work-order-results-heading h3{margin:0 0 3px}.work-order-result-actions{display:flex;gap:8px;flex-wrap:wrap}.work-order-v2 .work-order-qty{width:100px!important}.work-order-location-list label.is-filtered{display:none}@media(max-width:900px){.work-order-location-grid,.work-order-settings-grid{grid-template-columns:1fr}.work-order-settings-grid .work-order-notes{grid-column:auto}.work-order-v2 .work-order-location-list,.work-order-mode-cards{grid-template-columns:1fr}.work-order-plan-footer,.work-order-results-heading{align-items:stretch;flex-direction:column}}

.work-order-products-card{border:1px solid var(--border-color,#2b384b);border-radius:10px;overflow:hidden;background:rgba(5,12,22,.3)}.work-order-products-header,.work-order-products-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px}.work-order-products-header{border-bottom:1px solid var(--border-color,#2b384b)}.work-order-products-header>div{display:grid;gap:2px}.work-order-products-header>div span{font-size:11px;color:var(--text-muted,#91a0b5)}.work-order-sellable-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.work-order-products-tools{padding-bottom:8px}.work-order-products-tools input{max-width:360px;margin-right:auto}.work-order-product-list{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px;padding:10px;max-height:230px;overflow:auto;border-top:1px solid var(--border-color,#2b384b)}.work-order-product-list label{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:7px;background:rgba(255,255,255,.025);cursor:pointer}.work-order-product-list label:hover{background:rgba(80,139,235,.11)}.work-order-product-list label>span{display:grid;gap:2px}.work-order-product-list small{color:var(--text-muted,#91a0b5)}.work-order-product-list label.is-filtered{display:none}@media(max-width:900px){.work-order-product-list{grid-template-columns:1fr}.work-order-products-header,.work-order-products-tools{align-items:stretch;flex-direction:column}.work-order-products-tools input{max-width:none;width:100%}}

.work-order-list-card{display:grid;gap:12px;padding:18px;border:1px solid var(--border-color,#293547);border-radius:12px;background:rgba(10,18,29,.58)}.work-order-list-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.work-order-list-heading h3{margin:0 0 3px}.work-order-list-heading p{margin:0;color:var(--text-muted,#91a0b5)}.work-order-status{display:inline-flex;padding:4px 9px;border-radius:999px;text-transform:capitalize;font-size:11px;font-weight:800;background:#273448;color:#c9d4e4}.work-order-status.status-in_progress{background:#473b16;color:#ffdf78}.work-order-status.status-completed{background:#143d2c;color:#78e7ae}.work-order-editor-card{width:min(1180px,94vw);max-height:92vh;overflow:auto}.work-order-editor-header{padding-right:40px}.work-order-editor-header h2{margin:3px 0}.work-order-editor-header p{color:var(--text-muted,#91a0b5)}.work-order-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.work-order-editor-lines{display:grid;gap:10px}.work-order-editor-line{border:1px solid var(--border-color,#2b384b);border-radius:10px;padding:14px;background:rgba(5,12,22,.34)}.work-order-editor-product{display:flex;justify-content:space-between;align-items:center;gap:18px}.work-order-editor-product>div:first-child{display:grid;gap:3px}.work-order-editor-product span{color:var(--text-muted,#91a0b5)}.work-order-line-quantities{display:flex!important;align-items:center;gap:18px}.work-order-line-quantities label{display:flex;align-items:center;gap:8px;font-weight:700}.work-order-line-quantities input{width:100px}.work-order-material-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.work-order-complete-check{color:#78e7ae;font-weight:700}.work-order-materials{display:grid;gap:6px;margin-top:10px}.work-order-material-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 140px;gap:12px;align-items:center;padding:9px;border-radius:7px;background:rgba(255,255,255,.035)}.work-order-material-row>div{display:grid;gap:3px}.work-order-material-row small{color:var(--text-muted,#91a0b5)}.work-order-editor-notes{max-width:none;margin-top:14px}.work-order-editor-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;padding:14px 0 2px;background:linear-gradient(transparent,var(--background,#0c1420) 22%)}@media(max-width:800px){.work-order-time-grid,.work-order-material-row{grid-template-columns:1fr}.work-order-editor-product,.work-order-line-quantities{align-items:stretch;flex-direction:column}}

/* WORK_ORDER_COST_AUDIT_STYLES */
.work-order-cost-method{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(260px,1fr);gap:10px;align-items:stretch;margin:0 0 14px;padding:12px;border:1px solid var(--border-color,#2b384b);border-radius:10px;background:rgba(5,12,22,.28)}
.work-order-cost-method>strong{display:flex;align-items:center;padding:0 8px;color:#dce7f7}
.work-order-cost-method label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;padding:10px;border:1px solid var(--border-color,#2b384b);border-radius:8px;cursor:pointer;font-weight:700}
.work-order-cost-method label:has(input:checked){border-color:#397be5;background:rgba(44,112,222,.12)}
.work-order-cost-method label span{grid-column:2;color:var(--text-muted,#91a0b5);font-size:11px;font-weight:400;margin-top:2px}
@media(max-width:850px){.work-order-cost-method{grid-template-columns:1fr}.work-order-cost-method>strong{padding:2px}}
/* WORK_ORDER_MATERIAL_AUDIT */
.work-order-material-audit{display:grid;gap:14px;max-width:1400px;margin:14px auto;padding:18px;border:1px solid var(--border-color,#293547);border-radius:12px;background:rgba(10,18,29,.72)}
.work-order-audit-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.work-order-audit-heading h3{margin:3px 0}.work-order-audit-heading p,.work-order-audit-actions p{margin:0;color:var(--text-muted,#91a0b5)}
.work-order-audit-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:4px}
@media(max-width:800px){.work-order-audit-heading,.work-order-audit-actions{align-items:stretch;flex-direction:column}}

/* Paired manufacturing usage fields */
.raw-batch-preview {
  container-type: inline-size;
}

.raw-preview-line {
  grid-template-columns: minmax(0, 1fr) minmax(108px, 120px) minmax(108px, 120px) minmax(78px, auto);
  gap: 8px;
}

.raw-actual-usage {
  min-width: 0;
}

.raw-actual-usage > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  min-width: 0;
}

.raw-actual-usage input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.raw-preview-cost {
  min-width: 0;
  white-space: nowrap;
}

@container (max-width: 620px) {
  .raw-preview-line {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  .raw-preview-material {
    grid-column: 1 / -1;
    white-space: normal;
  }

  .raw-preview-cost {
    grid-column: 1 / -1;
    text-align: right;
    padding-top: 2px;
  }
}

@container (max-width: 360px) {
  .raw-preview-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .raw-preview-material,
  .raw-preview-cost {
    grid-column: auto;
  }

  .raw-preview-cost {
    text-align: left;
  }
}

.raw-move-destinations {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.raw-move-destination {
  display: grid;
  grid-template-columns: minmax(260px, 2fr) minmax(130px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--border-color, #2b384b);
  border-radius: 8px;
  background: rgba(5, 12, 22, 0.34);
  color: var(--main-text-color, #f8fafc);
}

.raw-move-destination label {
  display: grid;
  gap: 6px;
  color: var(--secondary-text-color, #94a3b8);
  font-size: 12px;
  font-weight: 700;
}

.raw-move-liquid {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 8px;
  margin: 10px 0;
  padding: 12px;
  border: 1px solid var(--border-color, #2b384b);
  border-radius: 8px;
  background: rgba(5, 12, 22, 0.34);
  color: var(--secondary-text-color, #94a3b8);
}

.raw-move-liquid strong {
  grid-column: 1 / -1;
  color: var(--main-text-color, #f8fafc);
}

.raw-multi-batch-items {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.raw-multi-batch-item {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--border-color, #2b384b);
  border-radius: 8px;
  background: rgba(5, 12, 22, 0.34);
  color: var(--main-text-color, #f8fafc);
}

.raw-multi-batch-item strong,
.raw-multi-preview-item strong,
.raw-multi-material strong {
  color: var(--main-text-color, #f8fafc);
}

.raw-multi-batch-item small,
.raw-multi-preview-item header small {
  display: block;
  margin-top: 2px;
  color: var(--secondary-text-color, #94a3b8);
}

.raw-multi-order,
.raw-multi-preview-item header > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2367d1;
  color: #fff;
  font-weight: 800;
}

.raw-multi-preview {
  display: grid;
  gap: 14px;
  margin-top: 12px;
}

.raw-multi-preview-item {
  overflow: hidden;
  border: 1px solid var(--border-color, #2b384b);
  border-radius: 9px;
  background: rgba(5, 12, 22, 0.34);
  color: var(--main-text-color, #f8fafc);
}

.raw-multi-preview-item header {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid var(--border-color, #2b384b);
  background: rgba(255, 255, 255, 0.025);
}

.raw-multi-material-head,
.raw-multi-material {
  display: grid;
  grid-template-columns: minmax(180px, 2fr) repeat(3, minmax(100px, 1fr));
  gap: 10px;
  align-items: center;
  padding: 8px 12px;
}

.raw-multi-material-head {
  border-bottom: 1px solid var(--border-color, #2b384b);
  color: var(--secondary-text-color, #94a3b8);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.raw-multi-material {
  color: var(--secondary-text-color, #94a3b8);
}

.raw-multi-material > span:first-child {
  color: var(--main-text-color, #f8fafc);
}

.raw-multi-material + .raw-multi-material {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

body.light-mode .raw-move-destination,
body.light-mode .raw-move-liquid,
body.light-mode .raw-multi-batch-item,
body.light-mode .raw-multi-preview-item {
  background: color-mix(in srgb, var(--bg-color) 88%, var(--second-bg-color));
}

@media (max-width: 800px) {
  .raw-move-destination { grid-template-columns: 1fr; }
  .raw-move-liquid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .raw-multi-material-head { display: none; }
  .raw-multi-material { grid-template-columns: 1fr 1fr; }
  .raw-multi-material > span:first-child { grid-column: 1 / -1; }
}
.raw-recipe-status-select {
  width: 118px !important;
  min-width: 118px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  font-weight: 800;
  text-transform: capitalize;
}
.raw-recipe-status-select.status-active { border-color: rgba(52, 211, 153, 0.55) !important; color: #78e7ae !important; }
.raw-recipe-status-select.status-draft { border-color: rgba(250, 204, 21, 0.5) !important; color: #ffdf78 !important; }
.raw-recipe-status-select.status-archived,
.raw-recipe-status-select.status-unlinked { color: var(--secondary-text-color, #94a3b8) !important; }

.raw-vendor-sources {
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  padding: 12px;
  background: rgba(2, 6, 23, 0.24);
}
.raw-vendor-sources-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.raw-vendor-sources-head strong,
.raw-vendor-sources-head span { display: block; }
.raw-vendor-sources-head span { color: var(--secondary-text-color, #94a3b8); font-size: 12px; margin-top: 3px; }
.raw-vendor-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  margin-top: 8px;
}
.raw-vendor-source-row label { margin: 0 !important; }
.raw-vendor-source-row .raw-icon-button { min-height: 42px; }