/* Ranksho CRM — Kanban admin */
.ranksho-crm__header{margin-bottom:8px}
.ranksho-crm-export{margin:16px 0 8px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.ranksho-crm-export h2{margin:0 0 6px;font-size:16px}
.ranksho-crm-export__form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}
.ranksho-crm-export__form label{display:flex;flex-direction:column;gap:6px;min-width:180px}
.ranksho-crm-export__form label span{font-size:12px;font-weight:600;color:#475569}
.ranksho-crm-export__form select{min-width:180px}
.ranksho-crm-export__check{flex-direction:row!important;align-items:center;min-width:auto!important;padding-bottom:6px}
.ranksho-crm-export__check input{margin:0 0 0 6px}
.ranksho-kanban{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;margin-top:20px}
.ranksho-kanban__col{flex:0 0 260px;background:#f1f5f9;border-radius:12px;padding:12px;min-height:400px}
.ranksho-kanban__col-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}
.ranksho-kanban__count{background:#1f359b;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px}
.ranksho-kanban__cards{display:flex;flex-direction:column;gap:10px;min-height:200px}
.ranksho-kanban__card{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:grab}
.ranksho-kanban__card.dragging{opacity:.5}
.ranksho-kanban__card-title a{font-weight:700;color:#1e293b;text-decoration:none}
.ranksho-kanban__card-meta{font-size:12px;color:#64748b;margin-top:4px}
.ranksho-kanban__card-tag{display:inline-block;margin-top:8px;font-size:11px;background:#eef1fb;color:#1f359b;padding:2px 8px;border-radius:999px}
.ranksho-kanban__payment-tag{display:inline-block;margin-top:8px;font-size:11px;background:#fff7ed;color:#c2410c;padding:2px 8px;border-radius:999px}
.ranksho-kanban__receipt-link{margin-top:8px;font-size:12px}
.ranksho-kanban__receipt-link a{color:#1f359b;text-decoration:none;font-weight:700}
.ranksho-kanban__card-follow{font-size:11px;color:#f59e0b;margin-top:6px}
.ranksho-kanban__status-select{width:100%;margin-top:8px;font-size:12px}
.ranksho-kanban__col.drag-over{background:#e0e7ff}

/* Lead form */
.rs-lead-form__title{font-size:1.5rem;font-weight:900;color:#0f172a;margin:0 0 .5rem}
.rs-lead-form__subtitle{color:#64748b;margin:0 0 1.5rem}
.rs-lead-form__grid{display:grid;gap:1rem}
@media(min-width:640px){.rs-lead-form__grid{grid-template-columns:1fr 1fr}}
.rs-lead-form__grid--single{grid-template-columns:1fr}
.rs-lead-form__field label{display:block;font-size:.875rem;font-weight:700;color:#334155;margin-bottom:.35rem}
.rs-lead-form__field input,.rs-lead-form__field select{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1rem;background:#fff;transition:border-color .2s,box-shadow .2s}
.rs-lead-form__field input:focus,.rs-lead-form__field select:focus{outline:none;border-color:#1f359b;box-shadow:0 0 0 3px rgba(31,53,155,.15)}
.rs-lead-form__honeypot{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.rs-lead-form__submit{width:100%;margin-top:1.25rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#1f359b,#001c9b);color:#fff;font-weight:800;font-size:1rem;border:none;border-radius:1rem;cursor:pointer;transition:opacity .2s,transform .1s}
.rs-lead-form__submit:hover{opacity:.92}
.rs-lead-form__submit:disabled{opacity:.6;cursor:not-allowed}
.rs-lead-form__grid--compact{grid-template-columns:1fr}
@media(min-width:640px){.rs-lead-form__grid--compact{grid-template-columns:1fr 1fr}}
.rs-lead-form__message{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem}
.rs-lead-form__message.is-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.rs-lead-form__message.is-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.rs-lead-form__progress{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}
.rs-lead-form__progress span{display:flex;align-items:center;justify-content:center;padding:.7rem .9rem;border-radius:999px;background:#eff6ff;color:#64748b;font-size:.85rem;font-weight:700}
.rs-lead-form__progress span.is-active{background:linear-gradient(135deg,#1f359b,#001c9b);color:#fff}
.rs-lead-form__step[hidden]{display:none!important}
.rs-lead-form__hint{display:block;margin-top:.45rem;color:#64748b;font-size:.78rem}
.rs-lead-form__preview{margin-top:.85rem;padding:.75rem;border:1px dashed #cbd5e1;border-radius:1rem;background:#f8fafc}
.rs-lead-form__preview img{display:block;max-width:100%;height:auto;border-radius:.75rem}
.rs-lead-form__confirm{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff}
.rs-lead-form__confirm input{width:auto;margin-top:.25rem}
.rs-lead-form__confirm span{color:#334155;line-height:1.9;font-size:.92rem}
.rs-lead-form__actions{display:flex;flex-direction:column-reverse;gap:.85rem;margin-top:1rem}
.rs-lead-form__back{padding:.9rem 1rem;border:1px solid #cbd5e1;border-radius:1rem;background:#fff;color:#334155;font-weight:700;cursor:pointer}
.rs-payment-card{margin-top:.25rem;padding:1.35rem;border:1px solid #dbeafe;border-radius:1.5rem;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 18px 40px rgba(31,53,155,.08)}
.rs-payment-card__header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}
.rs-payment-card__eyebrow{display:inline-block;margin-bottom:.35rem;color:#1f359b;font-size:.78rem;font-weight:800}
.rs-payment-card__header strong{display:block;color:#0f172a;font-size:1.1rem}
.rs-payment-card__trust{align-self:flex-start;padding:.45rem .75rem;border-radius:999px;background:#ecfdf5;color:#166534;font-size:.78rem;font-weight:800}
.rs-payment-card__prices{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem}
.rs-payment-card__price-box{padding:.85rem .75rem;border-radius:1rem;background:#fff;border:1px solid #e2e8f0;text-align:center}
.rs-payment-card__price-box span{display:block;margin-bottom:.35rem;color:#64748b;font-size:.75rem;line-height:1.5}
.rs-payment-card__price-box strong{display:block;color:#0f172a;font-size:.95rem;line-height:1.45}
.rs-payment-card__price-box--featured{border-color:#fbbf24;background:linear-gradient(135deg,#fff7ed,#fffbeb)}
.rs-payment-card__account{padding:1rem;border-radius:1rem;background:#0f172a;color:#fff;text-align:center}
.rs-payment-card__account-head{display:flex;flex-direction:column;align-items:center;gap:.55rem}
.rs-payment-card__account-head span{color:#cbd5e1;font-size:.82rem}
.rs-payment-card__number{font-size:1.2rem;letter-spacing:.1em;font-weight:800;word-break:break-all}
.rs-payment-card__copy{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:.55rem 1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#3d5bb8,#1f359b);color:#fff;font-size:.85rem;font-weight:800;cursor:pointer;transition:opacity .2s ease,transform .15s ease}
.rs-payment-card__copy:hover{opacity:.92;transform:translateY(-1px)}
.rs-payment-card__copy.is-copied{background:linear-gradient(135deg,#10b981,#059669)}
.rs-payment-card__account-meta{display:grid;gap:.35rem;margin-top:.85rem;color:#e2e8f0;font-size:.88rem;justify-items:center}
.rs-svc-contact__eyebrow{display:inline-block;margin-bottom:.8rem;color:#1f359b;font-size:.82rem;font-weight:900;letter-spacing:.04em}
.rs-svc-contact__trust-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin:1.25rem 0}
.rs-svc-contact__trust-card{padding:1rem 1.1rem;border:1px solid #dbeafe;border-radius:1.2rem;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}
.rs-svc-contact__trust-card span{display:block;color:#64748b;font-size:.8rem;margin-bottom:.35rem}
.rs-svc-contact__trust-card strong{display:block;color:#0f172a;font-size:1.1rem;margin-bottom:.3rem}
.rs-svc-contact__trust-card small{display:block;color:#475569;line-height:1.8}
.rs-lead-form--dark .rs-lead-form__title{color:#fff}
.rs-lead-form--dark .rs-lead-form__subtitle{color:#cbd5e1}
.rs-lead-form--dark .rs-lead-form__field label{color:#e2e8f0}

@media(min-width:640px){
  .rs-lead-form__actions{flex-direction:row;align-items:center}
  .rs-lead-form__actions .rs-lead-form__submit{margin-top:0;flex:1}
  .rs-lead-form__back{min-width:140px}
}

@media(min-width:768px){
  .rs-payment-card__header{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .rs-payment-card__price-box{padding:1rem}
  .rs-payment-card__price-box span{font-size:.82rem}
  .rs-payment-card__price-box strong{font-size:1.1rem}
  .rs-payment-card__number{font-size:1.35rem}
  .rs-svc-contact__trust-grid{grid-template-columns:1fr 1fr}
}

/* Article consultation popup */
.rs-article-popup-marker {
  height: 1px;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
}

body.rs-article-popup-open {
  overflow: hidden;
}

.rs-article-popup {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.rs-article-popup[hidden] {
  display: none !important;
}

.rs-article-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.rs-article-popup__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 28rem);
  max-height: min(92vh, 44rem);
  overflow: auto;
  border-radius: 1.35rem;
  background: #fff;
  border: 1px solid #e8edf5;
  box-shadow: 0 24px 48px rgba(31, 53, 155, 0.12);
  transform: translateY(16px) scale(0.98);
  opacity: 0;
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.rs-article-popup.is-open .rs-article-popup__backdrop {
  opacity: 1;
}

.rs-article-popup.is-open .rs-article-popup__dialog {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.rs-article-popup__close {
  position: absolute;
  top: 0.85rem;
  left: 0.85rem;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #fff;
  color: #64748b;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.rs-article-popup__close:hover {
  color: #1f359b;
  border-color: #c7d2fe;
  background: #eef1fb;
}

.rs-article-popup__hero {
  position: relative;
  padding: 1.5rem 1.35rem 0.5rem;
  padding-left: 2.75rem;
  background: linear-gradient(180deg, #f4f6fc 0%, #fff 100%);
  border-bottom: 1px solid #eef1f7;
}

.rs-article-popup__hero::before {
  content: "";
  position: absolute;
  top: 1.35rem;
  right: 1.35rem;
  width: 3px;
  height: 2.5rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #3d5bb8, #1f359b);
}

.rs-article-popup__hero h2 {
  margin: 0 0 0.55rem;
  font-size: 1.15rem;
  font-weight: 900;
  color: #1e293b;
  line-height: 1.45;
}

.rs-article-popup__hero p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.8;
  color: #64748b;
}

.rs-lead-form--popup {
  padding: 1.15rem 1.25rem 1.25rem;
}

.rs-lead-form--popup .rs-lead-form__grid {
  grid-template-columns: 1fr;
}

.rs-lead-form--popup .rs-lead-form__submit {
  margin-top: 0.85rem;
  background: linear-gradient(135deg, #3d5bb8, #1f359b);
}

@media (min-width: 640px) {
  .rs-lead-form--popup .rs-lead-form__grid {
    grid-template-columns: 1fr 1fr;
  }

  .rs-lead-form--popup .rs-lead-form__field:nth-child(1),
  .rs-lead-form--popup .rs-lead-form__field:nth-child(2) {
    grid-column: span 1;
  }

  .rs-lead-form--popup .rs-lead-form__field:nth-child(3),
  .rs-lead-form--popup .rs-lead-form__field:nth-child(4) {
    grid-column: span 1;
  }
}

/* Order popup (salon / education sticky CTA) */
body.rs-order-popup-open {
  overflow: hidden;
}

.rs-order-popup {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
}

.rs-order-popup[hidden] {
  display: none !important;
}

.rs-order-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.25s ease;
}

.rs-order-popup__dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: min(92vh, 44rem);
  overflow: auto;
  border-radius: 1.35rem 1.35rem 0 0;
  background: #fff;
  border: 1px solid #e8edf5;
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.18);
  transform: translateY(24px);
  opacity: 0;
  transition: transform 0.28s ease, opacity 0.28s ease;
}

.rs-order-popup.is-open .rs-order-popup__backdrop {
  opacity: 1;
}

.rs-order-popup.is-open .rs-order-popup__dialog {
  transform: translateY(0);
  opacity: 1;
}

.rs-order-popup__close {
  position: absolute;
  top: 0.85rem;
  left: 0.85rem;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #fff;
  color: #64748b;
  cursor: pointer;
}

.rs-order-popup__close:hover {
  color: #1f359b;
  border-color: #c7d2fe;
  background: #eef1fb;
}

.rs-order-popup__hero {
  padding: 1.35rem 1.25rem 0.75rem;
  padding-left: 2.75rem;
  background: linear-gradient(180deg, #f4f6fc 0%, #fff 100%);
  border-bottom: 1px solid #eef1f7;
}

.rs-order-popup__hero h2 {
  margin: 0 0 0.45rem;
  font-size: 1.1rem;
  font-weight: 900;
  color: #1e293b;
  line-height: 1.45;
}

.rs-order-popup__hero p {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.8;
  color: #64748b;
}

.rs-lead-form--order-popup {
  padding: 1rem 1.15rem 1.25rem;
}

.rs-svc-sticky-cta .rs-svc-btn {
  width: 100%;
  border: none;
  cursor: pointer;
}

@media (min-width: 640px) {
  .rs-order-popup {
    align-items: center;
    padding: 1rem;
  }

  .rs-order-popup__dialog {
    width: min(100%, 30rem);
    border-radius: 1.35rem;
    transform: translateY(16px) scale(0.98);
  }

  .rs-order-popup.is-open .rs-order-popup__dialog {
    transform: translateY(0) scale(1);
  }
}
