.production-release-page-shell {
  gap: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.production-release-page-shell .form-page-toolbar {
  padding: 0 0 10px;
}

.production-release-page-shell .form-page-body {
  width: 100%;
}

.production-release-modal {
  display: grid;
  align-content: start;
  gap: 0;
  width: 100%;
  min-width: 0;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 92% 0, rgba(45, 212, 191, .07), transparent 28%),
    transparent;
  box-shadow: none;
}

.production-release-header {
  align-items: center;
  padding: 2px 2px 7px;
  border-bottom: 1px solid rgba(148, 163, 184, .15);
}

.production-release-header h3,
.production-release-header p {
  margin: 0;
}

.production-release-header h3 {
  font-size: clamp(18px, 1.6vw, 23px);
  line-height: 1.15;
}

.production-release-header-parts {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 4px;
}

.production-release-header-parts span {
  padding: 2px 6px;
  border: 1px solid rgba(45, 212, 191, .2);
  border-radius: 999px;
  color: #a9b9ca;
  background: rgba(15, 23, 42, .48);
  font-size: 10px;
  font-weight: 800;
}

.production-release-history {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 5px 1px 0;
}

.production-release-history > button,
.production-release-history > span {
  display: grid;
  flex: 0 0 auto;
  gap: 1px;
  min-height: 38px;
  align-content: center;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 10px;
  background: rgba(15, 23, 42, .55);
  color: var(--muted, #94a3b8);
  padding: 6px 10px;
  text-align: left;
}

.production-release-history > button {
  cursor: pointer;
}

.production-release-history > button:hover,
.production-release-history > .active {
  border-color: rgba(45, 212, 191, .54);
  background: rgba(20, 184, 166, .12);
  color: #8ff3e2;
}

.production-release-history small {
  font-size: 10px;
}

.production-release-steps {
  position: sticky;
  top: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(5, minmax(100px, 1fr));
  gap: 5px;
  padding: 6px 0;
  background: linear-gradient(
    180deg,
    var(--page-bg, #0b1420) 78%,
    rgba(11, 20, 32, 0)
  );
}

.production-release-steps .mode-chip {
  min-height: 32px;
  justify-content: center;
  padding: 5px 8px;
  border-color: rgba(148, 163, 184, .14);
  background: rgba(15, 23, 42, .58);
  font-size: 12px;
}

.production-release-steps .mode-chip.active {
  color: #8ff3e2;
  border-color: rgba(45, 212, 191, .62);
  background: linear-gradient(
    135deg,
    rgba(20, 184, 166, .22),
    rgba(59, 130, 246, .16)
  );
  box-shadow: 0 0 0 2px rgba(45, 212, 191, .06);
}

.production-release-section {
  display: grid;
  min-width: 0;
  gap: 9px;
  padding: 7px 0 5px;
}

.production-release-section-head,
.production-release-cutting-head,
.production-release-request-status,
.production-release-import-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.production-release-section-head h4,
.production-release-section-head p {
  margin: 0;
}

.production-release-section-head h4 {
  font-size: 16px;
}

.production-release-section-head p {
  margin-top: 2px;
  color: var(--muted, #94a3b8);
  font-size: 12px;
}

.production-release-part-list {
  display: grid;
  gap: 6px;
}

.production-release-part {
  display: grid;
  grid-template-columns: 24px 92px minmax(160px, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 8px 11px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 10px;
  background: rgba(8, 17, 28, .48);
}

.production-release-part:hover {
  border-color: rgba(45, 212, 191, .32);
}

.production-release-part:has(input:checked) {
  border-color: rgba(45, 212, 191, .54);
  background: linear-gradient(90deg, rgba(20, 184, 166, .12), rgba(15, 23, 42, .38));
  box-shadow: inset 3px 0 0 rgba(45, 212, 191, .72);
}

.production-release-part strong {
  color: var(--accent, #2dd4bf);
}

.production-release-part small,
.production-release-supply-row > div > span,
.production-release-supply-row > div > small,
.production-release-import-row > span {
  color: var(--muted, #94a3b8);
  font-size: 12px;
}

.production-release-part.is-disabled {
  opacity: .52;
}

.production-release-folder-panel {
  display: grid;
  gap: 12px;
  margin-top: 8px;
  padding: 16px;
  border: 1px solid rgba(45, 212, 191, .3);
  border-radius: 15px;
  background:
    linear-gradient(135deg, rgba(20, 184, 166, .1), rgba(30, 64, 175, .07)),
    rgba(6, 14, 24, .54);
}

.production-release-folder-head,
.production-release-folder-actions,
.production-release-folder-search,
.production-release-folder-current,
.production-release-package-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.production-release-folder-head > div,
.production-release-package-preview > div:first-child,
.production-release-folder-current {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.production-release-folder-head small,
.production-release-package-preview > div:first-child small,
.production-release-folder-current > span {
  color: #5eead4;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
}

.production-release-folder-head h4,
.production-release-folder-head p {
  margin: 0;
}

.production-release-folder-head h4 {
  font-size: 19px;
}

.production-release-folder-head p,
.production-release-folder-current small,
.production-release-package-preview > div:first-child span {
  color: #96a7ba;
  font-size: 12px;
}

.production-release-folder-head .chip.is-ready {
  color: #99f6e4;
  border-color: rgba(45, 212, 191, .5);
  background: rgba(20, 184, 166, .14);
}

.production-release-folder-open {
  display: inline-flex;
  width: max-content;
  min-width: 180px;
  cursor: pointer;
}

.production-release-folder-open input {
  display: none;
}

.production-release-folder-open.is-loading {
  cursor: wait;
  opacity: .72;
}

.production-release-demo-banner {
  color: #fef3c7;
  border-color: rgba(245, 158, 11, .48);
  background: rgba(120, 53, 15, .3);
  font-weight: 900;
}

.production-release-selected-parts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.production-release-selected-parts > div {
  display: flex;
  gap: 8px;
  align-items: baseline;
  padding: 7px 10px;
  border: 1px solid rgba(45, 212, 191, .26);
  border-radius: 10px;
  background: rgba(20, 184, 166, .08);
}

.production-release-selected-parts strong {
  color: #5eead4;
}

.production-release-folder-selected {
  width: max-content;
  max-width: 100%;
  padding: 7px 10px;
  border-radius: 9px;
  color: #a7f3d0;
  background: rgba(20, 184, 166, .1);
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 850;
}

.production-release-folder-preview {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, .24);
  border-radius: 12px;
  background: rgba(8, 17, 28, .58);
}

.production-release-folder-preview-head {
  display: grid;
  gap: 3px;
}

.production-release-folder-preview-head strong {
  color: #e2e8f0;
  font-size: 15px;
}

.production-release-folder-preview-head span,
.production-release-folder-preview-materials span {
  color: #94a3b8;
  font-size: 12px;
}

.production-release-folder-preview-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.production-release-folder-preview-materials {
  display: grid;
  gap: 7px;
}

.production-release-folder-preview-materials > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 7px;
  border-top: 1px solid rgba(148, 163, 184, .12);
}

.production-release-folder-preview-materials strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #cbd5e1;
  font-size: 12px;
}

.production-release-folder-search {
  align-items: end;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
  background: rgba(8, 17, 28, .42);
}

.production-release-folder-search .field {
  flex: 1 1 320px;
}

.production-release-folder-actions {
  justify-content: flex-start;
}

.production-release-folder-actions .modal-btn {
  width: auto;
  min-width: 270px;
}

.production-release-folder-prompt {
  color: #bfeee6;
  font-size: 12px;
  font-weight: 800;
}

.production-release-folder-list,
.production-release-package-list,
.production-release-folder-attached {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 8px;
}

.production-release-folder-choice,
.production-release-package,
.production-release-folder-attached > div {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .17);
  border-radius: 11px;
  color: #dbe8f4;
  background: rgba(8, 17, 28, .6);
  text-align: left;
}

button.production-release-folder-choice,
button.production-release-package {
  cursor: pointer;
}

.production-release-folder-choice:hover,
.production-release-folder-choice.is-selected,
.production-release-package.is-ready:hover {
  border-color: rgba(45, 212, 191, .55);
  background: rgba(20, 184, 166, .11);
}

.production-release-folder-choice span,
.production-release-folder-choice small,
.production-release-package span,
.production-release-package small,
.production-release-folder-attached span,
.production-release-folder-attached small {
  overflow-wrap: anywhere;
  color: #8fa1b5;
  font-size: 11px;
}

.production-release-package {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.production-release-package > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.production-release-package > small {
  grid-column: 1 / -1;
}

.production-release-package > b {
  color: #5eead4;
  font-size: 11px;
}

.production-release-package.has-warning > b {
  color: #fbbf24;
}

.production-release-folder-current {
  align-items: start;
  justify-content: start;
  padding: 9px 11px;
  border-left: 3px solid #2dd4bf;
  background: rgba(20, 184, 166, .07);
}

.production-release-package-preview {
  align-items: flex-start;
  padding: 13px;
  border: 1px solid rgba(245, 158, 11, .32);
  border-radius: 12px;
  background: rgba(245, 158, 11, .06);
}

.production-release-package-preview.is-ready {
  border-color: rgba(45, 212, 191, .48);
  background: rgba(20, 184, 166, .08);
}

.production-release-package-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.production-release-package-counts span {
  padding: 5px 7px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 8px;
  color: #93a4b7;
  font-size: 10px;
}

.production-release-package-counts b {
  color: #e5edf6;
}

.production-release-package-warnings {
  display: grid;
  flex: 1 1 100%;
  gap: 4px;
}

.production-release-package-warnings span {
  color: #f8d889;
  font-size: 11px;
}

.production-release-folder-source-details {
  flex: 1 1 100%;
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, .13);
}

.production-release-folder-source-details summary {
  color: #8fa1b5;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}

.production-release-folder-source-details .production-release-package-counts {
  margin-top: 8px;
}

.production-release-matrix-wrap {
  width: 100%;
  overflow: visible;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background: rgba(6, 14, 24, .44);
}

.production-release-matrix {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.production-release-matrix th,
.production-release-matrix td {
  min-width: 0;
  padding: 6px 3px;
  text-align: center;
  border-right: 1px solid rgba(148, 163, 184, .09);
  border-bottom: 1px solid rgba(148, 163, 184, .09);
}

.production-release-matrix thead th {
  height: 43px;
  color: #b7c6d8;
  background: #162231;
  font-size: 11px;
  line-height: 1.1;
}

.production-release-matrix th:first-child {
  width: 104px;
  padding-left: 9px;
  text-align: left;
  color: #d9e5f2;
  background: #111d2a;
  white-space: nowrap;
}

.production-release-matrix thead th:first-child {
  background: #162231;
}

.production-release-matrix tr:last-child > * {
  border-bottom: 0;
}

.production-release-matrix tr > *:last-child {
  border-right: 0;
}

.production-release-supply-matrix thead th:not(:first-child) {
  padding: 6px 2px;
}

.production-release-route-matrix thead th:not(:first-child) {
  width: 74px;
  min-width: 74px;
  height: 104px;
  padding: 5px 4px 8px;
  vertical-align: bottom;
  overflow: hidden;
}

.production-release-route-matrix thead th:not(:first-child) span {
  display: block;
  width: 92px;
  transform: translate(8px, -1px) rotate(-52deg);
  transform-origin: left bottom;
  font-size: 10.5px;
  line-height: 1.08;
  text-align: left;
  white-space: nowrap;
}

.production-release-matrix-check {
  display: inline-grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 7px;
  background: rgba(15, 23, 42, .58);
}

.production-release-matrix-check input,
.production-release-scope-chip input {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  max-width: none;
  margin: 0;
  padding: 0;
  accent-color: var(--accent, #2dd4bf);
}

.production-release-matrix-check:has(input:checked) {
  border-color: rgba(45, 212, 191, .72);
  background: rgba(20, 184, 166, .19);
  box-shadow: 0 0 0 2px rgba(45, 212, 191, .05);
}

.production-release-cell-controls {
  display: grid;
  place-items: center;
  gap: 3px;
}

.production-release-cell-note {
  display: grid;
  place-items: center;
  width: 22px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: #8091a5;
  background: transparent;
  cursor: pointer;
  font-size: 11px;
  line-height: 1;
}

.production-release-cell-note:hover:not(:disabled),
.production-release-cell-note.has-value {
  color: #55e2ce;
  background: rgba(20, 184, 166, .14);
}

.production-release-cell-note:disabled {
  opacity: .22;
  cursor: default;
}

.production-release-cutting-groups,
.production-release-cutting-materials,
.production-release-supply-list {
  display: grid;
  gap: 9px;
}

.production-release-cutting-group {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(59, 130, 246, .2);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(30, 64, 175, .07), rgba(15, 23, 42, .34));
}

.production-release-cutting-head {
  display: grid;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.production-release-cutting-title {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}

.production-release-cutting-title strong {
  color: #5eead4;
  font-size: 14px;
}

.production-release-cutting-title span {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
}

.production-release-cutting-scope,
.production-release-import-files {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.production-release-scope-chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(15, 23, 42, .52);
  font-size: 12px;
  white-space: nowrap;
}

.production-release-scope-chip:has(input:checked) {
  color: #8ff3e2;
  border-color: rgba(45, 212, 191, .5);
  background: rgba(20, 184, 166, .13);
}

.production-release-file-button {
  position: relative;
  overflow: hidden;
}

.production-release-file-button input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.production-release-import-warning {
  color: #fde68a;
  border-color: rgba(245, 158, 11, .38);
  background: rgba(245, 158, 11, .12);
}

.production-release-cutting-material {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 82px auto auto auto;
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 10px;
  background: rgba(6, 14, 24, .4);
}

.production-release-cutting-material .field span,
.production-release-supply-row .field span {
  font-size: 10px;
}

.production-release-cutting-material input,
.production-release-cutting-material select,
.production-release-supply-row input,
.production-release-supply-row select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 7px;
}

.production-release-cutting-material-info,
.production-release-supply-material-info {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  min-width: 0;
  gap: 5px 8px;
}

.production-release-cutting-material-info strong,
.production-release-supply-material-info strong {
  overflow-wrap: anywhere;
}

.production-release-cutting-material-info small,
.production-release-supply-material-info small {
  color: var(--muted, #94a3b8);
  font-size: 11px;
  white-space: nowrap;
}

.production-release-cutting-unit {
  align-self: end;
  min-height: 34px;
  padding: 8px 2px;
  color: #a7b6c7;
  font-size: 12px;
  font-weight: 800;
}

.production-release-material-groups {
  display: grid;
  gap: 9px;
}

.production-release-material-group {
  display: grid;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(45, 212, 191, .28);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(20, 184, 166, .08), rgba(6, 14, 24, .42));
  box-shadow: inset 3px 0 0 rgba(45, 212, 191, .56);
}

.production-release-material-group > .production-release-cutting-material.is-board {
  border: 0;
  background: transparent;
}

.production-release-edge-list {
  display: grid;
  gap: 5px;
  margin-left: 16px;
  padding-left: 11px;
  border-left: 2px solid rgba(96, 165, 250, .28);
}

.production-release-cutting-material.is-edge {
  background: rgba(15, 23, 42, .5);
}

.production-release-board-add-edge {
  justify-self: start;
  min-height: 28px;
}

.production-release-unassigned-edges {
  display: grid;
  gap: 6px;
  padding: 9px;
  border: 1px solid rgba(245, 158, 11, .38);
  border-radius: 11px;
  background: rgba(120, 53, 15, .12);
}

.production-release-unassigned-edges > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.production-release-unassigned-edges > div:first-child strong {
  color: #fde68a;
}

.production-release-unassigned-edges > div:first-child span {
  color: #d6b98b;
  font-size: 11px;
}

.production-release-unassigned-edges .production-release-cutting-material {
  grid-template-columns: minmax(220px, 1fr) 82px auto auto auto minmax(190px, .55fr);
}

.production-release-edge-board-field select {
  min-height: 34px;
}

.production-release-cutting-options {
  border-top: 1px solid rgba(148, 163, 184, .1);
}

.production-release-cutting-options summary {
  padding: 7px 0 2px;
  color: #8698ac;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}

.production-release-cutting-options > div {
  display: grid;
  grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr);
  gap: 8px;
  padding-top: 7px;
}

.production-release-detail-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 8, 17, .74);
  backdrop-filter: blur(6px);
}

.production-release-detail-dialog {
  display: grid;
  gap: 14px;
  width: min(520px, 100%);
  padding: 18px;
  border: 1px solid rgba(45, 212, 191, .34);
  border-radius: 16px;
  background: #111c29;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .5);
}

.production-material-picker-dialog {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 14px;
  width: min(920px, 100%);
  max-height: min(760px, calc(100vh - 32px));
  min-width: 0;
  padding: 18px;
  overflow: hidden;
  border: 1px solid rgba(45, 212, 191, .4);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0, rgba(45, 212, 191, .09), transparent 34%),
    #101b28;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
}

.production-material-picker-dialog header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.production-material-picker-dialog header h4,
.production-material-picker-dialog header p {
  margin: 0;
}

.production-material-picker-dialog header h4 {
  margin-top: 2px;
  font-size: 22px;
}

.production-material-picker-dialog header small {
  color: var(--accent, #2dd4bf);
  font-weight: 900;
  letter-spacing: .08em;
}

.production-material-picker-dialog header p {
  margin-top: 4px;
  color: #96a7b9;
  font-size: 13px;
}

.production-material-picker-search {
  display: grid;
  gap: 6px;
}

.production-material-picker-search span {
  color: #9fb0c3;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.production-material-picker-search input {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 11px 14px;
  border: 1px solid rgba(59, 130, 246, .46);
  border-radius: 12px;
  background: #0a131f;
  font-size: 18px;
}

.production-material-picker-search input:focus {
  border-color: rgba(45, 212, 191, .76);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .11);
}

.production-material-picker-results {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 160px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 3px;
}

.production-material-picker-result {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(230px, .8fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
  color: #e7eef7;
  background: rgba(7, 15, 25, .62);
  text-align: left;
  cursor: pointer;
}

.production-material-picker-result:hover,
.production-material-picker-result:focus-visible {
  border-color: rgba(45, 212, 191, .58);
  background: rgba(20, 184, 166, .1);
  outline: 0;
}

.production-material-picker-result-main {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.production-material-picker-result-main strong {
  color: #87efdf;
  font-size: 15px;
}

.production-material-picker-result-main span {
  overflow-wrap: anywhere;
  font-size: 14px;
}

.production-material-picker-result-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}

.production-material-picker-result-meta em {
  padding: 4px 7px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 999px;
  color: #a9b9ca;
  background: rgba(148, 163, 184, .08);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.production-release-detail-dialog header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.production-release-detail-dialog header h4,
.production-release-detail-dialog header small {
  margin: 0;
}

.production-release-detail-dialog header small {
  color: var(--accent, #2dd4bf);
  font-weight: 900;
}

.production-release-detail-close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  color: #e6edf5;
  background: rgba(148, 163, 184, .14);
  cursor: pointer;
  font-size: 22px;
}

.production-release-route-detail-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.production-release-operation-comment {
  grid-column: 1 / -1;
}

.production-release-detail-actions {
  display: flex;
  justify-content: flex-end;
}

.production-release-review {
  gap: 9px;
}

.production-release-review-warning-chip {
  color: #fde68a;
  border-color: rgba(245, 158, 11, .34);
  background: rgba(245, 158, 11, .12);
}

.production-release-review-ready-chip {
  color: #86efac;
  border-color: rgba(34, 197, 94, .34);
  background: rgba(34, 197, 94, .12);
}

.production-release-review-warnings {
  display: grid;
  gap: 5px;
}

.production-release-review-warnings button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(245, 158, 11, .23);
  border-radius: 9px;
  color: #f8d889;
  background: rgba(245, 158, 11, .08);
  text-align: left;
  cursor: pointer;
}

.production-release-review-warnings button span {
  flex: 0 0 auto;
  color: #fff0b8;
  font-size: 11px;
  font-weight: 900;
}

.production-release-review-warnings button b {
  margin-left: auto;
  color: #8ff3e2;
  font-size: 11px;
  white-space: nowrap;
}

.production-release-review-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.production-release-review-summary button {
  display: grid;
  min-width: 0;
  gap: 4px;
  padding: 10px;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 10px;
  color: #e5edf6;
  background: rgba(9, 18, 29, .56);
  text-align: left;
  cursor: pointer;
}

.production-release-review-summary button:hover {
  border-color: rgba(45, 212, 191, .46);
  background: rgba(20, 184, 166, .08);
}

.production-release-review-summary button span {
  color: #8ff3e2;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.production-release-review-summary button strong {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.production-release-review-details {
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 10px;
  background: rgba(8, 17, 28, .3);
}

.production-release-review-details > summary {
  padding: 9px 11px;
  color: #9cacbe;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.production-release-review-details > .production-release-review-section {
  margin: 0 8px 8px;
}

.production-release-review-section {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
  background: rgba(6, 14, 24, .32);
}

.production-release-review-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(22, 34, 49, .78);
}

.production-release-review-title button {
  padding: 3px 7px;
  border: 0;
  color: var(--accent, #2dd4bf);
  background: transparent;
  cursor: pointer;
  font-weight: 800;
}

.production-release-review-rows {
  display: grid;
}

.production-release-review-row {
  display: grid;
  grid-template-columns: 104px minmax(140px, .45fr) minmax(200px, 1.5fr);
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 7px 10px;
  border-top: 1px solid rgba(148, 163, 184, .09);
}

.production-release-review-row:first-child {
  border-top: 0;
}

.production-release-review-row > strong {
  color: #bfeee6;
}

.production-release-review-row > span {
  color: #a7b6c7;
}

.production-release-review-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  grid-column: 2 / -1;
}

.production-release-review-tags span {
  padding: 3px 6px;
  border: 1px solid rgba(45, 212, 191, .16);
  border-radius: 999px;
  color: #b9c8d8;
  background: rgba(20, 184, 166, .07);
  font-size: 11px;
}

.production-release-review-tags em {
  color: var(--muted, #94a3b8);
  font-size: 12px;
  font-style: normal;
}

.production-release-review-comment {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 10px;
  background: rgba(15, 23, 42, .34);
}

.production-release-review-comment summary {
  padding: 8px 10px;
  color: var(--accent, #2dd4bf);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.production-release-review-comment textarea {
  width: calc(100% - 20px);
  margin: 0 10px 10px;
}

.production-release-supply-request {
  margin-top: 3px;
}

.production-supply-workspace-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.production-supply-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.production-supply-state {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.production-supply-state.status-pending,
.production-supply-cell-status.status-pending {
  color: #a8b6c7;
  border-color: rgba(148, 163, 184, .24);
  background: rgba(71, 85, 105, .18);
}

.production-supply-state.status-ordered,
.production-supply-cell-status.status-ordered {
  color: #93c5fd;
  border-color: rgba(59, 130, 246, .42);
  background: rgba(37, 99, 235, .17);
}

.production-supply-state.status-partial,
.production-supply-cell-status.status-partial {
  color: #fcd34d;
  border-color: rgba(245, 158, 11, .46);
  background: rgba(217, 119, 6, .16);
}

.production-supply-state.status-received,
.production-supply-cell-status.status-received {
  color: #86efac;
  border-color: rgba(34, 197, 94, .42);
  background: rgba(22, 163, 74, .17);
}

.production-supply-request-board {
  display: grid;
  gap: 14px;
}

.production-supply-order-group {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(51, 65, 85, .72);
  border-radius: 16px;
  background: rgba(8, 17, 29, .54);
}

.production-supply-order-group.is-focused {
  border-color: rgba(45, 212, 191, .68);
  box-shadow: 0 0 0 1px rgba(45, 212, 191, .2), 0 14px 36px rgba(8, 47, 73, .2);
}

.production-supply-order-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 2px;
}

.production-supply-order-heading strong {
  color: #e5edf6;
  font-size: 17px;
}

.production-supply-order-heading span {
  color: #8fa1b5;
  font-size: 12px;
}

.production-release-kind-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border: 1px solid rgba(245, 158, 11, .42);
  border-radius: 999px;
  color: #fcd34d;
  background: rgba(217, 119, 6, .14);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  vertical-align: middle;
}

.production-release-supply-request.is-inline {
  margin: 0;
  border-color: rgba(45, 212, 191, .24);
  background:
    linear-gradient(120deg, rgba(13, 27, 40, .96), rgba(8, 19, 31, .94));
}

.production-release-supply-request.is-inline .production-release-section-head {
  margin-bottom: 10px;
}

.production-supply-inline-detail-row > td {
  padding: 0 !important;
  background: rgba(8, 17, 29, .96);
}

.production-supply-inline-detail {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border-top: 1px solid rgba(45, 212, 191, .22);
  border-bottom: 1px solid rgba(45, 212, 191, .16);
  border-radius: 12px;
  background: rgba(8, 17, 29, .96);
}

.production-supply-request-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 13px;
  background: linear-gradient(105deg, rgba(11, 25, 37, .9), rgba(14, 29, 43, .66));
}

.production-supply-request-card.is-new {
  border-color: rgba(45, 212, 191, .58);
  box-shadow: inset 4px 0 0 rgba(45, 212, 191, .74);
}

.production-supply-request-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 14px;
}

.production-supply-request-main > div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.production-supply-request-number {
  color: #5eead4;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
}

.production-supply-request-main strong {
  color: #e5edf6;
  font-size: 15px;
}

.production-supply-request-main small,
.production-supply-request-progress small {
  color: #93a4b7;
  font-size: 11px;
}

.production-supply-request-progress {
  display: grid;
  flex: 0 0 auto;
  justify-items: end;
  gap: 4px;
}

.production-supply-matrix-wrap {
  overflow: visible;
}

.production-supply-status-matrix th:first-child {
  width: 88px;
}

.production-supply-status-matrix thead th:not(:first-child) {
  padding-inline: 2px;
  font-size: 9.5px;
}

.production-supply-status-matrix td {
  height: 48px;
  padding: 4px 2px;
}

.production-supply-cell-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 1px;
}

