:root{
  --bg0:#050608;
  --bg1:#0b0d12;
  --stroke: rgba(255,255,255,.10);
  --text:#f5f7fb;
  --muted: rgba(245,247,251,.70);

  --red:#e11d2e;
  --red2:#ff2439;
  --gold:#b88d3a;

  --shadow: 0 14px 40px rgba(0,0,0,.55);
  --radius: 18px;
}

*{box-sizing:border-box}
html,body{height:100%}

body.t99-body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(900px 520px at 15% 10%, rgba(225,29,46,.14), transparent 60%),
    radial-gradient(900px 520px at 85% 20%, rgba(184,141,58,.10), transparent 60%),
    linear-gradient(180deg, var(--bg0) 0%, var(--bg1) 45%, var(--bg0) 100%);
  overflow-x:hidden;
}

/* TOPBAR */
.t99-topbar{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid var(--stroke);

  /* mais opaco para o gradiente NÃO “vazar” */
  background: rgba(5,6,8,.96);
  backdrop-filter: blur(10px);

  /* garante isolamento de camadas */
  isolation: isolate;
}
.t99-brand{display:flex; gap:12px; align-items:center}

/* ✅ novo (logo imagem no topo) */
.t99-brand-logo{
  height:38px;
  width:auto;
  display:block;
}

.t99-logo{
  width:42px; height:42px; border-radius:14px;
  display:grid; place-items:center;
  background: linear-gradient(180deg, rgba(225,29,46,.95), rgba(225,29,46,.55));
  box-shadow: 0 12px 28px rgba(225,29,46,.25);
  font-weight:900;
}
.t99-brand-title{font-weight:900; letter-spacing:.4px}
.t99-brand-sub{color:var(--muted); font-size:12px; margin-top:-2px}
.t99-topbar-right{display:flex; align-items:center; gap:10px}

/* ✅ novo (botão logout no topo, se existir no HTML) */
.t99-logout{
  height:42px;
  border:1px solid rgba(255,255,255,.16);

  /* mais opaco para não pegar a cor do fundo */
  background: rgba(0,0,0,.92);

  color: var(--text);
  border-radius: 14px;
  padding: 0 14px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;

  /* garante “na frente” */
  position: relative;
  z-index: 60;

  box-shadow: 0 10px 24px rgba(0,0,0,.45);
}
.t99-logout:hover{border-color: rgba(184,141,58,.55)}

.t99-icon-btn{
  position:relative;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.02);
  width:42px; height:42px; border-radius:14px;
  color:var(--text);
  display:grid; place-items:center;
}
.t99-avatar{
  width:42px; height:42px; border-radius:999px;
  border:1px solid rgba(184,141,58,.65);
  background: rgba(184,141,58,.10);
  color:var(--text);
  font-weight:900;
}
.t99-badge-dot{
  position:absolute; width:10px; height:10px; border-radius:999px;
  background: var(--red2);
  top:7px; right:7px;
  box-shadow: 0 0 0 4px rgba(225,29,46,.18);
}

/* MAIN */
.t99-main{padding:22px 18px 40px}
.t99-hello-title{font-size:18px; font-weight:900}
.t99-hello-sub{color:var(--muted); margin-top:4px}

/* SALDO */
.t99-balance-card{
  margin-top:14px;
  border:1px solid var(--stroke);
  background: rgba(0,0,0,.35);
  border-radius: 22px;
  padding:14px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.t99-balance-label{color:var(--muted); font-size:12px}
.t99-balance-value{font-size:22px; font-weight:900; margin-top:4px}
.t99-balance-sub{color:rgba(245,247,251,.55); font-size:12px; margin-top:4px}
.t99-balance-refresh{
  width:44px; height:44px; border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--text);
  display:grid; place-items:center;
}
.t99-balance-refresh:hover{border-color: rgba(184,141,58,.55)}

/* Cards */
.t99-grid{
  display:grid;
  grid-template-columns: repeat( auto-fit, minmax(220px, 1fr) );
  gap:14px;
  margin-top:18px;
}
.t99-action-card{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.03);
  border-radius: 22px;
  padding:16px;
  text-align:left;
  color:var(--text);
  transition: .18s transform ease, .18s border-color ease, .18s background ease;
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}
.t99-action-card:hover{
  transform: translateY(-2px);
  border-color: rgba(225,29,46,.35);
  background: rgba(225,29,46,.06);
}
.t99-action-ico{
  width:44px; height:44px; border-radius:16px;
  display:grid; place-items:center;
  background: rgba(225,29,46,.14);
  border:1px solid rgba(225,29,46,.24);
  margin-bottom:10px;
  color: var(--red2);
  font-size:18px;
}
.t99-action-title{font-weight:900}
.t99-action-sub{color:var(--muted); font-size:12px; margin-top:2px}

