/* Sinais tab: buy, sell and hold suggestions per asset. */
#tab-sinais{grid-template-columns:minmax(0,1fr)}

#app .sg-sum{display:flex;gap:28px;flex-wrap:wrap;margin:4px 0 14px}
#app .sg-sum div span{display:block;font-size:11.5px;color:var(--mut-d)}
#app .sg-sum div b{font-family:'JetBrains Mono',monospace;color:var(--white);font-size:20px}
#app .sg-sum div b.up{color:var(--up)}
#app .sg-sum div b.dn{color:var(--dn)}

#app .sg-t{width:100%;border-collapse:collapse;font-size:13.5px}
#app .sg-t th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-family:'JetBrains Mono',monospace;color:var(--mut-d);font-weight:500;padding:8px 10px;border-bottom:1.5px solid var(--line-d);white-space:nowrap}
#app .sg-t td{padding:10px;border-bottom:1px solid var(--line-d);vertical-align:top;color:var(--tx-d)}
#app .sg-t td.ep{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--tx-d2);white-space:nowrap}
#app .sg-t td.tl{color:var(--white);white-space:nowrap}
#app .sg-t tr:last-child td{border-bottom:0}
#app .sg-sym{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--white)}
#app .sg-act{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;padding:3px 8px;border:1px solid var(--line-d);color:var(--tx-d2);white-space:nowrap}
#app .sg-act.up{color:var(--up);border-color:color-mix(in srgb,var(--up) 45%,transparent)}
#app .sg-act.dn{color:var(--dn);border-color:color-mix(in srgb,var(--dn) 45%,transparent)}

#app .sg-idle,#app .sg-error{padding:28px 10px;text-align:center}
#app .sg-idle b,#app .sg-error b{display:block;color:var(--white);font-size:15px;margin-bottom:6px}
#app .sg-idle p,#app .sg-error p{color:var(--mut-d);font-size:14px;max-width:560px;margin:0 auto}
#app .sg-error b{color:var(--dn)}

@media (max-width:720px){
  #app .sg-t thead{display:none}
  #app .sg-t,#app .sg-t tbody,#app .sg-t tr,#app .sg-t td{display:block;width:100%}
  #app .sg-t tr{border:1px solid var(--line-d);background:var(--ink);padding:6px 12px;margin-bottom:10px}
  #app .sg-t td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-d);text-align:right;overflow-wrap:anywhere}
  #app .sg-t tr td:last-child{border-bottom:0}
  #app .sg-t td::before{content:attr(data-label);flex:none;text-align:left;font-family:'Public Sans',sans-serif;font-size:11.5px;font-weight:600;color:var(--mut-d)}
  #app .sg-t td.tl{white-space:normal}
  #app .sg-sum{gap:18px}
}

#app .sg-models-box{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line-d)}
#app .sg-model-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end;margin-top:10px}
#app .sg-model-form .fl{min-width:0}
#app .sg-model-form .fl input{width:100%;height:38px;padding:0 8px;border:1px solid var(--line-d);border-radius:2px;background:transparent;color:var(--white);font:inherit;font-size:13.5px}
#app .sg-model-form .btn{width:100%}
#app .sg-model-error{margin:8px 0 0;font-size:13px;color:var(--dn-l)}
#app .sg-models{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
#app .sg-models li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line-d);padding:8px 10px}
#app .sg-model-name{font-weight:700;color:var(--white)}
#app .sg-model-host{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut-d);overflow-wrap:anywhere;min-width:0;flex:1}
#app .sg-notice{margin-top:10px}
#app .sg-model-warn{font-size:12px;color:var(--dn-l);margin-right:6px}