:root{
    --a247-text:#0f172a;
    --a247-muted:#64748b;
    --a247-surface:rgba(255,255,255,.92);
    --a247-surface-solid:#ffffff;
    --a247-border:#e8edf5;
    --a247-bg:#f8fafc;
    --a247-blue:#2563eb;
    --a247-blue2:#1d4ed8;
    --a247-blue3:#3b82f6;
    --a247-radius-2xl:24px;
    --a247-radius-xl:22px;
    --a247-radius-lg:18px;
    --a247-radius-md:14px;
    --a247-radius-sm:12px;
    --a247-shadow-lg:0 30px 80px rgba(15,23,42,.22), 0 10px 26px rgba(15,23,42,.10);
    --a247-shadow-md:0 18px 44px rgba(15,23,42,.08), 0 6px 18px rgba(15,23,42,.05);
    --a247-shadow-sm:0 8px 18px rgba(15,23,42,.05), 0 2px 6px rgba(15,23,42,.03);
}

@media (prefers-color-scheme: dark){
    :root{
        --a247-text:rgba(255,255,255,.92);
        --a247-muted:rgba(255,255,255,.66);
        --a247-surface:rgba(15,23,42,.76);
        --a247-surface-solid:rgba(15,23,42,.94);
        --a247-border:rgba(255,255,255,.12);
        --a247-bg:#0b1220;
                @media (prefers-color-scheme: dark){
    :root{
        --a247-text:rgba(255,255,255,.92);
        --a247-muted:rgba(255,255,255,.66);
        --a247-surface:rgba(15,23,42,.76);
        --a247-surface-solid:rgba(15,23,42,.94);
        --a247-border:rgba(255,255,255,.12);
        --a247-bg:#0b1220;
    }


    .a247-msg.a247-bot .a247-msg-bubble{
        background:rgba(30,41,59,.95) !important;
        border-color:rgba(255,255,255,.10) !important;
        color:#e2e8f0 !important;
    }


    .a247-msg-av{
        border-color:rgba(255,255,255,.12);
        background:rgba(30,41,59,.95);
    }


    .a247-foot{
        border-top-color:rgba(255,255,255,.10);
        background:rgba(15,23,42,.88);
    }

    .a247-input-wrap{
        background:rgba(30,41,59,.85);
        border-color:rgba(255,255,255,.10);
    }

    .a247-input-wrap:focus-within{
        background:rgba(30,41,59,.96);
        border-color:rgba(59,130,246,.50);
    }


    .a247-panel{
        border-color:rgba(255,255,255,.08);
    }


    .a247-watermark{
        border-top-color:rgba(255,255,255,.08);
        background:rgba(15,23,42,.88);
    }


    .a247-msg-bubble a{
        color:#60a5fa !important;
    }


    .a247-head-wa-inline{
        color:#fff !important;
        background:linear-gradient(180deg,#25D366,#16a34a) !important;
        border-color:rgba(255,255,255,.16);
    }

    .a247-head-wa-inline-ic{
        background:rgba(255,255,255,.16);
    }

    .a247-date-separator span{
        background:rgba(255,255,255,.10);
        color:rgba(255,255,255,.70);
    }


    .a247-body::-webkit-scrollbar-thumb{
        background:rgba(100,116,139,.40);
    }

    .a247-typing span{
        background:rgba(148,163,184,.60);
    }
}
        --a247-shadow-lg:0 30px 80px rgba(0,0,0,.36), 0 10px 26px rgba(0,0,0,.20);
        --a247-shadow-md:0 18px 44px rgba(0,0,0,.20), 0 6px 18px rgba(0,0,0,.12);
        --a247-shadow-sm:0 8px 18px rgba(0,0,0,.14), 0 2px 6px rgba(0,0,0,.08);
    }

   
    .a247-panel{
        border-color:rgba(255,255,255,.10);
        box-shadow:
            0 30px 80px rgba(0,0,0,.40),
            0 10px 26px rgba(0,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.08);
    }

  
    .a247-embed-chat{
        border-color:rgba(255,255,255,.10);
    }

 
    .a247-msg.a247-bot .a247-msg-bubble{
        background:rgba(30,41,59,.92);
        border-color:rgba(255,255,255,.10);
        color:var(--a247-text);
    }


    .a247-msg-av{
        border-color:rgba(255,255,255,.12);
        box-shadow:0 4px 10px rgba(0,0,0,.18);
    }


    .a247-foot{
        border-top-color:rgba(255,255,255,.10);
        background:rgba(15,23,42,.82);
    }

    .a247-input-wrap{
        background:rgba(30,41,59,.80);
        border-color:rgba(255,255,255,.10);
    }

    .a247-input-wrap:focus-within{
        background:rgba(30,41,59,.96);
        border-color:rgba(59,130,246,.50);
        box-shadow:0 0 0 4px rgba(59,130,246,.12);
    }

    .a247-body{
        scrollbar-color:rgba(100,116,139,.50) transparent;
    }

    .a247-body::-webkit-scrollbar-thumb{
        background:rgba(100,116,139,.40);
    }

    .a247-watermark{
        border-top-color:rgba(255,255,255,.08);
        background:rgba(15,23,42,.85);
    }

    .a247-watermark a{
        color:#60a5fa;
    }

    .a247-msg-bubble a{
        color:#60a5fa;
    }


    .a247-head-wa-inline{
        color:#fff !important;
        background:linear-gradient(180deg,#25D366 0%, #1fb955 50%, #169c46 100%);
        border-color:rgba(255,255,255,.16);
    }

    .a247-head-wa-inline-ic{
        background:rgba(255,255,255,.16);
    }


    .a247-head-light .a247-head-wa-inline{
        color:#fff !important;
        background:linear-gradient(180deg,#25D366 0%, #1fb955 50%, #169c46 100%);
        border-color:rgba(255,255,255,.16);
    }

    .a247-head-light .a247-head-wa-inline-ic{
        background:rgba(255,255,255,.16);
    }


    .a247-date-separator span{
        background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
        color:rgba(255,255,255,.75);
        box-shadow:0 1px 3px rgba(0,0,0,.16);
    }


    .a247-msg.a247-bot .a247-msg-time{
        color:rgba(255,255,255,.50);
    }

    .a247-typing span{
        background:rgba(148,163,184,.70);
    }


    .a247-trigger,
    .a247-trigger:hover{
        box-shadow:
            0 14px 36px rgba(0,0,0,.30),
            0 3px 10px rgba(0,0,0,.18),
            inset 0 1px 0 rgba(255,255,255,.18);
    }

    .a247-close{
        border-color:rgba(255,255,255,.18);
        background:rgba(255,255,255,.10);
        color:#fff;
    }

    .a247-close:hover{
        background:rgba(255,255,255,.18);
    }

        .a247-chat-link-default{
        background:rgba(30,41,59,.85);
        color:#93c5fd !important;
        border:1.5px solid rgba(59,130,246,.25);
        box-shadow:0 6px 16px rgba(0,0,0,.20);
    }
}

.a247-widget,
.a247-embed-chat{
    font-family:"Segoe UI",Roboto,Inter,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    letter-spacing:0;
    color:var(--a247-text);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    color-scheme:light dark;
}

.a247-widget button,
.a247-embed-chat button,
.a247-widget input,
.a247-embed-chat input,
.a247-widget textarea,
.a247-embed-chat textarea,
.a247-widget select,
.a247-embed-chat select,
.a247-widget p,
.a247-embed-chat p,
.a247-widget span,
.a247-embed-chat span,
.a247-widget a,
.a247-embed-chat a,
.a247-widget label,
.a247-embed-chat label,
.a247-widget h1,
.a247-widget h2,
.a247-widget h3,
.a247-widget h4,
.a247-widget h5,
.a247-widget h6,
.a247-embed-chat h1,
.a247-embed-chat h2,
.a247-embed-chat h3,
.a247-embed-chat h4,
.a247-embed-chat h5,
.a247-embed-chat h6{
    font-family:"Segoe UI",Roboto,Inter,Arial,sans-serif !important;
    font-style:normal !important;
    text-transform:none !important;
}

.a247-widget *,
.a247-embed-chat *{
    box-sizing:border-box;
}

.a247-widget{
    position:fixed;
    bottom:18px;
    z-index:2147483647;
}

.a247-widget.a247-right{
    right:18px;
}

.a247-widget.a247-left{
    left:18px;
}

.a247-trigger{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 16px;
    border:none;
    border-radius:999px;
    cursor:pointer;
    color:#fff;
    font-weight:800;
    font-size:14.5px;
    letter-spacing:.01em;
    position:relative;
    overflow:hidden;
    box-shadow:
        0 14px 36px rgba(2,6,23,.18),
        0 3px 10px rgba(2,6,23,.10),
        inset 0 1px 0 rgba(255,255,255,.18);
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease;
    will-change:transform;
    -webkit-tap-highlight-color:transparent;
    animation:a247TriggerGlow 2.8s ease-in-out infinite;
}

.a247-trigger::after{
    content:'';
    position:absolute;
    top:-20%;
    left:0;
    width:42%;
    height:140%;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.10) 35%,
        rgba(255,255,255,.30) 50%,
        rgba(255,255,255,.10) 65%,
        rgba(255,255,255,0) 100%
    );
    transform:translateX(-160%) skewX(-22deg);
    pointer-events:none;
    animation:a247TriggerShine 4.8s ease-in-out infinite;
}

.a247-trigger:hover{
    transform:translateY(-3px) scale(1.03);
    filter:saturate(1.08);
    box-shadow:
        0 22px 46px rgba(2,6,23,.26),
        0 10px 20px rgba(2,6,23,.14),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.a247-trigger:active{
    transform:translateY(0) scale(.995);
}

.a247-trigger:focus-visible{
    outline:none;
    box-shadow:
        0 0 0 4px rgba(255,255,255,.18),
        0 0 0 8px rgba(37,99,235,.22),
        0 22px 46px rgba(2,6,23,.20);
}

.a247-trigger > span:first-child{
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    line-height:1;
    background:rgba(255,255,255,.20);
    border-radius:999px;
}

.a247-trigger .a247-label{
    line-height:1;
    white-space:nowrap;
    font-weight:600;
}

.a247-panel{
    --a247-accent: var(--a247-blue);
    --a247-accent-dark: var(--a247-blue2);
    --a247-accent-light: var(--a247-blue3);

    position:absolute;
    bottom:56px;
    width:392px;
    max-width:calc(100vw - 18px);
    height:640px;
    max-height:84vh;
    background:var(--a247-surface);
    border-radius:var(--a247-radius-2xl);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.46);
    box-shadow:
        var(--a247-shadow-lg),
        inset 0 1px 0 rgba(255,255,255,.35);
    display:none;
    flex-direction:column;
    transform-origin:bottom right;
    opacity:0;
    transform:translateY(8px) scale(.985);
    transition:opacity .16s ease, transform .16s ease;
}

@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
    .a247-panel{
        backdrop-filter:blur(18px) saturate(1.08);
        -webkit-backdrop-filter:blur(18px) saturate(1.08);
    }
}

