/* Shakumbhri CRM — Sample Request module CSS v1.0
   Modal chrome (.shcrm-wizard-box), steps bar, form fields, and mobile
   breakpoints are all inherited from public.css — this file only adds
   what's unique to this module: the sticky trigger button and the
   OTP verification row. */

/* ── Sticky trigger — stacks above the WhatsApp float on the right,
   never overlapping the sticky quote / Google CTA pair on the left ── */
.shcrm-sample-trigger {
  position: fixed;
  bottom: 90px; right: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, var(--sg-gold), #a67c1e);
  color: #1a2e1a;
  border: none;
  border-radius: 50px;
  padding: 11px 18px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .2px;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(0,0,0,.22);
  z-index: 9996;
  transition: all var(--sg-trans);
  animation: shcrm-wa-pop 1s cubic-bezier(.22,.61,.36,1) 1.4s both;
  font-family: inherit;
}
.shcrm-sample-trigger:hover { background: var(--sg-gold-light); transform: translateY(-2px); }

@media (max-width: 640px) {
  .shcrm-sample-trigger {
    bottom: 78px; right: 16px;
    padding: 10px 14px;
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .shcrm-sample-trigger span { display: none; }
  .shcrm-sample-trigger { border-radius: 50%; width: 48px; height: 48px; padding: 0; justify-content: center; }
}

/* ── OTP verification row (Step 3) ── */
.shcrm-btn-otp-send,
.shcrm-btn-otp-verify {
  background: linear-gradient(135deg, var(--sg-green-mid), var(--sg-green-deep));
  color: #f0d070;
  border: none;
  border-radius: 8px;
  padding: 11px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--sg-trans);
  width: 100%;
}
.shcrm-btn-otp-send:hover,
.shcrm-btn-otp-verify:hover { background: var(--sg-green-deep); }
.shcrm-btn-otp-send:disabled,
.shcrm-btn-otp-verify:disabled { opacity: .55; cursor: default; }

.shcrm-otp-row {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--sg-border);
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.shcrm-otp-row .shcrm-field { flex: 1; min-width: 140px; margin: 0; }
.shcrm-otp-row .shcrm-btn-otp-verify { width: auto; flex: 0 0 auto; }

.shcrm-otp-status {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  min-height: 18px;
}
.shcrm-otp-status.shcrm-otp-ok      { color: #2e7d32; }
.shcrm-otp-status.shcrm-otp-error   { color: #c0392b; }
.shcrm-otp-status.shcrm-otp-pending { color: var(--sg-muted); font-weight: 400; }

.shcrm-phone-locked {
  background: var(--sg-green-pale) !important;
  cursor: not-allowed;
}
.shcrm-change-number {
  font-size: 12px;
  color: var(--sg-muted);
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px 0 0;
  margin: 0;
}
.shcrm-change-number:hover { color: var(--sg-gold); }