/* MODAIS OPACO */
.modal-backdrop{ background:#000 !important; }
.modal-backdrop.show{ opacity: .88 !important; }

.t99-modal .modal-dialog{padding:10px}
.t99-modal-content{
  background: #0b0d12 !important;
  border:1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  box-shadow: var(--shadow);
}
.t99-modal-header{
  border-bottom:1px solid rgba(255,255,255,.10);
  padding:16px;
}
.t99-modal-body{padding:16px}

.t99-modal-titlewrap{display:flex; gap:12px; align-items:center}
.t99-modal-ico{
  width:44px; height:44px; border-radius:16px;
  display:grid; place-items:center;
  background: rgba(225,29,46,.12);
  border:1px solid rgba(225,29,46,.22);
  color: var(--red2);
  font-size:18px;
}
.t99-modal-title{font-weight:900}
.t99-modal-sub{color:var(--muted); font-size:12px; margin-top:2px}

/* Tabs (mantidos para PIX/QR) */
.t99-tabs{display:flex; gap:10px; margin-bottom:12px}
.t99-tab{
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--text);
  padding: 10px 14px;
  border-radius: 16px;
  display:flex; gap:8px; align-items:center;
  font-weight:900;
}
.t99-tab.active{
  border-color: rgba(184,141,58,.55);
  background: rgba(184,141,58,.10);
}
.t99-tab:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.t99-tabpane{display:none}
.t99-tabpane.active{display:block}

.t99-panel{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  border-radius: 22px;
  padding: 16px;
}

.t99-label{color:var(--muted); font-size:12px; margin-bottom:6px; display:block}
.t99-input{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--text);
  border-radius: 16px;
  padding: 12px 14px;
  outline:none;
}
.t99-input:focus{
  border-color: rgba(225,29,46,.55);
  box-shadow: 0 0 0 4px rgba(225,29,46,.14);
}
.t99-textarea{min-height:120px; resize:vertical}

.t99-btn{
  border:1px solid transparent;
  border-radius: 18px;
  padding: 12px 14px;
  font-weight:900;
  display:flex; align-items:center; justify-content:center;
  gap:10px;
}
.t99-btn-sm{padding:9px 12px; border-radius:14px}
.t99-btn-dark{
  border-color: rgba(255,255,255,.14);
  background: rgba(0,0,0,.60);
  color: var(--text);
}
.t99-btn-gold{
  border-color: rgba(184,141,58,.55);
  background: linear-gradient(180deg, rgba(184,141,58,.95), rgba(184,141,58,.78));
  color: #111;
}
.t99-btn-outline{
  border-color: rgba(184,141,58,.35);
  background: rgba(184,141,58,.06);
  color: rgba(245,247,251,.90);
}
.t99-btn-outline:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* ✅ Chips / filtros (Extrato) */
.t99-chip{
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: var(--text);
  border-radius: 16px;
  padding: 8px 12px;
  font-weight:900;
  font-size:13px;
}
.t99-chip.active{
  border-color: rgba(184,141,58,.55);
  background: rgba(184,141,58,.10);
}

.t99-date-wrap{display:flex; gap:8px; align-items:center}
.t99-input-sm{padding:10px 12px; border-radius:14px; width:150px}
.t99-date-sep{color:var(--muted); font-size:12px}

.t99-search{position:relative}
.t99-search i{
  position:absolute; left:14px; top:50%;
  transform: translateY(-50%);
  color: rgba(245,247,251,.55);
}
.t99-search input{padding-left:40px}

/* ✅ Extrato table (corrige fundo branco Bootstrap) */
.t99-table-wrap{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.35);
  border-radius: 22px;
  overflow:hidden;
}

