/* Additional prepared-request context inside the existing shared contact chooser. */
.bl-magnet-preview .magnet-request-contacts .bl-catalog-contact-modal__close { display:flex; position:sticky; top:12px; right:auto; margin:-14px -14px -30px auto; }
.bl-magnet-preview .magnet-contact-context { margin-top:20px; padding:18px; border:1px solid #dce7df; border-radius:18px; background:#f2f7f4; }
.bl-magnet-preview .magnet-contact-context h3 { margin:0 0 7px; font-size:17px; line-height:1.3; color:#153527; }
.bl-magnet-preview .magnet-contact-context > p { margin:0; font-size:13px; line-height:1.5; color:#52665a; }
.bl-magnet-preview .magnet-contact-context-actions { margin-top:12px; }
.bl-magnet-preview .magnet-contact-context button { min-height:44px; padding:11px 18px; border:0; border-radius:999px; background:#fff; color:#076342; font:650 14px/1.3 "Segoe UI",system-ui,sans-serif; cursor:pointer; }
.bl-magnet-preview .magnet-contact-context details { margin-top:12px; }
.bl-magnet-preview .magnet-contact-context summary { color:#1f5039; font-size:13px; cursor:pointer; }
.bl-magnet-preview .magnet-contact-context textarea { display:block; box-sizing:border-box; width:100%; min-height:150px; margin-top:10px; padding:12px; border:1px solid #d7e1da; border-radius:10px; background:#fff; color:#263748; font:13px/1.55 "Segoe UI",system-ui,sans-serif; resize:vertical; }
.bl-magnet-preview .magnet-contact-context .magnet-contact-context-status { margin-top:10px; font-size:12px; color:#087548; }
.bl-magnet-preview .magnet-contact-context :is(button,summary,textarea):focus-visible { outline:2px solid #087548; outline-offset:3px; }
@media(max-width:680px) {
 .bl-magnet-preview .magnet-request-contacts .bl-catalog-contact-modal__close { margin:-8px 0 -36px auto; }
 .bl-magnet-preview .magnet-contact-context { padding:14px; }
 .bl-magnet-preview .magnet-contact-context-actions button { width:100%; }
}