/* KTS v1.2.0 - Stage 3 core record flow */
body.dashboard-v120 .stage3-flow-bar {
  display: grid;
  grid-template-columns: minmax(180px, auto) minmax(180px, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 14px 0 12px;
  padding: 14px 16px;
  border: 1px solid rgba(115, 82, 34, .14);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 252, 244, .98), rgba(247, 238, 220, .9));
  box-shadow: 0 10px 24px rgba(44, 31, 14, .05);
}
body.dashboard-v120 .stage3-flow-copy {
  display: grid;
  gap: 2px;
}
body.dashboard-v120 .stage3-flow-copy span {
  color: #8c6a34;
  font-size: 10px;
  font-weight: 900;
}
body.dashboard-v120 .stage3-flow-copy strong {
  color: #2e2418;
  font-size: 15px;
  line-height: 1.25;
}
body.dashboard-v120 .stage3-flow-copy small {
  color: #6e806f;
  font-size: 10px;
  font-weight: 800;
}
body.dashboard-v120 .stage3-flow-copy small.is-dirty { color: #b65e23; }
body.dashboard-v120 .stage3-flow-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(80, 58, 28, .09);
}
body.dashboard-v120 .stage3-flow-progress i {
  display: block;
  width: 14%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #9a6c25, #d6ae63);
  transition: width .22s ease;
}
body.dashboard-v120 .stage3-flow-count {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #77664f;
  white-space: nowrap;
}
body.dashboard-v120 .stage3-flow-count b {
  color: #3d2b12;
  font-size: 19px;
}
body.dashboard-v120 .stage3-flow-count span {
  font-size: 10px;
  font-weight: 800;
}
body.dashboard-v120 .stage3-pane-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding: 16px;
  border-top: 1px solid rgba(74, 55, 30, .10);
  border-radius: 0 0 14px 14px;
  background: rgba(247, 240, 226, .62);
}
body.dashboard-v120 .stage3-pane-footer > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
body.dashboard-v120 .stage3-pane-footer b {
  color: #3a2c1d;
  font-size: 12px;
}
body.dashboard-v120 .stage3-pane-footer span {
  color: #7e705e;
  font-size: 10px;
  line-height: 1.45;
}
body.dashboard-v120 .stage3-pane-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}
body.dashboard-v120 .stage3-pane-actions .btn {
  min-height: 40px;
  padding: 9px 14px;
  white-space: nowrap;
}
body.dashboard-v120 #recordDetail.has-unsaved-changes .kts-quick-actionbar {
  border-color: rgba(190, 101, 32, .28);
  box-shadow: 0 10px 24px rgba(174, 89, 27, .08);
}
body.dashboard-v120 .kts-detail-tab[aria-selected="true"] {
  outline: 2px solid rgba(210, 167, 84, .34);
  outline-offset: 2px;
}
@media (max-width: 900px) {
  body.dashboard-v120 .stage3-flow-bar {
    grid-template-columns: 1fr auto;
    gap: 10px 14px;
  }
  body.dashboard-v120 .stage3-flow-progress {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  body.dashboard-v120 .stage3-flow-count {
    grid-column: 2;
    grid-row: 1;
  }
  body.dashboard-v120 .stage3-pane-footer {
    align-items: stretch;
    flex-direction: column;
  }
  body.dashboard-v120 .stage3-pane-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.dashboard-v120 .stage3-pane-actions .btn { width: 100%; }
}
@media (max-width: 520px) {
  body.dashboard-v120 .stage3-flow-bar {
    margin-inline: -2px;
    padding: 12px;
  }
  body.dashboard-v120 .stage3-pane-actions { grid-template-columns: 1fr; }
}