.a247-panel.a247-open{
    opacity:1;
    transform:translateY(0) scale(1);
}

.a247-widget.a247-left .a247-panel{
    left:0;
    transform-origin:bottom left;
}

.a247-widget.a247-right .a247-panel{
    right:0;
}

.a247-embed-chat{
    --a247-accent: var(--a247-blue);
    --a247-accent-dark: var(--a247-blue2);
    --a247-accent-light: var(--a247-blue3);
    width:100%;
    border-radius:20px;
    overflow:hidden;
    background:var(--a247-surface);
    border:1px solid var(--a247-border);
    box-shadow:var(--a247-shadow-md);
}

.a247-embed-chat .a247-panel-static{
    height:100%;
    display:flex;
    flex-direction:column;
    background:transparent;
}

.a247-chat-root{
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
}

.a247-head{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 14px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.12);
    position:relative;
    min-height:72px;
}

.a247-head.a247-head-light{
    color:rgba(15,23,42,.92);
}

.a247-head.a247-head-light .a247-title,
.a247-head.a247-head-light .a247-sub{
    color:rgba(15,23,42,.92);
}

.a247-head .a247-avatar{
    width:42px;
    height:42px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.24);
    flex:0 0 42px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}

.a247-head .a247-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:999px;
}

.a247-head .a247-head-text{
    flex:1;
    min-width:0;
}

