.conversation-list[data-astro-cid-ssfzsv2f]::-webkit-scrollbar {
    width: 6px
}

.conversation-list[data-astro-cid-ssfzsv2f]::-webkit-scrollbar-thumb {
    background: #94a3b840;
    border-radius: 999px
}

.chat-panel[data-astro-cid-sy3qanz7] {
    width: 100%;
    min-width: 0;
    overflow: hidden
}

.chat-scroll[data-astro-cid-sy3qanz7] {
    display: flex;
    flex-direction: column;
    gap: .62rem;
    min-height: 360px
}

.agent-composer[data-astro-cid-sy3qanz7] {
    border: 1px solid rgba(148, 163, 184, .2);
    background: #0f172a85;
    border-radius: .82rem;
    padding: .45rem .5rem;
    box-shadow: 0 10px 20px #0208174d
}

.chat-summary-wrap[data-astro-cid-sy3qanz7] {
    position: absolute;
    right: .65rem;
    bottom: 8.1rem;
    z-index: 14;
    pointer-events: none;
    margin-top: 0
}

.chat-call-summary[data-astro-cid-sy3qanz7] {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: .9rem;
    background: #081425f7;
    box-shadow: 0 9px 22px #02081c66;
    padding: .64rem .72rem;
    max-width: 19.5rem;
    animation: summaryFloat 9s ease-in-out infinite
}

.chat-insight-mobile[data-astro-cid-sy3qanz7] {
    width: min(13.25rem, 72vw);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: .72rem;
    background: #081425d1;
    box-shadow: 0 6px 12px #02081733;
    padding: .42rem .48rem;
    animation: summaryFloat 9s ease-in-out infinite
}

@media (min-width: 1024px) {
    .chat-panel[data-astro-cid-sy3qanz7] {
        overflow: visible;
        z-index: 22
    }

    .chat-scroll[data-astro-cid-sy3qanz7] {
        min-height: 430px;
        padding-bottom: 9.8rem
    }

    .agent-composer[data-astro-cid-sy3qanz7] {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin-top: 0;
        z-index: 6;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top-left-radius: .95rem;
        border-top-right-radius: .95rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: .5rem .72rem .6rem;
        box-shadow: 0 -10px 20px #02081757
    }

    .chat-summary-wrap[data-astro-cid-sy3qanz7] {
        position: absolute;
        right: -1.1rem;
        bottom: 6.2rem;
        margin-top: 0;
        width: min(19.5rem, calc(100% - 1.8rem));
        pointer-events: none;
        z-index: 18
    }

    .chat-call-summary[data-astro-cid-sy3qanz7] {
        display: block;
        margin-left: auto;
        font-size: .72rem
    }

    .chat-insight-mobile[data-astro-cid-sy3qanz7] {
        display: none
    }
}

@media (max-width: 1023px) {
    .chat-scroll[data-astro-cid-sy3qanz7] {
        min-height: 340px;
        padding-bottom: .75rem;
        border: none;
        background: #04112280
    }

    .agent-composer[data-astro-cid-sy3qanz7] {
        border: none;
        background: transparent;
        box-shadow: none;
        padding: 0
    }

    .agent-action-chip[data-astro-cid-sy3qanz7] {
        background: transparent;
        border-color: transparent;
        padding: .18rem .1rem
    }

    .agent-compose-input[data-astro-cid-sy3qanz7] {
        border-color: transparent;
        background: #0f172a3d;
        box-shadow: none
    }

    .chat-call-summary[data-astro-cid-sy3qanz7] {
        display: none
    }

    .chat-insight-mobile[data-astro-cid-sy3qanz7] {
        position: absolute;
        right: .6rem;
        bottom: 6.15rem;
        z-index: 16;
        pointer-events: none;
        border: 1px solid rgba(148, 163, 184, .2);
        background: #081425d1;
        box-shadow: 0 6px 12px #02081733;
        padding: .42rem .48rem;
        width: min(13.25rem, 72vw)
    }

    .chat-insight-mobile[data-astro-cid-sy3qanz7] .grid[data-astro-cid-sy3qanz7] {
        gap: .5rem
    }
}

.chat-bubble[data-astro-cid-sy3qanz7].ai-thinking {
    display: flex;
    align-items: center;
    gap: 5px;
    width: clamp(16rem, 84%, 32rem);
    padding: 10px 15px;
    margin-right: 0;
    border-color: #5eead44d;
    background: #0f766e26;
    opacity: 0;
    transform: translateY(8px);
    animation: bubbleIn .35s ease forwards
}

.typing-dot[data-astro-cid-sy3qanz7] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5eead4cc;
    flex-shrink: 0;
    animation: typingBounce 1.1s ease-in-out infinite
}