.production-supply-cell-status {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 31px;
  padding: 4px 5px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
}

.production-supply-cell-quick-select {
  position: relative;
  display: inline-grid;
  max-width: calc(100% - 19px);
  min-width: 0;
}

.production-supply-cell-quick-select .production-supply-cell-status {
  width: max-content;
  max-width: 100%;
  padding-inline: 8px;
  white-space: nowrap;
}

.production-supply-cell-status-select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
}

.production-supply-cell-quick-select:focus-within .production-supply-cell-status {
  outline: 2px solid rgba(45, 212, 191, .42);
  outline-offset: 1px;
}

.production-supply-cell-quick-select.is-disabled {
  pointer-events: none;
  opacity: .72;
}

.production-supply-cell-controls.is-autosaving {
  opacity: .72;
}

.production-supply-cell-status:disabled {
  cursor: default;
  opacity: .72;
}

.production-supply-cell-controls .production-release-cell-note {
  flex: 0 0 18px;
  width: 18px;
}

.production-supply-cell-empty {
  color: #435166;
}

.production-supply-legend-note {
  color: #8395a9;
  font-size: 11px;
}

.production-supply-accept-gate {
  align-items: center;
  background: linear-gradient(110deg, rgba(20, 184, 166, .14), rgba(59, 130, 246, .12));
  border: 1px solid rgba(45, 212, 191, .44);
  border-radius: 16px;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 14px 16px;
}

