/* Loan and reclaim conversations share the original top-portrait composition. */
#modal:has(.babay-dialog-copy){width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;border:1px solid #a87049;border-radius:16px;background:linear-gradient(135deg,#302018,#171a13 75%);box-shadow:0 24px 90px #000b,inset 0 1px #ffe6b01a}
#modal:has(.babay-dialog-copy)::backdrop{background:#080503bc;backdrop-filter:blur(9px) brightness(.6)}
#modal:has(.babay-dialog-copy) #modalContent{display:block}
#modal:has(.babay-dialog-copy) #closeModal{z-index:2}
#modal .babay-dialog-portrait{height:190px;min-height:0;margin:0;overflow:hidden;position:relative;border-bottom:1px solid #ad6c3e40;background:radial-gradient(ellipse at 50% 55%,#a75d3370,transparent 70%),linear-gradient(155deg,#372218,#191b13)}
#modal .babay-dialog-portrait::after{content:"";position:absolute;inset:auto 0 0;height:24px;background:linear-gradient(transparent,#242018);pointer-events:none}
#modal .babay-dialog-portrait img{position:absolute;width:210px;height:auto;max-width:none;max-height:none;left:50%;top:-12px;bottom:auto;transform:translateX(-50%);filter:contrast(1.08) saturate(.86) drop-shadow(0 6px 20px #0008);pointer-events:none}
#modal .babay-dialog-copy{min-width:0;padding:24px 30px 28px}
#modal .babay-dialog-copy .eyebrow{color:#efa67b;font-size:11px;letter-spacing:1.5px}
#modal .babay-dialog-copy h2{margin:10px 0 16px;font-size:clamp(26px,3.5vw,32px);line-height:1.12;color:#f5e5c8}
#modal .babay-dialog-copy>p:not(.fineprint){min-height:0;margin:0;color:#e3d8c1;font-size:17px;line-height:1.55;overflow-wrap:break-word}
#modal .babay-dialog-copy .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#modal .babay-dialog-copy .button-row button{flex:1 1 160px;min-height:48px;font-size:15px;white-space:nowrap;border-radius:9px;transition:filter .15s,transform .15s}
#modal .babay-dialog-copy button.primary{border-color:#d3a55e;background:linear-gradient(#ead495,#c79e58);color:#271d10;box-shadow:0 3px 0 #76542e,inset 0 1px #fff7}
#modal .babay-dialog-copy button.secondary{border-color:#7a6948;background:linear-gradient(#383a2c,#25291f);color:#e0d6b8;box-shadow:0 3px 0 #15180f,inset 0 1px #fff1}
#modal .babay-dialog-copy .fineprint{min-height:0;margin:20px 0 0;font-size:12px;line-height:1.5;color:#bfb495}
#modal .babay-dialog-copy button:focus-visible{outline:2px solid #fff0ba;outline-offset:4px}
#modal .babay-dialog-copy button:not(:disabled):hover{filter:brightness(1.1)}
#modal .babay-dialog-copy button:not(:disabled):active{transform:translateY(2px);box-shadow:none}
#modal .babay-dialog-copy button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
@media(max-width:620px){
  #modal .babay-dialog-copy{padding:22px 24px 26px}
  #modal .babay-dialog-copy h2{font-size:27px;margin:10px 0 15px}
  #modal .babay-dialog-copy>p:not(.fineprint){font-size:16px;line-height:1.5}
  #modal .babay-dialog-copy .button-row{margin-top:20px}
  #modal .babay-dialog-copy .button-row button{flex-basis:130px}
}
@media(max-height:500px){
  #modal .babay-dialog-portrait{height:100px}
  #modal .babay-dialog-portrait img{width:170px;top:-14px}
  #modal .babay-dialog-copy{padding:16px 24px 20px}
  #modal .babay-dialog-copy h2{font-size:26px;margin:8px 0 12px}
  #modal .babay-dialog-copy>p:not(.fineprint){font-size:16px;line-height:1.4}
  #modal .babay-dialog-copy .button-row{margin-top:16px}
  #modal .babay-dialog-copy .fineprint{margin-top:14px}
}