.roof-chat-launcher,.roof-chat-panel,.roof-chat-panel *{box-sizing:border-box}
.roof-chat-launcher{position:fixed;z-index:70;right:22px;bottom:82px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid #e28453;border-radius:4px;background:#1a1d20;color:#fff;box-shadow:0 10px 28px #11131538;cursor:pointer;font:700 12px/1.3 Arial,Helvetica,sans-serif;transition:background .2s,transform .2s,box-shadow .2s}
.roof-chat-launcher:hover{background:#25292d;transform:translateY(-2px);box-shadow:0 14px 32px #11131547}
.roof-chat-launcher svg{width:23px;height:23px;fill:none;stroke:#e98656;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.roof-chat.is-open .roof-chat-launcher{display:none}
.whatsapp-float{right:22px;bottom:22px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}
.whatsapp-float span{display:none}
.roof-chat-panel{position:fixed;z-index:75;right:22px;bottom:82px;display:flex;flex-direction:column;width:min(392px,calc(100vw - 28px));height:min(605px,calc(100dvh - 102px));overflow:hidden;border:1px solid #cbd0d0;border-radius:6px;background:#fcfbf8;color:#111315;box-shadow:0 22px 65px #11131558;font-family:Arial,Helvetica,sans-serif}
.roof-chat-panel[hidden]{display:none}
.roof-chat-panel.is-initial{height:auto;max-height:calc(100dvh - 102px)}
.roof-chat-panel.is-initial .roof-chat-transcript{flex:none;max-height:190px}
.roof-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;min-height:70px;padding:12px 14px;background:#1a1d20;color:#fff}
.roof-chat-identity{display:flex;align-items:center;gap:11px;min-width:0}
.roof-chat-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #d9652b;color:#f1b08d;font-size:20px;font-weight:800;line-height:1}
.roof-chat-identity h2{margin:0;color:#fff;font-size:14px;font-weight:800;line-height:1.25;text-transform:uppercase}
.roof-chat-identity p{margin:3px 0 0;color:#b7bfc3;font-size:11px;line-height:1.2}
.roof-chat-head-actions{display:flex;align-items:center;gap:2px;flex:none}
.roof-chat-head-actions button{display:grid;place-items:center;width:34px;height:36px;padding:6px;border:0;border-radius:2px;background:transparent;color:#e9ebeb;cursor:pointer}
.roof-chat-head-actions button:hover{background:#373d40}
.roof-chat-head-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.roof-chat-transcript{display:flex;flex:1 1 auto;flex-direction:column;gap:13px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:19px 17px 14px;background:#f7f6f2;scrollbar-color:#b6b9b9 transparent}
.roof-chat-message{max-width:90%;margin:0;padding:12px 14px;border-radius:4px;font-size:13px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
.roof-chat-message-assistant{align-self:flex-start;background:#fff;border-left:2px solid #d9652b;color:#30383d;box-shadow:0 1px 5px #1113150e}
.roof-chat-message-visitor{align-self:flex-end;background:#25292d;color:#fff}
.roof-chat-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex:none;max-height:222px;overflow-y:auto;overscroll-behavior:contain;padding:11px 14px;border-top:1px solid #e2e2df;background:#fcfbf8}
.roof-chat-options:empty{display:none}
.roof-chat-choice,.roof-chat-action{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #cbd0d1;border-radius:2px;background:#fff;color:#25292d;cursor:pointer;text-align:center;text-decoration:none;font:600 11px/1.35 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;transition:border-color .2s,background .2s,color .2s}
.roof-chat-choice:hover{border-color:#d9652b;background:#fff8f3}
.roof-chat-action{grid-column:1/-1;justify-content:space-between;min-height:44px;padding-inline:14px;border-color:#d9652b;background:#fff;color:#99401c;text-align:left;font-weight:700}
.roof-chat-action::after{content:'↗';margin-left:9px;font-size:16px;font-weight:400}
.roof-chat-action:hover{background:#d9652b;color:#fff}
.roof-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;flex:none;padding:10px 14px 8px;border-top:1px solid #e2e2df;background:#fcfbf8}
.roof-chat-compose textarea{width:100%;min-height:44px;max-height:88px;resize:vertical;padding:11px 12px;border:1px solid #bdc4c5;border-radius:2px;background:#fff;color:#111315;font:13px/1.5 Arial,Helvetica,sans-serif}
.roof-chat-compose textarea::placeholder{color:#6a7378}
.roof-chat-compose button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:2px;background:#d9652b;color:#fff;cursor:pointer}
.roof-chat-compose button:hover{background:#c95422}
.roof-chat-compose button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.roof-chat-disclaimer{flex:none;margin:0;padding:0 14px 10px;background:#fcfbf8;color:#697078;font-size:10px;line-height:1.4}
.roof-chat-confirm-backdrop{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:16px;background:#111315b8}
.roof-chat-confirm-backdrop[hidden]{display:none}
.roof-chat-confirm{width:min(100%,320px);max-height:100%;overflow-y:auto;padding:23px 21px 20px;border-top:3px solid #d9652b;border-radius:3px;background:#fcfbf8;box-shadow:0 20px 50px #11131555}
.roof-chat-confirm h3{margin:0 0 10px;color:#111315;font-size:18px;line-height:1.25}
.roof-chat-confirm p{margin:0 0 22px;color:#4b5357;font-size:13px;line-height:1.55}
.roof-chat-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.roof-chat-confirm-actions button{min-height:44px;padding:9px 12px;border:1px solid #bec4c5;border-radius:2px;background:#fcfbf8;color:#25292d;cursor:pointer;font:700 11px/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase}
.roof-chat-confirm-actions [data-chat-accept]{border-color:#d9652b;background:#d9652b;color:#fff}
.roof-chat-confirm-actions [data-chat-accept]:hover{background:#c95422}
.roof-chat-confirm-actions [data-chat-cancel]:hover{background:#f0efeb}
.roof-chat button:focus-visible,.roof-chat a:focus-visible,.roof-chat textarea:focus-visible{outline:3px solid #d9652b;outline-offset:2px}
@media(max-width:767px){
    .roof-chat-launcher{right:14px;bottom:72px;min-height:44px;padding:9px 12px;font-size:11px}
    .roof-chat-panel{right:10px;bottom:calc(70px + var(--roof-chat-keyboard-offset,0px));width:min(390px,calc(100vw - 20px));height:min(610px,calc(100dvh - 84px - var(--roof-chat-keyboard-offset,0px)))}
    .roof-chat-panel.is-initial{max-height:calc(100dvh - 84px - var(--roof-chat-keyboard-offset,0px))}
    .roof-chat-panel.is-keyboard .roof-chat-options{max-height:88px}
    .whatsapp-float{right:14px;bottom:14px}
    .roof-chat-options{max-height:228px}
}
@media(max-width:390px){
    .roof-chat-head{padding-inline:10px}
    .roof-chat-head-actions button{width:30px}
    .roof-chat-identity{gap:8px}
    .roof-chat-options{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.roof-chat-launcher,.roof-chat-choice,.roof-chat-action{transition:none}}