.production-supply-accept-gate > div {
  display: grid;
  gap: 3px;
}

.production-supply-accept-gate strong {
  color: #99f6e4;
}

.production-supply-accept-gate span {
  color: var(--muted);
  font-size: 13px;
}

.content:has(.production-workspace-intro) {
  align-content: start;
}

.panel:has(> .production-workspace-intro) {
  align-content: start;
  align-self: start;
  gap: 10px;
}

.production-workspace-intro {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 0;
}

.production-work-status-legend {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-end;
  min-width: 0;
}

.production-work-task-list {
  display: grid;
  gap: 10px;
}

.production-work-table-wrap {
  overflow: visible;
}

.production-work-table {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(51, 65, 85, .82);
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(8, 17, 29, .82);
  table-layout: fixed;
}

.production-work-table th,
.production-work-table td {
  padding: 8px 6px;
  border-right: 1px solid rgba(51, 65, 85, .52);
  border-bottom: 1px solid rgba(51, 65, 85, .52);
  text-align: center;
  vertical-align: middle;
}

.production-work-table th:last-child,
.production-work-table td:last-child {
  border-right: 0;
}

.production-work-table th {
  color: #9fb0c3;
  background: rgba(30, 41, 59, .74);
  font-size: 12px;
  font-weight: 900;
}

