/* FaceFrame Referral Account UI V2.1 */
.woocommerce-MyAccount-content .ffr-account,
.ffr-account{
    --ffr-blue:#005383;
    --ffr-blue-2:#0873a8;
    --ffr-pink:#e289b8;
    --ffr-pink-2:#c96d9f;
    --ffr-text:#17384b;
    --ffr-muted:#70828c;
    --ffr-border:#dce7ec;
    --ffr-soft:#f4f9fc;
    --ffr-shadow:0 14px 38px rgba(0,53,83,.07);
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    direction:rtl!important;
    color:var(--ffr-text)!important;
    font-family:inherit!important;
    line-height:1.8!important;
}
.ffr-account *{box-sizing:border-box}
.ffr-account a{text-decoration:none!important}
.ffr-account button,.ffr-account a{font-family:inherit!important}
.ffr-account-hero{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 86px!important;
    align-items:center!important;
    gap:20px!important;
    width:100%!important;
    min-height:150px!important;
    padding:25px 26px!important;
    border:1px solid rgba(0,83,131,.12)!important;
    border-radius:24px!important;
    background:radial-gradient(circle at 7% 15%,rgba(226,137,184,.22),transparent 26%),radial-gradient(circle at 94% 80%,rgba(0,83,131,.08),transparent 30%),linear-gradient(135deg,#f7fbfe,#fff8fc)!important;
    box-shadow:var(--ffr-shadow)!important;
    overflow:hidden!important;
}
.ffr-account-hero-copy{min-width:0!important;text-align:right!important}
.ffr-account-kicker{display:block!important;margin:0 0 4px!important;color:var(--ffr-pink-2)!important;font-size:11px!important;line-height:1.8!important;font-weight:900!important}
.ffr-account-hero h2{display:block!important;margin:0 0 8px!important;padding:0!important;color:var(--ffr-blue)!important;font-size:clamp(22px,2.1vw,30px)!important;line-height:1.55!important;font-weight:900!important;text-align:right!important}
.ffr-account-hero p{display:block!important;max-width:780px!important;margin:0!important;color:var(--ffr-muted)!important;font-size:12.5px!important;line-height:2!important;text-align:right!important}
.ffr-account-gift{display:flex!important;align-items:center!important;justify-content:center!important;width:82px!important;height:82px!important;border:1px solid rgba(0,83,131,.13)!important;border-radius:25px!important;background:rgba(255,255,255,.9)!important;color:var(--ffr-pink-2)!important;box-shadow:0 12px 28px rgba(0,53,83,.08)!important}
.ffr-account-gift svg{width:42px!important;height:42px!important}
.ffr-code-card{
    display:grid!important;
    grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)!important;
    align-items:center!important;
    gap:18px!important;
    width:100%!important;
    margin:16px 0 0!important;
    padding:20px!important;
    border:1px solid var(--ffr-border)!important;
    border-radius:21px!important;
    background:#fff!important;
    box-shadow:0 11px 31px rgba(0,53,83,.055)!important;
}
.ffr-code-copy{min-width:0!important;padding:5px 2px!important}
.ffr-code-copy small{display:block!important;margin:0 0 5px!important;color:var(--ffr-muted)!important;font-size:9.5px!important;line-height:1.8!important}
.ffr-code-copy #ffr-account-code{display:block!important;direction:ltr!important;margin:0!important;color:var(--ffr-blue)!important;font-size:25px!important;line-height:1.35!important;letter-spacing:1.6px!important;font-weight:900!important;text-align:right!important;overflow-wrap:anywhere!important}
.ffr-code-copy>span{display:block!important;margin-top:5px!important;color:#82919a!important;font-size:8.5px!important;line-height:1.8!important}
.ffr-code-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;min-width:0!important}
.ffr-code-actions .ffr-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:8px 9px!important;
    border:1px solid #dce7ec!important;
    border-radius:13px!important;
    background:#f7fbfd!important;
    color:var(--ffr-blue)!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    font-weight:900!important;
    text-align:center!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    box-shadow:none!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.ffr-code-actions .ffr-action:hover{transform:translateY(-1px)!important;border-color:#aac9d8!important;background:#eef7fb!important;color:var(--ffr-blue)!important}
.ffr-code-actions .ffr-action>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:7px!important;background:#fff!important;font-size:11px!important}
.ffr-code-actions .ffr-share-code{border-color:transparent!important;background:linear-gradient(135deg,var(--ffr-pink),var(--ffr-pink-2))!important;color:#fff!important;box-shadow:0 8px 18px rgba(226,137,184,.18)!important}
.ffr-code-actions .ffr-share-code:hover{background:linear-gradient(135deg,var(--ffr-blue),var(--ffr-blue-2))!important;color:#fff!important}
.ffr-code-actions .ffr-share-whatsapp{color:#247d4d!important;background:#f3fbf6!important;border-color:#d7eee0!important}
.ffr-code-actions .ffr-share-telegram{color:#2679a8!important;background:#f2f9fd!important;border-color:#d4e9f4!important}
.ffr-account-feedback{grid-column:1/-1!important;display:block!important;min-height:18px!important;margin:0!important;padding:0 3px!important;color:#28734a!important;font-size:9px!important;line-height:1.8!important;text-align:right!important}
.ffr-account-feedback.is-error{color:#b34f4f!important}
.ffr-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;width:100%!important;margin:14px 0 0!important}
.ffr-stats article{display:block!important;min-width:0!important;padding:16px 17px!important;border:1px solid var(--ffr-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,53,83,.04)!important;text-align:right!important}
.ffr-stats article:nth-child(2){background:linear-gradient(135deg,#f5fbff,#fff)!important}
.ffr-stats article:nth-child(3){background:linear-gradient(135deg,#fff8fc,#fff)!important}
.ffr-stats span{display:block!important;margin:0 0 4px!important;color:var(--ffr-muted)!important;font-size:9px!important;line-height:1.7!important}
.ffr-stats strong{display:block!important;color:var(--ffr-blue)!important;font-size:16px!important;line-height:1.55!important;font-weight:900!important;white-space:normal!important}
.ffr-stats small{display:block!important;margin-top:3px!important;color:#8a979e!important;font-size:7.8px!important;line-height:1.7!important}
.ffr-guide-link{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;width:100%!important;margin:14px 0 0!important;padding:12px 14px!important;border:1px solid rgba(226,137,184,.28)!important;border-radius:17px!important;background:linear-gradient(135deg,#fff8fc,#fff)!important;color:var(--ffr-text)!important;box-shadow:0 8px 20px rgba(226,137,184,.05)!important}
.ffr-guide-link>span{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#fff!important;color:var(--ffr-pink-2)!important;font-size:17px!important;font-weight:900!important;border:1px solid #ecdce4!important}
.ffr-guide-link strong,.ffr-guide-link small{display:block!important}
.ffr-guide-link strong{color:var(--ffr-blue)!important;font-size:10.5px!important;line-height:1.7!important;font-weight:900!important}
.ffr-guide-link small{margin-top:2px!important;color:var(--ffr-muted)!important;font-size:8.2px!important;line-height:1.7!important}
.ffr-guide-link i{font-style:normal!important;color:var(--ffr-pink-2)!important;font-size:23px!important}
.ffr-history{display:block!important;width:100%!important;margin:14px 0 0!important;padding:19px!important;border:1px solid var(--ffr-border)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 11px 30px rgba(0,53,83,.045)!important}
.ffr-section-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 13px!important}
.ffr-section-heading>div>span{display:block!important;margin-bottom:1px!important;color:var(--ffr-pink-2)!important;font-size:8.3px!important;font-weight:900!important}
.ffr-section-heading h3{display:block!important;margin:0!important;padding:0!important;color:var(--ffr-blue)!important;font-size:17px!important;line-height:1.6!important;font-weight:900!important;text-align:right!important}
.ffr-section-heading>small{color:var(--ffr-muted)!important;font-size:8.3px!important;line-height:1.7!important}
.ffr-history-list{display:grid!important;gap:8px!important;width:100%!important}
.ffr-history-list article{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;padding:10px 11px!important;border:1px solid #e5ecef!important;border-radius:14px!important;background:#fbfdfe!important}
.ffr-history-list article.is-reversed{background:#fff8f8!important;border-color:#efdcdc!important}
.ffr-history-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:#ecf8f1!important;color:#28734a!important;font-size:12px!important;font-weight:900!important}
.is-reversed .ffr-history-icon{background:#fff0f0!important;color:#b45b5b!important}
.ffr-history-copy{min-width:0!important;text-align:right!important}
.ffr-history-copy strong{display:block!important;color:#2b5164!important;font-size:9.7px!important;line-height:1.8!important;font-weight:850!important}
.ffr-history-copy small{display:block!important;color:var(--ffr-muted)!important;font-size:8px!important;line-height:1.7!important}
.ffr-history-meta{text-align:left!important;white-space:nowrap!important}
.ffr-history-meta strong{display:block!important;color:var(--ffr-blue)!important;font-size:9.5px!important;line-height:1.7!important;font-weight:900!important}
.ffr-history-meta time{display:block!important;margin-top:1px!important;color:var(--ffr-muted)!important;font-size:7.7px!important}
.ffr-empty-state{display:block!important;padding:28px 15px!important;border:1px dashed #cedde4!important;border-radius:16px!important;background:linear-gradient(135deg,#f7fbfd,#fff8fc)!important;text-align:center!important}
.ffr-empty-state span{display:block!important;margin-bottom:7px!important;color:var(--ffr-pink-2)!important;font-size:26px!important}
.ffr-empty-state strong{display:block!important;color:var(--ffr-blue)!important;font-size:11px!important;line-height:1.8!important}
.ffr-empty-state p{display:block!important;margin:4px 0 0!important;color:var(--ffr-muted)!important;font-size:8.8px!important;line-height:1.8!important}
@media(max-width:900px){
    .ffr-code-card{grid-template-columns:1fr!important}
    .ffr-code-copy{text-align:center!important}
    .ffr-code-copy #ffr-account-code{text-align:center!important}
    .ffr-code-copy>span{text-align:center!important}
}
@media(max-width:767px){
    .woocommerce-MyAccount-content .ffr-account,.ffr-account{width:100%!important;overflow:visible!important}
    .ffr-account-hero{grid-template-columns:minmax(0,1fr) 56px!important;gap:9px!important;min-height:0!important;padding:15px 13px!important;border-radius:17px!important}
    .ffr-account-kicker{font-size:8.5px!important}
    .ffr-account-hero h2{margin-bottom:4px!important;font-size:17px!important;line-height:1.55!important}
    .ffr-account-hero p{font-size:9.2px!important;line-height:1.9!important}
    .ffr-account-gift{width:54px!important;height:54px!important;border-radius:17px!important}
    .ffr-account-gift svg{width:28px!important;height:28px!important}
    .ffr-code-card{gap:11px!important;margin-top:10px!important;padding:13px 10px!important;border-radius:16px!important}
    .ffr-code-copy #ffr-account-code{font-size:19px!important;letter-spacing:1px!important}
    .ffr-code-copy small{font-size:8.3px!important}
    .ffr-code-copy>span{font-size:7.6px!important}
    .ffr-code-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
    .ffr-code-actions .ffr-action{min-height:41px!important;padding:6px 4px!important;border-radius:11px!important;font-size:7.8px!important;gap:3px!important}
    .ffr-code-actions .ffr-action>span{width:17px!important;height:17px!important;font-size:9px!important}
    .ffr-account-feedback{text-align:center!important;font-size:8px!important}
    .ffr-stats{grid-template-columns:1fr!important;gap:7px!important;margin-top:9px!important}
    .ffr-stats article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 8px!important;padding:10px 12px!important;border-radius:14px!important}
    .ffr-stats span{margin:0!important;font-size:8.2px!important}
    .ffr-stats strong{grid-row:1/3!important;grid-column:2!important;font-size:11.5px!important;text-align:left!important}
    .ffr-stats small{font-size:7.1px!important}
    .ffr-guide-link{grid-template-columns:36px minmax(0,1fr) auto!important;gap:8px!important;margin-top:9px!important;padding:9px 10px!important;border-radius:14px!important}
    .ffr-guide-link>span{width:36px!important;height:36px!important;border-radius:11px!important;font-size:14px!important}
    .ffr-guide-link strong{font-size:9px!important}.ffr-guide-link small{font-size:7.3px!important}
    .ffr-history{margin-top:9px!important;padding:12px 9px!important;border-radius:16px!important}
    .ffr-section-heading{align-items:flex-start!important;flex-direction:column!important;gap:1px!important;margin-bottom:9px!important}
    .ffr-section-heading h3{font-size:13.5px!important}
    .ffr-section-heading>small{font-size:7.5px!important}
    .ffr-history-list article{grid-template-columns:33px minmax(0,1fr)!important;gap:7px!important;padding:8px!important;border-radius:12px!important}
    .ffr-history-icon{width:33px!important;height:33px!important;border-radius:10px!important}
    .ffr-history-copy strong{font-size:8.7px!important}.ffr-history-copy small{font-size:7.4px!important}
    .ffr-history-meta{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:right!important}
    .ffr-history-meta strong{font-size:8.5px!important}.ffr-history-meta time{font-size:7px!important}
}
@media(max-width:390px){
    .ffr-code-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}