@import "./settings-app-hub.css";

.order-holds-lp {
  --cd-primary: #0d6efd;
  --cd-ink: #102033;
  --cd-soft: #f5f8ff;
}

.order-holds-lp .hero-gradient {
  background: radial-gradient(circle at top left, rgba(13, 110, 253, 0.14), transparent 34%), linear-gradient(135deg, #f8fbff 0%, #eef5ff 100%);
}

.order-holds-lp .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  border-radius: 999px;
  padding: .45rem .8rem;
  background: rgba(13, 110, 253, .1);
  color: var(--cd-primary);
  font-weight: 700;
  font-size: .82rem;
}

.order-holds-lp .floating-card,
.order-holds-lp .stat-tile,
.order-holds-lp .card {
  border-radius: 1.1rem;
}

.order-holds-lp .order-holds-control-card {
  background: #fff;
  padding: 1.5rem;
}

.order-holds-lp .section-alt {
  background: var(--cd-soft);
}

.order-holds-lp .icon-circle,
.order-holds-lp .stat-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.order-holds-lp .step-num {
  flex: 0 0 auto;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cd-primary);
  color: #fff;
  font-weight: 800;
}

.order-holds-lp .border-left {
  border-left: 4px solid var(--cd-primary);
}

.order-holds-lp .cta-band {
  background: linear-gradient(135deg, #0b5ed7 0%, #153e75 100%);
  color: #fff;
}