/* Estilo da aba "Estratégias". Arquivo NOVO: só usa variáveis de cor que o site já define. */

.est-nota{color:var(--muted); font-size:0.82rem; margin:0 0 14px; line-height:1.55;}

details.est-ajustes{margin:-4px 0 18px;}
details.est-ajustes summary{cursor:pointer; color:var(--muted); font-size:0.84rem; padding:4px 0;}
details.est-ajustes summary:hover{color:var(--paper);}
details.est-ajustes .filters{margin:12px 0 0; padding-bottom:0; border-bottom:none;}

.est-form .field input[type=text]{
  background:var(--ink-2); border:1px solid var(--edge); color:var(--paper);
  padding:9px 11px; border-radius:4px; font-family:var(--num); font-size:0.88rem; min-width:150px; text-transform:uppercase;
}
.est-form .field input[type=text]::placeholder{text-transform:none; color:var(--muted); font-family:var(--ui);}
.est-form .field select{max-width:100%;}
.est-form .btn.primary{padding:9px 28px;}
.est-form .btn.primary:disabled{opacity:.55; cursor:wait;}

.est-card{background:var(--ink-2); border:1px solid var(--edge); border-radius:6px; padding:20px; margin-top:16px;}
.est-head{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px;}
.est-head h3{font-family:var(--display); font-weight:500; font-size:1.05rem; margin:0;}

.est-tag{display:inline-block; padding:4px 11px; border-radius:3px; font-size:0.76rem; font-weight:600;}
.est-tag.baixo{background:rgba(95,174,142,0.15); color:var(--jade);}
.est-tag.medio{background:rgba(214,162,74,0.15); color:var(--brass);}
.est-tag.alto{background:rgba(209,105,122,0.15); color:var(--rose);}

.est-grid{display:grid; grid-template-columns:1.25fr 1fr; gap:22px; align-items:start;}
@media (max-width:820px){ .est-grid{grid-template-columns:1fr;} }
.scroll-x table.grid.est-legs{min-width:500px;}
.est-lado{font-family:var(--ui); font-size:0.72rem; font-weight:700; letter-spacing:.3px;}
.est-lado.compra{color:var(--jade);} .est-lado.venda{color:var(--rose);}

.est-chart{width:100%; height:auto; display:block;}

.est-kpis{margin:18px 0 6px;}
.est-kpis .stat{flex:1; min-width:150px;}

.est-explica{margin-top:14px; padding-top:14px; border-top:1px solid var(--edge);}
.est-explica h4{font-family:var(--ui); font-weight:600; font-size:0.92rem; color:var(--brass); margin:0 0 8px;}
.est-explica ul{margin:0 0 12px; padding-left:20px;}
.est-explica li{font-size:0.9rem; line-height:1.6; margin:0 0 7px;}
.est-explica li strong{color:var(--paper);}

.glossario.est-glossario h3 small{color:var(--muted); font-weight:400; font-size:0.78rem; margin-left:6px;}