/* REK Leads v2.1 — Complete Styles */
.rek-wrap{--g:#1A6B4A;--g2:#2A9D6A;--gl:#E8F5EE;--am:#C4841A;--al:#FDF3E0;--ink:#0D0D0B;--k2:#3A3A36;--k3:#7A7A72;--bg:#F5F3EE;--wh:#FFFFFF;--br:rgba(13,13,11,.10);--br2:rgba(13,13,11,.06);--r:16px;--rs:10px;font-family:'DM Sans',-apple-system,sans-serif;color:var(--ink);box-sizing:border-box;line-height:1.5}
.rek-wrap *,.rek-wrap *::before,.rek-wrap *::after{box-sizing:inherit}

/* ── Inputs & buttons ── */
.rek-input{display:block;width:100%;padding:11px 13px;border:1.5px solid var(--br);border-radius:var(--rs);font-size:14px;color:var(--ink);background:var(--bg);outline:none;transition:border-color .18s,background .18s;font-family:inherit;appearance:none}
.rek-input:focus{border-color:var(--g2);background:var(--wh)}
select.rek-input{cursor:pointer}
.rek-textarea{min-height:80px;resize:vertical}
.rek-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--k2);margin-bottom:5px}
.rek-req{color:#c0392b}
.rek-hint{font-size:12px;color:var(--k3);margin-top:4px;line-height:1.5}
.rek-field{margin-bottom:14px}
.rek-phone-wrap{position:relative}
.rek-flag{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}
.rek-phone-input{padding-left:40px}
.rek-btn-primary{display:block;width:100%;padding:13px 20px;background:var(--g);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s;font-family:inherit}
.rek-btn-primary:hover{background:var(--g2)}
.rek-btn-primary:disabled{opacity:.6;cursor:not-allowed}
.rek-btn-secondary{display:block;width:100%;padding:12px 20px;background:transparent;color:var(--ink);border:1.5px solid var(--br);border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s;font-family:inherit}
.rek-btn-secondary:hover{border-color:var(--g);color:var(--g)}
.rek-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rek-spin .7s linear infinite;vertical-align:middle;margin-left:6px}
@keyframes rek-spin{to{transform:rotate(360deg)}}
.rek-toast{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;max-width:340px;opacity:0;transform:translateY(14px);transition:all .3s;pointer-events:none;box-shadow:0 8px 32px rgba(0,0,0,.18)}
.rek-toast.show{opacity:1;transform:none}