/* força bootstrap table a NÃO pintar branco */
.table.t99-table{
  margin:0;
  color: var(--text);
  --bs-table-bg: transparent !important;
  --bs-table-accent-bg: transparent !important;
  --bs-table-striped-bg: transparent !important;
  --bs-table-active-bg: transparent !important;
  --bs-table-hover-bg: rgba(255,255,255,.03) !important;
  --bs-table-color: var(--text) !important;
}
.table.t99-table thead th{
  font-size:12px;
  color: rgba(245,247,251,.75);
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  padding: 14px 14px;
  background: rgba(0,0,0,.30) !important;
}
.table.t99-table tbody td{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  padding: 14px 14px;
  vertical-align:middle;
  background: transparent !important;
}
.table.t99-table tbody tr{
  background: rgba(0,0,0,.18) !important;
}
.table.t99-table tbody tr:nth-child(even){
  background: rgba(0,0,0,.28) !important;
}

.t99-toast{
  position:fixed; right:18px; bottom:18px; z-index:9999;
}
.t99-toast-inner{
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.78);
  color: var(--text);
  border-radius: 18px;
  padding: 12px 14px;
  box-shadow: var(--shadow);
  min-width: 260px;
}
.t99-muted{color:var(--muted)}

/* ✅ CONFIRMAR PIX / DADOS (layout escuro) */
.t99-confirm-title{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.t99-confirm-title i{
  color: var(--gold);
  font-size:20px;
  margin-top:2px;
}
.t99-confirm-h{font-weight:900; font-size:16px}
.t99-confirm-s{color:var(--muted); font-size:12px; margin-top:2px}

.t99-dict-card{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  border-radius: 20px;
  padding: 14px;
  margin-bottom:12px;
}
.t99-dict-head{
  font-size:12px;
  font-weight:900;
  letter-spacing:.6px;
  color: rgba(245,247,251,.65);
  margin-bottom:10px;
}
.t99-dict-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 6px 0;
}
.t99-dict-k{
  color: rgba(245,247,251,.70);
  font-size:13px;
}
.t99-dict-v{
  font-weight:900;
  font-size:13px;
  text-align:right;
}
.t99-dict-sep{
  height:1px;
  background: rgba(255,255,255,.10);
  margin: 10px 0;
}
.t99-dict-amt{
  color: var(--gold);
  font-size:16px;
}

/* ✅ input 2FA */
.t99-otp{
  letter-spacing: .45em;
  text-align:center;
  font-weight:900;
  font-size:16px;
}

/* ===== FIX: dropdown do <select> (lista) no tema escuro ===== */
.t99-input option,
.t99-input optgroup {
  background-color: #0b0d12 !important;
  color: #f5f7fb !important;
}
.t99-input option:checked,
.t99-input option:hover {
  background-color: rgba(184,141,58,.20) !important;
  color: #f5f7fb !important;
}
select.t99-input {
  background-color: rgba(255,255,255,.03) !important;
  color: #f5f7fb !important;
}
select.t99-input:focus {
  background-color: rgba(255,255,255,.03) !important;
  color: #f5f7fb !important;
}

/* ===== Extrato: paginação + size ===== */
.t99-pager{
  display:flex;
  gap:10px;
  align-items:center;
}
.t99-page-label{
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  font-weight: 900;
  font-size: 13px;
  color: rgba(245,247,251,.90);
}
.t99-size{
  width: 110px !important;
}

/* (reforço) força bootstrap table a não virar branco */
.table.t99-table tbody td,
.table.t99-table tbody tr{
  background: transparent !important;
}

/* ===== QR CODE (CÂMERA) ===== */
.t99-qr-video-wrap{
  position: relative;
  width: 100%;
  height: 420px;
  max-height: 60dvh;
  border-radius: 22px;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(255,255,255,.12);
}
.t99-qr-video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.t99-qr-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.t99-qr-frame{
  width: min(78%, 320px);
  aspect-ratio: 1 / 1;
  position: relative;
}
.t99-qr-frame .c1,
.t99-qr-frame .c2,
.t99-qr-frame .c3,
.t99-qr-frame .c4{
  position:absolute;
  width:28px;
  height:28px;
  border:3px solid rgba(184,141,58,.95);
  filter: drop-shadow(0 0 10px rgba(184,141,58,.20));
}
.t99-qr-frame .c1{left:0; top:0; border-right:none; border-bottom:none; border-top-left-radius:10px}
.t99-qr-frame .c2{right:0; top:0; border-left:none; border-bottom:none; border-top-right-radius:10px}
.t99-qr-frame .c3{left:0; bottom:0; border-right:none; border-top:none; border-bottom-left-radius:10px}
.t99-qr-frame .c4{right:0; bottom:0; border-left:none; border-top:none; border-bottom-right-radius:10px}
.t99-qr-frame .line{
  position:absolute;
  left:10%;
  right:10%;
  top:50%;
  height:2px;
  background: rgba(225,29,46,.95);
  box-shadow: 0 0 14px rgba(225,29,46,.35);
  animation: t99-qr-scan 2.4s linear infinite;
}
@keyframes t99-qr-scan{
  0%   { transform: translateY(-110px); opacity:.15; }
  15%  { opacity:1; }
  50%  { opacity:1; }
  85%  { opacity:1; }
  100% { transform: translateY(110px);  opacity:.15; }
}