.production-work-table th:nth-child(1) { width: 62px; }
.production-work-table th:nth-child(2) { width: 62px; }
.production-work-table th:nth-child(3) { width: 82px; }
.production-work-table th:nth-child(4) { width: auto; }
.production-work-table th:nth-child(5) { width: 58px; }
.production-work-table th:nth-child(6) { width: 108px; }
.production-work-table th:nth-child(7) { width: 68px; }
.production-work-table th:nth-child(8) { width: 132px; }
.production-work-table th:nth-child(9) { width: 42px; }

.production-work-table th:nth-child(4),
.production-work-table td:nth-child(4) {
  text-align: left;
}

.production-work-table tr:last-child td {
  border-bottom: 0;
}

.production-work-row {
  box-shadow: inset 4px 0 0 rgba(100, 116, 139, .65);
}

.production-work-row.status-ready,
.production-work-row.status-in_progress {
  box-shadow: inset 4px 0 0 #2dd4bf;
}

.production-work-row.status-partial {
  box-shadow: inset 4px 0 0 #f59e0b;
}

.production-work-row.status-completed {
  box-shadow: inset 4px 0 0 #34d399;
  opacity: .82;
}

.production-work-material-name {
  display: block;
  overflow-wrap: anywhere;
}

.production-work-progress {
  display: inline-block;
  color: #eef7ff;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.production-work-status-control {
  position: relative;
  display: grid;
  justify-items: center;
  width: 100%;
}

