/* ShowBuySellV1 order dialog (js/PaperTrade.js) */
.v1ob {
    --v1bg: #101317;
    --v1panel: #14181d;
    --v1card: #0b0d10;
    --v1border: #333b47;
    --v1border2: #262e38;
    --v1txt: #e8ecf1;
    --v1sub: #a5aebb;
    --v1mute: #838d99;
    --v1accent: #ff5b2e;
    --v1green: #3fd07f;
    --v1red: #ef4757;
    position: relative;
    font-family: 'Space Grotesk',system-ui,sans-serif;
    background: var(--v1bg);
    color: var(--v1txt);
    border-radius: 8px;
    overflow: hidden;
    width: min(580px,92vw)
}

    .v1ob * {
        box-sizing: border-box
    }

    .v1ob input, .v1ob select {
        font-family: 'JetBrains Mono',monospace
    }

        .v1ob input:focus, .v1ob select:focus {
            outline: 1px solid var(--v1accent)
        }

.v1-topbar {
    display: flex;
    flex-direction: column;
    padding: 6px 10px;
    background: var(--v1panel);
    border-bottom: 1px solid var(--v1border2);
    gap: 4px
}

.v1-topbar-row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.v1-topbar-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px
}

.v1-symbol {
    font: 700 12.5px 'JetBrains Mono',monospace;
    color: var(--v1txt);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0
}

.v1-chip {
    font: 500 9.5px 'JetBrains Mono',monospace;
    color: var(--v1sub);
    background: var(--v1card);
    border: 1px solid var(--v1border);
    border-radius: 3px;
    padding: 2px 5px;
    margin-left: 4px
}

.v1-ltp {
    font: 500 10.5px 'JetBrains Mono',monospace;
    color: var(--v1sub);
    margin-left: 4px
}

    .v1-ltp b {
        color: var(--v1txt)
    }

.v1-topbar-right {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px
}

.v1-exit-pills {
    display: flex;
    background: var(--v1card);
    border: 1px solid var(--v1border);
    border-radius: 4px;
    padding: 2px;
    gap: 2px;
    position: relative
}

    .v1-exit-pills label {
        font: 500 9.5px 'Space Grotesk',sans-serif;
        padding: 3px 7px;
        border-radius: 3px;
        cursor: pointer;
        color: var(--v1sub)
    }

    .v1-exit-pills input {
        position: absolute;
        clip: rect(0,0,0,0)
    }

        .v1-exit-pills input:checked + label {
            background: var(--v1accent);
            color: #fff
        }

.v1-close {
    font: 400 14px/1 'Space Grotesk',sans-serif;
    color: var(--v1mute);
    cursor: pointer
}

    .v1-close:hover {
        color: var(--v1txt)
    }

.v1-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 8px 10px;
    position: relative
}

    .v1-side label {
        cursor: pointer;
        border: 1px solid var(--v1border);
        background: transparent;
        border-radius: 5px;
        padding: 6px 0;
        text-align: center;
        font: 600 12px 'Space Grotesk',sans-serif;
        letter-spacing: .05em;
        color: var(--v1sub);
        display: block
    }

    .v1-side input {
        position: absolute;
        clip: rect(0,0,0,0)
    }

        .v1-side input#radiobuy:checked + label {
            border-color: #1f9e5a;
            background: #1f9e5a;
            color: #fff
        }

        .v1-side input#radiosell:checked + label {
            border-color: var(--v1accent);
            background: var(--v1accent);
            color: #fff
        }

.v1-cols {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid var(--v1border2);
    border-bottom: 1px solid var(--v1border2)
}

.v1-col {
    padding: 8px 10px;
    border-right: 1px solid var(--v1border2);
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative
}

    .v1-col:last-child {
        border-right: none
    }

.v1-col-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: 700 9.5px 'JetBrains Mono',monospace;
    color: var(--v1sub);
    letter-spacing: .1em
}

.v1ob select.v1-input {
    width: 100%;
    background: var(--v1card);
    border: 1px solid var(--v1border);
    border-radius: 4px;
    color: var(--v1txt);
    font: 500 11px 'JetBrains Mono',monospace;
    padding: 5px 7px
}

.v1-field-label {
    font: 500 9px 'JetBrains Mono',monospace;
    color: var(--v1mute);
    letter-spacing: .06em;
    display: block;
    margin-bottom: 2px
}

.v1ob input.v1-input {
    width: 100%;
    background: var(--v1card);
    border: 1px solid var(--v1border);
    border-radius: 4px;
    color: var(--v1txt);
    font: 500 12px 'JetBrains Mono',monospace;
    padding: 5px 7px
}

.v1-qty-box {
    display: flex;
    border: 1px solid var(--v1border);
    border-radius: 4px;
    overflow: hidden;
    background: var(--v1card)
}

    .v1-qty-box .v1-step {
        width: 28px;
        text-align: center;
        padding: 5px 0;
        font: 500 13px 'JetBrains Mono',monospace;
        color: var(--v1sub);
        cursor: pointer
    }

        .v1-qty-box .v1-step:hover {
            background: #181d24;
            color: var(--v1txt)
        }

    .v1-qty-box input {
        flex: 1;
        min-width: 0;
        background: transparent;
        border: none;
        text-align: center;
        color: var(--v1txt);
        font: 700 13px 'JetBrains Mono',monospace;
        padding: 5px 0
    }

