/* OpenMind DEMO V12 - Solo panel de operaciones, no altera el menu ni los graficos. */
#operaciones .dt-form{display:grid;gap:12px;margin-top:14px}
#operaciones .dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#operaciones .dt-field{display:flex;flex-direction:column;gap:5px;min-width:0}
#operaciones .dt-field label{font-size:11px;font-weight:750;color:var(--muted)}
#operaciones .dt-field input,#operaciones .dt-field select{width:100%;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2);color:var(--text);font-size:13px}
#operaciones .dt-form .dt-submit{width:100%;border:1px solid #149871;background:linear-gradient(115deg,#19bb85,#3adea4);color:#073326;font-weight:850;padding:12px;border-radius:9px}
#operaciones .dt-form .dt-submit:disabled{opacity:.45;cursor:not-allowed}
#operaciones .dt-note{font-size:11px;line-height:1.65;color:var(--muted)}
#operaciones .dt-feedback{font-size:12px;min-height:18px;line-height:1.6;padding:5px 0}
#operaciones .dt-feedback.error{color:var(--red)}
#operaciones .dt-feedback.success{color:var(--green)}
.dt-table-wrap{overflow-x:auto;padding:10px 12px 14px}
.dt-table{width:100%;border-collapse:collapse;font-size:12px;min-width:540px}
.dt-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:750;background:var(--panel2)}
.dt-table th,.dt-table td{padding:10px 9px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums}
.dt-table td{color:var(--text)}
.dt-table .dt-buy{color:var(--green);font-weight:800}.dt-table .dt-sell{color:var(--red);font-weight:800}
.dt-table .dt-pos{color:var(--green)}.dt-table .dt-neg{color:var(--red)}
.dt-table button{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--panel2);color:var(--text);font-size:11px;font-weight:750}
.dt-table button:hover{border-color:var(--green)}
.dt-empty{padding:17px 14px;color:var(--muted);font-size:12px}
.dt-stale{color:var(--amber);font-weight:700}
@media(max-width:600px){#operaciones .dt-grid{grid-template-columns:1fr 1fr;gap:8px}#operaciones .dt-field input,#operaciones .dt-field select{font-size:12px}}

#operaciones .dt-field[hidden]{display:none!important}

/* =========================================
   OPENMIND IA FX - MODIFICAR POSICION
   Ventana compacta / Oscuro / Claro / Movil
   ========================================= */

#dtModifyPanel[hidden] {
    display: none !important;
}

/* Fondo que cubre la plataforma */
#dtModifyPanel {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(2, 9, 13, 0.76);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Marco principal */
#dtModifyForm {
    position: relative;
    width: min(100%, 420px);
    max-height: 88vh;
    max-height: 88dvh;
    overflow-y: auto;

    padding: 19px;
    border-radius: 15px;

    background: var(--panel);
    color: var(--text);

    border: 1px solid var(--green);

    box-shadow:
        0 0 0 4px rgba(63, 224, 163, 0.07),
        0 25px 75px rgba(0, 0, 0, 0.55);

    font-family: inherit;
}

/* Detalle decorativo del marco */
#dtModifyForm::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--green),
        transparent
    );

    border-radius: 0 0 5px 5px;
}

/* Cabecera */
#dtModifyForm h3 {
    margin: 4px 0 7px;
    padding-right: 24px;
    color: var(--text);
    font-size: 16px;
    font-weight: 800;
}

#dtModifyInfo {
    margin: 0 0 14px;
    font-size: 12px;
    color: var(--muted);
    line-height: 1.5;
}

/* BID y ASK */
.dt-modify-quotes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-bottom: 15px;
}

.dt-modify-quote {
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--panel2);
    text-align: center;
}

.dt-modify-quote span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 4px;
}

.dt-modify-quote strong {
    font-size: 18px;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.dt-quote-bid,
.dt-quote-bid strong {
    color: var(--red);
}

.dt-quote-ask,
.dt-quote-ask strong {
    color: var(--green);
}

/* Campos Stop Loss y Take Profit */
.dt-modify-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 10px;
}

