/* =========================================================
   SCHOLIX CHATBOT
   Responsive - Desktop / Laptop / Tablet / Mobile
   ========================================================= */

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99999;
    font-family: Roboto, Arial, sans-serif;
}


/* =========================================================
   FLOATING AI BUTTON
   ========================================================= */

@keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 35px rgba(4, 120, 87, .42);
}

.scholix-chatbot-toggle:focus {
    outline: none;
}


/* Unread notification */

.scholix-chatbot-toggle span {
    position: absolute;
    right: -1px;
    top: -3px;

    background: #e74c3c;
    color: #fff;

    width: 19px;
    height: 19px;

    border-radius: 50%;

    font-size: 11px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   CHAT WINDOW - DESKTOP
   ========================================================= */

.scholix-chatbot-window {
    display: none;

    position: absolute;

    right: 0;
    bottom: 72px;

    width: 390px;

    /*
     * Reduced height so the chatbot does not stretch
     * too far toward the top of the screen.
     */
    height: min(500px, calc(100vh - 180px));
    max-height: calc(100vh - 180px);

    min-height: 340px;

    background: #fff;

    border: 1px solid #e2e8f0;
    border-radius: 18px;

    box-shadow: 0 20px 60px rgba(2, 44, 34, .25);

    overflow: hidden;

    box-sizing: border-box;
}

.scholix-chatbot-window.open {
    display: flex;
    flex-direction: column;
}


/* =========================================================
   HEADER
   ========================================================= */

.scholix-chatbot-header {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
    color: #ffffff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.scholix-chatbot-avatar {
    width: 40px;
    height: 40px;

    flex-shrink: 0;

    border-radius: 12px;

    background: #ffffff2e;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 700;
    font-size: 20px;
}

.scholix-chatbot-header small {
    display: block;

    font-size: 11px;

    opacity: .9;

    margin-top: 3px;
}

.scholix-chatbot-header i {
    display: inline-block;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #7df29a;

    margin-right: 4px;
}

.scholix-chatbot-close {
    margin-left: auto;

    flex-shrink: 0;

    border: 0;
    background: transparent;

    color: #fff;

    font-size: 27px;

    cursor: pointer;
}


/* =========================================================
   MESSAGES AREA
   ========================================================= */

.scholix-chatbot-messages {
    flex: 1 1 auto;

    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    padding: 16px;

    background: #f5f8fb;

    box-sizing: border-box;
}

.scholix-chatbot-message {
    display: flex;

    margin-bottom: 10px;
}

.scholix-chatbot-message.user {
    justify-content: flex-end;
}

.scholix-chatbot-message > div {
    max-width: 84%;

    padding: 10px 12px;

    border-radius: 13px;

    font-size: 13px;

    line-height: 1.55;

    white-space: pre-wrap;

    overflow-wrap: anywhere;
    word-break: break-word;

    box-sizing: border-box;
}

.scholix-chatbot-message.bot > div {
    background: #fff;

    border: 1px solid #e2e8f0;

    color: #26384a;
}

.scholix-chatbot-message.user > div {
    background: #047857;

    color: #fff;
}


/* =========================================================
   QUICK BUTTONS
   ========================================================= */

.scholix-chatbot-quick,
.scholix-chatbot-links {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin: 5px 0 12px;
}

.scholix-chatbot-option {
    border: 1px solid #a7f3d0;

    background: #fff;

    color: #047857;

    border-radius: 12px;

    padding: 8px 11px;

    font-size: 11px;

    cursor: pointer;

    text-align: left;

    max-width: 100%;

    transition: background .15s ease;
}

.scholix-chatbot-option:hover {
    background: #ecfdf5;
}

.scholix-chatbot-quick button {
    border: 1px solid #a7f3d0;

    background: #fff;

    color: #047857;

    border-radius: 18px;

    padding: 8px 10px;

    font-size: 11px;

    cursor: pointer;

    max-width: 100%;

    transition: background .15s ease;
}

.scholix-chatbot-quick button:hover {
    background: #ecfdf5;
}


/* =========================================================
   INPUT AREA
   ========================================================= */

.scholix-chatbot-input {
    display: flex;

    flex-shrink: 0;

    border-top: 1px solid #e2e8f0;

    padding: 10px;

    gap: 8px;

    background: #fff;

    box-sizing: border-box;
}

.scholix-chatbot-input input {
    flex: 1 1 auto;

    min-width: 0;

    border: 1px solid #d1fae5;

    border-radius: 12px;

    padding: 10px;

    font-size: 13px;

    box-sizing: border-box;
}

.scholix-chatbot-input input:focus {
    outline: none;

    border-color: #047857;

    box-shadow: 0 0 0 2px rgba(4, 120, 87, .08);
}

.scholix-chatbot-input button,
.scholix-chatbot-contact button {
    border: 0;

    border-radius: 10px;

    background: #047857;

    color: #fff;

    padding: 10px;

    cursor: pointer;

    flex-shrink: 0;
}


/* =========================================================
   CONTACT FORM
   ========================================================= */

.scholix-chatbot-contact {
    position: relative;
    flex-shrink: 0;

    padding: 12px;

    border-top: 1px solid #e2e8f0;

    background: #fff;

    box-sizing: border-box;
}

.scholix-chatbot-contact input {
    width: 100%;

    box-sizing: border-box;

    border: 1px solid #d1fae5;

    border-radius: 9px;

    padding: 9px;

    margin-top: 7px;
}

.scholix-chatbot-contact input:focus {
    outline: none;

    border-color: #047857;
}

.scholix-chatbot-contact button {
    width: 100%;

    margin-top: 7px;
}

.scholix-chatbot-contact small {
    display: block;

    color: #8995a3;

    font-size: 9px;

    margin-top: 5px;
}


/* =========================================================
   USEFUL LINKS
   ========================================================= */

.scholix-chatbot-links {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    background: #fff;

    border: 1px solid #e2e9f0;

    border-radius: 12px;

    padding: 10px;
}

.scholix-chatbot-links b {
    font-size: 12px;

    color: #26384a;

    margin-bottom: 5px;
}

.scholix-chatbot-links a {
    display: block;

    color: #047857;

    text-decoration: none;

    font-size: 12px;

    padding: 6px 4px;

    border-bottom: 1px solid #eef2f5;

    overflow-wrap: anywhere;
}

.scholix-chatbot-links a:last-child {
    border-bottom: 0;
}

.scholix-chatbot-links a:hover {
    text-decoration: underline;
}


/* =========================================================
   MANUSCRIPT STATUS
   ========================================================= */

.scholix-chatbot-status-input {
    display: flex;

    gap: 7px;

    margin: 4px 0 12px;
}

.scholix-chatbot-status-input input {
    flex: 1 1 auto;

    min-width: 0;

    border: 1px solid #d1fae5;

    border-radius: 10px;

    padding: 9px;

    font-size: 12px;

    box-sizing: border-box;
}

.scholix-chatbot-status-input button {
    border: 0;

    border-radius: 10px;

    background: #047857;

    color: #fff;

    padding: 9px 10px;

    font-size: 11px;

    cursor: pointer;

    flex-shrink: 0;
}


/* =========================================================
   LAPTOPS / SMALL DESKTOPS
   ========================================================= */

@media (max-width: 1200px) {

    .scholix-chatbot {
        right: 18px;
        bottom: 18px;
    }

    .scholix-chatbot-window {
        width: min(390px, calc(100vw - 36px));

        height: min(
            480px,
            calc(100vh - 170px)
        );

        max-height: calc(100vh - 170px);
    }
}


/* =========================================================
   TABLETS
   ========================================================= */

@media (max-width: 768px) {

    .scholix-chatbot {
        right: 14px;
        bottom: 14px;
    }

    .scholix-chatbot-window {
        width: min(
            380px,
            calc(100vw - 28px)
        );

        height: min(
            480px,
            calc(100vh - 150px)
        );

        max-height: calc(100vh - 150px);

        border-radius: 16px;
    }

    .scholix-chatbot-messages {
        padding: 13px;
    }

    .scholix-chatbot-message > div {
        max-width: 88%;
    }
}


/* =========================================================
   MOBILE PHONES
   ========================================================= */

@media (max-width: 520px) {

    .scholix-chatbot {
        left: auto;
        right: 12px;
        bottom: 12px;

        width: auto;
    }

    @keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}

    .scholix-chatbot-window {
        position: absolute;

        left: auto;
        right: 0;

        bottom: 66px;

        width: min(
            calc(100vw - 24px),
            390px
        );

        max-width: calc(100vw - 24px);

        height: min(
            480px,
            calc(100vh - 150px)
        );

        max-height: calc(100vh - 150px);

        min-height: 320px;

        border-radius: 16px;
    }

    .scholix-chatbot-header {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
    color: #ffffff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

    .scholix-chatbot-avatar {
        width: 36px;
        height: 36px;

        border-radius: 10px;

        font-size: 17px;
    }

    .scholix-chatbot-header small {
        font-size: 10px;
    }

    .scholix-chatbot-close {
        font-size: 24px;
    }

    .scholix-chatbot-messages {
        padding: 12px;
    }

    .scholix-chatbot-message > div {
        max-width: 90%;

        font-size: 12px;

        line-height: 1.5;
    }

    .scholix-chatbot-input {
        padding: 8px;

        gap: 6px;
    }

    .scholix-chatbot-input input {
        padding: 9px;

        font-size: 12px;
    }

    .scholix-chatbot-input button {
        padding: 9px 11px;
    }

    .scholix-chatbot-option,
    .scholix-chatbot-quick button {
        font-size: 10px;

        padding: 7px 9px;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

    .scholix-chatbot {
        right: 8px;
        bottom: 8px;
    }

    .scholix-chatbot-window {
        bottom: 64px;

        width: calc(100vw - 16px);

        max-width: calc(100vw - 16px);

        height: min(
            450px,
            calc(100vh - 135px)
        );

        max-height: calc(100vh - 135px);

        border-radius: 14px;
    }

    .scholix-chatbot-messages {
        padding: 10px;
    }

    .scholix-chatbot-message {
        margin-bottom: 8px;
    }

    .scholix-chatbot-message > div {
        max-width: 92%;

        font-size: 11px;
    }

    .scholix-chatbot-links {
        padding: 8px;
    }

    .scholix-chatbot-links a {
        font-size: 11px;

        padding: 5px 3px;
    }
}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 360px) {

    .scholix-chatbot {
        right: 6px;
        bottom: 6px;
    }

    .scholix-chatbot-window {
        bottom: 62px;

        width: calc(100vw - 12px);

        max-width: calc(100vw - 12px);

        height: calc(100vh - 130px);

        max-height: calc(100vh - 130px);

        min-height: 300px;
    }

    .scholix-chatbot-header {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
    color: #ffffff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

    .scholix-chatbot-avatar {
        width: 34px;
        height: 34px;
    }

    .scholix-chatbot-message > div {
        max-width: 94%;

        font-size: 11px;
    }

    .scholix-chatbot-option,
    .scholix-chatbot-quick button {
        font-size: 9px;

        padding: 6px 8px;
    }
}


/* =========================================================
   LANDSCAPE MOBILE
   ========================================================= */

@media (max-height: 600px) and (max-width: 768px) {

    .scholix-chatbot-window {
        height: calc(100vh - 100px);

        max-height: calc(100vh - 100px);
    }

    .scholix-chatbot-header {
    background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
    color: #ffffff;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

    .scholix-chatbot-messages {
        padding: 9px;
    }

    .scholix-chatbot-input {
        padding: 7px;
    }
}


/* =========================================================
   GLOBAL CHATBOT BOX SIZING
   ========================================================= */

.scholix-chatbot *,
.scholix-chatbot *::before,
.scholix-chatbot *::after {
    box-sizing: border-box;
}

.scholix-chatbot img {
    max-width: 100%;

    height: auto;
}

.scholix-chatbot button,
.scholix-chatbot input {
    max-width: 100%;
}
/* =========================================================
   JOURNAL BUTTONS - FINAL OVERRIDE
   ========================================================= */

.scholix-chatbot .scholix-chatbot-journal-option {
    display: block !important;
    width: 100% !important;

    margin: 5px 0 !important;
    padding: 9px 12px !important;

    background: #ffffff !important;
    color: #047857 !important;

    border: 1px solid #a7f3d0 !important;
    border-radius: 10px !important;

    font-family: Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;
    text-align: left !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

.scholix-chatbot .scholix-chatbot-journal-option:hover {
    background: #ecfdf5 !important;
    border-color: #047857 !important;
}

.scholix-chatbot .scholix-chatbot-more-journals {
    display: inline-block !important;

    background: #047857 !important;
    color: #ffffff !important;

    border: 1px solid #047857 !important;
    border-radius: 10px !important;

    padding: 9px 14px !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    margin: 6px 4px 6px 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

.scholix-chatbot .scholix-chatbot-back-button {
    display: inline-block !important;

    background: #ffffff !important;
    color: #047857 !important;

    border: 1px solid #a7f3d0 !important;
    border-radius: 10px !important;

    padding: 8px 12px !important;

    font-size: 11px !important;

    cursor: pointer !important;

    margin: 4px 4px 4px 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}


/* =========================================================
   FLOATING BUTTON - FINAL FIX
   Prevents parent/theme CSS from distorting the button
   ========================================================= */

.scholix-chatbot @keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}

/* Notification bubble */
.scholix-chatbot .scholix-chatbot-toggle > span {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;

    width: 19px !important;
    height: 19px !important;
    min-width: 19px !important;
    min-height: 19px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #e74c3c !important;
    color: #ffffff !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
    z-index: 5 !important;
}

/* Keep the chatbot fixed above all website elements */
.scholix-chatbot {
    isolation: isolate !important;
}

/* Mobile */
@media (max-width: 520px) {
    .scholix-chatbot @keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}
}

@media (max-width: 390px) {
    .scholix-chatbot @keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}
}


/* =========================================================
   FINAL VISUAL FIX
   White Scholix Assistant title + white floating star
   ========================================================= */

/* Header title and Online text */
.scholix-chatbot .scholix-chatbot-header,
.scholix-chatbot .scholix-chatbot-header b,
.scholix-chatbot .scholix-chatbot-header strong,
.scholix-chatbot .scholix-chatbot-header span,
.scholix-chatbot .scholix-chatbot-header small {
    color: #ffffff !important;
}

.scholix-chatbot .scholix-chatbot-header b {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Floating button: restore the white AI star */
.scholix-chatbot @keyframes schxBotPulse {
    0% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 10px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 0 rgba(16, 185, 129, 0); }
}

.scholix-chatbot {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.scholix-chatbot-toggle {
    width: 60px;
    height: 60px;
    border: 3px solid #ffffff !important;
    border-radius: 50%;
    background: linear-gradient(135deg, #047857, #065f46);
    color: #ffffff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 2px #10b981;
    cursor: pointer;
    font-size: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
    animation: schxBotPulse 3s infinite;
}

.scholix-chatbot-toggle:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 3px #34d399;
    animation: none;
}

.scholix-chatbot .scholix-chatbot-toggle::before {
    content: "✦" !important;
    display: block !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Notification number remains visible */
.scholix-chatbot .scholix-chatbot-toggle > span {
    font-size: 11px !important;
    color: #ffffff !important;
}

/* Mobile star */
@media (max-width: 520px) {
    .scholix-chatbot .scholix-chatbot-toggle::before {
        font-size: 25px !important;
    }
}

/* Contact Prompt Close Button & Clickable Journals */
.scholix-chatbot-contact-close {
    position: absolute;
    top: 6px;
    right: 8px;
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1 !important;
    cursor: pointer;
    width: auto !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    border-radius: 4px;
}
.scholix-chatbot-contact-close:hover {
    color: #0f172a !important;
    background: #f1f5f9 !important;
}

.scholix-chatbot-jgroup {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 8px 0;
}
.scholix-chatbot-jlink {
    display: block;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid #d1fae5;
    border-radius: 6px;
    color: #064e3b !important;
    font-size: 11.5px;
    font-weight: 600;
    text-decoration: none !important;
    line-height: 1.35;
    transition: all 0.15s ease;
}
.scholix-chatbot-jlink:hover {
    background: #ecfdf5;
    border-color: #047857;
    color: #047857 !important;
}
.scholix-chatbot-jlink small {
    display: block;
    color: #047857;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
}