.typing-dot[data-astro-cid-sy3qanz7]:nth-child(2) {
    animation-delay: .18s
}

.typing-dot[data-astro-cid-sy3qanz7]:nth-child(3) {
    animation-delay: .36s
}

@keyframes typingBounce {
    0%, 60%, to {
        transform: translateY(0);
        opacity: .5
    }
    30% {
        transform: translateY(-5px);
        opacity: 1
    }
}

.step-label[data-astro-cid-sy3qanz7] {
    min-height: 1.4rem
}

.chat-bubble[data-astro-cid-sy3qanz7] {
    width: clamp(16rem, 84%, 32rem);
    border-radius: .9rem;
    border: 1px solid transparent;
    padding: .68rem .82rem;
    font-size: .76rem;
    line-height: 1.45;
    opacity: 0;
    transform: translateY(8px);
    animation: bubbleIn .45s ease forwards
}

.chat-bubble[data-astro-cid-sy3qanz7].customer {
    align-self: flex-start;
    margin-right: 0;
    border-color: #94a3b840;
    background: #1e293bb3;
    color: #e2e8f0f2;
    opacity: 1;
    transform: translateY(0);
    animation: none
}

.chat-bubble[data-astro-cid-sy3qanz7].ai {
    align-self: flex-start;
    margin-right: 0;
    border-color: #5eead447;
    background: #0f766e26;
    color: #ccfbf1f2
}

.chat-bubble[data-astro-cid-sy3qanz7].agent {
    align-self: flex-end;
    margin-left: 0;
    border-color: #7dd3fc47;
    background: #0e749029;
    color: #cffafef2
}

.chat-bubble[data-astro-cid-sy3qanz7] p[data-astro-cid-sy3qanz7] {
    word-break: break-word
}

.chat-bubble[data-astro-cid-sy3qanz7].ai-thinking {
    align-self: flex-start
}

@media (max-width: 767px) {
    .chat-bubble[data-astro-cid-sy3qanz7], .chat-bubble[data-astro-cid-sy3qanz7].ai-thinking {
        width: min(100%, 28rem)
    }
}

@keyframes bubbleIn {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes summaryFloat {
    0%, to {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-4px)
    }
}

.agent-action-chip[data-astro-cid-sy3qanz7] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, .22);
    background: #94a3b814;
    padding: .2rem .5rem;
    font-size: 10px;
    color: #e2e8f0e6;
    transition: all .2s ease
}

.agent-action-chip[data-astro-cid-sy3qanz7]:hover {
    border-color: #7dd3fc4d;
    background: #38bdf81f;
    color: #fff
}

.agent-compose-input[data-astro-cid-sy3qanz7] {
    min-height: 2.7rem;
    width: 100%;
    resize: none;
    border-radius: .65rem;
    border: 1px solid rgba(148, 163, 184, .2);
    background: #0f172a9e;
    padding: .45rem 2.1rem .45rem .58rem;
    font-size: 11px;
    color: #f1f5f9f2;
    outline: none
}

.agent-compose-input[data-astro-cid-sy3qanz7]::-moz-placeholder {
    color: #94a3b8e0
}

.agent-compose-input[data-astro-cid-sy3qanz7]::placeholder {
    color: #94a3b8e0
}

.agent-compose-input[data-astro-cid-sy3qanz7]:focus {
    border-color: #7dd3fc5c;
    box-shadow: 0 0 0 2px #38bdf81f
}

.compose-input-wrap[data-astro-cid-sy3qanz7] {
    position: relative
}

.compose-send-icon[data-astro-cid-sy3qanz7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .5rem;
    bottom: .45rem;
    height: 1.5rem;
    width: 1.5rem;
    border: none;
    background: transparent;
    color: #94a3b8e6;
    transition: all .2s ease
}

.compose-send-icon[data-astro-cid-sy3qanz7]:hover {
    color: #38bdf8f2;
    transform: translateY(-1px)
}

.customer-note-lane[data-astro-cid-2zddavf5] {
    position: absolute;
    top: .8rem;
    right: .7rem;
    width: min(13.75rem, calc(100% - 1.4rem));
    display: flex;
    justify-content: flex-end;
    z-index: 20
}

.customer-note-lane[data-astro-cid-2zddavf5] .hero-notif-card {
    width: 100%;
    border-radius: 999px
}

@media (max-width: 1023px) {
    .customer-note-lane[data-astro-cid-2zddavf5] {
        position: static;
        width: min(100%, 13.75rem);
        margin: .4rem 0 .4rem auto
    }
}

.stats-toggle[data-astro-cid-imay2ncy] {
    color: #e2e8f0d9;
    transition: all .25s ease
}

