.mission-eyebrow {
  font-size: 10px;
  letter-spacing: 2px;
  color: var(--goldDeep);
  font-weight: 700;
}
.mission-heading h1 {
  font-size: 28px;
  line-height: 1.3;
  margin: 0 0 6px;
}
.mission-live {
  font-size: 12px;
  color: var(--ok);
  white-space: normal;
}
.mission-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.mission-kpi {
  min-width: 0;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px 20px;
  box-shadow: 0 2px 5px #1c243008;
  display: flex;
  flex-direction: column;
}
.mission-kpi > div {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  gap: 8px;
}
.mission-kpi small {
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
}
.mission-kpi > strong {
  font-size: 32px;
  color: var(--goldDeep);
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.mission-kpi > strong small {
  margin-left: 4px;
}
.mission-kpi p {
  font-size: 12px;
  color: var(--muted);
  margin: 4px 0 0;
}
.mission-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border: 1px solid var(--goldLine);
  background: var(--goldSoft);
  color: var(--goldDeep);
  font-size: 12px;
  border-radius: 7px;
  margin-bottom: 18px;
}
.mission-notice button,
.mission-card-title > button {
  border: 0;
  background: none;
  color: var(--goldDeep);
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.mission-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr);
  gap: 18px;
}
.mission-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--card);
  box-shadow: 0 2px 5px #1c243008;
  overflow: hidden;
}
.mission-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--line);
}
.mission-card-title h2 {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  border-left: 3px solid var(--gold);
  padding-left: 10px;
}
.mission-card-title small {
  font-size: 11px;
  color: var(--muted);
}
.mission-flow {
  padding: 25px 30px;
  min-height: 200px;
}
.mission-flow h3 {
  font-size: 23px;
  line-height: 1.4;
  margin: 8px 0;
}
.mission-flow p {
  font-size: 13px;
}
.mission-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  background: var(--soft);
  border-top: 1px solid var(--line);
}
.mission-flow-steps button {
  border: 0;
  background: none;
  color: var(--muted);
  padding: 12px 5px;
  font-size: 12px;
  cursor: pointer;
}
.mission-flow-steps button:hover {
  color: var(--goldDeep);
  background: var(--goldSoft);
}
.mission-integration {
  padding: 26px 22px;
  min-height: 200px;
}
.mission-integration strong {
  font-size: 16px;
}
.mission-integration p {
  font-size: 13px;
  line-height: 1.8;
}
.mission-card-footer {
  padding: 12px 20px;
  background: var(--soft);
  font-size: 12px;
  color: var(--muted);
  border-top: 1px solid var(--line);
}
.mission-reminders {
  padding: 20px;
  min-height: 235px;
}
.mission-reminders > button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  text-align: left;
  background: none;
  color: var(--ink);
  cursor: pointer;
}
.mission-reminders span,
.mission-reminders small {
  color: var(--muted);
  font-size: 12px;
}
.sales-stage-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.sales-stage-tabs button {
  border: 1px solid var(--line);
  background: var(--card);
  padding: 8px 13px;
  border-radius: 7px;
  color: var(--muted);
  cursor: pointer;
  font-size: 13px;
}
.sales-stage-tabs button.active {
  background: var(--goldSoft);
  color: var(--goldDeep);
  border-color: var(--goldLine);
}
.sales-stage-tabs b {
  margin-left: 4px;
  font-variant-numeric: tabular-nums;
}
.sales-search {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.sales-search label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: var(--muted);
  flex: 1;
  min-width: 180px;
}
.sales-search input {
  width: 100%;
  height: 38px;
}
.sales-board {
  display: grid;
  grid-template-columns: repeat(6, minmax(210px, 1fr));
  gap: 12px;
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 12px;
}
.sales-lane {
  min-width: 0;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
}
.sales-lane h3 {
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 14px;
  gap: 6px;
}
.sales-lane h3 small {
  font-size: 11px;
  color: var(--muted);
}
.sales-case-card {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 7px;
  background: var(--card);
  border: 1px solid var(--line);
  padding: 14px 12px;
  border-radius: 7px;
  box-shadow: 0 2px 5px #1c243008;
  color: var(--ink);
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.sales-case-card:hover {
  border-color: var(--gold);
}
.sales-case-card strong {
  font-size: 14px;
  line-height: 1.5;
}
.sales-case-card > span {
  font-size: 12px;
}
.sales-case-card small,
.sales-case-no {
  color: var(--muted);
  font-size: 11px;
}
.sales-empty {
  padding: 20px 0;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
}
.sales-stage {
  display: inline-block;
  font-size: 12px;
  line-height: 1.6;
  padding: 3px 8px;
  border-radius: 5px;
  background: var(--goldSoft);
  color: var(--goldDeep);
  white-space: normal;
}
.sales-stage.stage-ordered {
  background: var(--okbg);
  color: var(--ok);
}
.sales-stage.stage-unpaid {
  background: var(--warnbg);
  color: var(--warn);
}
.sales-stage.stage-closed {
  background: var(--soft);
  color: var(--muted);
}
.sales-detail-summary {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.sales-detail-actions {
  margin: 20px 0;
}
.sales-timeline {
  list-style: none;
  padding: 0 0 0 18px;
  border-left: 2px solid var(--line);
  margin: 18px 0;
}
.sales-timeline li {
  margin-bottom: 20px;
}
.sales-timeline p,
.sales-message p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.8;
  font-size: 13px;
}
.sales-timeline span {
  font-size: 12px;
  color: var(--muted);
}
.sales-message-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.sales-message {
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 8px;
  padding: 18px;
  min-width: 0;
}
.sales-message label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sales-message input {
  width: auto;
}
.sales-message time,
.sales-message small {
  font-size: 11px;
  color: var(--muted);
}
.sales-message .row > span {
  font-size: 12px;
}
.intake-config {
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-bottom: 18px;
  background: var(--card);
}
.intake-config summary {
  font-size: 13px;
  cursor: pointer;
  font-weight: 650;
}
.overdue {
  color: var(--bad) !important;
}
@media (max-width: 1200px) {
  .mission-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mission-main-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .mission-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .mission-kpi {
    padding: 14px;
  }
  .mission-kpi > strong {
    font-size: 27px;
  }
  .mission-kpi > div {
    font-size: 12px;
  }
  .mission-heading h1 {
    font-size: 23px;
  }
  .mission-live {
    font-size: 11px;
  }
  .mission-main-grid {
    gap: 12px;
  }
  .mission-notice {
    align-items: flex-start;
  }
  .mission-flow {
    padding: 20px;
  }
  .mission-flow-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sales-message-grid {
    grid-template-columns: 1fr;
  }
  .sales-search .btn {
    padding: 9px 12px;
  }
  .sales-stage-tabs {
    gap: 6px;
  }
  .sales-stage-tabs button {
    font-size: 12px;
    padding: 7px 10px;
  }
}

.sales-search label {
  min-width: 0;
  flex: 1 1 180px;
  max-width: 100%;
}
.mission-card .subline {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--muted);
  margin-top: 4px;
}
.mission-flow {
  display: flex;
  align-items: center;
  gap: 24px;
}
.mission-status-ring {
  width: 156px;
  flex: none;
}
.mission-status-ring svg {
  display: block;
  width: 100%;
  height: auto;
}
.mission-flow-info {
  min-width: 0;
  flex: 1;
}
.mission-flow-info .mission-eyebrow {
  margin-top: 0;
}
@media (max-width: 600px) {
  .mission-flow {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .mission-status-ring {
    width: 126px;
  }
}

/* Keep the two collaboration channels distinct and their identifiers readable. */
.collaboration-flows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0 0 20px; }
.collaboration-flows article { min-width:0; padding:16px 18px; background:var(--card); border:1px solid var(--line); border-radius:8px; border-top:3px solid var(--gold); }
.collaboration-flows article:nth-child(2) { border-top-color:#407e9d; }
.collaboration-flows article > div { display:flex; flex-direction:column; gap:7px; }
.workflow-channel { color:var(--goldDeep); font-size:11px; font-weight:700; }
.collaboration-flows strong { font-size:14px; line-height:1.6; }
.collaboration-flows p,.collaboration-flows small { font-size:12px; color:var(--muted); line-height:1.7; margin:7px 0; }
.collaboration-flows code { display:block; overflow-wrap:anywhere; white-space:normal; font-size:11px; margin-top:7px; color:var(--muted); }
.sales-card-customer { font-weight:650; color:var(--ink); }
.sales-case-card .sales-card-amount { font-size:19px; font-weight:750; color:var(--goldDeep); font-variant-numeric:tabular-nums; margin:4px 0; }
.sales-case-card .sales-card-time { font-size:11px; color:var(--muted); line-height:1.6; white-space:normal; }
.sales-case-card { gap:7px; overflow-wrap:anywhere; }
.sales-board { grid-template-columns:repeat(6,minmax(240px,1fr)); }
.sales-board.filtered { grid-template-columns:minmax(0,400px); }
.sales-board:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.capture-schedule-form { display:flex; gap:12px; flex-wrap:wrap; align-items:end; margin:16px 0; }
.capture-schedule-form label { display:flex; flex-direction:column; gap:6px; flex:1 1 180px; font-size:12px; }
.production-five { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:12px; margin-bottom:12px; }
.production-five > button { min-width:0; display:flex; flex-direction:column; align-items:center; position:relative; gap:8px; border:1px solid var(--line); border-radius:9px; background:var(--card); color:var(--ink); padding:18px 10px; cursor:pointer; font:inherit; font-size:13px; }
.production-five > button[aria-pressed=true] { border-color:var(--gold); background:var(--goldSoft); }
.production-five b { font-size:26px; line-height:1.4; font-variant-numeric:tabular-nums; }
.production-five .step-number { position:absolute; top:8px; left:10px; font-size:10px; color:var(--muted); }
.production-exceptions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:18px; font-size:12px; color:var(--muted); }
@media(max-width:800px) { .collaboration-flows { grid-template-columns:minmax(0,1fr); } .production-five { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media(max-width:430px) { .production-five { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }

.storage-locations {display:grid;gap:14px;margin-top:18px}.storage-locations > div {display:grid;gap:5px}.storage-locations strong {font-size:13px}.storage-locations code {display:block;overflow-wrap:anywhere;white-space:normal;padding:8px 10px}.storage-locations + * {margin-top:20px}