/* TJP Tracker v0.6.7 — alinhamento financeiro, titular do payout e certificados */

/* Navegação: mantém a aba no lugar, remove o quadrado e destaca só o nome. */
.payout-nav-btn:not(.active):before{display:none!important;content:none!important}
.payout-nav-btn{position:relative;isolation:isolate}
.payout-nav-btn:after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:1px;background:var(--accent);opacity:0;box-shadow:0 0 8px rgba(var(--accent-rgb),.42);transition:left .18s,right .18s,opacity .18s}
.payout-nav-btn:hover{color:#f3f5f6!important;text-shadow:0 0 9px rgba(var(--accent-rgb),.18)}
.payout-nav-btn:hover:after{left:10px;right:10px;opacity:.58}
.payout-nav-btn.active{color:#fff!important;text-shadow:0 0 10px rgba(var(--accent-rgb),.2)}
.payout-nav-btn.active:after{left:9px;right:9px;bottom:0;height:2px;opacity:1}

/* Ritmo visual comum. */
#finance .finance-card,#payouts .finance-card{min-width:0;display:flex;flex-direction:column}
#finance .widget-head,#payouts .widget-head{min-height:54px;align-items:flex-start}
#finance .widget-head>div,#payouts .widget-head>div{min-width:0}
#finance .widget-head h2,#payouts .widget-head h2{line-height:1.22}
#finance .section-help,#payouts .section-help{min-height:22px}
.finance-overview-grid-v65{align-items:stretch;grid-auto-rows:1fr}
.finance-overview-grid-v65>.finance-card{height:100%;min-height:270px}
.finance-kpis-v65,.payout-kpis-v66{align-items:stretch}
.finance-kpis-v65 .finance-kpi,.payout-kpi-v66{height:100%;grid-template-rows:auto minmax(28px,1fr) auto;align-content:stretch}
.finance-kpis-v65 .finance-kpi .currency-lines,.payout-kpi-v66 .currency-lines{align-self:center;align-items:center}
.finance-quick-actions button{height:100%;align-content:center}
.finance-payout-snapshot-v66>div{min-height:58px;align-content:center}
.payout-side-v66>.finance-card{min-height:248px}
.payout-breakdown-v66,.finance-alerts{flex:1;align-content:start}
.payout-filterbar-v66 label,.finance-filterbar-v65 label{grid-template-rows:auto 34px;align-content:end}
.payout-filterbar-v66 select,.finance-filterbar-v65 select{width:100%;min-width:0}
.payout-values-v66{align-items:stretch}
.payout-values-v66 span{min-height:48px;align-content:center}
.wallet-grid-v65 .wallet-card{display:grid;grid-template-rows:auto 1fr auto auto;align-content:start}
.owner-tile{height:100%}

/* Modal financeiro: campos com alturas e linhas previsíveis. */
.transaction-modal{width:min(980px,96vw);max-height:96vh}
.transaction-modal form{padding:16px 18px 0;max-height:calc(96vh - 76px);display:grid;gap:12px}
.transaction-main-grid-v67{gap:10px;align-items:end}
.transaction-main-grid-v67>label,.transaction-text-grid-v67>label,.transaction-form-v67>label{display:grid;grid-template-rows:auto minmax(38px,auto);gap:6px;align-content:end;min-width:0;color:#75808a}
.transaction-main-grid-v67 input,.transaction-main-grid-v67 select,.transaction-text-grid-v67 input,.transaction-form-v67>label textarea{width:100%;min-width:0;height:38px;box-sizing:border-box;padding:0 10px!important}
.transaction-form-v67>label textarea{height:auto;min-height:72px;padding:9px 10px!important}
.transaction-text-grid-v67{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payout-owner-only{display:none!important}
.transaction-modal.is-payout .payout-owner-only{display:grid!important}
.transaction-modal.is-payout .transaction-main-grid-v67{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"date type status" "owner amount wallet" "account account fee"}
.transaction-modal.is-payout .tx-field-date{grid-area:date}.transaction-modal.is-payout .tx-field-type{grid-area:type}.transaction-modal.is-payout .tx-field-status{grid-area:status}.transaction-modal.is-payout .tx-field-owner{grid-area:owner}.transaction-modal.is-payout .tx-field-amount{grid-area:amount}.transaction-modal.is-payout .tx-field-wallet{grid-area:wallet}.transaction-modal.is-payout .tx-field-account{grid-area:account}.transaction-modal.is-payout .tx-field-fee{grid-area:fee}
.transaction-net-preview-v66{margin:0;min-height:58px;box-sizing:border-box}
.transaction-upload-v67{min-height:86px;margin:0;padding:14px;border-color:#29343d;background:#070a0d;align-content:center}
.transaction-modal.is-payout .transaction-upload-v67{border-color:rgba(var(--accent-rgb),.34);background:linear-gradient(90deg,rgba(var(--accent-rgb),.035),#070a0d 42%)}
.transaction-upload-v67 b{color:#dfe4e7}
.transaction-modal.is-payout .transaction-upload-v67 b{color:var(--accent)}
.transaction-modal form>footer{margin:0 -18px;padding:13px 18px;position:sticky;bottom:0;background:#080a0d;z-index:4}

/* Prévia imediata dos comprovantes/certificados. */
.transaction-attachment-preview-v67{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:0}
.certificate-preview-item-v67{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:72px;padding:7px;border:1px solid #263039;background:#0a0e12;overflow:hidden}
.certificate-preview-item-v67 img{width:62px;height:56px;object-fit:cover;border:1px solid #303943;background:#050708}
.certificate-preview-item-v67 .pdf-preview-v67{width:62px;height:56px;display:grid;place-items:center;border:1px solid #3b3322;background:#100f0b;color:#d8ad4a;font-size:10px;font-weight:950;letter-spacing:.08em}
.certificate-preview-item-v67 span{min-width:0;display:grid;gap:4px}
.certificate-preview-item-v67 b{font-size:8px;color:#dce1e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.certificate-preview-item-v67 small{font-size:7px;color:#606b75}
.certificate-preview-item-v67 .remove-pending-file{align-self:start;min-width:27px;padding:0}

/* Biblioteca de certificados. */
.payout-certificates-card-v67{margin-top:14px!important;padding:14px!important}
.payout-certificates-head-v67{align-items:flex-start!important}
.certificate-summary-v67{display:grid;grid-template-columns:auto auto;gap:1px;background:#1e272e;border:1px solid #1e272e;min-width:210px}
.certificate-summary-v67>span{display:grid;gap:3px;padding:9px 11px;background:#090d11}
.certificate-summary-v67 small{font-size:6.5px;color:#606b75;text-transform:uppercase;letter-spacing:.05em}
.certificate-summary-v67 b{font-size:10px;color:#eef1f3}
.payout-certificates-v67{display:grid;gap:12px;margin-top:13px}
.certificate-owner-group-v67{border:1px solid #1c242b;background:#070a0d}
.certificate-owner-head-v67{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid #1c242b;background:#090d11;box-shadow:inset 3px 0 var(--accent)}
.certificate-owner-head-v67 span{display:grid;gap:3px}
.certificate-owner-head-v67 b{font-size:9px;color:#e5e9ec}
.certificate-owner-head-v67 small{font-size:7px;color:#616c76}
.certificate-owner-head-v67 strong{font-size:8px;color:var(--accent);white-space:nowrap}
.certificate-grid-v67{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1px;background:#1b232a}
.certificate-card-v67{display:grid;grid-template-columns:92px minmax(0,1fr);gap:11px;min-height:112px;padding:10px;background:#080c0f;cursor:pointer;text-decoration:none;color:inherit}
.certificate-card-v67:hover{background:#0d1216}
.certificate-card-v67 img{width:92px;height:92px;object-fit:cover;border:1px solid #29323a;background:#050708}
.certificate-card-v67 .certificate-pdf-v67{width:92px;height:92px;display:grid;place-items:center;border:1px solid #3c3422;background:#100f0b;color:#d8ad4a;font-size:14px;font-weight:950;letter-spacing:.1em}
.certificate-card-copy-v67{min-width:0;display:grid;align-content:center;gap:5px}
.certificate-card-copy-v67>small{font-size:6.5px;color:#626d77;text-transform:uppercase;letter-spacing:.045em}
.certificate-card-copy-v67>b{font-size:8.5px;color:#e2e6e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.certificate-card-copy-v67>span{font-size:7px;color:#6d7882;line-height:1.45}
.certificate-card-copy-v67>strong{font-size:9px;color:var(--accent)}
.certificate-card-copy-v67 em{font-style:normal;font-size:6.5px;color:#7f8993;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.certificate-empty-v67{padding:28px 20px;text-align:center;border:1px dashed #263039;background:#080b0e;color:#65717b;font-size:8px;line-height:1.55}
.certificate-empty-v67 b{display:block;color:#dce1e5;font-size:9px;margin-bottom:5px}

/* Tabela e detalhes deixam explícito quem recebeu. */
.payout-recipient-v67{display:grid;gap:3px}
.payout-recipient-v67 b{font-size:8.5px;color:#e3e7ea}
.payout-recipient-v67 small{font-size:7px;color:#65707a}
.transaction-file.certificate-file-v67{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center}
.transaction-file.certificate-file-v67 img{width:72px;height:58px;object-fit:cover;border:1px solid #2b343d}
.transaction-file.certificate-file-v67 .certificate-file-pdf-v67{width:72px;height:58px;display:grid;place-items:center;border:1px solid #3b3322;color:#d8ad4a;background:#100f0b;font-weight:900}

@media(max-width:980px){
  .transaction-modal.is-payout .transaction-main-grid-v67{grid-template-columns:1fr 1fr;grid-template-areas:"date type" "status owner" "amount wallet" "account account" "fee fee"}
  .payout-certificates-head-v67{display:grid;grid-template-columns:1fr}.certificate-summary-v67{min-width:0;width:100%}
}
@media(max-width:700px){
  .transaction-main-grid-v67,.transaction-modal.is-payout .transaction-main-grid-v67,.transaction-text-grid-v67{grid-template-columns:1fr;grid-template-areas:none}
  .transaction-modal.is-payout .transaction-main-grid-v67>label{grid-area:auto!important}
  .transaction-attachment-preview-v67,.certificate-grid-v67{grid-template-columns:1fr}
  .certificate-summary-v67{grid-template-columns:1fr 1fr}
}