@media screen and (min-width:1400px) {
    #right_container {
        width:383px;
        min-width:383px;
    }
    #widgets_menu_trigger #widgets_menu {
        min-width:383px;
    }
    #signals_block,
    #socials_block {
        width:310px;
    }
    #account_btn {
        min-width:auto;
    }
    .profit_summary_icon {
        display:block !important;
    }
}

@media screen and (max-height:800px) {
    #user_menu #user_menu_dropdown .item {
        padding: 10px 12px;
    }
}
@media screen and (max-height:700px) {
    .top_row {
        height:384px;
    }
    #presets {
        padding: 10px 12px 12px 12px;
    }
    #one_click_block {
        padding: 6px 12px;
    }
    #buttons_n_rate .action_btn {
        height: 71px;
    }
    #buttons_n_rate #rate_holder {
        height: 46px;
    }
    #profit_summary > div {
        padding: 12px 12px 12px 20px;
    }
    #user_menu #user_menu_dropdown .item {
        padding: 7px 12px;
    }
}
@media screen and (min-height:900px) {
    .top_row {
        height:544px;
    }
    #buttons_n_rate .action_btn {
        height: 110px;
    }
    #buttons_n_rate #rate_holder {
        height: 96px;
    }
}

/* Mobile header adjustments for feedback icon */
@media screen and (max-width: 768px) {
    .header_item .switch {
        padding: 0 5px;
    }
    
    .header_item .switch .fi-medium {
        font-size: 16px;
    }
    
    /* Hide help icon on mobile to save space */
    #get_help {
        display: none;
    }

    /* Hide sound icon on mobile to save space */
    #sound {
        display: none;
    }
}


/* Mobile feedback popup adjustments */
@media screen and (max-width: 768px) {
    .feedback-popup-container {
        width: 90%;
        max-width: 340px;
        margin-left: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .feedback-popup-container .feedback-subtitle {
        font-size: 12px;
    }
    
    .feedback-popup-container .rating-star {
        font-size: 20px;
        margin: 0 3px;
    }
}

/* Fix feedback popup bottom corners */
.feedback-popup-container {
    overflow: hidden;
}

.feedback-popup-container .actions {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Mobile auth required modal adjustments */
@media screen and (max-width: 768px) {
    .auth-required-modal {
        width: 90%;
        max-width: 340px;
        margin-left: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .auth-required-modal .icon {
        font-size: 40px;
        padding: 25px 0 15px 0;
    }

    .auth-required-modal .message {
        font-size: 13px;
    }

    .auth-required-modal .actions .button {
        width: 100%;
        min-width: auto;
    }
}

/* Fix auth modal bottom corners */
.auth-required-modal {
    overflow: hidden;
}

.auth-required-modal .actions {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Mobile connection lost modal adjustments */
@media screen and (max-width: 768px) {
    .connection-lost-modal {
        width: 90%;
        max-width: 340px;
        margin-left: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .connection-lost-modal .icon {
        font-size: 40px;
        padding: 25px 0 15px 0;
    }

    .connection-lost-modal .message {
        font-size: 13px;
    }

    .connection-lost-modal .actions .button {
        width: 100%;
        min-width: auto;
    }
}

/* Fix connection lost modal bottom corners */
.connection-lost-modal {
    overflow: hidden;
}

.connection-lost-modal .actions {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Alternative approach: Hide quote animation when dropdown is open */
.drop_trigger.active ~ * #float_rate,
.drop_trigger.active ~ * #float_rate.pulse-effect,
body.dropdown-open #float_rate,
body.dropdown-open #float_rate.pulse-effect {
    display: none !important;
}

/* Or make it transparent when dropdown is open */
#user_menu.drop_trigger.active ~ #chart_row #float_rate {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Mobile-specific: Force dropdown to create new stacking context */
@media screen and (max-width: 768px) {
    #user_menu_dropdown {
        position: fixed !important;
        z-index: 999999 !important;
    }
    
    /* When dropdown is shown, hide float_rate */
    .drop_trigger.active + .drop #float_rate,
    .drop_trigger.active #float_rate {
        visibility: hidden !important;
    }
}