.v1-chiprow {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4px
}

.v1-chiprow3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 4px
}

.v1-qchip {
    border: 1px solid var(--v1border);
    border-radius: 4px;
    text-align: center;
    padding: 3px 0;
    font: 500 9.5px 'JetBrains Mono',monospace;
    color: var(--v1sub);
    cursor: pointer
}

    .v1-qchip:hover {
        border-color: var(--v1accent);
        color: var(--v1txt)
    }

    .v1-qchip.v1-on-tp {
        border-color: var(--v1green);
        background: #12241a;
        color: var(--v1green)
    }

    .v1-qchip.v1-on-sl {
        border-color: var(--v1red);
        background: #241316;
        color: #ff8a95
    }

.v1-note {
    border-radius: 4px;
    padding: 5px 7px;
    font: 500 10px/1.3 'JetBrains Mono',monospace
}

.v1-tp-note {
    border: 1px solid #1e3b2a;
    background: #0e1a13;
    color: var(--v1green)
}

.v1-sl-note {
    border: 1px solid var(--v1border);
    background: #0d1014;
    color: var(--v1sub)
}

    .v1-sl-note.v1-on {
        border-color: #4a2026;
        background: #1c1013;
        color: #ff8a95
    }

.v1-remark-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-bottom: 1px solid var(--v1border2);
    flex-wrap: wrap
}

    .v1-remark-row textarea {
        flex: 1;
        min-width: 140px;
        height: 22px;
        resize: none;
        background: var(--v1card);
        border: 1px solid var(--v1border);
        border-radius: 4px;
        color: #b9c2ce;
        font: 400 10.5px 'JetBrains Mono',monospace;
        padding: 4px 7px
    }

.v1-depth-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    cursor: pointer;
    border-bottom: 1px solid var(--v1border2);
    font: 600 10.5px 'Space Grotesk',sans-serif;
    color: #b9c2ce
}

    .v1-depth-toggle:hover {
        background: var(--v1panel)
    }

.v1-depth-body {
    border-bottom: 1px solid var(--v1border2);
    background: #0d1014;
    /*padding: 5px 10px;*/
    color: var(--v1txt)
}

.v1-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    background: var(--v1panel);
    flex-wrap: wrap
}

.v1-footer-stat .v1-l {
    font: 600 9px 'JetBrains Mono',monospace;
    color: var(--v1mute);
    letter-spacing: .06em
}

.v1-footer-stat .v1-v {
    font: 700 13px 'JetBrains Mono',monospace;
    color: var(--v1txt)
}

.v1-footer-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.v1-btn-cancel {
    border: 1px solid var(--v1sub);
    border-radius: 5px;
    text-align: center;
    padding: 7px 12px;
    font: 600 11px 'Space Grotesk',sans-serif;
    color: var(--v1sub);
    cursor: pointer
}

    .v1-btn-cancel:hover {
        border-color: var(--v1txt);
        color: var(--v1txt)
    }

.v1-btn-cta {
    min-width: 150px;
    border-radius: 5px;
    text-align: center;
    padding: 7px 12px;
    font: 600 12px 'Space Grotesk',sans-serif;
    color: #fff;
    cursor: pointer
}

.v1-confirm-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7,8,10,.85);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 5
}

.v1-confirm-card {
    width: min(300px,90vw);
    background: var(--v1panel);
    border: 1px solid var(--v1border);
    border-radius: 8px;
    overflow: hidden
}

.v1-confirm-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--v1border2);
    font: 600 12px 'Space Grotesk',sans-serif;
    color: var(--v1txt)
}

.v1-confirm-row {
    display: flex;
    justify-content: space-between;
    font: 500 10.5px 'JetBrains Mono',monospace;
    padding: 3px 0
}

.v1-confirm-body {
    padding: 9px 12px;
    display: flex;
    flex-direction: column;
    gap: 1px
}

.v1-confirm-risk {
    margin: 0 12px 9px;
    border: 1px solid #4a2026;
    background: #1c1013;
    border-radius: 4px;
    padding: 6px 8px;
    font: 500 10px/1.35 'JetBrains Mono',monospace;
    color: #ff8a95
}

.v1-confirm-actions {
    display: flex;
    gap: 6px;
    padding: 8px 12px;
    border-top: 1px solid var(--v1border2)
}

    .v1-confirm-actions .v1-back {
        width: 68px;
        border: 1px solid var(--v1border);
        border-radius: 5px;
        text-align: center;
        padding: 7px 0;
        font: 500 11px 'Space Grotesk',sans-serif;
        color: var(--v1sub);
        cursor: pointer
    }

    .v1-confirm-actions .v1-place {
        flex: 1;
        border-radius: 5px;
        text-align: center;
        padding: 7px 0;
        font: 600 12px 'Space Grotesk',sans-serif;
        color: #fff;
        cursor: pointer
    }

@media (max-width:640px) {
    .v1-cols {
        display: flex;
        flex-direction: column
    }

    .v1-col {
        border-right: none;
        border-bottom: 1px solid var(--v1border2)
    }
}