/* V2 trading workspace skin. Trading and chart behavior stays in the W5 scripts. */
body.wawabit-futures-v2 {
    background: #131722;
    color: #eef2f7;
    font-family: Arial, sans-serif !important;
    letter-spacing: 0;
}

.wawabit-futures-v2 *,
.wawabit-futures-v2 *::before,
.wawabit-futures-v2 *::after {
    box-sizing: border-box;
}

.wawabit-futures-v2 :is(.fa-duotone, .fa-solid) {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.wawabit-futures-v2 .fa-toggle-large-on::before { content: "\f205"; }
.wawabit-futures-v2 .fa-toggle-large-off::before { content: "\f204"; }

.wawabit-futures-v2 #v2_trading_area > center > table {
    background: #131722;
    table-layout: auto;
}

.wawabit-futures-v2 #main_market {
    width: 10%;
    min-width: 218px;
    background: #171c27;
    border-right: 1px solid #303a4b;
}

.wawabit-futures-v2 #main_trade {
    min-width: 0;
}

.wawabit-futures-v2 #main_trade > table {
    table-layout: fixed;
}

.wawabit-futures-v2 #frame_main1 > table {
    table-layout: fixed;
}

.wawabit-futures-v2 #frame_main1 {
    width: 80.2%;
    min-width: 0;
}

.wawabit-futures-v2 #frame_main2 {
    width: 19.8%;
    min-width: 275px;
    background: #171c27;
    border-left: 1px solid #303a4b;
}

.wawabit-futures-v2 #frame_main2:first-child {
    border-left: 0;
    border-right: 1px solid #303a4b;
}

.wawabit-futures-v2 #frame_monitor {
    width: auto;
    min-width: 0;
    background: #131722;
}

.wawabit-futures-v2 #frame_right {
    width: 332px;
    min-width: 332px;
    max-width: 332px;
    background: #171c27;
    border-left: 1px solid #303a4b;
}

.wawabit-futures-v2 #frame_right > table,
.wawabit-futures-v2 #vm_hoga_1 > table,
.wawabit-futures-v2 #vm_hoga_2 > table,
.wawabit-futures-v2 #vm_hoga_3 > table {
    width: 100%;
    min-width: 0 !important;
    background: #171c27 !important;
}

.wawabit-futures-v2 #vm_hoga_1,
.wawabit-futures-v2 #vm_hoga_2,
.wawabit-futures-v2 #vm_hoga_3 {
    width: 100%;
    overflow: hidden;
}

.wawabit-futures-v2 #vm_hoga_1 > table {
    table-layout: fixed;
}

.wawabit-futures-v2 #vm_hoga_1 > table > tbody > tr > td {
    width: 50%;
}

.wawabit-futures-v2 #vm_hoga_1 td > div[style*="position:absolute"] {
    width: calc((332px - 10px) / 2);
    overflow: hidden;
}

.wawabit-futures-v2 #vm_hoga_1 td > div[style*="position:absolute"] > table {
    width: 100%;
    table-layout: fixed;
}

.wawabit-futures-v2 #vm_main_rate,
.wawabit-futures-v2 #frame_gauge {
    width: 100%;
    max-width: 100%;
}

.wawabit-futures-v2 #frame_right > table:first-child {
    border-bottom: 1px solid #354052 !important;
}

.wawabit-futures-v2 #frame_right > table:first-child > tbody > tr > td {
    white-space: nowrap;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.wawabit-futures-v2 #filter_trade,
.wawabit-futures-v2 #hoga_step {
    max-width: 100%;
    background: #171c27 !important;
    color: #eef2f7 !important;
}

.wawabit-futures-v2 #main_market > table,
.wawabit-futures-v2 #main_market #scroll_market {
    background: #171c27 !important;
}

.wawabit-futures-v2 #search_market {
    background: #171c27 !important;
    border: 1px solid #3a9a82 !important;
    border-radius: 0;
}

.wawabit-futures-v2 #scroll_market .css_coin_title > table {
    background: #171c27;
}

.wawabit-futures-v2 #scroll_market :is(.css_select_coin, .css_select_coin_on, .css_select_coin_have_win, .css_select_coin_have_los, .css_select_coin_position) {
    border-top: 0;
    border-right: 0;
    border-bottom: 1px dashed #354052;
}