.production-work-status-badge {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border-radius: 10px;
  justify-content: center;
  padding: 5px 4px;
  font-size: 11px;
}

.production-work-status-select {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  opacity: 0;
  appearance: none;
  -webkit-appearance: none;
}

.production-work-status-select option {
  color: #111827;
  background: #fff;
}

.production-work-status-control:focus-within .production-work-status-badge {
  outline: 2px solid rgba(45, 212, 191, .42);
  outline-offset: 1px;
}

.production-work-status-control.is-disabled {
  pointer-events: none;
  opacity: .72;
}

.production-work-comment-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.production-work-comment-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(100, 116, 139, .32);
  border-radius: 9px;
  background: rgba(15, 23, 42, .72);
  font-size: 14px;
  font-weight: 850;
  white-space: nowrap;
}

.production-work-task {
  align-items: center;
  background: linear-gradient(105deg, rgba(15, 23, 42, .98), rgba(14, 27, 40, .96));
  border: 1px solid rgba(51, 65, 85, .86);
  border-left: 4px solid rgba(100, 116, 139, .72);
  border-radius: 16px;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 96px;
  padding: 14px 16px;
}

.production-work-task.status-ready,
.production-work-task.status-in_progress {
  border-left-color: #2dd4bf;
}

.production-work-task.status-partial {
  border-left-color: #f59e0b;
}