.dt-modify-fields label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    min-width: 0;
}

.dt-modify-fields input {
    width: 100%;
    min-width: 0;
    padding: 11px 9px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--panel2);
    color: var(--text);
    font-size: 14px;
    outline: none;
}

.dt-modify-fields input:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 2px rgba(63, 224, 163, 0.12);
}

/* Texto informativo */
.dt-modify-note {
    margin: 8px 0 14px;
    font-size: 11px;
    line-height: 1.5;
    color: var(--muted);
}

/* Botones */
.dt-modify-actions {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

.dt-modify-actions button {
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    min-height: 39px;
}

#dtModifyCancel {
    border: 1px solid var(--border);
    background: var(--panel2);
    color: var(--text);
}

#dtModifySave {
    border: 1px solid var(--green);
    background: var(--green);
    color: #06271b;
}

#dtModifySave:disabled {
    opacity: 0.5;
    cursor: wait;
}

/* Mensajes */
#dtModifyMessage {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--green);
    line-height: 1.5;
}

#dtModifyMessage:empty {
    display: none;
}

/* Adaptacion a celulares */
@media (max-width: 480px) {

    #dtModifyPanel {
        padding: 12px;
    }

    #dtModifyForm {
        width: 100%;
        padding: 15px;
        border-radius: 12px;
    }

    #dtModifyForm h3 {
        font-size: 15px;
    }

    .dt-modify-quote strong {
        font-size: 16px;
    }

    .dt-modify-fields {
        gap: 8px;
    }

    .dt-modify-fields input {
        font-size: 16px;
        padding: 10px 8px;
    }

    .dt-modify-actions button {
        flex: 1;
    }
}

/* FIN VENTANA MODIFICAR POSICION */

/* BOTON X - VENTANA MODIFICAR */

#dtModifyClose {
    position: absolute;
    top: 12px;
    right: 12px;

    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
    border: 1px solid var(--border);

    background: var(--panel2);
    color: var(--muted);

    font-size: 19px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}

#dtModifyClose:hover {
    border-color: var(--green);
    color: var(--green);
    background: var(--panel);
}

#dtModifyClose:focus-visible {
    outline: 2px solid var(--green);
    outline-offset: 2px;
}

/* ======================================
   CIERRE PARCIAL Y TOTAL - OPENMIND FX
   ====================================== */

.dt-modify-close-section {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid var(--border);
}

.dt-modify-close-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 12px;
}

.dt-modify-close-head strong {
    font-size: 13px;
    color: var(--text);
}

.dt-modify-close-head span {
    font-size: 11px;
    color: var(--muted);
}

.dt-modify-close-head b {
    color: var(--green);
}

.dt-modify-close-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.dt-modify-close-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    min-width: 0;
}

#dtModifyLotsToClose {
    width: 100%;
    min-width: 0;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--panel2);
    color: var(--text);
    font-size: 16px;
}

#dtModifyLotsToClose:focus {
    outline: none;
    border-color: var(--green);
}

.dt-modify-close-remaining {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border-radius: 8px;
    background: var(--panel2);
    border: 1px solid var(--border);
}

.dt-modify-close-remaining span {
    font-size: 11px;
    color: var(--muted);
}

.dt-modify-close-remaining strong {
    font-size: 18px;
    color: var(--green);
    font-variant-numeric: tabular-nums;
}

.dt-modify-close-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

#dtModifyCloseHint {
    font-size: 11px;
    line-height: 1.4;
    color: var(--muted);
}

#dtModifyCloseLots {
    flex-shrink: 0;
    padding: 10px 13px;
    border-radius: 8px;
    border: 1px solid var(--red);
    background: var(--red);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

#dtModifyCloseLots:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Adaptacion movil */
@media (max-width: 400px) {

    .dt-modify-close-grid {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .dt-modify-close-actions {
        flex-direction: column;
        align-items: stretch;
    }

    #dtModifyCloseLots {
        width: 100%;
    }
}