/* Cenário Macro, Back Testing e Screening: só o que o estilo aprovado (estilo.css) não cobre. */

/* Cenário ativo: as duas opções lado a lado, com a ativa em evidência */
.mac-opcoes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}
.mac-opcao{border:1px solid var(--border-2);border-left:4px solid var(--border-2);border-radius:6px;padding:12px 14px;min-width:0;opacity:.75}
.mac-opcao.ativo{border-color:var(--good);border-left-color:var(--good);background:var(--good-bg);opacity:1}
.mac-opcao-nome{font-weight:700;color:var(--navy);font-size:15px;margin-bottom:4px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mac-opcao .desc-text{font-size:13px;line-height:1.55}
.mac-desde{font-size:13.5px;margin:4px 0 0}
.mac-sub{margin-top:18px;font-size:13px}
.mac-just{margin-top:12px}
.mac-ok{background:var(--good-bg);color:var(--good);margin-top:10px}
#macroCorpo .kpi-sub{white-space:normal;max-width:260px}
#macroCorpo .note,#btCorpo .note,#scrCorpo .note{line-height:1.5}
#macroCorpo .card>.note{margin-bottom:10px}

/* Tabela de valores por ano, com campos */
.mac-grade td{padding-top:5px;padding-bottom:5px}
.mac-grade input.num-in.sm{width:64px}
.mac-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);cursor:pointer;white-space:nowrap}
.mac-lista{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 14px;border:1px solid var(--border-2);border-radius:6px;margin-bottom:10px}

/* Linha de formulário dentro de um cartão (reusa month-selector, sem a sombra de barra de filtro) */
.month-selector.mac-linha{box-shadow:none;padding:0;margin:12px 0 0;background:none}
.mac-cresce{flex:1 1 260px;min-width:0}
.mac-linha input[type=date].txt{width:auto;min-width:150px}
details.mac-det{margin-top:12px;border:1px dashed var(--border-2);border-radius:6px;padding:8px 14px}
details.mac-det>summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:13px;padding:2px 0}
details.mac-det[open]>summary{margin-bottom:8px}
details.mac-det .form-grid{margin-bottom:10px}

/* Back Testing: o que foi alterado em relação ao vigente */
input.num-in.bt-alt{border-color:var(--warn);background:#fffbeb;font-weight:700}
.perf-table tbody tr.bt-mudou>td{background:#fffbeb}
.perf-table tbody tr[data-mudou=bad]>td{background:var(--bad-bg)}
.perf-table tbody tr[data-mudou=good]>td{background:var(--good-bg)}
.perf-table thead th.bt-par{text-align:center;border-left:1px solid var(--border-4)}
.perf-table tbody td.bt-vig{color:var(--grey)}
#btForm .card,#btForm2 .card{margin-bottom:12px}
#btForm{margin-bottom:0}
.bt-rodar .inline-actions{margin-top:0}
.bt-graf{max-width:760px}
.bt-graf svg{width:100%;height:auto;display:block}
#btLista td .month-nav-btn{white-space:normal;text-align:left}

/* Screening */
.scr-grid{grid-template-columns:minmax(260px,360px) 1fr;margin-bottom:12px}
.scr-txt{min-width:0;white-space:normal;font-weight:600}
.scr-titulo{text-transform:none;letter-spacing:0;white-space:normal}
.scr-kv{grid-template-columns:190px 1fr}
#scrLista button{align-items:flex-start}

@media (max-width:768px){
  .mac-opcoes,.scr-grid,.scr-kv{grid-template-columns:1fr}
  .mac-linha input[type=date].txt{width:100%}
  #macroCorpo .kpi-sub{max-width:none}
}