.production-work-task.status-completed {
  border-left-color: #34d399;
  opacity: .8;
}

.production-work-task-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.production-work-task-heading,
.production-work-task-material,
.production-work-task-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.production-work-task-heading > span:not(.production-work-task-batch),
.production-work-task-material > span {
  color: var(--muted);
  font-size: 13px;
}

.production-work-task-batch {
  background: rgba(45, 212, 191, .15);
  border: 1px solid rgba(45, 212, 191, .42);
  border-radius: 999px;
  color: #5eead4;
  font-size: 13px;
  font-weight: 800;
  padding: 5px 9px;
}

.production-work-task-material strong {
  overflow-wrap: anywhere;
}

.production-work-task-comment {
  background: rgba(30, 41, 59, .72);
  border-radius: 9px;
  color: #cbd5e1;
  font-size: 13px;
  padding: 7px 9px;
}

.production-work-task-side {
  align-items: flex-end;
  display: grid;
  gap: 9px;
  justify-items: end;
}

.production-work-task-status {
  border: 1px solid rgba(100, 116, 139, .42);
  border-radius: 999px;
  color: #94a3b8;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  padding: 6px 10px;
  white-space: nowrap;
}

.production-work-task-status.status-ready,
.production-work-task-status.status-in_progress {
  background: rgba(20, 184, 166, .14);
  border-color: rgba(45, 212, 191, .42);
  color: #5eead4;
}