/* ===== Extrato: MOBILE bonito (cards + grid) ===== */
@media (max-width: 576px){

  /* Header do modal: CSV/PDF na esquerda e X na direita */
  #modalExtrato .t99-modal-header{
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-start;
  }
  #modalExtrato .t99-modal-titlewrap{
    flex: 1 1 100%;
  }
  #modalExtrato .t99-modal-header .d-flex.gap-2{
    width: 100%;
  }
  #modalExtrato .t99-modal-header .btn-close{
    margin-left: auto;
  }

  /* Chips */
  #modalExtrato .t99-chip{
    padding: 10px 14px;
    border-radius: 18px;
  }

  /* Controles em grid */
  #modalExtrato .t99-date-wrap{
    width: 100%;
    margin-left: 0 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  #modalExtrato .t99-date-sep{ display:none; }

  #modalExtrato #stFrom{ grid-column: 1; width: 100% !important; }
  #modalExtrato #stTo{   grid-column: 2; width: 100% !important; }

  #modalExtrato #stSize{ grid-column: 1; width: 100% !important; }
  #modalExtrato #btnStLoad{ grid-column: 2; width: 100% !important; }

  #modalExtrato #btnStClear{
    grid-column: 1 / -1;
    width: 100% !important;
  }

  /* Pager centralizado */
  #modalExtrato .t99-pager{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    overflow: hidden;
    padding: 0 6px;
  }

  #modalExtrato #btnStPrev,
  #modalExtrato #btnStNext{
    width: 44px;
    height: 42px;
    flex: 0 0 auto;
  }

  #modalExtrato .t99-page-label{
    min-width: 110px;
    max-width: 130px;
    text-align: center;
    white-space: nowrap;
  }

  /* Tabela no mobile vira cards (render via JS) */
  #modalExtrato .t99-table thead{
    display: none;
  }
  #modalExtrato .t99-table-wrap{
    overflow: visible;
  }

  .t99-st-cards{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
  }
  .t99-st-card{
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.35);
    border-radius: 18px;
    padding: 12px;
  }
  .t99-st-top{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
  }
  .t99-st-dt{
    font-weight: 900;
    font-size: 16px;
    line-height: 1.1;
  }
  .t99-st-time{
    color: var(--muted);
    font-size: 12px;
    margin-top: 2px;
  }
  .t99-st-right{
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
  }
  .t99-st-kind{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    font-weight: 900;
    font-size: 12px;
  }
  .t99-st-amt{
    font-weight: 900;
    white-space: nowrap;
  }
  .t99-st-desc{
    margin-top: 10px;
    font-weight: 800;
    line-height: 1.25;
    word-break: break-word;
  }

  /* QR: MOBILE fullscreen + altura segura (SÓ modalQr) */
  #modalQr .modal-dialog.modal-fullscreen-sm-down{
    padding: 0;
    margin: 0;
  }
  #modalQr .t99-modal-content{
    border-radius: 0;
    min-height: 100dvh;
  }
  #modalQr .t99-modal-body{
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }
  #modalQr .t99-qr-video-wrap{
    height: min(56dvh, 520px);
    max-height: 56dvh;
  }

  #modalExtrato .t99-st-meta{
    text-align: center;
  }
}