.stats-toggle[data-astro-cid-imay2ncy].is-active {
    background: #2dd4bf40;
    color: #fff
}

.floating-dock-card[data-astro-cid-imay2ncy] {
    border-color: #94a3b83d;
    box-shadow: 0 14px 36px #02081c70;
    min-width: 0
}

.insight-metric[data-astro-cid-imay2ncy] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: .75rem;
    background: #0f172ad1
}

@media (min-width: 1280px)and (max-width: 1439px) {
    .insight-rail[data-astro-cid-imay2ncy] {
        gap: .55rem;
        top: 5.5rem
    }

    .floating-dock-card[data-astro-cid-imay2ncy] {
        padding: .72rem;
        border-radius: .9rem
    }

    .qa-grid[data-astro-cid-imay2ncy], .insight-grid[data-astro-cid-imay2ncy] {
        gap: .45rem
    }

    .insight-metric[data-astro-cid-imay2ncy] {
        border-radius: .65rem
    }
}

@media (min-width: 1440px) {
    .insight-rail[data-astro-cid-imay2ncy] {
        gap: .7rem
    }

    .floating-dock-card[data-astro-cid-imay2ncy] {
        padding: .86rem
    }
}

@media (min-width: 1280px) {
    .dock-float-a[data-astro-cid-imay2ncy] {
        animation: dockFloatA 7.2s ease-in-out infinite
    }
}

@keyframes dockFloatA {
    0%, to {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-4px)
    }
}

.showcase-shell[data-astro-cid-anhloy43] {
    border: 1px solid rgba(148, 163, 184, .14);
    box-shadow: inset 0 1px #ffffff09, 0 20px 42px #0208174d
}

.showcase-shell[data-astro-cid-anhloy43] .conversation-item[data-astro-cid-anhloy43].is-active {
    border-color: #67e8f959;
    background-color: #06b6d42e
}

.hero-showcase-grid[data-astro-cid-anhloy43] {
    align-items: stretch
}

@media (min-width: 1024px) {
    .hero-showcase-grid[data-astro-cid-anhloy43] > [data-astro-cid-anhloy43] {
        display: flex;
        min-height: 560px
    }

    .showcase-col[data-astro-cid-anhloy43] > [data-astro-cid-anhloy43] {
        height: 100%;
        min-height: 560px;
        width: 100%
    }

    .right-rail[data-astro-cid-anhloy43] {
        align-self: stretch;
        height: 100%;
        min-width: 0;
        gap: .75rem
    }

    .right-rail[data-astro-cid-anhloy43] > [data-astro-cid-anhloy43] {
        width: 100%
    }
}

@media (min-width: 1280px)and (max-width: 1439px) {
    .showcase-shell[data-astro-cid-anhloy43] {
        padding: .75rem
    }

    .hero-showcase-grid[data-astro-cid-anhloy43] {
        gap: .6rem;
        grid-template-columns:.96fr 1.56fr 1.06fr
    }
}

@media (min-width: 1440px) {
    .hero-showcase-grid[data-astro-cid-anhloy43] {
        grid-template-columns:1fr 1.62fr 1.1fr
    }
}

.hero-notif-card[data-astro-cid-anhloy43] {
    position: relative;
    overflow: hidden;
    transition: transform .22s ease, opacity .22s ease;
    background: linear-gradient(165deg, #091425f2, #081120f0);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 999px;
    padding: .28rem .38rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 20px #02081757, inset 0 1px #ffffff0d;
    animation: notifSlideIn .28s cubic-bezier(.22, 1, .36, 1) forwards
}

.hero-notif-card[data-astro-cid-anhloy43]:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(148, 163, 184, .08), transparent 40%)
}

.hero-notif-card[data-astro-cid-anhloy43].is-exiting {
    animation: notifFadeOut .45s ease forwards
}

.hero-notif-card[data-astro-cid-anhloy43].is-stacked {
    transform: translateY(-3px) scale(.992);
    opacity: .9
}

.hero-notif-ticker[data-astro-cid-anhloy43] {
    animation: notifTicker 6.6s linear infinite;
    will-change: transform
}

@keyframes notifSlideIn {
    0% {
        opacity: 0;
        transform: translate(14px) translateY(0) scale(.99)
    }
    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes notifFadeOut {
    0% {
        opacity: 1;
        transform: translate(0) translateY(0)
    }
    to {
        opacity: 0;
        transform: translate(-10px) translateY(0)
    }
}

@keyframes notifTicker {
    0%, 12% {
        transform: translate(0)
    }
    52% {
        transform: translate(-12px)
    }
    to {
        transform: translate(0)
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-notif-ticker[data-astro-cid-anhloy43] {
        animation: none
    }
}