body[data-section='task'] {
  background: #edf7f3;
  color: #123f3e;
}
body[data-section='task'] main {
  max-width: none;
  padding: 0 26px 28px;
}
body[data-section='task'] .title {
  display: none;
}
body[data-section='task'] header {
  border-color: #d4e8df;
  background: transparent;
}
body[data-section='task'] aside {
  background: #f3faf6;
  border-color: #d5e8df;
}
body[data-section='task'] .nav.active {
  background: #e1efea;
  border-color: #f47459;
  color: #195951;
}
body[data-section='task'] footer {
  margin-top: 18px;
}
.mission-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 26px 0 22px;
}
.instrument-label {
  font:
    10px Consolas,
    monospace;
  letter-spacing: 2px;
  color: #7d9f96;
}
.mission-top h1 {
  font-size: 27px;
  letter-spacing: 0.5px;
  margin: 7px 0 8px;
  font-weight: 600;
  color: #154645;
}
.mission-top h1 > span {
  color: #f07154;
}
.mission-top p {
  font-size: 12px;
  color: #7d9f93;
  margin: 0;
}
.mission-meta {
  border-left: 1px solid #cfdfd7;
  padding: 0 0 0 20px;
  min-width: 170px;
}
.mission-meta small,
.mission-meta b,
.mission-meta span {
  display: block;
}
.mission-meta small {
  font:
    9px Consolas,
    monospace;
  letter-spacing: 2px;
  color: #92ada2;
}
.mission-meta b {
  font:
    12px/2 Consolas,
    monospace;
  color: #43746b;
}
.mission-meta span {
  font-size: 10px;
  color: #7a9a8c;
}
.mission-steps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid #d3e6db;
  margin-bottom: 20px;
  border-radius: 3px;
  overflow: hidden;
  background: #d3e6db;
  gap: 1px;
}
.mission-steps button {
  border: 0;
  border-radius: 0;
  background: #f3faf4;
  padding: 13px 15px;
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 1px 6px;
  text-align: left;
  align-items: center;
  position: relative;
}
.mission-steps button > span {
  grid-row: 1/3;
  font:
    18px Consolas,
    monospace;
  color: #a5bdb0;
}
.mission-steps button > b {
  font-weight: 500;
  font-size: 11px;
  color: #72998a;
}
.mission-steps button > small {
  font-size: 8px;
  letter-spacing: 0;
  color: #a8bcac;
}
.mission-steps button.current {
  background: #fffdf4;
  box-shadow: inset 0 -3px #ee795d;
}
.mission-steps button.current > span,
.mission-steps button.current > b {
  color: #d77559;
}
.mission-steps button.complete > span {
  color: #419d88;
}
.mission-steps button:disabled {
  opacity: 0.7;
}
.mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(350px, 1fr);
  gap: 20px;
  align-items: start;
}
.mission-stage {
  position: sticky;
  top: 16px;
  border: 1px solid #d1e6dd;
  background: #f4fbf6;
  min-width: 0;
  overflow: hidden;
}
.stage-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font:
    9px Consolas,
    'Microsoft YaHei',
    monospace;
  color: #87a79a;
  padding: 17px 18px;
  border-bottom: 1px solid #dcebe1;
  letter-spacing: 1px;
}
.stage-topline b {
  font-weight: 400;
  color: #dc795d;
}
.stage-topline > span:last-child {
  font-size: 8px;
  letter-spacing: 0;
}
.stage-topline i {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #4fa491;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 5px;
}
.task-harbor {
  height: 520px !important;
  margin: 0 !important;
  position: relative;
  background: #eef8f4 !important;
  overflow: hidden;
}
.task-harbor canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: grab;
  touch-action: none;
}
.task-harbor [hidden] {
  display: none !important;
}
.task-harbor:after {
  content: 'INVENTORY · PROCEDURAL MODEL';
  position: absolute;
  bottom: 15px;
  left: 18px;
  font:
    8px Consolas,
    monospace;
  letter-spacing: 1.8px;
  color: #8baea1;
  pointer-events: none;
}
.telemetry {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #d6e9df;
  background: #f8fcf7;
}
.telemetry > div {
  padding: 16px 12px;
  border-right: 1px solid #deece1;
  min-width: 0;
}
.telemetry small {
  font-size: 9px;
  color: #89a799;
  letter-spacing: 0.3px;
  display: block;
  white-space: nowrap;
}
.telemetry b {
  font:
    24px/1.7 Consolas,
    monospace;
  font-weight: 400;
  color: #245e58;
  display: block;
}
.telemetry em {
  font:
    9px 'Microsoft YaHei',
    sans-serif;
  font-style: normal;
  color: #8ca99b;
}
.coral {
  color: #e0785d !important;
}
.stage-controls {
  border-top: 1px solid #deece1;
  display: flex;
  gap: 7px;
  padding: 12px;
  align-items: center;
  background: #f8fcf7;
}
.stage-controls button {
  font-size: 9px;
  padding: 6px 8px;
  border-radius: 2px;
  border-color: #d6e6d8;
  background: #fdfef9;
  color: #719688;
}
.stage-controls button[aria-pressed='true'] {
  background: #f7e5dc;
  border-color: #e5bfae;
  color: #c87d63;
}
.stage-controls > span {
  margin-left: auto;
  font-size: 8px;
  color: #a2b5a6;
}
.mission-action {
  min-width: 0;
  padding: 25px;
  background: rgba(255, 255, 250, 0.84);
  border: 1px solid #d8e9dc;
  box-shadow: 0 8px 30px #2e614307;
}
.action-kicker {
  font:
    9px Consolas,
    monospace;
  letter-spacing: 2px;
  color: #d78265;
  border-left: 3px solid #ee7a5a;
  padding-left: 8px;
}
.mission-action h2 {
  font-size: 22px;
  line-height: 1.5;
  color: #214f47;
  margin: 15px 0 9px;
  font-weight: 600;
}
.action-help {
  font-size: 12px;
  color: #779988;
  line-height: 1.95;
  margin-bottom: 23px;
}
.inventory-equation {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #eef5e9;
  padding: 22px 12px;
  border: 1px solid #dbe8d1;
}
.inventory-equation span {
  flex: 1;
  text-align: center;
  font-size: 9px;
  color: #84a178;
}
.inventory-equation b {
  display: block;
  font:
    31px/1.5 Consolas,
    monospace;
  color: #396e5d;
}
.inventory-equation i {
  font-style: normal;
  color: #9bb497;
}
.inventory-equation .coral b {
  color: #dd785b;
}
.source-note {
  font-size: 10px;
  color: #8a9f7e;
  line-height: 1.95;
  padding: 13px;
  border-left: 2px solid #cadbb8;
  background: #f3f7ec;
  margin: 17px 0;
}
.mini-batch {
  padding: 16px 0;
  border-top: 1px solid #e0ebd7;
  border-bottom: 1px solid #e0ebd7;
  margin: 20px 0;
}
.mini-batch b {
  display: block;
  margin: 10px 0;
  font-size: 13px;
  font-weight: 500;
}
.mini-batch small {
  font-size: 10px;
  color: #8aa17b;
  letter-spacing: 0;
  line-height: 1.8;
}
.job-check {
  display: flex !important;
  align-items: start;
  gap: 9px;
  font-size: 12px !important;
  line-height: 1.9;
  color: #517852 !important;
  padding: 15px;
  background: #eef5e7;
  border: 1px solid #dce8d1;
  margin: 20px 0 !important;
}
.job-check input {
  accent-color: #308575;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 3px 0;
}
.step-result {
  font-size: 10px;
  color: #8fa47f;
  padding-top: 10px;
}
.mission-next {
  display: flex;
  gap: 9px;
  border-top: 1px solid #dfebd5;
  padding-top: 19px;
  margin-top: 19px;
}
.mission-next button {
  font-size: 11px;
  padding: 12px 14px;
  line-height: 1.7;
}
.mission-next .primary {
  flex: 1;
  background: #225f52;
  border-color: #225f52;
}
.mission-action label {
  font-size: 11px;
  color: #749365;
  margin-top: 17px;
}
.mission-action select,
.mission-action input:not([type='checkbox']):not([type='range']) {
  font:
    12px 'Microsoft YaHei',
    sans-serif;
  display: block;
  width: 100%;
  background: #fbfdf5;
  border: 1px solid #d0e1c3;
  border-radius: 3px;
  padding: 10px;
  color: #345c3d;
  margin-top: 7px;
}
.mission-action input[type='number'] {
  font:
    18px Consolas,
    monospace !important;
}
.mission-action input:disabled,
.mission-action select:disabled {
  opacity: 0.65;
  background: #edf2e6 !important;
}
.job-input-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.selected-evidence {
  background: #edf5e6;
  border: 1px solid #d9e8cb;
  padding: 13px;
  font-size: 11px;
  line-height: 1.8;
  margin-top: 12px;
}
.selected-evidence b {
  font-size: 11px;
  font-weight: 500;
}
.selected-evidence p {
  margin: 6px 0;
}
.selected-evidence small {
  font-size: 9px;
  color: #91a47f;
  letter-spacing: 0;
}
.selected-evidence.blocked {
  background: #fbece3;
  border-color: #e9c7b1;
  color: #bd7f5e;
}
.allocation-preview {
  border: 1px solid #c8dfbc;
  background: #eaf4e1;
  padding: 13px;
  margin: 20px 0;
}
.allocation-preview b {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
}
.allocation-preview small {
  display: block;
  font-size: 10px;
  letter-spacing: 0;
  color: #82a06e;
  line-height: 1.8;
  margin-top: 5px;
}
.allocation-preview.bad {
  background: #fff0e6;
  border-color: #e7c4aa;
  color: #b76d4c;
}
.job-error {
  font-size: 11px;
  color: #bf6c4f;
  line-height: 1.8;
  margin-top: 12px;
}
.job-quote {
  border: 1px solid #d5e4cc;
  border-top: 3px solid #4d8060;
  padding: 15px;
  background: #fbfdf5;
  margin: 20px 0 10px;
}
.job-quote > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.job-quote b {
  font-size: 12px;
  font-weight: 500;
}
.job-quote > div > span {
  font-size: 11px;
  color: #819d71;
}
.job-quote > p {
  font-size: 11px;
  color: #67875a;
  margin: 15px 0;
}
.job-quote strong {
  font:
    24px Consolas,
    monospace;
  color: #346446;
}
.job-quote small {
  display: block;
  font-size: 9px;
  color: #9caf88;
  letter-spacing: 0;
  margin-top: 16px;
}
.retail-brief {
  display: flex;
  justify-content: space-between;
  background: #edf4e5;
  padding: 12px;
  font-size: 10px;
  gap: 10px;
}
.retail-brief b {
  font-size: 11px;
  font-weight: 500;
}
.job-poster {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #dce8d7;
  padding: 23px;
  min-height: 290px;
  margin-top: 14px;
}
.job-poster:before {
  content: '';
  position: absolute;
  right: -100px;
  bottom: -60px;
  background: #c5d8bd;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  z-index: -1;
}
.job-poster > small {
  font:
    8px Consolas,
    monospace;
  letter-spacing: 2px;
  color: #6b8c5d;
}
.job-poster h3 {
  font-size: 24px;
  line-height: 1.5;
  max-width: 65%;
  margin: 27px 0 10px;
  overflow-wrap: anywhere;
  color: #365f3d;
}
.job-poster > span {
  font-size: 10px;
  color: #7e9b6c;
  max-width: 55%;
  display: block;
}
.job-poster-can {
  position: absolute;
  right: 27px;
  bottom: 45px;
  transform: rotate(5deg) scale(0.9);
}
.job-poster > em {
  font-style: normal;
  font-size: 9px;
  color: #6b8f59;
  position: absolute;
  bottom: 15px;
  left: 23px;
  right: 23px;
  border-top: 1px solid #bcd1af;
  padding-top: 10px;
}
.optional-ai {
  font-size: 10px;
  color: #82a26c;
  margin-top: 20px;
}
.optional-ai button {
  font-size: 10px;
  margin: 10px 0;
}
#jobAIOutput {
  max-height: 250px;
  overflow: auto;
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 1.9;
  color: #73915f;
}
.approval-list {
  margin: 20px 0;
  border-top: 1px solid #d9e6cd;
}
.approval-list > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  border-bottom: 1px solid #e0ead7;
  font-size: 11px;
}
.approval-list dt {
  color: #8ea47d;
  flex-shrink: 0;
}
.approval-list dd {
  margin: 0;
  color: #47723f;
  text-align: right;
  overflow-wrap: anywhere;
}
.mission-action details {
  font-size: 10px;
  color: #839e6e;
  line-height: 1.9;
}
.frozen-notice {
  padding: 13px;
  background: #e9f4de;
  border: 1px solid #d0e3bf;
  font-size: 10px;
  color: #7c9b64;
}
.job-execution {
  font-size: 11px;
  margin: 19px 0;
  color: #829d6d;
}
.job-execution p {
  padding: 9px 0;
  border-bottom: 1px solid #e3edd8;
}
.job-execution b {
  display: inline-block;
  min-width: 42px;
  color: #4e7846;
  font-weight: 500;
}
.job-result {
  background: #eaf4df;
  border: 1px solid #cde0bd;
  padding: 22px;
  text-align: center;
  margin-top: 22px;
}
.job-result > span {
  font-size: 10px;
  color: #91a778;
}
.job-result > strong {
  font:
    45px Consolas,
    monospace;
  display: block;
  color: #3c7549;
  line-height: 1.5;
}
.job-result > p {
  font-size: 10px;
  color: #8ba572;
}
.job-result > div {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #d3e3c3;
  padding-top: 15px;
  margin-top: 18px;
  font-size: 10px;
  color: #8ba674;
}
.job-result b {
  display: block;
  color: #517f48;
  font:
    20px/1.8 Consolas,
    monospace;
}
.mission-bottom {
  border: 1px solid #d4e5d6;
  margin-top: 20px;
  padding: 18px 22px;
  background: #f8fcf4;
}
.connected-artifacts {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 35px;
  font-size: 10px;
  color: #8a9f7d;
  margin-top: 14px;
}
.connected-artifacts b {
  display: block;
  font-size: 12px;
  color: #4f7850;
  font-weight: 500;
  margin-top: 5px;
}
.mission-bottom details {
  font-size: 10px;
  color: #8da47b;
  margin: 20px 0;
}
.job-history {
  max-height: 220px;
  overflow: auto;
}
.job-history p {
  border-bottom: 1px solid #e4eddb;
  padding: 7px 0;
  font-size: 10px;
}
.job-history time {
  color: #a7b597;
  margin-right: 10px;
  font:
    10px Consolas,
    monospace;
}
.job-history small {
  font-size: 9px;
  letter-spacing: 0;
}
.mission-utilities {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mission-utilities button {
  font-size: 10px;
  padding: 7px 12px;
}
.model-labels {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.model-label {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  font:
    8px Consolas,
    'Microsoft YaHei',
    monospace;
  color: #5d8f7e;
  border-left: 2px solid #ec7b59;
  padding: 5px 7px;
  background: #fbfff3c9;
  box-shadow: 0 3px 15px #3874560a;
  backdrop-filter: blur(6px);
}
.webgl-error {
  position: absolute;
  inset: 30% 10%;
  font-size: 12px;
  color: #7d9d89;
}
.task-context-banner {
  border: 1px solid #d0e2bf;
  background: #edf5e4;
  padding: 14px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 10px;
  color: #8a9d79;
}
.task-context-banner b {
  color: #557e48;
  font-weight: 500;
  white-space: nowrap;
}
.task-context-banner button {
  margin-left: auto;
  white-space: nowrap;
  font-size: 10px;
}
@media (min-width: 1600px) {
  .mission-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(400px, 1fr);
  }
  .task-harbor {
    height: 600px !important;
  }
  .mission-action {
    padding: 30px;
  }
  .mission-top h1 {
    font-size: 31px;
  }
}
@media (max-width: 1200px) {
  .mission-grid {
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 14px;
  }
  .mission-action {
    padding: 20px;
  }
  .task-harbor {
    height: 470px !important;
  }
  .telemetry > div {
    padding: 12px 8px;
  }
  .telemetry b {
    font-size: 21px;
  }
  .telemetry small {
    font-size: 8px;
  }
  .stage-controls {
    flex-wrap: wrap;
  }
  .stage-controls > span {
    width: 100%;
    margin-left: 0;
  }
  .mission-top h1 {
    font-size: 24px;
  }
  .mission-meta {
    min-width: 140px;
  }
  .mission-steps button {
    padding: 12px 9px;
  }
}
@media (max-width: 1000px) {
  .mission-grid {
    grid-template-columns: 1fr;
  }
  .mission-stage {
    position: relative;
    top: 0;
  }
  .task-harbor {
    height: 420px !important;
  }
  .mission-action {
    padding: 24px;
  }
  .stage-controls > span {
    width: auto;
    margin-left: auto;
  }
  .mission-steps button {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 5px;
  }
  .mission-steps button > span {
    grid-row: auto;
  }
  .mission-steps button > small {
    display: none;
  }
  .mission-meta {
    display: none;
  }
  .mission-top {
    margin: 22px 0;
  }
  .mission-top h1 {
    font-size: 24px;
  }
  .mission-action h2 {
    font-size: 22px;
  }
  .task-context-banner {
    flex-wrap: wrap;
  }
  .task-context-banner button {
    margin-left: 0;
  }
}
@media (max-width: 650px) {
  body[data-section='task'] main {
    padding: 0 12px 20px;
  }
  .mission-top h1 {
    font-size: 21px;
    line-height: 1.6;
  }
  .mission-top p {
    font-size: 11px;
  }
  .instrument-label {
    font-size: 8px;
    letter-spacing: 1.4px;
  }
  .mission-steps {
    margin-bottom: 13px;
  }
  .mission-steps button {
    padding: 10px 3px;
  }
  .mission-steps button > span {
    font-size: 16px;
  }
  .mission-steps button > b {
    font-size: 9px;
  }
  .task-harbor {
    height: 320px !important;
  }
  .stage-topline {
    font-size: 8px;
    padding: 12px;
    letter-spacing: 0;
  }
  .stage-topline > span:last-child {
    font-size: 7px;
  }
  .telemetry > div {
    padding: 10px 8px;
  }
  .telemetry b {
    font-size: 21px;
  }
  .stage-controls {
    padding: 10px;
    gap: 5px;
  }
  .stage-controls > span {
    width: 100%;
    margin: 3px 0 0;
  }
  .mission-action {
    padding: 19px;
  }
  .action-help {
    font-size: 11px;
  }
  .mission-next {
    position: sticky;
    bottom: 0;
    background: #fbfef5;
    padding: 15px 0 8px;
    z-index: 4;
  }
  .mission-next button {
    font-size: 10px;
    padding: 10px;
  }
  .model-label {
    font-size: 7px;
    padding: 4px;
  }
  .job-poster h3 {
    font-size: 22px;
  }
  .inventory-equation b {
    font-size: 28px;
  }
  .mission-bottom {
    padding: 18px;
  }
  .connected-artifacts {
    gap: 15px 25px;
  }
  .mission-utilities button {
    font-size: 9px;
  }
}
@media (max-width: 1000px) {
  .mission-grid {
    display: flex;
    flex-direction: column;
  }
  .mission-action {
    order: 0;
    width: 100%;
  }
  .mission-stage {
    order: 1;
    width: 100%;
  }
  .mission-action {
    scroll-margin-top: 12px;
  }
}
.demo-entry {
  display: block;
  text-decoration: none;
  color: #b67d5b !important;
  border: 1px solid #dfd5bd !important;
  background: #fbf6e9 !important;
  font-size: 11px !important;
  margin-bottom: 13px !important;
}
body[data-section='task'] .demo-entry {
  color: #b67d5b !important;
}
.demo-entry:hover {
  background: #f4ecd9 !important;
}

.task-batch-picker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 15px;
  background: #f8fcf3;
  border: 1px solid #d4e4cd;
}
.task-batch-picker label {
  font-size: 11px;
  margin: 0;
  color: #75986a;
  white-space: nowrap;
}
.task-batch-picker select {
  padding: 9px;
  border: 1px solid #bed6b1;
  background: #fdfff8;
  color: #3e7047;
  font:
    12px 'Microsoft YaHei',
    sans-serif;
  min-width: 280px;
}
.task-batch-picker > span {
  font-size: 10px;
  color: #8fa47e;
}
.batch-product-pack {
  width: 110px;
  min-height: 135px;
  background: linear-gradient(120deg, #e1d5b6, #baab7c);
  border: 1px solid #a69361;
  border-radius: 6px;
  padding: 13px;
  box-shadow: 8px 13px 15px #40603020;
  color: #536b43;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.batch-product-pack span {
  font-size: 8px;
}
.batch-product-pack b {
  font-size: 17px;
  line-height: 1.6;
}
.batch-product-pack small {
  font-size: 9px;
  letter-spacing: 0;
}
@media (max-width: 850px) {
  .task-batch-picker {
    flex-wrap: wrap;
    gap: 9px;
  }
  .task-batch-picker select {
    min-width: 0;
    width: 100%;
  }
  .task-batch-picker > span {
    font-size: 9px;
  }
}

/* Compact task presentation; operational details remain available below. */
body[data-section='task'] main > header {
  padding: 8px 0;
}
.mission-top {
  margin: 10px 0;
}
.mission-top h1 {
  font-size: 23px !important;
  margin: 3px 0;
}
.mission-top p {
  font-size: 11px;
}
.mission-meta {
  padding-left: 12px;
}
.task-batch-picker {
  padding: 8px 12px;
  margin-bottom: 10px;
}
.task-batch-picker select {
  padding: 6px 8px;
}
.mission-steps {
  margin-bottom: 10px;
}
.mission-steps button {
  padding: 7px 10px;
}
.mission-grid {
  gap: 16px;
}
.mission-action {
  padding: 15px !important;
}
.mission-action h2 {
  font-size: 21px;
  margin: 8px 0 6px;
}
.action-help {
  margin-bottom: 10px;
  line-height: 1.7;
}
.task-harbor {
  height: 300px !important;
}
.stage-topline {
  padding: 9px 12px;
}
.telemetry > div {
  padding: 9px 10px;
}
.telemetry b {
  font-size: 23px;
}
.stage-controls {
  padding: 8px;
}
.inventory-equation {
  padding: 9px 10px;
  gap: 8px;
}
.inventory-equation b {
  font-size: 28px;
}
.unknown-expiry b {
  font-size: 21px;
}
.unknown-expiry span {
  font-size: 11px;
}
.source-note {
  padding: 8px 10px;
  margin: 10px 0;
  font-size: 11px;
  color: #597a55;
}
.job-check {
  padding: 9px 10px !important;
  margin: 10px 0 !important;
}
.step-result {
  font-size: 11px;
  padding-top: 0;
  margin-bottom: 5px;
}
.mission-next {
  margin-top: 10px;
  padding-top: 10px;
}
.mission-next button {
  padding: 9px 12px;
  font-size: 12px;
}
#taskScreen[data-step='0'] .mini-batch {
  display: none;
}
.mission-bottom {
  margin-top: 12px;
  padding: 12px 16px;
}
.mission-bottom details {
  margin: 10px 0;
}
#jobAIOutput {
  max-height: 360px;
  white-space: normal;
  color: #345a4b;
}
.approval-list {
  margin: 12px 0;
}
.approval-list > div {
  padding: 8px 0;
  font-size: 12px;
}
.approval-list dt {
  color: #627b59;
}
.approval-list dd {
  color: #305f3d;
}
@media (min-width: 1600px) {
  .task-harbor {
    height: 360px !important;
  }
}
@media (max-width: 1000px) {
  .mission-action {
    padding: 18px !important;
  }
  .task-harbor {
    height: 340px !important;
  }
}
@media (max-width: 650px) {
  .mission-next {
    position: static;
  }
  .mission-action {
    padding: 16px !important;
  }
  .task-harbor {
    height: 290px !important;
  }
  .inventory-equation b {
    font-size: 26px;
  }
  .unknown-expiry b {
    font-size: 19px;
  }
  .stage-topline > span:last-child {
    font-size: 8px;
  }
}