/* RIEKA TECH LABS — Consultant Portal Styles */

.comm-card{
  background:linear-gradient(135deg,rgba(79,142,247,0.1),rgba(168,85,247,0.1));
  border:1px solid rgba(79,142,247,0.25);
  border-radius:14px;
  padding:20px;
  margin-bottom:16px;
}
.comm-num{
  font-family:'Space Grotesk',sans-serif;
  font-size:2rem;
  font-weight:800;
  color:var(--a1);
  line-height:1;
}
.comm-lbl{
  font-size:0.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.07em;
  color:var(--sub);
  margin-top:4px;
}

/* REFERRAL CARDS */
.ref-card{
  background:var(--bg2);
  border:1px solid var(--bdr);
  border-radius:12px;
  padding:16px;
  margin-bottom:10px;
  transition:border-color 0.2s;
}
.ref-card:hover{border-color:var(--bdr2);}
.ref-lead{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:0.9rem;
  margin-bottom:4px;
}

/* STATUS BADGES */
.ref-status{
  font-size:0.62rem;
  font-weight:700;
  padding:2px 8px;
  border-radius:100px;
  font-family:'Space Grotesk',sans-serif;
  text-transform:uppercase;
  display:inline-block;
}
.ref-status-pending{
  background:rgba(245,158,11,0.1);
  border:1px solid rgba(245,158,11,0.2);
  color:#f59e0b;
}
.ref-status-successful{
  background:rgba(16,185,129,0.1);
  border:1px solid rgba(16,185,129,0.2);
  color:var(--a4);
}
.ref-status-in-progress{
  background:rgba(79,142,247,0.1);
  border:1px solid rgba(79,142,247,0.2);
  color:var(--a1);
}
.ref-status-contacted{
  background:rgba(168,85,247,0.1);
  border:1px solid rgba(168,85,247,0.2);
  color:var(--a2);
}
.ref-status-lost{
  background:rgba(239,68,68,0.08);
  border:1px solid rgba(239,68,68,0.2);
  color:#ef4444;
}

/* QUERY CARDS */
.query-card{
  background:var(--bg2);
  border:1px solid var(--bdr);
  border-radius:10px;
  padding:12px 14px;
  margin-bottom:8px;
}
.query-subject{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:0.82rem;
  margin-bottom:4px;
}
.query-msg{
  font-size:0.75rem;
  color:var(--sub);
  line-height:1.6;
  margin-bottom:6px;
}
.query-date{
  font-size:0.65rem;
  color:var(--dim);
}

/* HOW IT WORKS STEPS */
.how-step{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:14px;
  background:rgba(255,255,255,0.02);
  border:1px solid var(--bdr);
  border-radius:10px;
  margin-bottom:10px;
}
.how-step-icon{
  font-size:1.4rem;
  flex-shrink:0;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.how-step-title{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:0.85rem;
  margin-bottom:3px;
}
.how-step-desc{
  font-size:0.78rem;
  color:var(--sub);
  line-height:1.6;
}

/* COMMISSION HIGHLIGHT BOX */
.comm-highlight{
  background:rgba(79,142,247,0.07);
  border:1px solid rgba(79,142,247,0.2);
  border-radius:10px;
  padding:16px;
  margin-top:8px;
}
.comm-highlight-title{
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:0.82rem;
  margin-bottom:6px;
}
.comm-highlight-num{
  font-family:'Space Grotesk',sans-serif;
  font-size:1.6rem;
  font-weight:800;
  color:var(--a1);
}
.comm-highlight-sub{
  font-size:0.75rem;
  color:var(--sub);
  margin-top:4px;
}

/* WHATSAPP BTN */
.wa-consult-btn{
  display:inline-block;
  margin-top:14px;
  background:rgba(37,211,102,0.1);
  border:1px solid rgba(37,211,102,0.25);
  color:#25d366;
  padding:9px 20px;
  border-radius:8px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;
  font-size:0.82rem;
  text-decoration:none;
  transition:background 0.2s;
}
.wa-consult-btn:hover{background:rgba(37,211,102,0.18);}

/* SUBMIT FORM */
.submit-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* STATS GRID */
.con-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:14px;
  margin-bottom:24px;
}

/* MESSAGE SPLIT */
.msg-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:start;
}

@media(max-width:700px){
  .msg-split{grid-template-columns:1fr;}
  .con-stats-grid{grid-template-columns:repeat(2,1fr);}
}