.wawabit-futures-v2 #scroll_market .css_select_coin:hover,
.wawabit-futures-v2 #scroll_market .css_select_coin_on {
    background: #262e3d;
}

.wawabit-futures-v2 #vm_title,
.wawabit-futures-v2 #vm_title > table {
    background: #171c27 !important;
    border-bottom-color: #354052 !important;
}

.wawabit-futures-v2 #vm_title #title_market {
    color: #eef2f7;
    font-size: 1.25rem !important;
    font-weight: 600;
}

.wawabit-futures-v2 #frame_monitor :is(.btn_tx, .btn_tx_black, .btn_coin_funtion) {
    background: #171c27;
    color: #aab4c3;
    border-color: #354052;
}

.wawabit-futures-v2 #frame_monitor :is(.btn_coin, .btn_position_on) {
    background: #17413d;
    color: #eef2f7;
    border-color: #4db88a;
}

.wawabit-futures-v2 #frame_main2 > table > tbody > tr > td > table {
    background: #171c27 !important;
}

.wawabit-futures-v2 #frame_main2 :is(input, select, button) {
    font-family: Arial, sans-serif;
    letter-spacing: 0;
}

.wawabit-futures-v2 #frame_main2 .wawabit-order-margin-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin: 4px 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #354052;
}

.wawabit-futures-v2 #frame_main2 .wawabit-order-margin-controls :is(.css_margin_type, .css_margin_type_on) {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 4px 3px;
    border: 1px solid #354052;
    border-radius: 4px;
    background: #1c2330;
    color: #eef2f7;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.wawabit-futures-v2 #frame_main2 .wawabit-order-margin-controls .css_margin_type_on {
    background: #303a4b;
    color: #ffcc45;
}

.wawabit-futures-v2 #frame_main2 .wawabit-order-margin-controls .wawabit-order-leverage {
    font-variant-numeric: tabular-nums;
}

.wawabit-futures-v2 #frame_main2 .wawabit-order-margin-controls .leverage-status {
    font-size: 0.68rem;
}

.wawabit-futures-v2 #frame_main2 #v2_sound_settings_open {
    margin-right: 4px;
    color: #aab4c3;
}

.wawabit-futures-v2 #frame_main2 #v2_sound_settings_open:hover {
    color: #ffcf45;
}

.wawabit-futures-v2 #frame_main2 :is(.top_menu, .top_menu_on) {
    color: #eef2f7;
    border-bottom-color: #d6dde7;
    font-size: 0.83rem;
}

.wawabit-futures-v2 #frame_main2 .top_menu_on {
    background: #f3ba2d;
    border-bottom-color: #f3ba2d;
    color: #141923;
}

.wawabit-futures-v2 #frame_main2 :is(.btn_input_price_hoga_buy, .btn_input_price_hoga_sell, .btn_input_price_hoga_size, .btn_input_triger) {
    max-width: 100%;
    min-width: 0;
    background: #1c2330;
    font-size: 1.1rem;
}

.wawabit-futures-v2 #frame_main2 .btn_buy,
.wawabit-futures-v2 #frame_main2 .btn_sell {
    background-image: none;
    border: 1px solid #354052;
    border-radius: 4px;
    font-size: 0.95rem;
    font-weight: 600;
}

.wawabit-futures-v2 #frame_main2 .btn_buy { background-color: #16423e; }
.wawabit-futures-v2 #frame_main2 .btn_sell { background-color: #854a43; }
.wawabit-futures-v2 #frame_main2 .btn_buy:hover { background-color: #23675a; }
.wawabit-futures-v2 #frame_main2 .btn_sell:hover { background-color: #a95a50; }

.wawabit-futures-v2 #frame_main2 .w5-quick-input {
    background: #171c27;
    border-color: #354052;
    border-radius: 7px;
}

.wawabit-futures-v2 #frame_main2 .w5-quick-input-modes {
    background: #131722;
}

.wawabit-futures-v2 #frame_main2 .w5-quick-input-modes .btn_txc_on {
    color: #ffcf45;
    background: #383323;
}

.wawabit-futures-v2 #frame_main2 .w5-quick-input .btn_ttx {
    background: #1c2330;
    border-color: #354052;
}

