/* ==========================================================================
   AA-FEED1B (11/10/2026) : profile of a member (member view #userProfilePanel and
   public page /name) — action buttons.
   Phone: [Add Friend | Rate] [Tip | Share] equal pairs, Report alone centered and
   discreet, SEND MESSAGE big under; desktop keeps its row. Same line icons in the
   PEE.CHAT gradient everywhere (Rate had none, Add Friend was blue).
   ========================================================================== */
:root {
    --f1b-friend: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cline x1='20' y1='8' x2='20' y2='14'/%3E%3Cline x1='23' y1='11' x2='17' y2='11'/%3E%3C/svg%3E");
    --f1b-friendok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='8.5' cy='7' r='4'/%3E%3Cpolyline points='17 11 19 13 23 9'/%3E%3C/svg%3E");
    --f1b-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2.5 15 8.6 21.7 9.6 16.8 14.3 18 21 12 17.8 6 21 7.2 14.3 2.3 9.6 9 8.6 12 2.5'/%3E%3C/svg%3E");
    --f1b-btc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h7a3 3 0 0 1 0 6H7z'/%3E%3Cpath d='M7 11h8a3 3 0 0 1 0 6H7z'/%3E%3Cpath d='M7 4v14M10 3v2M14 3v2M10 17v2M14 17v2'/%3E%3C/svg%3E");
    --f1b-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.6' y1='13.5' x2='15.4' y2='17.5'/%3E%3Cline x1='15.4' y1='6.5' x2='8.6' y2='10.5'/%3E%3C/svg%3E");
    --f1b-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E");
    --f1b-msg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}
/* ---- one icon family (all sizes) ---- */
.upv-actions > button > svg, .upv-actions > button > .btc-cyber, .user-profile-view > .btn-send-message > svg, .pp-wrap .pp-msg > svg { display: none !important; }
.upv-actions > button::before, .user-profile-view > .btn-send-message::before, .pp-wrap .pp-msg::before {
    content: ""; flex: 0 0 16px; width: 16px; height: 16px; display: inline-block;
    background: linear-gradient(135deg, #FF6B35, #F7C948);
    -webkit-mask: var(--f1b-ic) center / contain no-repeat; mask: var(--f1b-ic) center / contain no-repeat;
}
.upv-actions > .btn-friend { --f1b-ic: var(--f1b-friend); }
.upv-actions > .btn-friend.is-friend { --f1b-ic: var(--f1b-friendok); }
.upv-actions > button[onclick^="showRateUserModal"], .pp-wrap .upv-actions > .btn-outline:not(.btn-tip):not([data-pp-share]) { --f1b-ic: var(--f1b-star); }
.upv-actions > .btn-tip { --f1b-ic: var(--f1b-btc); }
.upv-actions > button[onclick^="shareUserProfile"], .upv-actions > [data-pp-share] { --f1b-ic: var(--f1b-share); }
.upv-actions > .btn-report { --f1b-ic: var(--f1b-flag); }
.user-profile-view > .btn-send-message, .pp-wrap .pp-msg { --f1b-ic: var(--f1b-msg); }
.user-profile-view > .btn-send-message::before, .pp-wrap .pp-msg::before { background: #0A0A0A; }
/* ---- one button family (all sizes): Add Friend no longer blue, Tip / Report no longer coloured text ---- */
.upv-actions > button {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 7px;
    border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, .12) !important;
    background: rgba(255, 255, 255, .045) !important; color: #fff !important;
    font-family: var(--font-sub, 'Rajdhani', sans-serif) !important; font-weight: 700 !important; letter-spacing: .3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 2px 8px rgba(0, 0, 0, .35) !important; transform: none !important;
    white-space: nowrap; min-width: 0; cursor: pointer;
}
.upv-actions > button:hover { border-color: rgba(255, 140, 90, .55) !important; background: rgba(255, 107, 53, .08) !important; }
.upv-actions > .btn-friend.is-friend { border-color: rgba(0, 200, 81, .45) !important; background: rgba(0, 200, 81, .08) !important; }
.upv-actions > .btn-report { color: rgba(255, 255, 255, .62) !important; }
.upv-actions > .btn-report::before { background: rgba(255, 255, 255, .5); }

/* ---- phone: equal pairs, Report alone centered, SEND MESSAGE big ---- */
@media (max-width: 768px) {
    .user-profile-view .upv-actions, .pp-wrap .upv-actions {
        display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important;
        flex-direction: row !important; width: 100%; max-width: 440px; margin: 0 auto !important; box-sizing: border-box;
    }
    .user-profile-view .upv-actions > button, .pp-wrap .upv-actions > button {
        width: 100% !important; height: 42px; padding: 0 10px !important; margin: 0 !important; font-size: .86rem !important;
        overflow: hidden; text-overflow: ellipsis;
    }
    .user-profile-view .upv-actions > .btn-report {
        grid-column: 1 / -1; justify-self: center; width: auto !important; height: 30px; padding: 0 14px !important;
        background: none !important; border-color: transparent !important; box-shadow: none !important; font-size: .76rem !important;
    }
    .user-profile-view > .btn-send-message, .pp-wrap .pp-msg {
        display: flex !important; align-items: center; justify-content: center; gap: 9px;
        width: 100% !important; max-width: 440px; height: 50px; margin: 10px auto 0 !important; padding: 0 16px !important; box-sizing: border-box;
        border-radius: 14px !important; font-size: .95rem !important; letter-spacing: .08em;
    }
    .user-profile-view > .btn-send-message::before, .pp-wrap .pp-msg::before { flex-basis: 18px; width: 18px; height: 18px; }
}
@media (max-width: 380px) {
    .user-profile-view .upv-actions > button, .pp-wrap .upv-actions > button { font-size: .8rem !important; gap: 6px; padding: 0 8px !important; }
}
/* desktop row: every button the same height (Add Friend was 3 px shorter) */
@media (min-width: 769px) {
    .upv-actions > button { height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; }
}
/* small phones: the two stat boxes (Joined / Time) stay on one line each */
@media (max-width: 400px) {
    .user-profile-view .upv-stat, .pp-wrap .upv-stat { padding: .8rem .45rem; }
    .user-profile-view .upv-stat-val, .pp-wrap .upv-stat-val { font-size: .95rem; white-space: nowrap; }
}