body .modal:has(.operation-detail) {
  width: min(1080px, calc(100% - 24px));
  max-height: calc(100dvh - 24px);
}

.operation-detail {
  padding-bottom: 8px;
}

.operation-detail > .flow {
  margin-bottom: 16px;
}

.operation-detail > .card {
  margin-bottom: 14px;
}

.operation-detail > .actions {
  position: sticky;
  bottom: -20px;
  z-index: 5;
  margin: 0 -20px;
  padding: 12px 20px;
  background: rgba(255, 255, 255, .96);
  border-top: 1px solid var(--line);
  backdrop-filter: blur(10px);
}

@media (max-width: 760px) {
  body .modal:has(.operation-detail) {
    width: 100%;
    height: 100%;
    max-height: none;
    border-radius: 0;
  }
}