/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 28 2025 | 23:56:34 */
@media only screen and (max-width: 600px) {
.bbps-profile-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    position: relative;
    transition: all 0.3s ease;
    margin-top: -20px !important;
	}}


.bbhg-fab {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff0000 0%, #06b6d4 100%) !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: white !important;
}

.bbhg-fab {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff0000 0%, #06b6d4 100%) !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.4), 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: white !important;
}

    .bbma-profile-mini-stats {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin: 12px 0;
        margin-left: 20px;
        margin-top: -39px;
    }

.bb-user-content-wrap .mycred-my-rank {
    margin-left: 6px;
    margin-lefT: 1px !important;
}

.bbhg-tab.active {
    background: linear-gradient(135deg, #150ee91c 0%, #06b6d400 100%) !important;
    color: white;
    box-shadow: 0 4px 12px -2px rgba(14, 165, 233, 0.4);
}

.bbhg-analyze-btn {
    width: 56px;
    height: 56px;
    border: none;
    background: white !important;
    border-radius: var(--bbhg-radius);
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
    box-shadow: 0 4px 12px -2px rgba(14, 165, 233, 0.4);
}

.bbps-modal-btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
}