.avron-first-support-launcher {
    position: fixed;
    right: 22px;
    bottom: 24px;
    z-index: 9820;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 156px;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 0;
    background: rgba(2, 9, 7, .82);
    color: #fff;
    cursor: pointer;
    padding: 14px 16px 13px;
    box-shadow: 0 18px 48px rgba(0,0,0,.34);
    font-family: "Sora", Arial, Helvetica, sans-serif;
    text-align: left;
    backdrop-filter: blur(12px);
}

.avron-first-support-launcher span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.62);
}

.avron-first-support-launcher strong {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.avron-first-support-shell {
    position: fixed;
    inset: 0;
    z-index: 9900;
    display: grid;
    place-items: center;
    padding: clamp(18px, 4vw, 56px);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .34s ease, visibility .34s ease;
    font-family: "Sora", Arial, Helvetica, sans-serif;
}

.avron-first-support-shell[data-open="true"] {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.avron-first-support-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 22%, rgba(74,150,102,.24), transparent 33%),
        linear-gradient(120deg, rgba(0,0,0,.92), rgba(3,16,12,.84) 44%, rgba(0,0,0,.94));
    backdrop-filter: blur(10px);
}

.avron-first-support-panel {
    position: relative;
    width: min(820px, 100%);
    max-height: min(88vh, 900px);
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(22px, 4vw, 46px);
    color: #fff;
    background: rgba(2, 8, 7, .92);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 30px 92px rgba(0,0,0,.5), 0 0 0 1px rgba(74,150,102,.14) inset;
    padding: clamp(24px, 4vw, 50px);
}

.avron-first-support-close {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 4;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #fff;
    cursor: pointer;
    font-size: 0;
    pointer-events: auto;
    touch-action: manipulation;
}

.avron-first-support-close::before,
.avron-first-support-close::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 20px;
    height: 2px;
    background: currentColor;
}

.avron-first-support-close::before { transform: rotate(45deg); }
.avron-first-support-close::after { transform: rotate(-45deg); }

.avron-first-support-eyebrow {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #4a9666;
}

.avron-first-support-title {
    margin: 0;
    font-size: clamp(42px, 6vw, 76px);
    line-height: .96;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.avron-first-support-copy {
    margin: 20px 0 0;
    max-width: 660px;
    color: rgba(255,255,255,.78);
    font-size: clamp(16px, 1.6vw, 20px);
    line-height: 1.55;
}

.avron-first-support-chat {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 26px;
    min-height: min(42vh, 420px);
    max-height: min(52vh, 520px);
    overflow: auto;
    padding-right: 4px;
}

.avron-first-support-message {
    max-width: 88%;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
    background: rgba(255,255,255,.06);
    font-size: 14px;
    line-height: 1.45;
}

.avron-first-support-message[data-role="user"] {
    align-self: flex-end;
    background: rgba(74,150,102,.22);
    border-color: rgba(74,150,102,.46);
}

.avron-first-support-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 4px;
}

.avron-first-support-quick {
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #fff;
    cursor: pointer;
    padding: 10px 13px;
    font: 800 11px/1 "Sora", Arial, Helvetica, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.avron-first-support-quick:hover,
.avron-first-support-quick:focus {
    border-color: rgba(74,150,102,.88);
    outline: none;
}

.avron-first-support-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 13px;
}

.avron-first-support-composer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    margin-top: 4px;
}

.avron-first-support-input {
    width: 100%;
    min-height: 52px;
    max-height: 148px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 0;
    background: rgba(255,255,255,.06);
    color: #fff;
    font: 500 15px/1.35 "Sora", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    padding: 14px 15px;
    outline: none;
    resize: vertical;
}

.avron-first-support-input:focus {
    border-color: rgba(74,150,102,.95);
    box-shadow: 0 0 0 3px rgba(74,150,102,.16);
}

