.tenant-payment { display:grid; gap:10px; font-size:13px; }
.tenant-payment select,.tenant-payment input { width:100%; min-width:0; background:#fff; color:#342b22; border:1px solid #ded5c9; border-radius:9px; padding:10px; font:inherit; }
.tenant-transfer { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; align-items:start; }
.tenant-qr { background:#fff; border-radius:12px; overflow:hidden; }
.tenant-qr img { display:block; width:100%; height:auto; }
.tenant-payment form { display:grid; gap:9px; }
.tenant-payment small,.tenant-payment #tenantPayMessage { color:#dfd1c0; font-size:12px; }
.tenant-payment button:disabled { opacity:.5; cursor:not-allowed; }
#tenantSlipPreview { max-height:180px; max-width:100%; object-fit:contain; border-radius:8px; }
#tenantSlipStatus { padding:10px; border-radius:8px; background:#ffffff12; font-size:12px; line-height:1.6; }
#tenantSlipStatus[data-result=error] { background:#63251f; color:#fff0ed; }
#tenantSlipStatus[data-result=ok] { background:#284735; color:#e1f4e8; }
@media(max-width:640px) { .tenant-transfer { grid-template-columns:1fr; } .tenant-qr { width:220px; max-width:100%; justify-self:center; } }