#skans-ai-root{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:999999;
    font-family:Arial,sans-serif
}

#skans-ai-launcher{
    width:58px;
    height:58px;
    border-radius:50%;
    border:0;
    background:#e44755;
    color:#fff;
    font-weight:800;
    font-size:17px;
    box-shadow:0 8px 28px rgba(0,0,0,.2);
    cursor:pointer
}

#skans-ai-panel{
    display:none;
    position:absolute;
    right:0;
    bottom:72px;
    width:360px;
    max-width:calc(100vw - 28px);
    height:520px;
    max-height:72vh;
    background:#fff;
    border-radius:16px;
    box-shadow:0 16px 50px rgba(12,24,45,.24);
    overflow:hidden;
    border:1px solid #e8e8ee
}

#skans-ai-panel.open{
    display:flex;
    flex-direction:column
}

.skans-ai-header{
    background:#101b35;
    color:#fff;
    padding:15px 16px;
    display:flex;
    justify-content:space-between;
    align-items:center
}

.skans-ai-header strong{
    display:block;
    font-size:16px
}

.skans-ai-header small{
    opacity:.8
}

#skans-ai-close{
    background:transparent;
    color:#fff;
    border:0;
    font-size:26px;
    cursor:pointer
}

.skans-ai-actions{
    display:flex !important;
    gap:8px;
    padding:10px 12px;
    border-bottom:1px solid #eee;
    background:#fff;
    flex:0 0 auto
}

.skans-ai-action-btn{
    display:flex !important;
    flex:1 1 0;
    min-width:0;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
    padding:10px 8px;
    border-radius:8px;
    border:1px solid #e0e4ea;
    background:#f4f6f9;
    color:#101b35;
    font-weight:700;
    font-size:13px;
    line-height:1.2;
    cursor:pointer;
    font-family:inherit
}

.skans-ai-action-btn:hover{
    background:#101b35;
    color:#fff
}

#skans-ai-messages{
    flex:1;
    overflow-y:auto;
    padding:14px;
    background:#f8f9fb
}

.skans-ai-msg{
    max-width:82%;
    padding:10px 12px;
    border-radius:12px;
    margin:8px 0;
    line-height:1.45;
    font-size:14px
}

.skans-ai-msg.bot{
    background:#fff;
    border:1px solid #e6e7eb;
    color:#1c273c
}

.skans-ai-msg.user{
    background:#e44755;
    color:#fff;
    margin-left:auto
}

.skans-ai-quick{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0 16px
}

.skans-ai-quick button{
    border:1px solid #dfe2e8;
    background:#fff;
    color:#26324a;
    border-radius:999px;
    padding:7px 10px;
    font-size:12px;
    cursor:pointer
}

#skans-ai-form{
    display:flex;
    gap:8px;
    padding:12px;
    border-top:1px solid #e8e8ee;
    background:#fff
}

#skans-ai-input{
    flex:1;
    border:1px solid #ccd2da;
    border-radius:9px;
    padding:11px;
    outline:none
}

#skans-ai-form button{
    border:0;
    border-radius:9px;
    background:#e44755;
    color:#fff;
    padding:0 15px;
    font-weight:700;
    cursor:pointer
}

.skans-ai-link{
    display:inline-block;
    margin-top:8px;
    font-weight:700;
    text-decoration:none;
    color:#e44755
}

@media(max-width:500px){
    #skans-ai-root{right:14px;bottom:14px}
    #skans-ai-panel{width:calc(100vw - 28px);height:68vh}
}


/*
 * Keep third-party launchers active but move only the small floating icon
 * off-screen. This is intentionally NOT display:none so SKANS AI can still
 * trigger WhatsApp / Zoho programmatically.
 */
.skans-ai-offscreen-launcher{
    position:fixed !important;
    left:-9999px !important;
    right:auto !important;
    bottom:-9999px !important;
    top:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}


/* v0.3.2 Quick Enrollment — additive only */
#skans-ai-quick-enrollment{
    border-color:#101b35;
    color:#101b35;
    font-weight:700
}
#skans-ai-quick-enrollment:hover{
    background:#101b35;
    color:#fff
}
.skans-ai-enrollment-link{
    padding:7px 10px;
    border:1px solid #e44755;
    border-radius:8px
}