/* ══ MULTI-STEP FORM ══ */
#rek-submit{max-width:700px;margin:0 auto;padding:0 16px 60px}
.rek-progress{padding:24px 0 8px}
.rek-progress-bar{height:4px;background:var(--br);border-radius:2px;margin-bottom:16px;overflow:hidden}
.rek-progress-fill{height:100%;background:var(--g);border-radius:2px;transition:width .4s ease;width:0%}
.rek-steps-dots{display:flex;justify-content:space-between}
.rek-dot{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default}
.rek-dot-num{width:28px;height:28px;border-radius:50%;background:var(--bg);border:2px solid var(--br);color:var(--k3);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s}
.rek-dot-label{font-size:10px;color:var(--k3);font-weight:500}
.rek-dot.active .rek-dot-num{background:var(--g);border-color:var(--g);color:#fff}
.rek-dot.done .rek-dot-num{background:var(--gl);border-color:var(--g);color:var(--g)}
.rek-form-card{background:var(--wh);border:1px solid var(--br);border-radius:var(--r);padding:28px;box-shadow:0 2px 16px rgba(13,13,11,.06);margin-bottom:20px}
.rek-step-panel{display:none}
.rek-step-panel.active{display:block}
.rek-step-header{margin-bottom:22px}
.rek-step-tag{display:inline-block;background:var(--gl);color:var(--g);font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 12px;border-radius:50px;margin-bottom:10px}
.rek-step-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 6px;letter-spacing:-.3px}
.rek-step-sub{font-size:14px;color:var(--k3);margin:0;line-height:1.6}
.rek-step-nav{display:flex;gap:10px;margin-top:20px}
.rek-btn-next,.rek-btn-back{padding:12px 24px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;border:none}
.rek-btn-next{background:var(--g);color:#fff;flex:1}
.rek-btn-next:hover{background:var(--g2)}
.rek-btn-back{background:transparent;color:var(--k2);border:1.5px solid var(--br)}
.rek-btn-back:hover{border-color:var(--g);color:var(--g)}

/* Intent grid */
.rek-intent-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rek-intent-group-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--k3);margin-bottom:8px}
.rek-choice-card{display:flex;align-items:center;gap:10px;border:1.5px solid var(--br);border-radius:var(--rs);padding:12px 14px;cursor:pointer;transition:all .18s;margin-bottom:8px;position:relative}
.rek-choice-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.rek-choice-card:hover{border-color:var(--g2)}
.rek-choice-card.selected{border-color:var(--g);background:var(--gl)}
.rek-choice-icon{font-size:18px;flex-shrink:0}
.rek-choice-label{font-size:13px;font-weight:600;color:var(--ink)}
.rek-choice-desc{font-size:11px;color:var(--k3);display:block;margin-top:1px}
.rek-hot-tag{margin-left:auto;font-size:11px;font-weight:700;color:#c0392b}

/* Urgency */
.rek-urgency-options,.rek-diaspora-opts{display:flex;flex-direction:column;gap:10px}
.rek-urgency-card{align-items:flex-start;padding:14px}
.rek-diaspora-card{align-items:center}

/* Budget options */
.rek-budget-opts{display:flex;flex-direction:column;gap:8px}
.rek-budget-opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--br);border-radius:var(--rs);padding:11px 14px;cursor:pointer;transition:all .18s;font-size:14px;color:var(--ink);font-weight:500}
.rek-budget-opt input{position:absolute;opacity:0;pointer-events:none}
.rek-budget-opt:hover{border-color:var(--g2)}
.rek-budget-opt.selected{border-color:var(--g);background:var(--gl)}

/* Summary preview */
.rek-summary-preview{background:var(--bg);border-radius:var(--rs);padding:16px;margin-bottom:16px}
.rek-summary-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--k3);margin-bottom:10px}
.rek-summary-row{font-size:14px;color:var(--k2);margin-bottom:5px}
.rek-privacy{font-size:12px;color:var(--k3);text-align:center;margin-top:12px;line-height:1.5}
.rek-info-box{background:var(--gl);border-radius:var(--rs);padding:14px;font-size:14px;line-height:1.6}
.rek-coming-soon{background:var(--al);color:var(--am);font-size:11px;font-weight:700;padding:2px 8px;border-radius:50px;margin-left:6px}

