.operation-dialog-enhanced .operation-progress {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 0;
  padding: 17px 24px;
  border-bottom: 1px solid #e2e9e5;
  background: linear-gradient(90deg, #fbfcf8, #f4f8f3);
}

.operation-dialog-enhanced .operation-progress::before {
  content: "";
  position: absolute;
  top: 31px;
  right: calc(16.66% + 28px);
  left: calc(16.66% + 28px);
  height: 1px;
  background: #cfdcd6;
}

.operation-progress-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #82918b;
}

.operation-progress-item > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #cad8d2;
  border-radius: 50%;
  background: #fff;
  font-size: 10px;
  font-weight: 800;
}

.operation-progress-item strong,
.operation-progress-item small {
  display: block;
}

.operation-progress-item strong {
  font-size: 10px;
  letter-spacing: .01em;
}

.operation-progress-item small {
  margin-top: 1px;
  font-size: 8px;
}

.operation-progress-item.is-active {
  color: #0d4b42;
}

.operation-progress-item.is-active > span {
  color: #fff;
  border-color: #0d4b42;
  background: #0d4b42;
  box-shadow: 0 0 0 5px rgba(13, 75, 66, .1);
}

.operation-progress-item.is-complete {
  color: #246858;
}

.operation-progress-item.is-complete > span {
  color: #0d4b42;
  border-color: #9fc8b8;
  background: #e1f1e8;
}

.operation-live-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  margin-top: 10px;
  padding: 8px 11px;
  border-radius: 9px;
  color: #6b7b75;
  background: #f4f6f3;
  font-size: 9px;
  font-weight: 700;
}

.operation-live-hint::before {
  content: "i";
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #b9cac3;
  border-radius: 50%;
  color: #587068;
  font-family: Georgia, serif;
  font-size: 10px;
}

.operation-live-hint.is-ready {
  color: #145b4c;
  background: #e9f5ee;
}

.operation-live-hint.is-ready::before {
  content: "✓";
  color: #fff;
  border-color: #2d7a64;
  background: #2d7a64;
  font-family: inherit;
}

.quick-amount-enhanced {
  transition: transform .15s ease, border-color .15s ease, background-color .15s ease !important;
}

.quick-amount-enhanced:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: #67a18f !important;
  background: #edf7f1 !important;
}

.operation-review-cta.is-ready,
.operation-confirm-cta {
  box-shadow: 0 9px 22px rgba(13, 75, 66, .2) !important;
}

.receipt-extra-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: min(530px, calc(100% - 46px));
  margin: 17px auto 2px;
}

.receipt-extra-meta > div {
  padding: 10px;
  border: 1px solid #dce6e1;
  border-radius: 10px;
  background: #f7faf7;
  text-align: left;
}

.receipt-extra-meta span,
.receipt-extra-meta strong {
  display: block;
}

.receipt-extra-meta span {
  color: #778983;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.receipt-extra-meta strong {
  margin-top: 4px;
  color: #173f36;
  font-size: 9px;
}

.whatsapp-open-button {
  color: #fff !important;
  border-color: #177a55 !important;
  background: linear-gradient(135deg, #24976d, #177a55) !important;
  box-shadow: 0 8px 18px rgba(23, 122, 85, .16) !important;
}

.whatsapp-open-button > span {
  margin-right: 5px;
  font-size: 14px;
}

.movement-audit-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: calc(100% - 46px);
  margin: 20px auto 4px;
  padding: 15px;
  border: 1px solid #dfe8e3;
  border-radius: 12px;
  background: #f7faf7;
}

.movement-audit-rail::before {
  content: "";
  position: absolute;
  top: 27px;
  right: 20%;
  left: 20%;
  height: 1px;
  background: #b7d1c6;
}

.movement-audit-rail > div {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #4e6a61;
}

.movement-audit-rail span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #2e7964;
  font-size: 9px;
}

.movement-audit-rail strong {
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.movement-audit-rail .is-current span {
  color: #0d4b42;
  background: #ddec76;
  box-shadow: 0 0 0 4px rgba(221, 236, 118, .2);
}

@media (max-width: 680px) {
  .operation-dialog-enhanced .operation-progress {
    padding-inline: 15px;
  }

  .operation-progress-item {
    gap: 5px;
  }

  .operation-progress-item small {
    display: none;
  }

  .receipt-extra-meta {
    grid-template-columns: 1fr;
  }

  .receipt-dialog-enhanced footer,
  .movement-detail-enhanced footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .operation-dialog-enhanced *,
  .receipt-dialog-enhanced *,
  .movement-detail-enhanced * {
    transition-duration: .01ms !important;
  }
}