@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600;700&display=swap');

[data-mtrader] {
    --mt-bg:#0b0d14;--mt-sur:#10131c;--mt-sur2:#161923;
    --mt-bdr:rgba(255,255,255,0.07);--mt-acc:#e8e8e8;--mt-acc2:#8899aa;
    --mt-red:#ff3f5b;--mt-warn:#f5a623;--mt-txt:#c8cdd8;--mt-dim:#4a5060;
    --mt-fnt:'Roboto Mono','Courier New',monospace;
    font-family:var(--mt-fnt);font-size:12px;color:var(--mt-txt);
    background:var(--mt-bg);box-sizing:border-box;
}
[data-mtrader] *,[data-mtrader] *::before,[data-mtrader] *::after{box-sizing:border-box;}


/* ─── WRAPPER: scrollbar horizontal fina e visível ─── */
[data-mtrader] .mt-bar-wrap{
    overflow-x:auto;
    overflow-y:visible;
    background:var(--mt-sur);
    border-bottom:1px solid var(--mt-bdr);
    position:relative;
    scrollbar-width:thin;
    scrollbar-color:rgba(232,232,232,0.2) transparent;
    -ms-overflow-style:-ms-autohiding-scrollbar;
}
[data-mtrader] .mt-bar-wrap::-webkit-scrollbar{
    height:4px;
    display:block;
}
[data-mtrader] .mt-bar-wrap::-webkit-scrollbar-track{
    background:transparent;
}
[data-mtrader] .mt-bar-wrap::-webkit-scrollbar-thumb{
    background:rgba(232,232,232,0.18);
    border-radius:999px;
}
[data-mtrader] .mt-bar-wrap::-webkit-scrollbar-thumb:hover{
    background:rgba(232,232,232,0.35);
}
[data-mtrader] .mt-bar-wrap::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,var(--mt-acc) 0%,transparent 50%);
    opacity:0.15;pointer-events:none;
}

/* ─── BARRA INTERNA: expande sem quebrar, nunca encolhe ─── */
[data-mtrader] .mt-bar{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px 10px;
    padding:7px 12px;
    min-height:46px;
    width:max-content;
    min-width:100%;
}

/* ─── LABELS ─── */
[data-mtrader] .mt-lbl{
    font-size:11px;font-weight:700;letter-spacing:0.06em;
    text-transform:uppercase;color:var(--mt-dim);
    white-space:nowrap;flex-shrink:0;
}

