/* Floating shell — only the conversation card inside is interactive. */
#client-v26-aeris-dock {
        position: fixed;
        /* The global prompt/bottom bar must remain above the quick sheet so the
           composer can never be covered when the conversation grows. */
  /* The host site's mobile header is fixed at z-index: 1000. Keep the
     quick Aeris sheet above it so the underlying header cannot bleed
     through the sheet when the prompt is expanded. */
  z-index: 1100;
        box-sizing: border-box;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
        isolation: isolate;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 0 0 48px;
        min-height: 48px;
        box-sizing: border-box;
        padding: 0 16px;
        border: 1px solid var(--color-border-subtle-00, #e6e6e6);
        border-bottom: 0;
        border-radius: 18px 18px 0 0;
        background: rgba(255, 255, 255, 0.98);
        color: #202123;
        font: 500 15px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        pointer-events: auto;
    }

    /* The compact mobile surface is intentionally identified by its controls,
       not by a second Aeris wordmark. Keep the action rail in the top-right. */
    #client-v26-aeris-dock .client-v26-aeris-dock__header > strong {
        display: none;
    }
    #client-v26-aeris-dock .client-v26-aeris-dock__header {
        justify-content: flex-end;
    }

    /* aeris-body promotes this title when a conversation is restored. Inside
       Quick Nav it becomes the clipped, duplicate query seen above the user
       bubble, so the dock keeps that conversation title hidden. */
    #client-v26-aeris-dock #aeris-agent-conversation-header,
    #client-v26-aeris-dock .aeris-agent__conversation-header {
        display: none !important;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__actions {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: transparent;
        font-size: 0;
        cursor: pointer;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__actions button:hover {
        background: #f1f1f2;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__actions button[data-action="aeris-dock-maximize"] {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 2.25H2.25V5.25M10.75 2.25H13.75V5.25M13.75 10.75V13.75H10.75M2.25 10.75V13.75H5.25M3 3L6 6M13 3L10 6M13 13L10 10M3 13L6 10' stroke='%236f7075' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__actions button[data-action="aeris-dock-close"] {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L13 13M13 3L3 13' stroke='%236f7075' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
    }

    /* aeris-body collapses to just its content card here: the pill is the input,
       so hide the embedded footer; the look tray lives on the agent page. */
    #client-v26-aeris-dock #client-v26-sections-aeris-body {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0;
        overflow: hidden !important;
        background: #fff !important;
    }
    #client-v26-aeris-dock #client-v26-sections-aeris-body__footer,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__look-tray {
        display: none;
    }

    /* Conversation card. */
    #client-v26-aeris-dock #client-v26-sections-aeris-body__content {
        position: relative;
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        width: 100%;
        height: 100% !important;
        min-height: 0 !important;
        box-sizing: border-box;
        pointer-events: auto;
        padding: 24px;
        border-radius: 18px;
        border: 1px solid rgba(116, 91, 255, 0.28);
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(5px);
        box-shadow:
            0 16px 40px rgba(22, 22, 22, 0.16),
            0 18px 36px rgba(116, 91, 255, 0.18),
            inset 0 0 0 1px rgba(116, 91, 255, 0.20),
            inset 0 0 24px rgba(116, 91, 255, 0.06);
        overflow-x: hidden;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-gutter: stable;
    }

    /* The quick surface is a single opaque layer. Without these explicit
       declarations, the shared body stylesheet can let the host page show
       through the card while a response is being appended. */
    #client-v26-aeris-dock #client-v26-sections-aeris-body__content,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__content > *,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__messages {
        background-color: #fff;
    }
    #client-v26-aeris-dock #client-v26-sections-aeris-body__messages {
        flex: 0 0 auto;
        min-width: 0;
        padding-bottom: 20px;
    }

    /* Quick Nav is a compact launch surface. Keep it white and text-led, and
       never let the full Aeris result atmosphere bleed into the home shell. */
    #client-v26-aeris-dock #client-v26-sections-aeris-body__content::before,
    #client-v26-aeris-dock .aeris-agent__outputs,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__look-tray,
    #client-v26-aeris-dock .aeris-agent__composer-tools,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__welcome > ul,
    #client-v26-aeris-dock #client-v26-sections-aeris-body__welcome > h4 {
        display: none !important;
    }

    #client-v26-aeris-dock #client-v26-sections-aeris-body__content[data-mode="welcome"] {
        background: #fff !important;
        background-image: none !important;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__loading {
        display: inline-flex !important;
        align-items: center;
        min-height: 24px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__loading-copy {
        display: block !important;
        white-space: nowrap;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__loading-copy strong {
        display: inline !important;
        color: transparent;
        background: linear-gradient(90deg, #96979d 0%, #96979d 38%, #f7f7f8 50%, #96979d 62%, #96979d 100%);
        background-size: 240% 100%;
        background-position: 220% 0;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        animation: aeris-dock-loading-shimmer 3.2s ease-in-out infinite;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__loading-copy span,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__loading-spinner {
        display: none !important;
    }

    /* User's own prompt bubble: a light, slightly translucent aeris-blue tint
       (--aeris-agent-blue is rgb(60, 95, 255)). */
    #client-v26-aeris-dock .client-v26-sections-aeris-body__question {
        background-color: rgba(60, 95, 255, 0.14);
    }

    /* Keep the quick result surface on the same quiet GPT-like scale as the
       full Aeris page. These rules are scoped to the dock so the site's
       existing purple shell treatment remains unchanged outside this popup. */
    #client-v26-aeris-dock .client-v26-sections-aeris-body__answer {
        color: #343539;
        font: 400 15px/22px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        letter-spacing: -0.01em;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] {
        grid-template-columns: 24px minmax(0, auto);
        align-items: center;
        width: fit-content;
        min-height: 38px;
        gap: 8px;
        padding: 6px 12px 6px 8px;
        border: 1px solid rgba(114, 86, 246, 0.2);
        border-radius: 999px;
        background: linear-gradient(180deg, #ffffff, #fbfaff);
        box-shadow: 0 4px 14px rgba(114, 86, 246, 0.08);
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"]::before,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"]::after {
        display: none;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit {
        width: 24px;
        height: 24px;
        margin: 0;
        border: 1px solid rgba(114, 86, 246, 0.18);
        border-radius: 999px;
        background: #ffffff;
        box-shadow: inset 0 0 0 4px rgba(114, 86, 246, 0.08), 0 4px 12px rgba(114, 86, 246, 0.1);
        animation: none;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span {
        width: 11px;
        height: 6px;
        border: 0;
        border-left: 2px solid #7256f6;
        border-bottom: 2px solid #7256f6;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        transform: rotate(-45deg);
        animation: none;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span::before,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-orbit span::after,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-status[data-state="done"] .client-v26-sections-aeris-body__agent-copy ol {
        display: none;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-copy {
        gap: 0;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__agent-copy strong {
        color: #202123;
        font: 600 15px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty {
        gap: 8px;
        padding: 14px;
        border: 1px solid #dedee1;
        border-radius: 16px;
        background: #f7f7f8;
        color: #5f6065;
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        box-shadow: none;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty strong {
        color: #202123;
        font: 600 15px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty p {
        margin: 0;
        color: #5f6065;
        font: 400 14px/20px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty-actions {
        gap: 8px;
        margin-top: 2px;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty-actions button,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__followups button {
        min-height: 32px;
        padding: 6px 12px;
        border: 1px solid rgba(114, 86, 246, 0.2);
        border-radius: 999px;
        background: #ffffff;
        color: #7256f6;
        font: 600 14px/18px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
    }

    #client-v26-aeris-dock .client-v26-sections-aeris-body__empty-actions button:hover,
    #client-v26-aeris-dock .client-v26-sections-aeris-body__followups button:hover {
        border-color: rgba(114, 86, 246, 0.38);
        background: #fbfaff;
        transform: translateY(-1px);
    }

    #client-v26-aeris-dock .aeris-agent__message-actions {
        gap: 8px;
        margin-top: 8px;
        padding-left: 0;
    }

    #client-v26-aeris-dock .aeris-agent__message-actions button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 32px;
        width: 32px;
        min-width: 32px;
        height: 32px;
        min-height: 32px;
        box-sizing: border-box;
        padding: 0;
        border-radius: 9px;
        font-size: 0;
        line-height: 0;
    }

    #client-v26-aeris-dock .aeris-agent__message-action-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        line-height: 0;
    }

    #client-v26-aeris-dock .aeris-agent__message-action-icon svg {
        display: block;
        width: 20px;
        height: 20px;
        max-width: none;
        max-height: none;
    }

    /* Collapsed = the card is gone, leaving just the prompt pill below. */
    #client-v26-aeris-dock[data-state="collapsed"] {
        display: none !important;
        visibility: hidden;
        pointer-events: none;
    }
    #client-v26-aeris-dock[data-state="expanded"] {
        display: flex;
        visibility: visible;
        pointer-events: none;
    }
    #client-v26-aeris-dock[data-state="collapsed"] #client-v26-sections-aeris-body {
        display: none !important;
    }
    #client-v26-aeris-dock[data-state="expanded"] #client-v26-sections-aeris-body {
        display: flex !important;
    }
    #client-v26-aeris-dock[data-state="expanded"] #client-v26-sections-aeris-body__content {
        animation: aeris-dock-rise 0.22s ease;
    }

    #client-v26-aeris-dock[data-state="collapsed"] .client-v26-aeris-dock__header {
        visibility: hidden;
        pointer-events: none;
    }

    @keyframes aeris-dock-rise {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: none; }
    }

    @keyframes aeris-dock-loading-shimmer {
        0%, 15% { background-position: 220% 0; }
        55%, 75% { background-position: -40% 0; }
        100% { background-position: -40% 0; }
    }

    /* Keep the page behind the quick surface still while it is expanded. The
       geometry itself is defined once below so desktop and mobile cannot drift
       apart through competing breakpoint overrides. */
    @media (max-width: 1023px) {
        body.aeris-dock-open {
            overflow: hidden !important;
            overscroll-behavior: none;
        }

        #client-v26-bottom-bar,
        #client-v26-sections-navigation,
        #client-v26-nav-prompt {
            z-index: 101;
        }

        #client-v26-sections-navigation[data-prompt-open="true"] #client-v26-nav-prompt {
            border-color: rgba(114, 86, 246, 0.9);
            box-shadow:
                0 0 0 1px rgba(114, 86, 246, 0.18),
                0 8px 26px rgba(114, 86, 246, 0.18);
        }

        #client-v26-sections-navigation[data-prompt-open="true"] #client-v26-nav-prompt button[data-action="nav-prompt-send"] {
            background-color: #4f62ff;
            background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0L0 5L0.705 5.705L4.5 1.915V12H5.5V1.915L9.295 5.705L10 5L5 0Z' fill='white'/%3E%3C/svg%3E");
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #client-v26-aeris-dock[data-state="expanded"] #client-v26-sections-aeris-body__content {
            animation: none;
        }
    }

    /*
     * The quick surface is one card, not a header card sitting on top of a
     * second content card. Keeping the purple treatment on the outer shell
     * prevents the two independent borders from drifting apart at high-DPI
     * sizes and keeps the controls visually inside the same surface on both
     * desktop and mobile.
     */
    #client-v26-aeris-dock {
        border: 1px solid rgba(116, 91, 255, 0.28);
        border-radius: 20px;
        background: #fff;
        box-shadow:
            0 18px 42px rgba(22, 22, 22, 0.16),
            0 18px 42px rgba(116, 91, 255, 0.16),
            inset 0 0 0 1px rgba(116, 91, 255, 0.10);
    }

    #client-v26-aeris-dock .client-v26-aeris-dock__header {
        flex: 0 0 52px;
        min-height: 52px;
        position: relative;
        z-index: 1;
        border: 0;
        border-bottom: 1px solid rgba(116, 91, 255, 0.16);
        border-radius: 19px 19px 0 0;
        background: #fff;
    }

    #client-v26-aeris-dock #client-v26-sections-aeris-body {
        height: auto !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        background: #fff !important;
    }

    #client-v26-aeris-dock #client-v26-sections-aeris-body__content {
        height: auto !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        border: 0;
        border-radius: 0 0 19px 19px;
        background: #fff !important;
        backdrop-filter: none;
        box-shadow: none;
    }

    @media (min-width: 1024px) {
        #client-v26-aeris-dock {
            left: 50%;
            right: auto;
            transform: translateX(-50%);
            bottom: var(--aeris-dock-bottom, 84px);
            width: min(680px, calc(100vw - 48px));
            max-height: min(72vh, 620px);
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body {
            max-height: calc(min(72vh, 620px) - 52px);
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body__content {
            max-height: 100% !important;
        }
    }

    @media (max-width: 1023px) {
        body.aeris-dock-open #client-v26-aeris-dock {
            left: 8px;
            right: 8px;
            top: max(0px, env(safe-area-inset-top));
            bottom: calc(env(safe-area-inset-bottom) + 76px);
            height: auto;
            overflow: hidden;
        }

        #client-v26-aeris-dock {
            border-radius: 18px;
            box-shadow:
                0 18px 42px rgba(22, 22, 22, 0.16),
                0 18px 42px rgba(116, 91, 255, 0.14),
                inset 0 0 0 1px rgba(116, 91, 255, 0.10);
        }

        #client-v26-aeris-dock .client-v26-aeris-dock__header {
            flex-basis: 48px;
            min-height: 48px;
            border-bottom-color: rgba(116, 91, 255, 0.14);
            border-radius: 17px 17px 0 0;
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body {
            max-height: none;
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body__content {
            max-height: none !important;
            border-radius: 0 0 17px 17px;
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body__messages {
            min-height: 0;
            padding-bottom: 24px;
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body__welcome {
            min-height: 0;
            justify-content: flex-start;
            padding-top: 6px;
        }

        #client-v26-aeris-dock #client-v26-sections-aeris-body__welcome h3 {
            margin: 0;
            font: 400 20px/26px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            text-align: left;
        }
    }