/* TJP Tracker v0.6.15
   Resumo de Payouts e conferência acionável.
   Refinamento incremental, sem alterar o ledger ou a navegação.
*/

/* O destaque visual pertence ao cabeçalho da central de dinheiro realizado. */
.payout-toolbar-emphasis-v615{
  position:relative;padding:16px 16px 16px 19px!important;margin-bottom:14px!important;
  border:1px solid #222b25!important;border-bottom-color:#222b25!important;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.072),rgba(var(--accent-rgb),.018) 34%,rgba(5,8,10,.94) 72%)!important;
  box-shadow:inset 3px 0 0 var(--accent),0 0 0 1px rgba(var(--accent-rgb),.02)!important;
}
.payout-toolbar-emphasis-v615 .page-eyebrow{color:var(--accent)!important;font-weight:900!important;letter-spacing:.1em!important}
.payout-toolbar-emphasis-v615 .page-title{font-size:18px!important;margin-top:3px!important}
.payout-toolbar-emphasis-v615 .page-subtitle{max-width:720px!important}

/* Cinco indicadores úteis substituem o bloco promocional. */
.payout-kpis-v66{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:0!important}
.payout-kpi-v615{position:relative;min-height:120px!important;padding:15px!important;overflow:hidden}
.payout-kpi-v615:after{content:"";position:absolute;right:-18px;bottom:-28px;width:80px;height:80px;border:1px solid rgba(var(--accent-rgb),.045);transform:rotate(45deg);pointer-events:none}
.payout-kpi-icon-v615{width:27px;height:27px;display:grid;place-items:center;border:1px solid #252e35;color:#77838d;background:#090d11}
.payout-kpi-icon-v615 svg{width:15px;height:15px}
.payout-kpi-v615>small{align-self:end}
.payout-kpi-value-v615{min-width:0;align-self:center}
.payout-kpi-value-v615>.currency-lines{display:grid!important;gap:3px!important}
.payout-kpi-value-v615 .currency-lines b{font-size:14px!important;line-height:1.05!important}
.payout-kpi-v615.pending .payout-kpi-icon-v615{color:#d8ad4a;border-color:#58471f}
.payout-kpi-v615.last .payout-kpi-icon-v615,.payout-kpi-v615.total .payout-kpi-icon-v615{color:var(--accent);border-color:rgba(var(--accent-rgb),.31)}
.payout-last-metric-v615{display:flex;align-items:center;gap:9px;min-width:0}
.payout-last-metric-v615>.firm-logo{width:31px!important;height:31px!important;min-width:31px!important;padding:3px!important}
.payout-last-metric-v615>.firm-logo img{max-width:25px!important;max-height:25px!important}
.payout-last-metric-v615>span{display:grid;gap:3px;min-width:0}
.payout-last-metric-v615 b{font-size:14px;white-space:nowrap}
.payout-last-metric-v615 small{font-size:6.4px;color:#67727c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Conferência: cada pendência é um destino de ação, não apenas um aviso. */
.payout-attention-card-v615 .widget-head{padding-bottom:10px;border-bottom:1px solid #182028}
.payout-attention-list-v615{display:grid!important;gap:5px!important;margin-top:11px!important}
.payout-attention-item-v615{
  width:100%;min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;
  align-items:center;gap:3px 9px;padding:10px;border:1px solid #252c32;background:#090d11;color:inherit;text-align:left;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.payout-attention-item-v615:hover{border-color:rgba(var(--accent-rgb),.38);background:rgba(var(--accent-rgb),.035);transform:translateX(2px)}
.payout-attention-icon-v615{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;color:#d7a943;border:1px solid #4f411f;background:rgba(215,169,67,.025)}
.payout-attention-icon-v615 svg{width:15px;height:15px}
.payout-attention-copy-v615{display:grid;gap:3px;min-width:0}
.payout-attention-copy-v615 b{font-size:8px;color:#e1e5e8}
.payout-attention-copy-v615 small{font-size:6.6px;line-height:1.4;color:#65717b}
.payout-attention-item-v615>strong{grid-column:3;grid-row:1;font-size:11px;color:#d7a943;align-self:end}
.payout-attention-item-v615>em{grid-column:3;grid-row:2;font-size:6.2px;color:var(--accent);font-style:normal;text-transform:uppercase;letter-spacing:.05em;align-self:start;white-space:nowrap}
.payout-attention-ok-v615{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.025)}
.payout-attention-ok-v615>span{width:32px;height:32px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}
.payout-attention-ok-v615 svg{width:16px;height:16px}.payout-attention-ok-v615>div{display:grid;gap:3px}.payout-attention-ok-v615 b{font-size:8.5px}.payout-attention-ok-v615 small{font-size:6.7px;color:#64707a}.payout-attention-ok-v615>strong{color:var(--accent);font-size:10px}
.attention-focus-v615{outline:1px solid var(--accent)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.11)!important}

@media(max-width:1320px){.payout-kpis-v66{grid-template-columns:repeat(3,minmax(0,1fr))!important}.payout-last-card-v615{grid-column:span 2}}
@media(max-width:900px){.payout-kpis-v66{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payout-last-card-v615{grid-column:span 2}.payout-toolbar-emphasis-v615{align-items:flex-start!important}}
@media(max-width:560px){.payout-kpis-v66{grid-template-columns:1fr!important}.payout-last-card-v615{grid-column:auto}.payout-attention-item-v615{grid-template-columns:30px minmax(0,1fr)}.payout-attention-item-v615>strong,.payout-attention-item-v615>em{grid-column:2;justify-self:start}}