/* Success screen */
.rek-success-screen{text-align:center;padding:48px 20px}
.rek-success-icon-wrap{font-size:56px;margin-bottom:16px}
.rek-success-title{font-size:28px;font-weight:800;color:var(--ink);margin:0 0 24px;letter-spacing:-.5px}
.rek-success-points{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto 28px}
.rek-success-point{display:flex;align-items:center;gap:12px;background:var(--wh);border:1px solid var(--br);border-radius:var(--rs);padding:14px 16px;font-size:14px;font-weight:500;color:var(--ink)}
.rek-coming-soon-box{background:var(--al);border-radius:var(--r);padding:16px 20px;max-width:420px;margin:0 auto 24px}
.rek-cta-label{font-size:14px;font-weight:700;color:var(--am);margin-bottom:4px}
.rek-cta-text{font-size:13px;color:#633806}
.rek-coming-soon-inline{font-weight:700;color:var(--am)}
.rek-redirect-note{font-size:13px;color:var(--k3);margin-bottom:10px}
.rek-redirect-bar{height:4px;background:var(--br);border-radius:2px;max-width:300px;margin:0 auto;overflow:hidden}
.rek-redirect-fill{height:100%;background:var(--g);border-radius:2px;width:0%;transition:width 1s linear}

/* ══ GATE PAGES ══ */
.rek-gate{max-width:540px;margin:60px auto;text-align:center;padding:0 16px}
.rek-gate-icon{font-size:48px;margin-bottom:16px}
.rek-gate-title{font-size:28px;font-weight:800;color:var(--ink);margin:0 0 12px}
.rek-gate-sub{font-size:16px;color:var(--k3);line-height:1.65;margin:0 0 28px}
.rek-gate-actions{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto 24px}
.rek-gate-note{font-size:13px;color:var(--k3)}
.rek-gate-note a{color:var(--g)}
.rek-gate-steps{text-align:left;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}
.rek-gate-step{display:flex;align-items:flex-start;gap:14px;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);padding:16px}
.rek-step-num{width:28px;height:28px;border-radius:50%;background:var(--g);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.rek-step-text{font-size:13px;color:var(--k2);line-height:1.6}
.rek-step-text strong{color:var(--ink);display:block;margin-bottom:3px}
.rek-step-link{color:var(--g);font-size:13px;font-weight:600;text-decoration:none}

/* ══ LEADS BOARD ══ */
#rek-board{max-width:1100px;margin:0 auto;padding:0 16px 60px}

/* Hero */
.rek-hero{background:var(--ink);padding:52px 24px 44px;border-radius:var(--r);margin:24px 0 20px}
.rek-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.rek-live-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(126,203,161,.15);border:1px solid rgba(126,203,161,.3);color:#7ECBA1;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:50px;margin-bottom:14px}
.rek-pulse{width:7px;height:7px;border-radius:50%;background:#7ECBA1;animation:rek-blink 2s infinite}
@keyframes rek-blink{0%,100%{opacity:1}50%{opacity:.4}}
.rek-hero-h{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-1px;margin:0 0 12px}
.rek-hero-h em{font-style:italic;color:#7ECBA1}
.rek-hero-sub{font-size:15px;color:rgba(255,255,255,.5);margin:0;max-width:460px}
.rek-hero-stats{display:flex;gap:12px;flex-shrink:0}
.rek-stat-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;text-align:center;min-width:100px}
.rek-stat-n{font-size:26px;font-weight:700;color:#7ECBA1}
.rek-stat-l{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}

/* Agent bar */
.rek-agent-bar{display:flex;align-items:center;justify-content:space-between;background:var(--wh);border:1px solid var(--br);border-radius:var(--r);padding:14px 18px;margin-bottom:16px;gap:16px;flex-wrap:wrap}
.rek-agent-info{display:flex;align-items:center;gap:12px}
.rek-agent-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--br)}
.rek-agent-name{font-size:14px;font-weight:600;color:var(--ink)}
.rek-agent-agency{font-size:12px;color:var(--k3)}
.rek-sub-badge{padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;border:none;cursor:default}
.rek-sub-active{background:var(--gl);color:var(--g)}
.rek-sub-cta{background:var(--g2);color:#fff;cursor:pointer;transition:background .2s}
.rek-sub-cta:hover{background:var(--g)}

/* Main filter tabs */
.rek-main-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.rek-main-tab{padding:9px 18px;border-radius:50px;border:1.5px solid var(--br);background:var(--wh);color:var(--k2);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}
.rek-main-tab:hover{border-color:var(--g2);color:var(--g)}
.rek-main-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Sub tabs */
.rek-sub-tabs{padding:8px 0 4px}
.rek-sub-tabs-inner{display:flex;gap:6px;flex-wrap:wrap}
.rek-sub-tab{padding:6px 14px;border-radius:50px;border:1px solid var(--br);background:var(--bg);color:var(--k2);font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;font-family:inherit}
.rek-sub-tab:hover{border-color:var(--g2);color:var(--g)}
.rek-sub-tab.active{background:var(--g);color:#fff;border-color:var(--g)}

/* Controls */
.rek-controls-bar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px;flex-wrap:wrap;gap:10px}
.rek-board-count{font-size:13px;color:var(--k3)}
.rek-board-count strong{color:var(--ink)}
.rek-controls-right{display:flex;gap:8px;flex-wrap:wrap}
.rek-search-input{border:1px solid var(--br);border-radius:50px;padding:8px 16px;font-size:13px;color:var(--ink);background:var(--wh);outline:none;width:190px;transition:border-color .18s;font-family:inherit}
.rek-search-input:focus{border-color:var(--g2)}
.rek-sort-select{border:1px solid var(--br);border-radius:50px;padding:7px 14px;font-size:13px;color:var(--ink);background:var(--wh);cursor:pointer;outline:none;font-family:inherit}

/* Leads grid & cards */
.rek-leads-grid{display:flex;flex-direction:column;gap:14px}
.rek-loading,.rek-empty{padding:48px;text-align:center;color:var(--k3);font-size:15px}
.rek-lead-card{background:var(--wh);border:1px solid var(--br);border-radius:var(--r);overflow:hidden;transition:all .22s;animation:rek-in .35s ease both}
@keyframes rek-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.rek-lead-card:hover{box-shadow:0 8px 32px rgba(13,13,11,.1);transform:translateY(-2px)}
.rek-lead-card.rek-card-hot{border-color:#e8d5a3;background:#FFFFF8}
.rek-lead-card.rek-card-expired{opacity:.55;border-color:var(--br2);filter:grayscale(.4)}
.rek-lead-card.rek-card-expired:hover{transform:none;box-shadow:none}

/* Expiry bar */
.rek-expiry-bar{display:flex;align-items:center;justify-content:space-between;background:var(--ink);padding:8px 16px;font-size:12px;flex-wrap:wrap;gap:8px}
.rek-expiry-bar.rek-expired{background:#888}
.rek-expiry-new{color:#7ECBA1;font-weight:600}
.rek-countdown-wrap{color:rgba(255,255,255,.7)}
.rek-countdown{font-weight:700;color:#FAC775;font-family:monospace}

/* Card body */
.rek-card-top{display:flex;align-items:center;gap:8px;padding:14px 16px 0;flex-wrap:wrap}
.rek-badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:700}
.rek-diaspora-badge{background:#e8f0fb;color:#1a5fa8;font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px}
.rek-card-meta{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--k3)}
.rek-viewers{color:#2251b8}
.rek-remaining{color:var(--am);font-weight:600}
.rek-card-location{padding:8px 16px 0;font-size:13px;color:var(--k3)}
.rek-card-tags{padding:6px 16px 0;display:flex;gap:6px;flex-wrap:wrap}
.rek-tag{font-size:11px;font-weight:700;color:var(--ink);background:var(--bg);padding:2px 8px;border-radius:50px;border:1px solid var(--br2)}
.rek-urgency-tag{font-size:11px;font-weight:600;color:var(--am);background:var(--al);padding:2px 8px;border-radius:50px}
.rek-card-budget{display:inline-flex;align-items:baseline;gap:6px;background:var(--gl);border-radius:8px;padding:6px 12px;margin:10px 16px 0}
.rek-budget-label{font-size:11px;color:var(--g);font-weight:600}
.rek-budget-val{font-size:18px;font-weight:700;color:var(--g)}
.rek-card-note{padding:8px 16px 0;font-size:13px;color:var(--k2);line-height:1.6}
.rek-card-unlock-row{padding:12px 16px 14px}

/* Locked / unlocked */
.rek-locked-row{display:flex;align-items:center;gap:10px}
.rek-unlock-btn{flex:1;padding:11px 16px;background:var(--ink);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s;font-family:inherit}
.rek-unlock-btn:hover{background:var(--g)}
.rek-unlock-price{padding:11px 14px;background:var(--al);color:var(--am);border-radius:50px;font-size:13px;font-weight:700;white-space:nowrap}
.rek-sold-out{font-size:13px;color:var(--k3);font-weight:600;padding:10px 0}
.rek-expired-contact{padding:10px 0;font-size:13px;color:#999;font-style:italic}
.rek-contact-revealed{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gl);border:1px solid rgba(26,107,74,.18);border-radius:var(--rs);padding:12px 14px}
.rek-contact-name{font-weight:700;font-size:14px;color:var(--g)}
.rek-contact-phone{font-size:14px;color:var(--k2);margin-top:2px}
.rek-contact-email{font-size:12px;color:var(--k3);margin-top:1px}
.rek-wa-btn{padding:9px 16px;background:#25D366;color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s;font-family:inherit}
.rek-wa-btn:hover{background:#1EB858}

/* Pagination */
.rek-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.rek-page{padding:7px 13px;border:1px solid var(--br);border-radius:8px;background:var(--wh);font-size:13px;cursor:pointer;transition:all .18s;font-family:inherit}
.rek-page:hover{border-color:var(--g2)}
.rek-page.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Modal */
.rek-modal-bg{position:fixed;inset:0;z-index:9998;background:rgba(13,13,11,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.rek-modal-bg.open{opacity:1;pointer-events:all}
.rek-modal{background:var(--wh);border-radius:20px;padding:28px;max-width:400px;width:100%;position:relative;transform:scale(.95) translateY(16px);transition:all .25s;box-shadow:0 24px 80px rgba(0,0,0,.18)}
.rek-modal-bg.open .rek-modal{transform:none}
.rek-modal-close{position:absolute;top:14px;right:14px;background:var(--bg);border:none;width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--k3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.rek-modal-close:hover{background:var(--br)}
body.rek-modal-open{overflow:hidden}
.rek-modal-title{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 5px}
.rek-modal-desc{font-size:13px;color:var(--k3);margin:0 0 18px;line-height:1.6}
.rek-plan-toggle{display:flex;gap:8px;margin-bottom:16px}
.rek-plan-opt{flex:1;border:1.5px solid var(--br);border-radius:12px;padding:12px;cursor:pointer;transition:all .18s}
.rek-plan-opt:hover{border-color:var(--g2)}
.rek-plan-opt.active{border-color:var(--g);background:var(--gl)}
.rek-plan-name{font-size:13px;font-weight:600;color:var(--ink)}
.rek-plan-price{font-size:17px;font-weight:700;color:var(--g);margin-top:5px}
.rek-mpesa-form{display:flex;flex-direction:column;gap:10px}
.rek-pay-btn{margin-top:2px}
.rek-mpesa-note{font-size:12px;color:var(--k3);text-align:center;line-height:1.5}

/* Responsive */
@media(max-width:680px){
    .rek-intent-grid{grid-template-columns:1fr}
    .rek-hero-stats{display:none}
    .rek-hero{padding:32px 20px}
    .rek-controls-right{width:100%}
    .rek-search-input{width:100%}
    .rek-main-tabs{gap:6px}
    .rek-steps-dots .rek-dot-label{display:none}
}

/* ══ PREVIEW SCREEN ══ */
.rek-preview-screen{background:var(--wh);border:1px solid var(--br);border-radius:var(--r);padding:28px;margin-top:16px;box-shadow:0 2px 16px rgba(13,13,11,.06)}
.rek-preview-header{text-align:center;margin-bottom:24px}
.rek-preview-check{font-size:40px;display:block;margin-bottom:10px}
.rek-preview-header h2{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 6px}
.rek-preview-header p{font-size:14px;color:var(--k3);margin:0}
.rek-preview-table{border:1px solid var(--br);border-radius:var(--rs);overflow:hidden;margin-bottom:20px}
.rek-preview-row{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--br2);padding:11px 14px;gap:10px}
.rek-preview-row:last-child{border-bottom:none}
.rek-preview-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--k3);padding-top:2px}
.rek-preview-value{font-size:14px;color:var(--ink);font-weight:500;line-height:1.5}
.rek-preview-diaspora{background:#e8f0fb;color:#1a5fa8;font-size:11px;font-weight:700;padding:2px 8px;border-radius:50px;margin-left:8px;vertical-align:middle}
.rek-preview-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}

/* ══ TRIAL BADGE ══ */
.rek-trial-badge{background:#fff0e6;color:#b85c00;font-size:11px;font-weight:700;padding:2px 8px;border-radius:50px;display:inline-block;margin-left:6px}

/* ════════════════════════════════════════════════════════════
   v3 NEW FEATURE STYLES
════════════════════════════════════════════════════════════ */

/* ── Feature 1: Field error + shake animation ─────────────── */
@keyframes rek-shake {
    0%,100%{transform:translateX(0)}
    20%{transform:translateX(-6px)}
    40%{transform:translateX(6px)}
    60%{transform:translateX(-4px)}
    80%{transform:translateX(4px)}
}
.rek-shake { animation: rek-shake .5s ease; }

.rek-field-error {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 3px rgba(192,57,43,.15) !important;
    animation: rek-shake .5s ease;
}

/* Highlight required steps more clearly */
.rek-step-panel .rek-req { color:#c0392b; font-weight:700; }

/* ── Feature 3: Admin badges on board ────────────────────── */
.rek-admin-badge {
    display:inline-block;
    background:#1a1a2e;
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:2px 7px;
    border-radius:4px;
    margin-right:6px;
    letter-spacing:.3px;
}
.rek-admin-pending-badge {
    display:inline-block;
    background:#fff3cd;
    color:#856404;
    font-size:10px;
    font-weight:700;
    padding:2px 7px;
    border-radius:4px;
    margin-left:6px;
    border:1px solid #ffc107;
}
.rek-admin-live-badge {
    display:inline-block;
    background:#d1f7e0;
    color:#155724;
    font-size:10px;
    font-weight:700;
    padding:2px 7px;
    border-radius:4px;
    margin-left:6px;
    border:1px solid #48bb78;
}
.rek-admin-contact {
    background:linear-gradient(135deg,#f8f9ff 0%,#eef3fd 100%);
    border:1.5px solid #c5d8f8;
    border-radius:var(--rs);
    padding:12px 14px;
}

/* ── Feature 5: Review preview screen ───────────────────── */
.rek-preview-screen {
    background:var(--wh);
    border:1px solid var(--br);
    border-radius:var(--r);
    padding:28px;
    margin-top:16px;
    box-shadow:0 2px 16px rgba(13,13,11,.06);
}
.rek-preview-header { text-align:center; margin-bottom:24px; }
.rek-preview-check { font-size:40px; display:block; margin-bottom:10px; }
.rek-preview-header h2 { font-size:22px; font-weight:800; color:var(--ink); margin:0 0 6px; }
.rek-preview-header p  { font-size:14px; color:var(--k3); margin:0; }
.rek-preview-table {
    border:1px solid var(--br);
    border-radius:var(--rs);
    overflow:hidden;
    margin-bottom:20px;
}
.rek-preview-row {
    display:grid;
    grid-template-columns:140px 1fr;
    border-bottom:1px solid var(--br2);
    padding:11px 14px;
    gap:10px;
}
.rek-preview-row:last-child { border-bottom:none; }
.rek-preview-label {
    font-size:12px;
    font-weight:700;
    color:var(--k3);
    padding-top:2px;
}
.rek-preview-value {
    font-size:14px;
    color:var(--ink);
    font-weight:500;
    line-height:1.5;
}
.rek-preview-diaspora {
    background:#e8f0fb;
    color:#1a5fa8;
    font-size:11px;
    font-weight:700;
    padding:2px 8px;
    border-radius:50px;
    margin-left:8px;
    vertical-align:middle;
}
.rek-preview-actions {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:12px;
}

/* ── Feature 4: Success screen ───────────────────────────── */
.rek-success-screen {
    text-align:center;
    padding:48px 28px;
    background:var(--wh);
    border:1px solid var(--br);
    border-radius:var(--r);
    box-shadow:0 2px 16px rgba(13,13,11,.06);
    animation:fadeIn .4s ease;
}
@keyframes fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
.rek-success-icon-wrap { font-size:56px; margin-bottom:16px; }
.rek-success-title { font-size:24px; font-weight:800; color:var(--ink); margin:0 0 24px; }
.rek-success-points { display:flex; flex-direction:column; gap:12px; margin-bottom:28px; }
.rek-success-point {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    color:var(--ink);
    background:#f7faf8;
    border:1px solid #d4edda;
    border-radius:var(--rs);
    padding:12px 16px;
    text-align:left;
    font-weight:500;
}
.rek-success-point span { font-size:20px; flex-shrink:0; }
.rek-coming-soon-box {
    background:linear-gradient(135deg,#fff8f0 0%,#fef0dc 100%);
    border:1px solid #fbd38d;
    border-radius:var(--rs);
    padding:16px;
    margin-bottom:24px;
}
.rek-cta-label { font-weight:700; font-size:14px; color:var(--ink); margin-bottom:4px; }
.rek-cta-text  { font-size:13px; color:var(--k3); }
.rek-coming-soon-inline {
    background:#fff0e6;
    color:#b85c00;
    font-size:11px;
    font-weight:700;
    padding:1px 7px;
    border-radius:50px;
    margin-left:5px;
}
.rek-redirect-note { font-size:13px; color:var(--k3); margin-bottom:10px; }
.rek-redirect-bar { height:4px; background:#f0f0f1; border-radius:2px; overflow:hidden; }
.rek-redirect-fill { height:100%; background:var(--g1); border-radius:2px; transition:width 1s linear; }

/* ── Feature 6: Relocation box in form & preview ─────────── */
.rek-relocation-box {
    background:linear-gradient(135deg,#f0f9ff 0%,#e8f4fd 100%) !important;
    border:1.5px solid #90cdf4 !important;
    border-radius:var(--rs);
    padding:16px 18px;
}
.rek-relocation-header {
    font-size:15px;
    font-weight:800;
    color:#1a365d;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.rek-relocation-tagline { font-size:13px; color:#2d5a8a; margin:0 0 12px; line-height:1.5; }
.rek-relocation-what { margin-bottom:12px; }
.rek-relocation-what strong { font-size:13px; color:var(--ink); display:block; margin-bottom:6px; }
.rek-relocation-what ul { margin:0; padding-left:4px; list-style:none; display:flex; flex-direction:column; gap:6px; }
.rek-relocation-what ul li { font-size:13px; color:#2d3748; line-height:1.5; }
.rek-relocation-footer { font-size:13px; color:#2d5a8a; font-style:italic; margin:0; border-top:1px solid #bee3f8; padding-top:10px; }

/* Preview screen relocation box */
.rek-preview-relocation-box {
    background:linear-gradient(135deg,#f0f9ff 0%,#e8f4fd 100%);
    border:1.5px solid #90cdf4;
    border-radius:var(--rs);
    padding:16px 18px;
    margin-bottom:20px;
}
.rek-preview-relocation-header {
    font-size:14px;
    font-weight:800;
    color:#1a365d;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
}
.rek-relocation-list { margin:0 0 10px; padding-left:4px; list-style:none; display:flex; flex-direction:column; gap:6px; }
.rek-relocation-list li { font-size:13px; color:#2d3748; line-height:1.5; }
.rek-relocation-note { font-size:12px; color:#2d5a8a; font-style:italic; margin:8px 0 0; border-top:1px solid #bee3f8; padding-top:8px; }

/* ── Feature 7: Teaser blurred contact preview ───────────── */
.rek-locked-preview {
    border:1.5px dashed #c5d5e8;
    border-radius:var(--rs);
    padding:14px;
    background:#f8fafd;
    text-align:center;
}
.rek-preview-teaser {
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:14px;
    text-align:left;
}
.rek-teaser-row {
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px 10px;
    background:#fff;
    border:1px solid var(--br2);
    border-radius:4px;
}
.rek-teaser-label {
    font-size:11px;
    font-weight:700;
    color:var(--k3);
    width:62px;
    flex-shrink:0;
}
.rek-teaser-blur {
    font-size:13px;
    color:#c0c0c0;
    letter-spacing:3px;
    filter:blur(3px);
    user-select:none;
    flex:1;
    font-family:monospace;
}
.rek-unlock-btn {
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:var(--g1);
    color:#fff;
    font-size:13px;
    font-weight:700;
    border:none;
    border-radius:var(--rs);
    padding:10px 18px;
    cursor:pointer;
    transition:background .15s,transform .1s;
    margin-bottom:8px;
}
.rek-unlock-btn:hover { background:#1565c0; transform:translateY(-1px); }
.rek-unlock-note {
    font-size:11px;
    color:var(--k3);
    margin:0;
}

/* ── Trial badge ─────────────────────────────────────────── */
.rek-trial-badge {
    background:#fff0e6;
    color:#b85c00;
    font-size:11px;
    font-weight:700;
    padding:2px 8px;
    border-radius:50px;
    display:inline-block;
    margin-left:6px;
}

/* ── Responsive for new elements ─────────────────────────── */
@media(max-width:680px){
    .rek-preview-row { grid-template-columns:100px 1fr; }
    .rek-success-title { font-size:20px; }
    .rek-relocation-what ul li { font-size:12px; }
}