.right-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    width: calc(25% - 8px);
    justify-content: space-between;
}

.right-container {
    background-color: var(--color-bg-block);

    border-radius: 16px;
    padding: 16px 14px;
    border: 1px solid var(--color-border-primary);
    gap: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.right-container.loading {
    opacity: 0.5;
    pointer-events: none;
}


/*.right-container .menu {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 5px;*/
/*    !*margin-bottom: 16px;*!*/
/*}*/

/*.right-container .menu .item {*/
/*    height: 32px;*/
/*    padding: 0 12px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    border-radius: 8px;*/
/*    color: var(--color-text-primary);*/
/*    font-size: 14px;*/
/*}*/

.right-container .header-buttons {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    height: 40px;
}

.right-container .header-buttons .button {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--color-button-primary);
    border: 1px solid transparent;
    transition: 300ms;
}

.right-container .header-buttons .button:hover {
    border: 1px solid var(--color-border-hover);
}

body.light .right-container .header-buttons .button img,
body.cb-light .right-container .header-buttons .button img {
    filter: invert(1);
}

.right-panel-tab-dropdown .header-buttons .button.settings {
    /*position: fixed !important;*/
    top: 154px !important;
    right: 70px !important;
    z-index: 99999 !important;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);*/
    /*background: var(--color-bg-semi) !important;*/
}

/* Full-screen button - always visible and on top */
.right-panel-tab-dropdown .header-buttons .button.full-screen {
    /*position: fixed !important;*/
    top: 154px !important;
    right: 20px !important;
    z-index: 99999 !important;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);*/
    /*background: var(--color-bg-semi) !important;*/
}

/*.right-panel-tab-dropdown .header-buttons .button.full-screen:hover {*/
/*    background: var(--color-bg-light) !important;*/
/*}*/

.right-container .menu .item:hover {
    background-color: var(--color-button-accent-hover) !important;
    color: var(--color-text-button-accent);
    cursor: pointer;
}

/*.right-container .menu .item.active {*/
/*    background-color: var(--color-accent) !important;*/
/*    color: var(--color-text-main-white);*/
/*}*/

/*body.light .right-container .menu .item {*/
/*    background: var(--color-bg-bt-blocs);*/
/*}*/


#right-container .right-panel-nav-tab {
    display: none
}

#right-container .right-panel-nav-tab.show {
    display: flex
}



.right-container .main-buttons {
    display: flex;
    height: 40px;
    width: 100%;
    margin-top: 30px;
}


.right-container .main-buttons button {
    border: none;
    outline: none;
    width: 130px;
    height: 40px;
    border-radius: 8px;
}

.right-container .main-buttons button.add-to-watchlist {
    background: var(--color-button-primary);
    color: var(--color-text-primary);
    cursor: pointer;
    width: 100%;
}

.right-container .main-buttons button.add-to-watchlist:hover {
    border: 1px solid var(--color-border-hover);
}

/* Financials Expanded State */
.right-wrapper {
    transition: width 0.5s ease;
}

.right-wrapper.financials-expanded {
    width: calc(75% - 8px) !important;
    max-width: calc(75% - 8px);
}

/* When financials is expanded, make right container fill available space */
.right-wrapper.financials-expanded #right-container {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Hide right-bottom-container when financials is expanded */
.right-wrapper.financials-expanded #right-bottom-container {
    display: none;
}

#main-block {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#main-block[style*="display: none"] {
    opacity: 0;
    visibility: hidden;
}

/* Fullscreen mode styles for right-wrapper */
.right-wrapper.financials-expanded .right-container .main-buttons {
    justify-content: center !important;
    gap: 16px;
}

/* Profile tab - show full description without ellipsis */
.right-wrapper.financials-expanded .profile-tab .description-value {
    text-overflow: unset !important;
    overflow: visible !important;
    white-space: normal !important;
    display: block;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Performance tab - center menu tabs */
.right-wrapper.financials-expanded .performance-tab .performance-menu {
    justify-content: center;
    width: 100%;
}

/* Live Chart tab - center time range buttons */
.right-wrapper.financials-expanded .live-chart-tab .time-range-wrapper {
    justify-content: center;
    width: 100%;
}