/* referral share modal styles */
.ff-share-msg {
    margin: 0 0 8px 0;
    font-size: 14px;
    color: #334155;
}

.ff-share-link {
    display: block;
    margin: 6px 0 12px;
    padding: 6px 8px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-family: ui-monospace,Menlo,Consolas,monospace;
    font-size: 12px;
    color: #0f172a;
    word-break: break-all;
}

.ff-share-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.ff-share-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(16,24,40,.06);
}

    .ff-share-item i {
        font-size: 16px;
    }

    /* Brand colors */
    .ff-share-item.wa {
        background: #25D366;
        color: #fff;
    }
    /* WhatsApp */
    .ff-share-item.sms {
        background: #0ea5e9;
        color: #fff;
    }
    /* SMS (sky-500) */
    .ff-share-item.mail {
        background: #334155;
        color: #fff;
    }
    /* Email (slate-700) */
    .ff-share-item.tg {
        background: #229ED9;
        color: #fff;
    }
    /* Telegram */
    .ff-share-item.tw {
        background: #000;
        color: #fff;
    }
    /* X / Twitter */
    .ff-share-item.rd {
        background: #FF4500;
        color: #fff;
    }
    /* Reddit */
    .ff-share-item.copy {
        background: #111827;
        color: #fff;
    }
    /* Copy */

    .ff-share-item:hover {
        filter: brightness(0.98);
    }