.production-work-task-status.status-partial {
  background: rgba(245, 158, 11, .13);
  border-color: rgba(245, 158, 11, .4);
  color: #fbbf24;
}

.production-work-task-status.status-completed {
  background: rgba(16, 185, 129, .13);
  border-color: rgba(52, 211, 153, .38);
  color: #6ee7b7;
}

.production-work-editor-overlay {
  align-items: center;
  background: rgba(2, 6, 23, .78);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 16px;
  position: fixed;
  z-index: 220;
}

.production-work-editor {
  background: #0b1522;
  border: 1px solid rgba(45, 212, 191, .42);
  border-radius: 18px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
  display: grid;
  gap: 16px;
  max-width: 560px;
  padding: 20px;
  width: min(100%, 560px);
}

.production-work-editor.production-release-start {
  max-width: 760px;
  width: min(100%, 760px);
}

.production-release-start-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.production-release-start-parts {
  display: grid;
  gap: 7px;
  max-height: min(46vh, 420px);
  overflow-y: auto;
}

.production-release-start-part {
  display: grid;
  grid-template-columns: 22px 88px minmax(160px, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 8px 11px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 10px;
  background: rgba(8, 17, 28, .5);
  cursor: pointer;
}

.production-release-start-part:has(input:checked) {
  border-color: rgba(45, 212, 191, .54);
  background: rgba(20, 184, 166, .12);
}

.production-release-start-part strong {
  color: #5eead4;
}

.production-release-start-part small {
  color: var(--muted, #94a3b8);
}

.production-work-editor h3,
.production-work-editor p {
  margin: 0;
}

.production-work-editor small,
.production-work-editor p {
  color: var(--muted);
}

.production-work-editor textarea {
  min-height: 92px;
  resize: vertical;
}

.production-work-exception-list {
  display: grid;
  gap: 10px;
}

.production-work-exception-card {
  background: rgba(245, 158, 11, .09);
  border: 1px solid rgba(245, 158, 11, .32);
  border-radius: 13px;
  display: grid;
  gap: 9px;
  padding: 12px;
}

.production-work-exception-card.warning {
  background: rgba(59, 130, 246, .08);
  border-color: rgba(96, 165, 250, .3);
}

.production-work-exception-card p,
.production-work-exception-card small {
  margin: 0;
}

.production-work-exception-card label {
  display: grid;
  gap: 6px;
}

.production-work-exception-card label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.production-work-exception-card select,
.production-work-exception-card input {
  min-height: 42px;
  width: 100%;
}

.production-work-editor-quantity {
  display: grid;
  gap: 7px;
}

.production-work-editor-quantity > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.production-work-editor-quantity > div {
  align-items: center;
  display: flex;
  gap: 10px;
}

.production-work-editor-quantity input {
  font-size: 24px;
  font-weight: 800;
  max-width: 180px;
  text-align: center;
}

.production-work-editor-quantity strong {
  color: var(--muted);
  font-size: 20px;
}

.production-work-editor-actions {
  display: flex;
  gap: 9px;
  justify-content: flex-end;
}

.production-release-supply-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(210px, .7fr) 150px 28px;
  gap: 7px;
  align-items: center;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 11px;
  background: rgba(15, 23, 42, .42);
}

.production-release-supply-row.is-autosaving {
  border-color: rgba(96, 165, 250, .38);
}

.production-release-supply-row.is-autosaved {
  border-color: rgba(45, 212, 191, .7);
}

.production-release-supply-row.has-autosave-error {
  border-color: rgba(248, 113, 113, .72);
}

.production-release-supply-row.is-focused {
  border-color: rgba(45, 212, 191, .85);
  box-shadow: 0 0 0 3px rgba(45, 212, 191, .12);
}

.production-release-supply-quantities {
  display: grid;
  grid-template-columns: repeat(2, minmax(76px, 1fr));
  gap: 5px;
}

.production-release-supply-row > div:first-child {
  display: grid;
  gap: 3px;
  align-self: center;
}

.production-release-supply-block-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 9px;
  padding: 8px 2px 0;
}

