/*
 * Versioned floating SMS control.
 * This file intentionally has a unique URL so browsers cannot reuse the
 * previous year-long cached stylesheet after a Netlify manual deployment.
 */
.sms-chat {
  position: fixed !important;
  right: 22px !important;
  right: max(22px, env(safe-area-inset-right)) !important;
  bottom: 22px !important;
  bottom: max(22px, env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: calc(100vw - 32px) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 10px 17px 10px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  overflow: visible !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #72c82a, #4b9f19) !important;
  color: #fff !important;
  font-family: Inter, Arial, sans-serif !important;
  line-height: 1 !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: 0 12px 30px rgba(35,91,12,.3) !important;
  transform: none;
  isolation: isolate;
}

.sms-chat:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(35,91,12,.35) !important;
}

.sms-chat:focus-visible {
  outline: 3px solid rgba(0,109,183,.38) !important;
  outline-offset: 3px !important;
}

.sms-chat .sms-chat-icon {
  box-sizing: border-box !important;
  width: 31px !important;
  min-width: 31px !important;
  max-width: 31px !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  flex: 0 0 31px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.18) !important;
}

.sms-chat .sms-chat-icon svg {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  display: block !important;
  margin: 0 !important;
}

.sms-chat .sms-chat-copy {
  width: auto !important;
  display: grid !important;
  gap: 1px !important;
  margin: 0 !important;
  line-height: 1.08 !important;
}

.sms-chat .sms-chat-copy strong {
  font-size: .9rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

.sms-chat .sms-chat-copy small {
  color: rgba(255,255,255,.86) !important;
  font-size: .67rem !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .sms-chat {
    right: 12px !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: 12px !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    min-height: 48px !important;
    padding: 8px 14px 8px 8px !important;
  }

  .sms-chat .sms-chat-icon {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    flex-basis: 30px !important;
  }
}