.a247-head .a247-title{
    font-size:15px;
    font-weight:800;
    margin:0;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:.01em;
}

.a247-head .a247-sub{
    font-size:12px;
    font-weight:600;
    opacity:.94;
    margin:4px 0 0;
    display:flex;
    align-items:center;
    gap:6px;
    line-height:1;
    letter-spacing:0;
}

.a247-head .a247-sub::before{
    content:'';
    width:7px;
    height:7px;
    border-radius:999px;
    background:#22c55e;
    display:inline-block;
    flex:0 0 7px;
    box-shadow:0 0 0 4px rgba(34,197,94,.16);
}

.a247-head-actions{
    display:flex;
    align-items:flex-start;
    gap:8px;
    flex:0 0 auto;
}

@keyframes a247WaInlineGlow{
    0%,100%{
        box-shadow:
            0 6px 14px rgba(5,150,105,.14),
            0 0 0 0 rgba(37,211,102,.00),
            inset 0 1px 0 rgba(255,255,255,.18);
    }
    50%{
        box-shadow:
            0 10px 18px rgba(5,150,105,.22),
            0 0 0 6px rgba(37,211,102,.10),
            inset 0 1px 0 rgba(255,255,255,.20);
    }
}

.a247-head-wa-inline{
    margin-top:8px;
    display:inline-flex;
    align-items:center;
    gap:0;
    min-height:24px;
    max-width:100%;
    padding:0 8px;
    border-radius:999px;
    text-decoration:none !important;
    font-size:11.8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.01em;
    color:#000 !important;
    background:#fff;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:
        0 6px 14px rgba(5,150,105,.14),
        inset 0 1px 0 rgba(255,255,255,.18);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
    animation:a247WaInlineGlow 2.6s ease-in-out infinite;
    -webkit-tap-highlight-color:transparent;
}

