/* =====================================================================
   TRAZER DE OUTRO PERSONAGEM (05/10, SQL 0580) — src/ui/trazer-personagem.js
   Mesmas cores da janela CONTA E OPÇÕES (conta-b.css).
   ===================================================================== */
.conta-trazer-linha .conta-botao-trazer{flex:1 1 100%;white-space:normal;text-align:center;line-height:1.2;min-height:40px;padding:6px 14px}
.conta-botao-trazer .col-icone{font-style:normal;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}
.conta-botao-trazer .col-icone img{width:18px;height:18px;object-fit:contain}

.trz-fundo{z-index:1550}
.trz-janela.modal-card{width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:12px;
  background:#121826;border:1px solid #3a4865;color:#e9eef6;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.trz-janela .modal-title-row{flex:0 0 auto}
.trz-janela h2{margin:0;font-size:calc(20px * var(--text-scale,1))}
.trz-sub{margin:4px 0 0;color:#8c95a8;font-size:calc(13px * var(--text-scale,1));line-height:1.4}
.trz-lista{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.trz-vazio{margin:18px 0;text-align:center;color:#8c95a8}
.trz-cartao{border:1px solid #26314a;border-radius:10px;background:#172033;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.trz-quem{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.trz-quem b{font-size:calc(16px * var(--text-scale,1));color:#f6d58a;overflow-wrap:anywhere}
.trz-quem small{color:#a7b0c2;font-size:calc(12.5px * var(--text-scale,1))}
.trz-blocos{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.trz-bloco{border:1px solid #26314a;border-radius:8px;background:#121826;padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}
.trz-bloco h4{margin:0;display:flex;align-items:center;gap:6px;font-size:calc(11px * var(--text-scale,1));letter-spacing:.12em;color:#e0ad4c;font-weight:800;text-transform:uppercase}
.trz-bloco h4 .col-icone{font-style:normal;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}
.trz-bloco h4 .col-icone img{width:18px;height:18px;object-fit:contain}
.trz-bloco p{margin:0;font-size:calc(13px * var(--text-scale,1));line-height:1.4;overflow-wrap:anywhere}
.trz-guilda b{color:#9fc3ff}
.trz-guilda span{color:#e9eef6}
.trz-cinza{color:#8c95a8}
.trz-trava{color:#e9b980;margin-top:auto !important}
.trz-chips{display:flex;flex-wrap:wrap;gap:6px}
.trz-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border:1px solid #2c3852;border-radius:999px;background:#0e1420;
  font-size:calc(12px * var(--text-scale,1));color:#dfe6f1;max-width:100%}
.trz-chip img{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
.trz-botao{margin-top:auto;width:100%;white-space:normal;line-height:1.2;min-height:40px;padding:6px 10px}
.trz-ico-p{width:18px;height:18px;object-fit:contain}
.trz-nota{margin:0;color:#8c95a8;font-size:calc(12px * var(--text-scale,1));line-height:1.45}

.trz-oferta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 18px;max-width:560px;
  padding:10px 14px;border:1px solid rgba(224,173,76,.45);border-radius:10px;background:rgba(224,173,76,.08)}
.trz-oferta p{margin:0;color:#f6d58a;font-size:calc(13.5px * var(--text-scale,1));overflow-wrap:anywhere}
.trz-oferta-botao{padding:8px 16px;white-space:normal}

@media (max-width:640px){
  .trz-fundo{padding:0;align-items:stretch}
  .trz-janela.modal-card{max-height:100vh;height:100%;border-radius:0;border-left:0;border-right:0}
  .trz-blocos{grid-template-columns:1fr}
  .trz-botao{min-height:44px}
}
@media (max-height:500px) and (orientation:landscape){
  .trz-janela.modal-card{max-height:100vh}
  .trz-blocos{grid-template-columns:1fr 1fr}
}