.wawabit-futures-v2 #frame_main2 .w5-margin-risk {
    border-top-color: #354052;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-summary {
    border-top: 1px solid #354052;
    padding-top: 8px;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-row {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) minmax(0, 1.8fr) 33px;
    align-items: center;
    column-gap: 6px;
    min-height: 34px;
    color: #cbd1dc;
    font-size: 0.85rem;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-row > i {
    color: #aab4c3;
    font-size: 0.95rem;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-amount {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-unit {
    color: #929bab;
    font-size: 0.72rem;
    text-align: right;
}

.wawabit-futures-v2 #frame_main2 .v2-wallet-row-total > :is(i, span:first-of-type) {
    color: #ffcf45;
}

.wawabit-futures-v2 #down_menu_info,
.wawabit-futures-v2 #down_menu_orderall,
.wawabit-futures-v2 #down_menu_funding {
    background: #171c27;
}

.wawabit-futures-v2 .wawabit-position-tabs > tbody > tr:first-child > td {
    border-bottom-color: #354052 !important;
}

.wawabit-futures-v2 .wawabit-position-tabs > tbody > tr:first-child > td:first-child > table {
    width: 100%;
    max-width: 540px;
    table-layout: fixed;
    border: 1px solid #354052;
    border-spacing: 3px;
    border-radius: 7px;
    background: #171c27;
}

.wawabit-futures-v2 .wawabit-position-tabs :is(#down_menu_1, #down_menu_2, #down_menu_3) {
    height: 31px;
    padding: 3px 5px;
    border: 0;
    border-radius: 4px;
    color: #aab4c3;
    font-size: 0.8rem;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.wawabit-futures-v2 .wawabit-position-tabs :is(#down_menu_1, #down_menu_2, #down_menu_3).btn_coin {
    background: #303a4b;
    color: #eef2f7;
}

.wawabit-futures-v2 :is(#down_menu_info, #down_menu_orderall) table {
    border-color: #354052;
}

.wawabit-futures-v2 :is(input, select, button):focus-visible,
.wawabit-futures-v2 [role="button"]:focus-visible {
    outline: 2px solid #f3ba2d;
    outline-offset: 2px;
}

@media (max-width: 1500px) {
    .wawabit-futures-v2 #frame_main2 {
        width: 26.4%;
        min-width: 275px;
    }
    .wawabit-futures-v2 #frame_main1 { width: 73.6%; }
    .wawabit-futures-v2 #frame_right {
        width: 288px;
        min-width: 288px;
        max-width: 288px;
    }
    .wawabit-futures-v2 #vm_hoga_1 td > div[style*="position:absolute"] {
        width: calc((288px - 10px) / 2);
    }
}

@media (min-width: 901px) and (max-width: 1340px) {
    .wawabit-futures-v2 #frame_main2 {
        width: 292px;
        min-width: 292px;
    }
    .wawabit-futures-v2 #frame_main1 {
        width: auto;
        overflow: hidden;
    }
}

@media (max-width: 900px) {
    .wawabit-futures-v2 #main_trade > table,
    .wawabit-futures-v2 #main_trade > table > tbody,
    .wawabit-futures-v2 #main_trade > table > tbody > tr,
    .wawabit-futures-v2 #frame_main1,
    .wawabit-futures-v2 #frame_main2 {
        display: block;
        width: 100% !important;
        min-width: 0;
    }
    .wawabit-futures-v2 #frame_main2 { border-left: 0; }
    .wawabit-futures-v2 #frame_main1 > table,
    .wawabit-futures-v2 #frame_main1 > table > tbody,
    .wawabit-futures-v2 #frame_main1 > table > tbody > tr:first-child,
    .wawabit-futures-v2 #frame_monitor,
    .wawabit-futures-v2 #frame_right {
        display: block;
        width: 100% !important;
        min-width: 0;
        max-width: none;
    }
    .wawabit-futures-v2 #frame_right { border-left: 0; }
    .wawabit-futures-v2 #vm_hoga_1 td > div[style*="position:absolute"] {
        width: calc((100% - 10px) / 2);
    }
}

@media (max-width: 600px) {
    .wawabit-futures-v2 #v2_trading_area > center > table,
    .wawabit-futures-v2 #v2_trading_area > center > table > tbody,
    .wawabit-futures-v2 #v2_trading_area > center > table > tbody > tr,
    .wawabit-futures-v2 #main_market,
    .wawabit-futures-v2 #main_trade {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
    }
    .wawabit-futures-v2 #main_market #scroll_market { height: 180px !important; }
}