.a247-head-wa-inline:hover{
    transform:translateY(-1px);
    filter:saturate(1.05);
    box-shadow:
        0 10px 18px rgba(5,150,105,.22),
        0 0 0 6px rgba(37,211,102,.08),
        inset 0 1px 0 rgba(255,255,255,.20);
    text-decoration:none !important;
}

.a247-head-wa-inline:active{
    transform:translateY(0) scale(.99);
}

.a247-head-wa-inline:focus-visible{
    outline:none;
    box-shadow:
        0 0 0 4px rgba(255,255,255,.16),
        0 0 0 7px rgba(37,211,102,.20),
        0 10px 18px rgba(5,150,105,.20);
}

.a247-head-wa-inline-ic{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 18px;
    border-radius:999px;
    background:#ffffff;
    color:#25D366;
    font-size:11px;
    line-height:1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.a247-head-light .a247-head-wa-inline{
    color:#fff !important;
    background:linear-gradient(180deg,#25D366 0%, #1fb955 50%, #169c46 100%);
    border-color:rgba(255,255,255,.16);
}

.a247-head-light .a247-head-wa-inline-ic{
    background:rgba(255,255,255,.16);
}

.a247-close{
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.14);
    color:#fff;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    transition:transform .16s ease, background .16s ease, border-color .16s ease;
    -webkit-tap-highlight-color:transparent;
}

.a247-close:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.22);
}

.a247-close:active{
    transform:translateY(0) scale(.98);
}

.a247-close:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(255,255,255,.18), 0 0 0 6px rgba(37,99,235,.16);
}

.a247-body{
    flex:1;
    min-height:0;
    overflow:auto;
    padding:14px 12px 14px;
    background:
        radial-gradient(circle at 14% -8%, rgba(59,130,246,.06), transparent 42%),
        radial-gradient(circle at 96% 10%, rgba(16,185,129,.05), transparent 35%),
        var(--a247-bg);
    scroll-behavior:smooth;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:rgba(148,163,184,.55) transparent;
}

.a247-body::-webkit-scrollbar{
    width:8px;
}

.a247-body::-webkit-scrollbar-thumb{
    background:rgba(148,163,184,.45);
    border-radius:999px;
}

.a247-body::-webkit-scrollbar-track{
    background:transparent;
}

.a247-msg{
    display:flex;
    gap:8px;
    margin-bottom:12px;
    align-items:flex-end;
    animation:a247MsgIn .16s ease both;
    position:relative;
}

