/* =========================================================
   T'ES-TU GAME? — V1.14.0
   Invitations + préparation infolettre + badge Recruteur
   ========================================================= */

/* --- Inscription : invitation + consentement infolettre --- */
.referral-register-banner{
  margin:14px 0 16px;
  padding:13px 14px;
  border:1px solid rgba(32,199,240,.45);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(32,199,240,.09),rgba(245,32,56,.05));
  color:#dbeaf2;
}
.referral-register-banner strong{display:block;color:#fff;font-size:12px;letter-spacing:.04em}
.referral-register-banner span{display:block;margin-top:5px;color:#9fb7c5;font-size:11px;line-height:1.5}
.referral-register-banner.muted{border-color:#2a4657;background:#06131d}

.newsletter-consent{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:flex-start;
  margin:15px 0 17px;
  padding:12px 13px;
  border:1px solid #21485e;
  border-radius:12px;
  background:#061622;
  cursor:pointer;
}
.newsletter-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#20c7f0}
.newsletter-consent strong{display:block;color:#fff;font-size:10px;letter-spacing:.04em}
.newsletter-consent small{display:block;margin-top:4px;color:#8fa8b7;font-size:10px;line-height:1.5}

/* --- Profil : modules V1.14.0 --- */
.v1140-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:16px;
  margin-top:16px;
}
.v1140-card{
  border:1px solid #1d4359;
  border-radius:16px;
  background:radial-gradient(circle at 95% 0,rgba(32,199,240,.07),transparent 34%),linear-gradient(145deg,#071b2a,#04121e);
  padding:20px;
  min-width:0;
}
.v1140-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v1140-card-head h2{margin:0;font:30px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.02em}
.v1140-copy{margin:11px 0 0;color:#9fb5c2;font-size:11px;line-height:1.65}
.v1140-copy strong{color:#fff}
.recruiter-counter,.newsletter-state{
  flex:0 0 auto;
  border:1px solid #31536b;
  border-radius:999px;
  padding:7px 9px;
  background:#061622;
  color:#8da7b6;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
}
.recruiter-counter.earned,.newsletter-state.active{border-color:#20c7f0;color:#9eefff;background:rgba(32,199,240,.08)}
.referral-form{margin-top:15px}
.referral-form>label{display:block;margin-bottom:7px;color:#8ea8b7;font-size:9px;font-weight:800;letter-spacing:.06em}
.referral-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.referral-form-row input{
  width:100%;min-width:0;
  border:1px solid #28516a;
  border-radius:10px;
  background:#03101a;
  color:#fff;
  padding:11px 12px;
  font:600 12px/1.2 Montserrat,Arial,sans-serif;
  outline:none;
}
.referral-form-row input:focus{border-color:#20c7f0;box-shadow:0 0 0 3px rgba(32,199,240,.08)}
.referral-form>small{display:block;margin-top:7px;color:#6f8d9e;font-size:9px;line-height:1.5}
.referral-history{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}
.referral-history>strong{display:block;margin-bottom:7px;color:#8fa8b7;font-size:9px;letter-spacing:.07em}
.referral-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.045)}
.referral-history-row:first-of-type{border-top:0}
.referral-email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8e6ed;font-size:10px}
.referral-status{border:1px solid #31536b;border-radius:999px;padding:4px 7px;color:#8da7b6;font-size:7px;font-weight:800;letter-spacing:.05em}
.referral-status.sent{border-color:#31536b;color:#9bb2bf}
.referral-status.registered{border-color:#d6a93a;color:#ffd46f;background:rgba(214,169,58,.07)}
.referral-status.qualified{border-color:#20c7f0;color:#8ceaff;background:rgba(32,199,240,.08)}
.referral-history-row small{color:#6f8d9e;font-size:8px}
.v1140-inline-alert{margin-top:13px;padding:10px 12px;border:1px dashed #8c4450;border-radius:10px;color:#d7a8ae;background:rgba(245,32,56,.05);font-size:10px;line-height:1.5}
.newsletter-account-form{margin-top:14px}
.account-consent{margin:0;background:#04131e}
.v1140-actions{margin-top:11px;display:flex;justify-content:flex-end}

/* --- Badge Recruteur --- */
.badge-emblem.recruiter{
  background:linear-gradient(145deg,#073c4e,#081b28);
  border-color:#2b9fbd;
  color:#80ecff!important;
}
.profile-badge-mini-icon.recruiter{
  background:rgba(32,199,240,.08);
  border-color:rgba(32,199,240,.42);
  color:#66dfff;
}
.jp-badge.recruiter{border-color:rgba(32,199,240,.45)}
.jp-badge.recruiter .jp-badge-icon{border-color:rgba(32,199,240,.45);background:rgba(32,199,240,.08);color:#66dfff}

@media(max-width:860px){
  .v1140-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .v1140-card{padding:16px}
  .v1140-card-head{display:grid}
  .referral-form-row{grid-template-columns:1fr}
  .referral-history-row{grid-template-columns:minmax(0,1fr) auto}
  .referral-history-row small{grid-column:1/-1}
  .v1140-actions{justify-content:stretch}
  .v1140-actions .profile-button{width:100%}
}