.production-release-supply-block-head strong {
  color: #bceee6;
}

.production-release-supply-block-head span {
  color: #899bad;
  font-size: 11px;
}

.production-release-supply-row.is-simple {
  grid-template-columns: minmax(180px, 1fr) auto 28px;
  padding-block: 8px;
}

.production-release-supply-statuses {
  display: inline-flex;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 9px;
}

.production-release-supply-statuses button {
  min-height: 34px;
  padding: 6px 10px;
  border: 0;
  border-left: 1px solid rgba(148, 163, 184, .12);
  color: #8fa0b2;
  background: rgba(15, 23, 42, .52);
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
}

.production-release-supply-statuses button:first-child {
  border-left: 0;
}

.production-release-supply-statuses button.active {
  color: #8ff3e2;
  background: rgba(20, 184, 166, .17);
}

.production-release-supply-statuses button:disabled {
  cursor: default;
}

.production-release-supply-status-field {
  min-width: 0;
}

.production-release-summary-new {
  border-color: rgba(45, 212, 191, .55);
  box-shadow: inset 4px 0 0 rgba(45, 212, 191, .75);
}

.production-release-actions {
  position: sticky;
  bottom: 0;
  z-index: 7;
  min-height: 0;
  padding: 8px 0 2px;
  background: linear-gradient(
    180deg,
    rgba(11, 20, 32, 0),
    var(--page-bg, #0b1420) 30%
  );
}

.production-release-actions:empty {
  display: none;
}

.production-release-status-released,
.production-release-readiness-ready {
  color: #86efac;
  border-color: rgba(34, 197, 94, .36);
  background: rgba(34, 197, 94, .12);
}

.production-release-status-draft,
.production-release-readiness-waiting_material {
  color: #fde68a;
  border-color: rgba(245, 158, 11, .34);
  background: rgba(245, 158, 11, .12);
}

.production-release-board {
  margin-bottom: 22px;
}

@media (max-width: 1480px) {
  .production-release-matrix-wrap {
    overflow-x: auto;
  }

  .production-release-route-matrix {
    min-width: 1040px;
  }

  .production-supply-status-matrix {
    min-width: 920px;
  }

  .production-release-supply-row {
    grid-template-columns: minmax(190px, 1fr) minmax(190px, .8fr) 140px 28px;
  }

  .production-release-supply-row.is-detailed > .action-chip {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

@media (max-width: 760px) {
  .production-release-steps {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .production-release-steps .mode-chip:last-child {
    grid-column: 1 / -1;
  }

  .production-release-part {
    grid-template-columns: 22px 76px minmax(0, 1fr);
  }

  .production-release-part small {
    grid-column: 2 / -1;
  }

  .production-release-start-part {
    grid-template-columns: 22px 76px minmax(0, 1fr);
  }

  .production-release-start-part small {
    grid-column: 2 / -1;
  }

  .production-release-supply-matrix {
    min-width: 720px;
  }

  .production-supply-workspace-intro,
  .production-supply-request-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .production-supply-accept-gate,
  .production-workspace-intro {
    align-items: stretch;
    flex-direction: column;
  }

  .production-work-status-legend {
    justify-content: flex-start;
  }

  .production-work-task {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .production-work-task-side {
    justify-items: start;
  }

  .production-supply-request-card {
    grid-template-columns: 1fr;
  }

  .production-supply-request-progress {
    justify-items: start;
  }

  .production-release-review-row {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  .production-release-review-tags {
    grid-column: 2;
  }

  .production-release-cutting-head,
  .production-release-cutting-material,
  .production-release-unassigned-edges .production-release-cutting-material,
  .production-release-cutting-options > div,
  .production-release-supply-row,
  .production-release-supply-row.is-simple {
    grid-template-columns: 1fr;
  }

  .production-release-cutting-head > .action-chip,
  .production-release-cutting-material > .action-chip,
  .production-release-supply-row > .action-chip {
    justify-self: start;
  }

  .production-release-cutting-unit {
    min-height: 0;
    padding: 0;
  }

  .production-release-edge-list {
    margin-left: 5px;
    padding-left: 8px;
  }

  .production-release-supply-row.is-detailed > .action-chip {
    grid-column: auto;
  }

  .production-release-supply-row > .production-release-cell-note {
    justify-self: start;
  }

  .production-release-review-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .production-material-picker-dialog {
    max-height: calc(100vh - 16px);
    padding: 13px;
  }

  .production-material-picker-result {
    grid-template-columns: 1fr;
  }

  .production-material-picker-result-meta {
    justify-content: flex-start;
  }

  .production-release-folder-preview-materials > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

@media (max-width: 560px) {
  .production-release-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .production-release-route-detail-fields,
  .production-release-review-summary {
    grid-template-columns: 1fr;
  }

  .production-release-supply-statuses {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  .production-release-supply-statuses button {
    padding-inline: 5px;
  }
}