/* Home, Histórico, Trading e Relatório Diário: só o que o estilo aprovado (estilo.css) não cobre. */

/* Alertas da Home: texto longo quebra em vez de alargar a página. */
#view-home .change-item.alerta,#view-processo .change-item.alerta{border:0;cursor:pointer;text-align:left;white-space:normal;line-height:1.35;padding:4px 8px;font-family:inherit}
#view-processo .change-item.alerta{cursor:default}
#view-home .changes-items,#view-processo .changes-items{display:flex;flex-wrap:wrap;gap:6px}
#view-home .top-row>.kpi-group,#view-processo .top-row>.kpi-group{min-width:0;max-width:100%}

/* Métricas da carteira: três tabelas pequenas lado a lado. */
.cart-tres{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) minmax(0,1.1fr);gap:12px;margin-top:14px}
.cart-tres>div{min-width:0}
.cart-tres .kpi-label{margin-bottom:6px}
#view-home .card>.kpi-group-row .kpi-box{box-shadow:none;background:var(--bg-2,#f6f8f7)}
.perf-table tbody tr.critico td{color:var(--bad)}
.perf-table tbody td.quebra{white-space:normal;min-width:150px}
#homeCurvas{margin-bottom:0}
#homeCurvas>div{min-width:0}

/* Formulários das abas de carteira. */
label.marca{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--ink-2);text-transform:none;letter-spacing:0;cursor:pointer}
label.marca input{width:16px;height:16px;flex:none}
input.txt[type=date]{min-width:0}
.arq-oculto{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
label.arq-btn{display:inline-flex;align-items:center;cursor:pointer}
.layout-doc tbody td{white-space:normal}
.conf-avisos{margin:4px 0 10px}
#upCard .two{margin-bottom:0}
.month-selector.cmp-sel{box-shadow:none;padding:0;margin-bottom:10px}
.month-selector.form-linha{box-shadow:none;padding:0;margin-bottom:12px;gap:12px}
.month-selector.form-linha .filter-group{flex:1 1 130px;min-width:0}
.month-selector.form-linha .filter-group:last-child{flex:0 0 auto}
#view-processo .month-selector .filter-group,#view-hist .month-selector .filter-group{min-width:0;max-width:100%}
#view-processo .month-selector select,#view-hist .month-selector select{max-width:100%}

@media (max-width:900px){
  .cart-tres{grid-template-columns:1fr}
  #upCard .two,#precoCard .two{grid-template-columns:1fr}
  #view-processo .month-selector .filter-group[style]{margin-left:0!important}
  #procMeta{white-space:normal}
}
.conf-avisos .pill{white-space:normal;text-align:left;line-height:1.35}
#upConf{min-width:0;max-width:100%}
#view-trading .perf-table .linha-acoes{flex-wrap:nowrap}