/* ─── SELECTS — mais compactos ─── */
[data-mtrader] select{
    padding:4px 20px 4px 7px;
    font-size:12px;font-family:var(--mt-fnt);
    border-radius:4px;border:1px solid rgba(232,232,232,0.15);
    background:var(--mt-sur2);color:var(--mt-acc);
    outline:none;appearance:none;-webkit-appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e8e8e8' opacity='.4'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 5px center;
    cursor:pointer;width:auto;transition:border-color 0.15s;
    margin:0;flex-shrink:0;
    max-width:120px;
}
[data-mtrader] select:focus{border-color:var(--mt-acc);box-shadow:0 0 0 2px rgba(232,232,232,0.08);}
[data-mtrader] select option{background:#12151f;color:#e0e0e0;padding:4px;}

/* ─── INPUTS NUMÉRICOS ─── */
[data-mtrader] input[type="number"]{
    width:52px;padding:4px 4px;
    font-size:12px;font-family:var(--mt-fnt);
    border-radius:4px;border:1px solid rgba(232,232,232,0.15);
    background:var(--mt-sur2);color:var(--mt-acc);
    outline:none;text-align:center;margin:0;
    transition:border-color 0.15s;flex-shrink:0;
}
[data-mtrader] input[type="number"]:focus{border-color:var(--mt-acc);}
[data-mtrader] input[type="color"]{
    width:28px;height:22px;padding:0;border:none;
    background:none;cursor:pointer;border-radius:3px;margin:0;flex-shrink:0;
}

/* ─── SEPARADOR ─── */
[data-mtrader] .mt-sep{
    width:1px;height:18px;background:var(--mt-bdr);
    flex-shrink:0;align-self:center;
}

/* ─── GRUPO DE SWITCHES — não quebra internamente ─── */
[data-mtrader] .mt-sw-grid{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:2px 6px;
    padding:3px 6px;
    border-radius:5px;
    background:rgba(0,0,0,0.25);
    border:1px solid var(--mt-bdr);
    flex-shrink:0;
}

/* ─── SWITCH INDIVIDUAL ─── */
[data-mtrader] .mt-sw{
    display:flex;align-items:center;gap:4px;cursor:pointer;
    user-select:none;padding:2px 3px;border-radius:4px;
    transition:background 0.12s;flex-shrink:0;white-space:nowrap;
}
[data-mtrader] .mt-sw:hover{background:rgba(255,255,255,0.04);}
[data-mtrader] .mt-sw > input[type="checkbox"]{
    position:absolute;opacity:0;width:1px;height:1px;
    pointer-events:none;margin:0;
}
[data-mtrader] .mt-sw-txt{
    font-size:11px;font-weight:600;letter-spacing:0.04em;
    text-transform:uppercase;color:var(--mt-dim);
    transition:color 0.15s;white-space:nowrap;
}
[data-mtrader] .mt-sw > input:checked ~ .mt-sw-txt{color:var(--mt-acc);}
[data-mtrader] .mt-sw-track{
    width:24px;height:12px;border-radius:999px;
    background:#1a1d27;border:1px solid rgba(255,255,255,0.1);
    position:relative;flex-shrink:0;
    transition:background 0.18s,border-color 0.18s;
}
[data-mtrader] .mt-sw-track::after{
    content:'';width:8px;height:8px;border-radius:50%;
    background:#3a4050;position:absolute;top:50%;left:1px;
    transform:translateY(-50%);transition:left 0.18s,background 0.18s;
}
[data-mtrader] .mt-sw > input:checked + .mt-sw-track{
    background:rgba(232,232,232,0.12);border-color:rgba(232,232,232,0.35);
}
[data-mtrader] .mt-sw > input:checked + .mt-sw-track::after{
    left:13px;background:var(--mt-acc);box-shadow:0 0 4px rgba(232,232,232,0.25);
}

/* ─── BOTÕES ─── */
[data-mtrader] button{
    padding:4px 10px;border-radius:4px;
    border:1px solid rgba(255,255,255,0.1);
    background:rgba(255,255,255,0.03);color:var(--mt-dim);
    font-family:var(--mt-fnt);font-size:12px;font-weight:600;
    letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;
    white-space:nowrap;display:inline-flex;align-items:center;gap:4px;
    transition:border-color 0.12s,color 0.12s,background 0.12s;
    margin:0;flex-shrink:0;
}
[data-mtrader] button:hover{border-color:rgba(232,232,232,0.3);color:var(--mt-acc);background:rgba(232,232,232,0.04);}
[data-mtrader] button:active{transform:translateY(1px);}
[data-mtrader] .mt-btn-linha{border-color:rgba(136,153,170,0.3);color:#8899aa;}
[data-mtrader] .mt-btn-linha:hover{border-color:#8899aa;background:rgba(136,153,170,0.07);}
[data-mtrader] .mt-btn-legenda{border-color:rgba(232,232,232,0.3);color:var(--mt-acc);}
[data-mtrader] .mt-btn-legenda:hover{background:rgba(232,232,232,0.07);}
[data-mtrader] .mt-btn-legenda.off{border-color:rgba(255,255,255,0.1);color:var(--mt-dim);}

/* ─── DROPDOWNS FLUTUANTES ─── */
[data-mtrader] .mt-fw{position:relative;display:inline-flex;flex-shrink:0;}
[data-mtrader] .mt-fp,[data-mtrader] .mt-cfg{
    display:none;position:fixed;top:auto;right:auto;z-index:999999;
    background:#0c0e1a;border:1px solid rgba(232,232,232,0.18);
    border-radius:7px;padding:11px 13px;box-shadow:0 12px 36px rgba(0,0,0,0.85);
}
[data-mtrader] .mt-fp{min-width:188px;flex-direction:column;gap:6px;}
[data-mtrader] .mt-cfg{min-width:240px;}
[data-mtrader] .mt-fp.on,[data-mtrader] .mt-cfg.on{display:flex;flex-direction:column;gap:5px;}
[data-mtrader] .mt-fp-cnt{font-size:10px;color:var(--mt-dim);text-align:center;}
[data-mtrader] .mt-fp-sep{height:1px;background:var(--mt-bdr);}
[data-mtrader] .mt-fp-row{display:flex;align-items:center;gap:7px;}
[data-mtrader] .mt-fp-row span{
    font-size:10px;color:var(--mt-dim);display:inline;
    white-space:nowrap;background:none;padding:0;margin:0;
}
[data-mtrader] .mt-fp button{width:100%;text-align:left;justify-content:flex-start;}
[data-mtrader] .mt-fp .btn-g{border-color:rgba(232,232,232,0.25);color:var(--mt-acc);}
[data-mtrader] .mt-fp .btn-g:hover{background:rgba(232,232,232,0.06);}
[data-mtrader] .mt-fp .btn-y{border-color:rgba(245,166,35,0.35);color:var(--mt-warn);}
[data-mtrader] .mt-fp .btn-y:hover{background:rgba(245,166,35,0.09);}
[data-mtrader] .mt-fp .btn-r{border-color:rgba(255,63,91,0.35);color:var(--mt-red);}
[data-mtrader] .mt-fp .btn-r:hover{background:rgba(255,63,91,0.09);}

/* ─── CONFIG PAINEL ─── */
[data-mtrader] .mt-cfg-ttl{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mt-acc);margin-bottom:2px;}
[data-mtrader] .mt-cfg-sub{font-size:10px;color:var(--mt-dim);margin-bottom:8px;}
[data-mtrader] .mt-cfg-sec{padding-top:7px;margin-top:7px;border-top:1px solid var(--mt-bdr);}
[data-mtrader] .mt-cfg-sec:first-of-type{border-top:none;padding-top:0;margin-top:0;}
[data-mtrader] .mt-cfg-sec-ttl{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mt-dim);margin-bottom:5px;}
[data-mtrader] .mt-cfg-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px;}
[data-mtrader] .mt-cfg-row label{font-size:11px;color:var(--mt-txt);margin:0;font-family:var(--mt-fnt);display:inline;white-space:nowrap;}
[data-mtrader] .mt-cfg-row input[type="number"],[data-mtrader] .mt-cfg-row select{width:76px;}
[data-mtrader] .mt-mm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;flex-shrink:0;}
[data-mtrader] .mt-mm-dot.green{background:#00FF00;}
[data-mtrader] .mt-mm-dot.red{background:#FF4444;}
[data-mtrader] .mt-cfg button.mt-rst{
    margin-top:8px;width:100%;border-radius:4px;border:none;
    padding:5px 8px;background:linear-gradient(135deg,#d0d0d0,#a0a0a0);
    color:#000;letter-spacing:0.06em;justify-content:center;
}
[data-mtrader] .mt-cfg button.mt-rst:hover{opacity:0.85;}

/* ─── HORA/NAVEGAÇÃO ─── */
[data-mtrader] .mt-hr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;}
[data-mtrader] .mt-hc{display:inline-flex;align-items:center;gap:3px;}
[data-mtrader] .mt-hb{
    width:22px;height:22px;border-radius:3px;border:1px solid var(--mt-bdr);
    background:var(--mt-sur);color:var(--mt-txt);font-size:14px;line-height:1;
    display:flex;align-items:center;justify-content:center;padding:0;min-width:0;
}
[data-mtrader] .mt-hb:hover{border-color:var(--mt-acc);color:var(--mt-acc);}
[data-mtrader] .mt-hi{
    width:52px;padding:2px 4px;border-radius:3px;border:1px solid var(--mt-bdr);
    background:var(--mt-sur);color:var(--mt-dim);font-size:10px;
    font-family:var(--mt-fnt);text-align:center;outline:none;
}
[data-mtrader] .mt-hr label{font-size:10px;color:var(--mt-txt);margin:0;font-family:var(--mt-fnt);display:inline;white-space:nowrap;}

/* ─── CANVAS WRAPPER ─── */
[data-mtrader] .mt-cw{
    position:relative;width:100%;
    background:linear-gradient(180deg,#08090e 0%,#0e1016 100%);overflow:hidden;
}
[data-mtrader] .mt-cw canvas{display:block;width:100%;height:100%;}
[data-mtrader] .mt-div{height:2px;background:linear-gradient(90deg,transparent,rgba(232,232,232,0.08),transparent);}
[data-mtrader] .mt-tag{
    position:absolute;top:7px;left:9px;z-index:5;font-size:10px;font-weight:700;
    letter-spacing:0.1em;text-transform:uppercase;color:var(--mt-acc);
    opacity:0.4;pointer-events:none;font-family:var(--mt-fnt);
}

/* ─── LEGENDA ─── */
[data-mtrader] .mt-legenda{
    display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 12px;
    background:var(--mt-sur);border-top:1px solid var(--mt-bdr);
}
[data-mtrader] .mt-legenda.oculta{display:none;}
[data-mtrader] .mt-leg-bloco{display:flex;flex-direction:column;gap:3px;}
[data-mtrader] .mt-leg-titulo{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mt-dim);}
[data-mtrader] .mt-leg-itens{display:flex;flex-wrap:wrap;gap:4px 10px;}
[data-mtrader] .mt-leg-item{
    display:flex;align-items:center;gap:5px;cursor:pointer;
    padding:1px 4px;border-radius:3px;transition:background 0.12s;opacity:0.45;
}
[data-mtrader] .mt-leg-item:hover{background:rgba(255,255,255,0.05);}
[data-mtrader] .mt-leg-item.ativo{opacity:1;}
[data-mtrader] .mt-leg-circulo{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
[data-mtrader] .mt-leg-item span{
    font-size:9px;font-weight:600;letter-spacing:0.05em;
    text-transform:uppercase;color:var(--mt-txt);
}