﻿/* assets/css/sigabp-ai.css */
/* SIGABP 7.0 - Ester IA flutuante, lilás, sem ocupar espaço do dashboard */
.sigabp-ai-widget{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:99999;
    font-family:"Segoe UI",Arial,sans-serif;
    pointer-events:none;
}
.sigabp-ai-widget *{box-sizing:border-box}

.sigabp-ai-toggle{
    width:64px;
    height:64px;
    border:0;
    padding:0;
    border-radius:999px;
    background:linear-gradient(135deg,#c084fc,#7c3aed);
    box-shadow:0 14px 32px rgba(124,58,237,.28),0 0 0 5px rgba(168,85,247,.13);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:transform .22s ease, box-shadow .22s ease;
    position:relative;
    pointer-events:auto;
}
.sigabp-ai-toggle:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px rgba(124,58,237,.35),0 0 0 7px rgba(168,85,247,.17)}
.sigabp-ai-toggle-avatar{
    width:56px;
    height:56px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    border:3px solid rgba(255,255,255,.92);
    background:linear-gradient(135deg,#f0abfc,#8b5cf6);
}
.sigabp-ai-toggle-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover; /* avatar já vem preparado em círculo, não corta a Ester */
    object-position:center;
}
.sigabp-ai-online-dot{position:absolute;right:1px;bottom:4px;width:12px;height:12px;background:#10b981;border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 2px rgba(16,185,129,.25)}
.sigabp-ai-unread{position:absolute;top:-5px;right:-5px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 8px 20px rgba(239,68,68,.3)}
.sigabp-ai-tooltip{
    position:absolute;
    right:74px;
    bottom:10px;
    background:#111827;
    color:#fff;
    border-radius:12px;
    padding:8px 10px;
    font-size:12px;
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
    opacity:0;
    transform:translateX(8px);
    transition:.2s;
    pointer-events:none;
    box-shadow:0 10px 28px rgba(15,23,42,.26);
}
.sigabp-ai-tooltip small{font-weight:700;color:#c4b5fd}
.sigabp-ai-toggle:hover .sigabp-ai-tooltip{opacity:1;transform:translateX(0)}

.sigabp-ai-proactive{
    position:absolute;
    right:76px;
    bottom:4px;
    width:318px;
    pointer-events:auto;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(221,214,254,.9);
    border-radius:20px;
    padding:14px 42px 14px 16px;
    box-shadow:0 18px 44px rgba(15,23,42,.16);
    color:#0f172a;
    cursor:pointer;
    opacity:1;
    transform:translateY(0);
    transition:.22s ease;
    backdrop-filter:blur(12px);
}
.sigabp-ai-proactive:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(15,23,42,.2)}
.sigabp-ai-proactive.is-hidden{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}
.sigabp-ai-proactive strong{display:block;font-size:13px;font-weight:900;color:#4c1d95;margin-bottom:4px}
.sigabp-ai-proactive span{display:block;font-size:13px;line-height:1.35;color:#334155}
.sigabp-ai-proactive small{display:inline-flex;margin-top:9px;font-size:11px;font-weight:900;color:#7c3aed;text-transform:uppercase;letter-spacing:.03em}
.sigabp-ai-proactive:after{
    content:"";
    position:absolute;
    right:-8px;
    bottom:25px;
    width:16px;
    height:16px;
    background:rgba(255,255,255,.96);
    border-right:1px solid rgba(221,214,254,.9);
    border-bottom:1px solid rgba(221,214,254,.9);
    transform:rotate(-45deg);
}
.sigabp-ai-proactive-close{
    position:absolute;
    top:9px;
    right:10px;
    width:24px;
    height:24px;
    border:0;
    border-radius:999px;
    background:#f5f3ff;
    color:#6d28d9;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
.sigabp-ai-proactive-close:hover{background:#ede9fe}

.sigabp-ai-panel{
    position:fixed;
    right:24px;
    bottom:108px;
    width:370px;
    max-width:calc(100vw - 32px);
    height:560px;
    max-height:calc(100vh - 138px);
    background:#fff;
    border:1px solid rgba(203,213,225,.9);
    border-radius:24px;
    box-shadow:0 28px 80px rgba(15,23,42,.26);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    opacity:0;
    transform:translateY(18px) scale(.96);
    visibility:hidden;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
    pointer-events:none;
}
.sigabp-ai-panel.open{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}
.sigabp-ai-header{
    min-height:68px;
    padding:12px 14px;
    background:linear-gradient(135deg,#a855f7,#7c3aed 55%,#5b21b6);
    color:#fff;
    display:flex;
    align-items:center;
    gap:12px;
}
.sigabp-ai-avatar{
    width:48px;
    height:48px;
    border-radius:999px;
    position:relative;
    background:linear-gradient(135deg,#f0abfc,#8b5cf6);
    border:3px solid rgba(255,255,255,.82);
    overflow:hidden;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}
.sigabp-ai-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sigabp-ai-header-dot{position:absolute;right:0;bottom:2px;width:13px;height:13px;border-radius:999px;background:#10b981;border:3px solid #fff}
.sigabp-ai-title{min-width:0;flex:1}
.sigabp-ai-header strong{display:block;font-size:17px;line-height:1;font-weight:900;color:#fff}
.sigabp-ai-header small{display:block;margin-top:5px;font-size:12px;font-weight:700;color:#ede9fe;opacity:.98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sigabp-ai-minimize,.sigabp-ai-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex:0 0 auto}.sigabp-ai-minimize:hover,.sigabp-ai-close:hover{background:rgba(255,255,255,.32)}
.sigabp-ai-messages{flex:1;padding:16px;overflow:auto;background:linear-gradient(180deg,#ffffff,#faf7ff)}
.sigabp-ai-message{display:flex;margin-bottom:12px}.sigabp-ai-message.user{justify-content:flex-end}.sigabp-ai-bubble{max-width:88%;padding:13px 15px;border-radius:18px;font-size:14px;line-height:1.45;box-shadow:0 10px 24px rgba(88,28,135,.07)}.sigabp-ai-message.bot .sigabp-ai-bubble{background:#f1ecff;color:#22133f;border-top-left-radius:6px}.sigabp-ai-message.user .sigabp-ai-bubble{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-top-right-radius:6px;font-weight:700}.sigabp-ai-note .sigabp-ai-bubble{background:#f6f0ff;color:#4c1d95;border:1px solid #ede9fe}
.sigabp-ai-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.sigabp-ai-suggestions button{border:1px solid #e9d5ff;background:#fff;color:#2e1065;border-radius:12px;padding:12px 10px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(88,28,135,.06);text-align:left;transition:.2s}.sigabp-ai-suggestions button:hover{border-color:#a855f7;background:#faf5ff;transform:translateY(-1px)}
.sigabp-ai-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #ede9fe}.sigabp-ai-form input{flex:1;border:1px solid #ddd6fe;border-radius:18px;padding:12px 14px;outline:none;font-size:14px}.sigabp-ai-form input:focus{border-color:#a855f7;box-shadow:0 0 0 4px rgba(168,85,247,.15)}.sigabp-ai-form button{border:0;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;width:46px;border-radius:16px;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:.2s}.sigabp-ai-form button:hover{transform:translateY(-1px);filter:brightness(.98)}.sigabp-ai-form .sigabp-ai-voice{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.sigabp-ai-form .sigabp-ai-voice.listening{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.16);animation:sigabpVoicePulse 1s infinite ease-in-out}@keyframes sigabpVoicePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.sigabp-ai-typing{display:inline-flex;gap:4px;align-items:center}.sigabp-ai-typing span{width:6px;height:6px;border-radius:999px;background:#a78bfa;display:block;animation:sigabpTyping 1s infinite ease-in-out}.sigabp-ai-typing span:nth-child(2){animation-delay:.15s}.sigabp-ai-typing span:nth-child(3){animation-delay:.3s}@keyframes sigabpTyping{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:575px){.sigabp-ai-widget{right:16px;bottom:16px}.sigabp-ai-toggle{width:64px;height:64px}.sigabp-ai-toggle-avatar{width:56px;height:56px}.sigabp-ai-proactive{right:0;bottom:78px;width:calc(100vw - 32px);max-width:340px}.sigabp-ai-proactive:after{right:23px;bottom:-8px;transform:rotate(45deg)}.sigabp-ai-panel{right:12px;left:12px;bottom:88px;width:auto;height:72vh;max-width:none}.sigabp-ai-suggestions{grid-template-columns:1fr}.sigabp-ai-header{min-height:68px}.sigabp-ai-tooltip{display:none}}


/* SIGABP 7.0 Alpha 4.9 - ajuste fino do tamanho da Ester */
.sigabp-ai-toggle{width:64px!important;height:64px!important;}
.sigabp-ai-toggle-avatar{width:56px!important;height:56px!important;}
.sigabp-ai-avatar{width:48px!important;height:48px!important;}
.sigabp-ai-online-dot{width:12px!important;height:12px!important;right:1px!important;bottom:4px!important;}
.sigabp-ai-header-dot{width:11px!important;height:11px!important;}
@media(max-width:575px){.sigabp-ai-toggle{width:58px!important;height:58px!important}.sigabp-ai-toggle-avatar{width:50px!important;height:50px!important}}

/* Correção do botão fechar do balão proativo da Ester */
.sigabp-ai-proactive .sigabp-ai-proactive-close{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:26px!important;
    min-width:26px!important;
    max-width:26px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#f5f3ff!important;
    color:#6d28d9!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    z-index:3!important;
}
.sigabp-ai-proactive .sigabp-ai-proactive-close:hover{
    background:#ede9fe!important;
    color:#4c1d95!important;
    transform:none!important;
}


