@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");

html,
body,
canvas,
input,
button,
span {
    font-family: 'Manrope', roboto, ubuntu, sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.03em;
}

.theme-dark:root {
    --tv-color-pane-background: #0A171D;
    --tv-color-platform-background: #0A171D;
    --up: #030808;
    --down: #D92D6B;
    --white-1: rgba(255, 255, 255, 0.98);
}

/* Di bagian bawah file juga ada pengulangan untuk memastikan nilai ini diterapkan */
.theme-dark:root {
    --tv-color-platform-background: #0A171D;
    --tv-color-pane-background: #0A171D;
}

/* Disabled instant orders placement control */
div[data-section-name='tradingConfirmEnabled'] {
    display: none;
}

div[data-section-name='tradingSoundEnabled'] {
    display: none;
}

div[data-section-name='tradingRejectionNotifications'] {
    display: none;
}

div[data-section-name='positionPLDisplay'] {
    display: none !important;
}

div[data-section-name='reverseButton'] {
    display: none;
}

div[data-section-name='appearanceVisibilityGroup'] {
    display: none;
}

div[data-section-name='tradingPositions'] {
    display: none;
}

div[data-section-name='tradingOrders'] {
    display: none;
}

div[data-section-name='tradingExecutions'] {
    display: none;
}

div[data-section-name='extendLeftTradingLine'] {
    display: none;
}

/* instant order placement control style*/
.loading-indicator {
    font-family: Trebuchet MS, roboto, ubuntu, sans-serif;
}

.wrapper-3X2QgaDd {
    flex-direction: row-reverse;
}

.buyButton-3X2QgaDd {
    background-color: var(--up) !important;
    border-color: var(--up) !important;
    color: var(--white-1) !important;
}

.sellButton-3X2QgaDd {
    background-color: var(--down) !important;
    border-color: var(--down) !important;
    color: var(--white-1) !important;
}

.loaderItem-18GTjpi- {
    background-color: var(--white-1) !important;
}

.calculator-3AwNSLGC .calculator__input-3AwNSLGC {
    display: flex !important;
}


.theme-dark:root {
    --tv-color-platform-background: #0A171D;
    --tv-color-pane-background: #0A171D;
}