.avron-first-support-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.avron-first-support-field label,
.avron-first-support-privacy {
    color: rgba(255,255,255,.72);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.avron-first-support-field input,
.avron-first-support-field select,
.avron-first-support-field textarea {
    width: 100%;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 0;
    background: rgba(255,255,255,.06);
    color: #fff;
    font: 500 15px/1.35 "Sora", Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    padding: 13px 14px;
    outline: none;
}

.avron-first-support-field textarea {
    min-height: 112px;
    resize: vertical;
}

.avron-first-support-field input:focus,
.avron-first-support-field select:focus,
.avron-first-support-field textarea:focus {
    border-color: rgba(74,150,102,.95);
    box-shadow: 0 0 0 3px rgba(74,150,102,.16);
}

.avron-first-support-field select option {
    color: #07100d;
}

.avron-first-support-privacy {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 12px;
    align-items: start;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.avron-first-support-privacy input {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: #4a9666;
}

.avron-first-support-submit {
    border: 1px solid rgba(255,255,255,.52);
    border-radius: 999px;
    background: #fff;
    color: #07100d;
    cursor: pointer;
    padding: 15px 22px;
    font: 800 12px/1 "Sora", Arial, Helvetica, sans-serif;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.avron-first-support-submit:disabled {
    cursor: progress;
    opacity: .62;
}

.avron-first-support-status {
    min-height: 20px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 13px;
    line-height: 1.4;
}

.avron-first-support-status[data-kind="success"] { color: #9bf2b6; }
.avron-first-support-status[data-kind="error"] { color: #ffb6a8; }

.avron-first-support-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
}

html.avron-first-support-open,
html.avron-first-support-open body {
    overflow: hidden !important;
}

@media (max-width: 840px) {
    .avron-first-support-launcher {
        right: 16px;
        bottom: 82px;
        min-width: 138px;
        padding: 12px 14px;
    }

    .avron-first-support-panel {
        width: 100%;
        min-height: 100vh;
        max-height: 100vh;
        grid-template-columns: 1fr;
        gap: 22px;
        border: 0;
        padding: 86px 22px 34px;
    }

    .avron-first-support-shell {
        padding: 0;
        align-items: stretch;
    }

    .avron-first-support-title {
        font-size: clamp(38px, 12vw, 62px);
    }

    .avron-first-support-message {
        max-width: 100%;
    }

    .avron-first-support-composer {
        grid-template-columns: 1fr;
    }
}
.avron-support-chatbot-panel{width:min(760px,calc(100vw - 28px));height:min(840px,calc(100vh - 28px));max-height:none;padding:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:22px}
.avron-support-chatbot-panel .avron-support-ticketbar{display:block;padding:18px 70px 16px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(4,14,11,.92)}
.avron-support-chatbot-panel .avron-support-ticketbar h2{font-size:18px;line-height:1.1;text-transform:none;letter-spacing:0}
.avron-support-chatbot-panel .avron-support-ticketbar p{max-width:520px;margin-top:6px;font-size:12px}
.avron-support-chatbot-panel .avron-support-ticket-meta,.avron-support-chatbot-panel .avron-chat-context-card,.avron-support-chatbot-panel .avron-customer-fields{display:none!important}
.avron-support-chatbot-panel .avron-chat-shell{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;margin:0}
.avron-support-chatbot-panel .avron-chat-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;border:0;background:rgba(255,255,255,.025);min-height:0}
.avron-support-chatbot-panel .avron-first-support-chat{min-height:0;max-height:none;overflow:auto;padding:22px 22px 10px;margin-top:0}
.avron-support-chatbot-panel .avron-first-support-message{max-width:min(86%,560px);border-radius:18px;padding:13px 14px}
.avron-support-chatbot-panel .avron-first-support-message[data-role=user]{border-color:rgba(74,150,102,.5);background:rgba(74,150,102,.22)}
.avron-support-chatbot-panel .avron-diagnostic-card{margin:0 16px 14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045)}
.avron-support-chatbot-panel .avron-diagnostic-card h3{color:#4a9666}
.avron-support-chatbot-panel .avron-diagnostic-card p{display:none}
.avron-support-chatbot-panel .avron-diagnostic-meta{margin:6px 0 10px;font-size:11px;line-height:1.35}
.avron-support-chatbot-panel .avron-first-support-actions{gap:7px}
.avron-support-chatbot-panel .avron-first-support-quick{border-radius:999px;min-height:38px}
.avron-support-chatbot-panel .avron-first-support-composer{border-top:1px solid rgba(255,255,255,.1);padding:14px 16px 16px;background:rgba(4,14,11,.92)}
.avron-support-chatbot-panel .avron-first-support-input{border-radius:20px;min-height:48px;resize:none;background:rgba(255,255,255,.07)}
.avron-support-chatbot-panel .avron-first-support-submit{border-radius:999px;min-height:48px}
.avron-support-chatbot-panel .avron-support-hidden-file{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.avron-support-chatbot-panel .avron-support-status{padding:0 18px 14px;margin:0}
.avron-support-chatbot-panel .avron-support-small{margin-top:8px;color:rgba(255,255,255,.55);font-size:11px;line-height:1.4}
@media(max-width:760px){.avron-first-support-shell{padding:0}.avron-support-chatbot-panel{width:100%;height:100vh;max-height:100vh;border:0;border-radius:0}.avron-support-chatbot-panel .avron-support-ticketbar{padding:64px 74px 10px 18px}.avron-support-chatbot-panel .avron-support-ticketbar p{display:none}.avron-support-chatbot-panel .avron-first-support-chat{padding:18px 14px 8px}.avron-support-chatbot-panel .avron-first-support-message{max-width:92%}.avron-support-chatbot-panel .avron-diagnostic-card{margin:0 12px 12px}.avron-support-chatbot-panel .avron-first-support-composer{grid-template-columns:1fr auto;padding:12px}.avron-support-chatbot-panel .avron-first-support-submit{padding-inline:14px}}
