#app-container .indices-maximize-btn {
    top: 10px;
    right: 10px;}

#app-container[data-vix-module="F1F2"] #indices-price-panel-title,
#app-container #indices-button-group .indices-btn[data-module="F1F2"] {
    text-transform: none !important;}

#app-container .indices-chart-panel.is-maximized {
    min-height: calc(100vh - 24px) !important;
    height: calc(100vh - 24px) !important;}

#app-container .is-hidden-by-maximize {
    display: none !important;}

@media (max-width: 768px) {
    #app-container .indices-chart-panel.is-maximized {
        min-height: calc(100vh - 16px) !important;
        height: calc(100vh - 16px) !important;}
}

#app-container #indices-chart-stack.has-indicator-maximized {
    min-height: calc(100vh - 24px);
    height: calc(100vh - 24px);}

#app-container #indices-chart-stack.has-indicator-maximized > #indices-price-panel {
    flex: 0 0 46vh;}

#app-container #indices-chart-stack.has-indicator-maximized > .indices-chart-panel.is-indicator-maximized {
    flex: 1 1 auto;
    min-height: 210px !important;
    height: auto !important;}

@media (max-width: 768px) {

#app-container #indices-chart-stack.has-indicator-maximized {
     min-height: calc(100vh - 16px);
     height: calc(100vh - 16px);}

#app-container #indices-chart-stack.has-indicator-maximized > #indices-price-panel {
     flex: 0 0 48vh;}

#app-container #indices-chart-stack.has-indicator-maximized > .indices-chart-panel.is-indicator-maximized {
     min-height: 190px !important;}
}

:root {
    --vix-shorttrend-solid-upper: 12.20;
    --vix-shorttrend-dashed-upper: 6.15;
    --vix-shorttrend-dashed-lower: -6.15;
    --vix-shorttrend-solid-lower: -12.20;
    --vix-shorttrend-solid-color: #ffffff;
    --vix-shorttrend-dashed-color: #ffffff;

    --vix-info-bottom: 35%;
    --vix-info-left: 3%;

    --vix-weekly-price-logo-bottom: 8%;
    --vix-weekly-price-logo-right: 4%;
    --vix-weekly-spread-ab-hv-logo-bottom: 10%;
    --vix-weekly-spread-ab-hv-logo-right: 3%;
    --vix-weekly-ab-hv-pressure-logo-bottom: 10%;
    --vix-weekly-ab-hv-pressure-logo-right: 3%;
    --vix-weekly-hv-short-ust-logo-bottom: 10%;
    --vix-weekly-hv-short-ust-logo-right: 3%;

    --vix-daily-price-logo-bottom: 6%;
    --vix-daily-price-logo-right: 3%;
    --vix-daily-spread-ab-hv-logo-bottom: 10%;
    --vix-daily-spread-ab-hv-logo-right: 3%;
    --vix-daily-ab-hv-pressure-logo-bottom: 10%;
    --vix-daily-ab-hv-pressure-logo-right: 3%;
    --vix-daily-hv-short-ust-logo-bottom: 10%;
    --vix-daily-hv-short-ust-logo-right: 3%;

    --vix-f1f2-price-logo-bottom: 14%;
    --vix-f1f2-price-logo-right: 4%;
    --vix-f1f2-shorttrend-logo-bottom: 22%;
    --vix-f1f2-shorttrend-logo-right: 3%;
    --vix-f1f2-ab-hv-pressure-logo-bottom: 10%;
    --vix-f1f2-ab-hv-pressure-logo-right: 3%;}

#zoom-info-wrapper {
    bottom: var(--vix-info-bottom);
    left: var(--vix-info-left);}

#zoom-info-bubble {
    border: 1px solid #ffffff;}

#app-container[data-vix-module="WEEKLY"] #indices-price-panel-logo {
    bottom: var(--vix-weekly-price-logo-bottom);
    right: var(--vix-weekly-price-logo-right);}

#app-container[data-vix-module="WEEKLY"] #indices-spread-ab-hv-panel-logo {
    bottom: var(--vix-weekly-spread-ab-hv-logo-bottom);
    right: var(--vix-weekly-spread-ab-hv-logo-right);}

#app-container[data-vix-module="WEEKLY"] #indices-ab-hv-pressure-panel-logo {
    bottom: var(--vix-weekly-ab-hv-pressure-logo-bottom);
    right: var(--vix-weekly-ab-hv-pressure-logo-right);}

#app-container[data-vix-module="WEEKLY"] #indices-hv-short-ust-panel-logo {
    bottom: var(--vix-weekly-hv-short-ust-logo-bottom);
    right: var(--vix-weekly-hv-short-ust-logo-right);}

#app-container[data-vix-module="DAILY"] #indices-price-panel-logo {
    bottom: var(--vix-daily-price-logo-bottom);
    right: var(--vix-daily-price-logo-right);}

#app-container[data-vix-module="DAILY"] #indices-spread-ab-hv-panel-logo {
    bottom: var(--vix-daily-spread-ab-hv-logo-bottom);
    right: var(--vix-daily-spread-ab-hv-logo-right);}

#app-container[data-vix-module="DAILY"] #indices-ab-hv-pressure-panel-logo {
    bottom: var(--vix-daily-ab-hv-pressure-logo-bottom);
    right: var(--vix-daily-ab-hv-pressure-logo-right);}

#app-container[data-vix-module="DAILY"] #indices-hv-short-ust-panel-logo {
    bottom: var(--vix-daily-hv-short-ust-logo-bottom);
    right: var(--vix-daily-hv-short-ust-logo-right);}

#app-container[data-vix-module="F1F2"] #indices-price-panel-logo {
    bottom: var(--vix-f1f2-price-logo-bottom);
    right: var(--vix-f1f2-price-logo-right);}

#app-container[data-vix-module="F1F2"] #indices-shorttrend-panel-logo {
    bottom: var(--vix-f1f2-shorttrend-logo-bottom);
    right: var(--vix-f1f2-shorttrend-logo-right);}

#app-container[data-vix-module="F1F2"] #indices-ab-hv-pressure-panel-logo {
    bottom: var(--vix-f1f2-ab-hv-pressure-logo-bottom);
    right: var(--vix-f1f2-ab-hv-pressure-logo-right);}

/* Pointeur main sur les zones cliquables */
#app-container .indices-btn,
#app-container .indices-menu-option,
#app-container .indices-tooltip-toggle,
#app-container .indices-tooltip-sr-row,
#app-container .indices-maximize-btn,
#app-container #zoom-info-btn {
    cursor: pointer;
}
/* SR masquée : ligne grisée dans le tooltip */
#app-container .indices-tooltip-sr-row.is-sr-disabled .indices-tooltip-label,
#app-container .indices-tooltip-sr-row.is-sr-disabled .indices-tooltip-value {
    color: #666666 !important;
}

#app-container .indices-tooltip-sr-row.is-sr-disabled {
    opacity: 0.65;
}