/* Transparência tab: the trail of tool calls behind every answer. */
#tab-transparencia{grid-template-columns:minmax(0,1fr)}

#app .trail-t{width:100%;border-collapse:collapse;font-size:13.5px}
#app .trail-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 .trail-t td{padding:10px;border-bottom:1px solid var(--line-d);vertical-align:top}
#app .trail-t td.ep{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--tx-d)}
#app .trail-t td.tl{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;color:var(--white);white-space:nowrap}
#app .trail-t tr:last-child td{border-bottom:0}
#app .trail-sum{display:flex;gap:28px;flex-wrap:wrap;margin:4px 0 14px}
#app .trail-sum div span{display:block;font-size:11.5px;color:var(--mut-d)}
#app .trail-sum div b{font-family:'JetBrains Mono',monospace;color:var(--white);font-size:20px}
#app .empty{padding:28px 10px;text-align:center}
#app .empty p{color:var(--mut-d);font-size:14px;margin-bottom:14px}

#app .scope-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line-d)}
#app .scope-g>div{padding:18px 20px}
#app .scope-g>div:first-child{border-right:1px solid var(--line-d)}
#app .scope-g h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700}

@media (max-width:720px){
  #app .trail-t thead{display:none}
  #app .trail-t,#app .trail-t tbody,#app .trail-t tr,#app .trail-t td{display:block;width:100%}
  #app .trail-t tr{border:1px solid var(--line-d);background:var(--ink);padding:6px 12px;margin-bottom:10px}
  #app .trail-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 .trail-t tr td:last-child{border-bottom:0}
  #app .trail-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 .trail-t td.tl{white-space:normal}
  #app .trail-sum{gap:18px}
  #app .scope-g{grid-template-columns:minmax(0,1fr)}
  #app .scope-g>div:first-child{border-right:0;border-bottom:1px solid var(--line-d)}
}