/* Native chat overlay only; site layout is untouched while closed. */
#al-chat-overlay{position:fixed;z-index:11000;inset:0 0 auto;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#f5f7f9;color:#34495e;opacity:0;transform:translateY(24px);transition:transform 240ms ease,opacity 240ms ease;overflow:hidden;isolation:isolate;box-sizing:border-box}
#al-chat-overlay[hidden]{display:none!important}
#al-chat-overlay.is-open{opacity:1;transform:translateY(0)}
#al-chat-overlay *{box-sizing:border-box}
.al-chat-bar{display:flex;align-items:center;gap:20px;flex:none;min-height:64px;padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));padding-top:calc(8px + env(safe-area-inset-top));background:#34495e;color:#fff;border-bottom:3px solid #e77f25}
.al-chat-bar h2{margin:0;font:600 18px/1.4 Lato,Helvetica,Arial,sans-serif;letter-spacing:.1px}
.al-chat-back{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff0d;color:#fff;font:500 15px/1.2 Lato,Helvetica,Arial,sans-serif;cursor:pointer}
.al-chat-back>span:first-child{font:24px/1 Arial,sans-serif}
.al-chat-back:hover{background:#ffffff20}
.al-chat-back:focus-visible{outline:3px solid #ffb36e;outline-offset:3px}
.al-chat-brand{margin-left:auto;font:bold 20px/1 Lato,Helvetica,Arial,sans-serif;letter-spacing:-.5px}
.al-chat-brand>span{color:#e77f25}
.al-chat-frame-wrap{flex:1;min-height:0;overflow:hidden;background:#f5f7f9}
#al-chat-overlay iframe{display:block;border:0;width:100%;height:100%;background:#f5f7f9}
@media(max-width:600px){.al-chat-bar{gap:12px;min-height:60px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.al-chat-brand{font-size:17px}.al-chat-back{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){#al-chat-overlay{transition:none;transform:none}}
