/* GCCODE // GCNEXUS AI — interface Chat Code */
.gccode-chat{
    position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
    transform:translate(-50%,-46%) scale(.96)!important;
    z-index:10000!important;width:min(920px,calc(100vw - 28px))!important;
    height:min(720px,calc(100vh - 100px))!important;max-width:none!important;min-height:0!important;
    margin:0!important;padding:0!important;display:none;flex-direction:column;
    background:#030914!important;border:1px solid rgba(58,157,255,.26)!important;
    border-radius:22px!important;overflow:hidden!important;
    box-shadow:0 35px 120px rgba(0,0,0,.65),0 0 90px rgba(0,119,255,.12);
    font-family:Inter,sans-serif;box-sizing:border-box;
}
.gccode-chat.is-open{display:flex!important;animation:gcnexusIn .3s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes gcnexusIn{from{opacity:0;transform:translate(-50%,-42%) scale(.94)!important}to{opacity:1;transform:translate(-50%,-50%) scale(1)!important}}
.gccode-chat::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(115deg,rgba(0,119,255,.06),transparent 35%,rgba(110,92,255,.04));
}
.gccode-chat__head{
    position:relative!important;top:auto!important;width:100%!important;height:82px!important;min-height:82px!important;
    box-sizing:border-box!important;margin:0!important;padding:16px 20px!important;
    background:linear-gradient(135deg,#061326,#07101d)!important;color:#fff!important;
    border-bottom:1px solid rgba(71,151,226,.15)!important;
    display:flex;align-items:center;justify-content:space-between;
}
.gccode-chat__head::after{
    content:"";position:absolute;bottom:0;left:0;width:35%;height:1px;
    background:linear-gradient(90deg,#1687ff,transparent);box-shadow:0 0 12px #1687ff;
}
.gccode-chat__brand{display:flex;align-items:center;gap:13px}
.gccode-chat__avatar{
    width:48px!important;height:48px!important;border-radius:14px!important;display:grid;place-items:center;
    background:radial-gradient(circle at 30% 25%,#35b7ff,#075be0 60%,#442bc0)!important;
    box-shadow:0 0 28px rgba(0,119,255,.27);padding:0!important;
}
.gccode-chat__avatar svg{width:30px;height:30px}
.gccode-chat__title{font:800 16px Syne,Inter,sans-serif;letter-spacing:.02em}
.gccode-chat__status{display:flex;align-items:center;gap:6px;font-size:10px;color:#71869d;margin-top:3px}
.gccode-chat__status span{width:7px;height:7px;background:#32e39a;border-radius:50%;box-shadow:0 0 10px #32e39a}
.gccode-chat__close{
    border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.04)!important;
    color:#a9bacd!important;width:34px!important;height:34px!important;border-radius:10px!important;
    font-size:20px!important;cursor:pointer;padding:0!important;min-height:0!important;
}
.gccode-chat__close:hover{color:#fff;background:rgba(255,255,255,.09)!important}
.gccode-chat__messages{
    flex:1;min-height:0;overflow-y:auto;padding:24px;
    background:
        radial-gradient(circle at 70% 10%,rgba(0,119,255,.045),transparent 25%),
        #020811!important;
    scrollbar-color:#1b4d7a #020811;scrollbar-width:thin;
}
.gccode-chat__messages::before{
    content:"GCNEXUS // SECURE AI CHANNEL";display:block;text-align:center;color:#253d57;
    font:600 8px monospace;letter-spacing:.2em;margin:0 auto 22px;
}
.gccode-msg{display:flex;margin:0 0 16px;align-items:flex-end;gap:9px}
.gccode-msg--bot{justify-content:flex-start}.gccode-msg--user{justify-content:flex-end}
.gccode-msg__avatar{
    width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:9px!important;
    background:linear-gradient(135deg,#0878ff,#5b42db)!important;display:grid;place-items:center;color:#fff;padding:0!important
}
.gccode-msg__avatar svg{width:18px;height:18px}
.gccode-bubble{
    max-width:min(72%,650px);padding:12px 15px!important;border-radius:14px!important;
    font-size:13px!important;line-height:1.55!important;white-space:pre-wrap;color:#d7e2ef;
}
.gccode-msg--bot .gccode-bubble{
    background:rgba(9,24,41,.9)!important;color:#b9c9da!important;
    border:1px solid rgba(74,141,199,.13)!important;border-bottom-left-radius:4px!important;
}
.gccode-msg--user .gccode-bubble{
    background:linear-gradient(135deg,#076fea,#3a58d9)!important;color:#fff!important;
    border:1px solid rgba(105,190,255,.2)!important;border-bottom-right-radius:4px!important;
}
.gccode-chat__typing{color:#4c789f!important;font:500 10px monospace!important;margin:-4px 0 10px 38px!important;display:none}
.gccode-chat__quick{
    display:flex;gap:7px;overflow-x:auto;padding:10px 13px!important;min-height:52px;
    box-sizing:border-box;border-top:1px solid rgba(72,130,180,.12)!important;background:#040d18!important;
    scrollbar-width:none;
}
.gccode-chat__quick::-webkit-scrollbar{display:none}
.gccode-chip{
    flex:0 0 auto;border:1px solid rgba(69,135,192,.2)!important;
    background:rgba(8,23,39,.8)!important;color:#7ea5c7!important;
    border-radius:9px!important;padding:8px 11px!important;font-size:10px!important;cursor:pointer
}
.gccode-chip:hover{border-color:#1687ff!important;color:#bde5ff!important;background:rgba(0,119,255,.08)!important}
.gccode-chat__form{
    display:flex;gap:9px;padding:12px 14px!important;min-height:68px!important;box-sizing:border-box;
    border-top:1px solid rgba(72,130,180,.12)!important;background:#030b15!important
}
.gccode-chat__input{
    flex:1;min-width:0;border:1px solid rgba(71,133,186,.2)!important;
    background:#071321!important;color:#dce8f5!important;border-radius:12px!important;
    padding:11px 13px!important;outline:none;font:inherit;font-size:13px!important
}
.gccode-chat__input::placeholder{color:#3f5870}
.gccode-chat__input:focus{border-color:rgba(22,135,255,.7)!important;box-shadow:0 0 0 3px rgba(0,119,255,.07)}
.gccode-chat__send{
    width:44px!important;border:0!important;border-radius:12px!important;
    background:linear-gradient(135deg,#0878ff,#4e48d7)!important;color:#fff;cursor:pointer;
    box-shadow:0 0 22px rgba(0,119,255,.15)
}
.gccode-lead-card{
    margin:10px 0;padding:14px!important;border:1px solid rgba(22,135,255,.2)!important;
    background:#061323!important;border-radius:14px!important;color:#b9cee1
}
.gccode-lead-card strong{display:block;font-size:12px;margin-bottom:7px}
.gccode-lead-card input{
    width:100%;box-sizing:border-box;border:1px solid rgba(73,133,183,.2)!important;
    background:#020a14!important;color:#fff!important;border-radius:9px!important;padding:9px!important;margin:3px 0;font-size:12px
}
.gccode-lead-card button{margin-top:7px;width:100%;border:0;border-radius:9px;padding:9px;background:#0878ff;color:#fff;font-size:12px;cursor:pointer}
.gccode-chat__wa-wrap{display:flex;gap:7px;margin:4px 0 8px 37px!important}
.gccode-chat__handoff{background:rgba(20,125,77,.1)!important;border-color:rgba(37,211,102,.4)!important;color:#5ee89a!important;font-weight:700}
.gccode-chat__handoff-note{font-size:10px;color:#49647b;margin:0 0 7px 37px}
@media(max-width:768px){
    .gccode-chat{
        width:calc(100vw - 18px)!important;height:calc(100vh - 100px)!important;
        border-radius:18px!important;
    }
    .gccode-chat__messages{padding:16px}
    .gccode-bubble{max-width:82%;font-size:12px!important}
    .gccode-chat__head{height:70px!important;min-height:70px!important;padding:12px 14px!important}
    .gccode-chat__avatar{width:42px!important;height:42px!important}
}
@media(max-width:420px){
    .gccode-chat{height:calc(100vh - 76px)!important}
    .gccode-chat__quick{padding:7px!important}
    .gccode-chat__form{min-height:60px!important}
}
@media(prefers-reduced-motion:reduce){.gccode-chat.is-open{animation:none!important}}
