.skycap-chat-widget{border:1px solid #e2e8f0; max-width:700px; margin:16px auto; border-radius:12px; display:flex; flex-direction:column; height:520px; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.08)}
.skycap-chat-header{padding:12px 16px; font-weight:600; background:#0ea5e9; color:#fff; border-top-left-radius:12px; border-top-right-radius:12px; display:flex; align-items:center; justify-content:space-between}
.skycap-chat-header .skycap-min{background:transparent; border:0; color:#fff; font-size:18px; cursor:pointer}
.skycap-chat-log{flex:1; overflow:auto; padding:12px; background:#f8fafc}
.skycap-msg{padding:10px 12px; margin:8px 0; border-radius:10px; line-height:1.35; word-wrap:break-word}
.skycap-msg.user{background:#fff; align-self:flex-end; border:1px solid #e5e7eb}
.skycap-msg.assistant{background:#e2f2ff; border:1px solid #bfdbfe}
.skycap-chat-form{display:flex; gap:8px; padding:10px; border-top:1px solid #e5e7eb}
#skycap-chat-input{flex:1; padding:10px 12px; border-radius:8px; border:1px solid #cbd5e1}
.skycap-chat-form button{padding:10px 14px; border:0; background:#0ea5e9; color:#fff; border-radius:8px; cursor:pointer}
.skycap-chat-form button:hover{opacity:.92}

/* Bottom-right floating */
.skycap-fab-container{position:fixed; bottom:16px; right:16px; z-index:999999}
.skycap-fab{width:56px; height:56px; border-radius:50%; border:0; background:#0ea5e9; color:#fff; font-size:22px; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.18)}
.skycap-flyout{position:fixed; bottom:84px; right:16px; width:380px; max-width:95vw; height:520px; pointer-events:none; opacity:0; transform:translateY(10px) scale(0.98); transition:opacity .22s ease, transform .22s ease}
.skycap-flyout.open{pointer-events:auto; opacity:1; transform:translateY(0) scale(1)}
.skycap-popup{height:100%}

/* Mobile tweaks */
@media (max-width: 640px){
  .skycap-flyout{right:10px; bottom:88px; width:95vw; height:80vh}
}