.roof-chat{position:fixed;right:24px;bottom:22px;z-index:45;font-size:16px;line-height:1.5;color:var(--ink)}
.roof-chat[hidden],.roof-chat-panel[hidden]{display:none!important}
.roof-chat-toggle{position:relative;display:flex;align-items:center;min-height:66px;min-width:196px;padding:12px 24px 12px 79px;border:1px solid #d7e1df;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 9px 35px #142b3926;text-align:left;cursor:pointer}
.roof-chat-toggle img{position:absolute;bottom:0;left:0;width:76px;height:112px;object-fit:contain;object-position:bottom;pointer-events:none}
.roof-chat-toggle strong{display:block;font-size:16px;line-height:1.35;color:#126044}
.roof-chat-toggle small{display:block;font-size:14px;line-height:1.4}
.roof-chat-panel{width:310px;max-width:calc(100vw - 32px);padding:25px 24px 22px;margin-bottom:12px;background:#fff;border:1px solid #d7e1df;border-top:4px solid var(--accent);border-radius:19px;box-shadow:0 12px 45px #132c3529}
.roof-chat-panel h2{font-size:22px;line-height:1.2;margin:0 25px 10px 0;letter-spacing:-.025em}
.roof-chat-panel p{font-size:15px;margin:0 0 16px;line-height:1.6}
.roof-chat-close{position:absolute;right:10px;top:8px;border:0;background:transparent;min-width:44px;min-height:44px;font-size:25px;cursor:pointer;color:#435d65}
.roof-chat-link{display:flex;align-items:center;justify-content:center;gap:10px;background:#126044;color:white!important;padding:13px 16px;min-height:48px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none}
.roof-chat-link svg{height:22px;width:22px;fill:currentColor;flex:none}
.roof-chat-panel .roof-chat-note{font-size:13px;line-height:1.5;color:var(--muted);margin:13px 0 0}
.roof-chat-toggle:focus-visible,.roof-chat-close:focus-visible,.roof-chat-link:focus-visible{outline:3px solid #177dc1;outline-offset:4px}
@media(max-width:820px){.roof-chat{right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}.roof-chat-toggle{min-width:152px;min-height:56px;padding:9px 15px 9px 59px;border-radius:15px}.roof-chat-toggle img{width:57px;height:84px}.roof-chat-toggle strong{font-size:15px}.roof-chat-toggle small{font-size:13px}.roof-chat-panel{width:290px;padding:23px 20px 20px}.roof-chat-panel h2{font-size:21px}}
@media print{.roof-chat{display:none}}

/* Full-body contact portrait; the speech card sits beside the pointing hand. */
.roof-chat-toggle{min-width:230px;min-height:210px;padding:0 86px 70px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.roof-chat-toggle img{left:auto;right:0;bottom:0;width:77px;height:210px;object-fit:contain;filter:drop-shadow(0 4px 6px #132c3520)}
.roof-chat-toggle>span{position:relative;display:block;padding:13px 18px;background:#fff;border:1px solid #d7e1df;border-radius:16px;box-shadow:0 9px 30px #142b3926}
.roof-chat-toggle>span::after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;background:#fff;border-top:1px solid #d7e1df;border-right:1px solid #d7e1df;transform:translateY(-50%) rotate(45deg)}
.roof-chat-toggle:hover>span{border-color:#126044}
.roof-chat-panel{position:relative;z-index:1}
@media(max-width:820px){.roof-chat-toggle{min-width:192px;min-height:158px;padding:0 65px 50px 0}.roof-chat-toggle img{width:58px;height:158px}.roof-chat-toggle>span{padding:10px 13px;border-radius:14px}}