/* Botão só com ícone (pager) */
.t99-icon-only{
  width: 46px;
  height: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===== Extrato: footer (pager + meta) ===== */
.t99-st-footer{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}
.t99-st-meta{
  font-size: 12px;
}

/* Mobile: centraliza pager e meta */
@media (max-width: 576px){
  .t99-st-footer{
    align-items: center;
  }

  #modalExtrato .t99-pager{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    overflow: hidden;
  }

  #modalExtrato #btnStPrev,
  #modalExtrato #btnStNext{
    width: 44px;
    height: 42px;
    flex: 0 0 auto;
  }

  #modalExtrato .t99-page-label{
    min-width: 110px;
    text-align: center;
  }

  #modalExtrato .t99-st-meta{
    text-align: center;
  }
}
/* ✅ Botão vermelho (identidade TRUST99/CORPX) */
.t99-btn-red{
  border: 1px solid rgba(225,29,46,.35);
  background: linear-gradient(180deg, rgba(225,29,46,.98), rgba(225,29,46,.78));
  color: #fff;
  box-shadow: 0 14px 30px rgba(225,29,46,.22);
}
.t99-btn-red:hover{ filter: brightness(1.05); }
.t99-btn-red:disabled{ opacity:.65; cursor:not-allowed; box-shadow:none; }

/* ===== FIX: cards (Extrato/Chaves Pix) não serem tingidos pelo gradiente do body ===== */
.t99-action-card{
  position: relative;
  overflow: hidden;
  isolation: isolate;

  /* Fundo bem mais opaco (não deixa o gradiente vazar) */
  background: rgba(11,13,18,.92) !important;

  /* mantém o “glass” suave sem deixar vermelho atravessar */
  backdrop-filter: blur(10px);
}

.t99-action-card::before{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  z-index:0;

  /* brilho sutil, sem vermelhidão */
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
}

.t99-action-card > *{
  position: relative;
  z-index: 1;
}

/* =========================
   Comprovante PIX (tema dark)
   ========================= */
.t99-receipt{
  background: rgba(11,13,18,.98);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 18px;
  overflow: hidden;
}

.t99-receipt-top{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 14px;
}

.t99-receipt-ok{
  width:42px; height:42px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(16,185,129,.16);
  border: 1px solid rgba(16,185,129,.28);
  color: rgba(235,255,245,.95);
  font-size: 22px;
}

.t99-receipt-title{
  font-weight: 950;
  font-size: 18px;
  letter-spacing: .2px;
}

.t99-receipt-date{
  margin-top: 2px;
  color: rgba(245,247,251,.70);
  font-size: 12px;
}

.t99-receipt-box{
  margin-top: 10px;
  border-radius: 16px;
  padding: 14px;
  background: rgba(184,141,58,.08);
  border: 1px solid rgba(184,141,58,.22);
}

.t99-receipt-box-title{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .6px;
  color: rgba(245,247,251,.78);
  margin-bottom: 10px;
}

.t99-receipt-row{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.t99-receipt-row:first-of-type{ border-top: none; padding-top: 0; }

.t99-receipt-row span{
  color: rgba(245,247,251,.70);
}
.t99-receipt-row strong{
  color: rgba(245,247,251,.95);
  font-weight: 900;
}
#rcTotal, #rcSent, #rcChunkValue{
  color: rgba(184,141,58,.95);
}

.t99-receipt-note{
  margin-top: 10px;
  color: rgba(16,185,129,.92);
  font-weight: 800;
  font-size: 12px;
}

.t99-receipt-e2e{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.t99-receipt-e2e-k{
  color: rgba(245,247,251,.55);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .3px;
}

.t99-receipt-e2e-v{
  margin-top: 6px;
  font-size: 12px;
  word-break: break-all;
  color: rgba(245,247,251,.90);
}

.t99-receipt-grid{
  margin-top: 14px;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 576px){
  .t99-receipt-grid{ grid-template-columns: 1fr; }
}

.t99-receipt-card{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 12px 14px;
}

.t99-receipt-card-h{
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .6px;
  color: rgba(245,247,251,.78);
  margin-bottom: 10px;
}

.t99-receipt-kv{
  display:flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.t99-receipt-kv:first-of-type{ border-top:none; padding-top:0; }

.t99-receipt-kv span{ color: rgba(245,247,251,.65); }
.t99-receipt-kv strong{ color: rgba(245,247,251,.95); font-weight: 900; }

.t99-receipt-foot{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(245,247,251,.55);
  font-size: 11px;
  text-align: center;
}

/* Extrato: linha enviadas clicáveis para abrir comprovante */
#modalExtrato tr.t99-st-out{
  cursor: pointer;
}
#modalExtrato tr.t99-st-out:hover{
  background: rgba(184,141,58,.08);
}