@keyframes a247MsgIn{
    from{
        opacity:0;
        transform:translateY(4px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.a247-msg.a247-user{
    flex-direction:row-reverse;
}

.a247-msg-av{
    width:30px;
    height:30px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    line-height:1;
    flex:0 0 30px;
    overflow:hidden;
    border:1px solid rgba(226,232,240,1);
    background:var(--a247-surface-solid);
    box-shadow:0 4px 10px rgba(15,23,42,.05);
}

.a247-msg-av img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:999px;
}

.a247-msg-bubble{
    max-width:84%;
    padding:11px 13px;
    border-radius:18px;
    line-height:1.6;
    font-size:13.5px;
    font-weight:400;
    letter-spacing:0;
    word-break:break-word;
    overflow-wrap:anywhere;
    box-shadow:var(--a247-shadow-sm);
}

.a247-msg-bubble strong{
    font-weight:700;
}

.a247-msg.a247-bot .a247-msg-bubble{
    background:rgba(255,255,255,.94);
    border:1px solid rgba(226,232,240,.88);
    border-bottom-left-radius:8px;
    color:var(--a247-text);
}

.a247-msg.a247-user .a247-msg-bubble{
    color:var(--a247-on-accent, #fff);
    background:linear-gradient(180deg, var(--a247-accent-light), var(--a247-accent-dark)) !important;
    border-bottom-right-radius:8px;
}

.a247-typing{
    display:flex;
    gap:4px;
    align-items:center;
    padding:2px 0;
}

.a247-typing span{
    width:7px;
    height:7px;
    border-radius:999px;
    background:rgba(148,163,184,.9);
    display:inline-block;
    animation:a247-dot 1.3s infinite ease-in-out;
}

@keyframes a247-dot{
    0%,80%,100%{
        opacity:.4;
        transform:scale(.85);
    }
    40%{
        opacity:1;
        transform:scale(1);
    }
}

.a247-typing span:nth-child(2){
    animation-delay:.15s;
}

.a247-typing span:nth-child(3){
    animation-delay:.30s;
}

.a247-foot{
    padding:10px;
    border-top:1px solid rgba(226,232,240,.9);
    background:rgba(255,255,255,.82);
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    .a247-foot{
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }
}

.a247-input-wrap{
    display:flex;
    gap:8px;
    align-items:flex-end;
    background:rgba(255,255,255,.88);
    border:1px solid rgba(226,232,240,.9);
    border-radius:16px;
    padding:6px;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.a247-input-wrap:focus-within{
    border-color:rgba(37,99,235,.44);
    box-shadow:0 0 0 4px rgba(37,99,235,.10);
    background:rgba(255,255,255,.96);
}

.a247-input{
    flex:1;
    min-height:40px;
    max-height:120px;
    resize:none;
    border:none;
    background:transparent;
    border-radius:12px;
    padding:9px 10px;
    font-size:14px;
    font-weight:400;
    line-height:1.4;
    letter-spacing:0;
    outline:none;
    color:var(--a247-text);
}

.a247-input::placeholder{
    color:var(--a247-muted);
    opacity:1;
}

.a247-send{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:none;
    border-radius:12px;
    color:var(--a247-on-accent, #fff);
    cursor:pointer;
    font-size:15px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg, var(--a247-accent-light), var(--a247-accent)) !important;
    box-shadow:0 10px 18px rgba(37,99,235,.16), inset 0 1px 0 rgba(255,255,255,.16);
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, opacity .16s ease;
    -webkit-tap-highlight-color:transparent;
}

.a247-send:hover:not(:disabled){
    transform:translateY(-1px);
    filter:saturate(1.05);
    box-shadow:0 14px 20px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18);
}

.a247-send:active:not(:disabled){
    transform:translateY(0) scale(.98);
}

.a247-send:focus-visible{
    outline:none;
    box-shadow:
        0 0 0 4px rgba(255,255,255,.20),
        0 0 0 8px rgba(37,99,235,.18),
        0 10px 18px rgba(37,99,235,.18);
}

.a247-send:disabled{
    opacity:.72;
    cursor:not-allowed;
    filter:grayscale(.06);
}

.a247-watermark{
    font-size:11px;
    font-weight:400;
    letter-spacing:0;
    color:var(--a247-muted);
    text-align:center;
    padding:8px 10px;
    border-top:1px dashed rgba(226,232,240,.9);
    background:rgba(250,250,250,.90);
    line-height:1.35;
}

.a247-watermark a{
    color:#2563eb;
    text-decoration:none;
    font-weight:700;
}

.a247-msg-bubble a{
    color:var(--a247-accent);
    text-decoration:none;
    font-weight:700;
}

.a247-msg-bubble a:hover{
    text-decoration:underline;
}

.a247-chat-link-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:8px;
    padding:10px 14px;
    border-radius:12px;
    font-weight:800;
    font-size:13px;
    line-height:1.2;
    transition:all .18s ease;
    box-shadow:0 8px 18px rgba(15,23,42,.12);
    border:1px solid transparent;
    cursor:pointer;
    max-width:100%;
    width:auto;
    word-break:break-word;
    -webkit-tap-highlight-color:transparent;
}

.a247-chat-link-btn:hover{
    transform:translateY(-2px) scale(1.02);
    filter:saturate(1.1);
    text-decoration:none !important;
}

.a247-chat-link-btn:active{
    transform:translateY(0) scale(.99);
}

.a247-chat-link-product{
    background:linear-gradient(180deg,var(--a247-accent-light),var(--a247-accent));
    color:var(--a247-on-accent, #fff) !important;
    box-shadow:0 8px 20px rgba(37,99,235,.18);
}

.a247-chat-link-whatsapp{
    background:linear-gradient(135deg,#25D366,#16a34a);
    color:#fff !important;
    box-shadow:0 12px 24px rgba(22,163,74,.25);
}

.a247-chat-link-default{
    background:#ffffff;
    color:var(--a247-blue) !important;
    border:1.5px solid rgba(37,99,235,.22);
    box-shadow:0 6px 16px rgba(37,99,235,.08), 0 1px 3px rgba(15,23,42,.06);
}

.a247-msg-content{
    display:flex;
    flex-direction:column;
    max-width:84%;
}

.a247-msg.a247-user .a247-msg-content{
    align-items:flex-end;
}

.a247-msg-time{
    font-size:10px;
    color:rgba(128, 128, 128, 0.8);
    margin-top:4px;
    padding:0 4px;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    letter-spacing:0.2px;
    opacity:.85;
    transition:opacity 0.2s ease;
    user-select:none;
}

.a247-msg:hover .a247-msg-time{
    opacity:1;
}

.a247-msg.a247-user .a247-msg-time{
    color:rgba(255, 255, 255, 0.7);
    text-align:right;
}

.a247-msg.a247-bot .a247-msg-time{
    text-align:left;
}

.a247-date-separator{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:16px 0 12px 0;
    padding:0 16px;
}

.a247-date-separator span{
    background:linear-gradient(135deg, #f0f0f0, #e8e8e8);
    color:#666;
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.8px;
    padding:6px 16px;
    border-radius:20px;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}


.a247-panel.a247-is-loading .a247-send{
    opacity:.82;
}

html.a247-lock,
body.a247-lock{
    height:100% !important;
    overflow:hidden !important;
    touch-action:none !important;
}

html.a247-lock{
    position:fixed !important;
    width:100% !important;
}

@media (prefers-reduced-motion: reduce){
    .a247-trigger,
    .a247-panel,
    .a247-chat-link-btn,
    .a247-head-wa-inline,
    .a247-typing span,
    .a247-msg,
    .a247-send,
    .a247-close{
        transition:none !important;
        animation:none !important;
    }
}


@media (max-width:640px){
    .a247-widget{
        right:max(10px, env(safe-area-inset-right));
        left:auto;
        bottom:max(10px, env(safe-area-inset-bottom));
    }

    .a247-trigger .a247-label{
        display:none;
    }

    .a247-trigger{
        padding:12px;
        gap:0;
        border-radius:999px;
    }

    .a247-panel{
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        top:0 !important;
        bottom:0 !important;
        width:100vw !important;
        max-width:100vw !important;
        height:100dvh !important;
        max-height:100dvh !important;
        border-radius:0 !important;
        z-index:2147483647 !important;
        padding-top:env(safe-area-inset-top);
        padding-bottom:env(safe-area-inset-bottom);
        padding-left:env(safe-area-inset-left);
        padding-right:env(safe-area-inset-right);
    }

    .a247-head{
        padding:12px 12px 10px;
        min-height:68px;
    }

    .a247-head .a247-avatar{
        width:40px;
        height:40px;
        flex-basis:40px;
    }

    .a247-head .a247-title{
        font-size:14.5px;
    }

    .a247-body{
        padding:12px 10px;
    }

    .a247-msg{
        margin-bottom:10px;
        gap:7px;
    }

    .a247-msg-av{
        width:28px;
        height:28px;
        flex-basis:28px;
    }

    .a247-msg-bubble{
        max-width:min(88%, 88vw);
        font-size:13px;
        padding:10px 11px;
        border-radius:14px;
        line-height:1.55;
    }

    .a247-foot{
        padding:8px;
    }

    .a247-input-wrap{
        padding:5px;
        border-radius:14px;
    }

    .a247-input{
        font-size:13px;
        padding:8px 9px;
        min-height:38px;
    }

    .a247-send{
        width:38px;
        height:38px;
        flex-basis:38px;
        border-radius:11px;
        font-size:14px;
    }

    .a247-head-wa-inline{
        margin-top:7px;
        min-height:28px;
        padding:0 10px;
        font-size:11.2px;
        max-width:190px;
    }

    .a247-chat-link-btn{
        width:100%;
        justify-content:center;
    }
}

@media (max-width:380px){
    .a247-head{
        padding:10px 10px 9px;
    }

    .a247-body{
        padding:10px 8px;
    }

    .a247-foot{
        padding:7px;
    }

    .a247-msg-bubble{
        max-width:90%;
        font-size:12.8px;
        padding:9px 10px;
    }
}


@keyframes a247TriggerGlow {
    0%, 100%{
        box-shadow:
            0 14px 36px rgba(2,6,23,.18),
            0 3px 10px rgba(2,6,23,.10),
            inset 0 1px 0 rgba(255,255,255,.18),
            0 0 0 0 rgba(59,130,246,.00);
    }
    50%{
        box-shadow:
            0 18px 40px rgba(2,6,23,.22),
            0 6px 14px rgba(2,6,23,.12),
            inset 0 1px 0 rgba(255,255,255,.22),
            0 0 0 8px rgba(59,130,246,.10);
    }
}

@keyframes a247TriggerShine {
    0%{
        transform:translateX(-160%) skewX(-22deg);
        opacity:0;
    }
    12%{
        opacity:.0;
    }
    20%{
        opacity:.22;
    }
    38%{
        transform:translateX(220%) skewX(-22deg);
        opacity:0;
    }
    100%{
        transform:translateX(220%) skewX(-22deg);
        opacity:0;
    }
}

.a247-panel.a247-open ~ .a247-trigger,
.a247-widget .a247-trigger[style*="display: none"]{
    animation:none !important;
}

.a247-panel.a247-open ~ .a247-trigger::after,
.a247-widget .a247-trigger[style*="display: none"]::after{
    animation:none !important;
}


.a247-msg.a247-user .a247-msg-bubble{
    padding:9px 13px !important;
    line-height:1.45 !important;
}
.a247-msg.a247-user .a247-msg-bubble br:last-child{
    display:none;
}
.a247-msg.a247-user .a247-msg-bubble p:last-child:empty{
    display:none;
}
.a247-msg.a247-user .a247-msg-bubble p{
    margin:0 !important;
    padding:0 !important;
}

.a247-head.a247-head-light .a247-close{
    color:#1e293b;
    border-color:rgba(0,0,0,.12);
    background:rgba(0,0,0,.06);
}
.a247-head.a247-head-light .a247-close:hover{
    background:rgba(0,0,0,.12);
}
.a247-head.a247-head-light .a247-close:active{
    transform:translateY(0) scale(.98);
}
.a247-head.a247-head-light .a247-close:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(0,0,0,.10), 0 0 0 6px rgba(37,99,235,.16);
}

.a247-send[style*="color: rgb"]{
    box-shadow:0 10px 18px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.20);
}


.a247-msg.a247-user .a247-msg-time[style],
.a247-msg.a247-user .a247-msg-content ~ .a247-msg-time{
    color:rgba(30,41,59,.65);
}