/* Overrides for auth forms to keep dark theme and prevent white backgrounds */
.auth-left input[type="text"],
.auth-left input[type="email"],
.auth-left input[type="password"],
.auth-left input[type="tel"],
.auth-left textarea {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005));
  color: #eee;
  border: 1px solid rgba(255,255,255,0.04);
}
.auth-left input:focus, .auth-left textarea:focus {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.006));
  color: #eee;
  box-shadow: 0 6px 30px rgba(106,13,173,0.12);
  border-color: var(--accent);
}
/* Stronger specificity to override .form-control background if Bootstrap present */
.auth-left input.form-control,
.auth-left textarea.form-control {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005)) !important;
  color: #eee !important;
}
.auth-left input.form-control:focus,
.auth-left textarea.form-control:focus {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.006)) !important;
  color: #eee !important;
}

/* Referral input row (80% input, 15% button, 5% spacer) */
.referral-row{display:flex;align-items:center;gap:16px}
.referral-row{align-items:stretch}
.referral-row .referral-input{flex:0 0 80%;display:flex;flex-direction:column}
.referral-row .referral-verify{flex:0 0 15%;display:flex;align-items:stretch}
.referral-row .referral-space{flex:0 0 5%}

.referrer-mask{display:block;color:rgba(255,255,255,0.5);font-size:0.9rem}

/* input-group right icon transparent */
.referral-input{position:relative}
.referral-field{border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005));padding:.6rem .9rem;padding-right:52px}
.referral-icon{position:absolute;right:0px;top:40%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--accent-2);pointer-events:none}

.referral-verify .verify-btn{border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#111;border:0;padding:.4rem 1rem;font-weight:700;height:38px;display:inline-flex;align-items:center;justify-content:center}
.referral-verify .verify-btn:active{transform:translateY(0)}

@media (max-width:576px){
  .referral-row{flex-direction:column;align-items:stretch}
  .referral-row .referral-input,.referral-row .referral-verify,.referral-row .referral-space{flex-basis:100%}
  .referral-row .referral-verify{margin-top:6px}
}


.referral-field.valid {
    border: 1px solid #4CAF50;
}

.referral-field.invalid {
    border: 1px solid #ff3b3b;
}

.referral-icon {
    opacity: 0;
    transition: 0.25s;
}

.verify-btn.verified {
    cursor: not-allowed;
}