/* Floating AI Tutor Assistant Widget */
#aiTutorFloatingWidget {
    position: fixed;
    bottom: 24px;
    z-index: 1040;
}
html[dir="rtl"] #aiTutorFloatingWidget,
html:not([dir="ltr"]) #aiTutorFloatingWidget {
    right: 24px;
    left: auto;
}
html[dir="ltr"] #aiTutorFloatingWidget {
    left: 24px;
    right: auto;
}

#aiTutorBox {
    position: absolute;
    bottom: calc(100% + 12px);
    width: 380px;
    max-width: calc(100vw - 32px);
    height: 520px;
    max-height: calc(100vh - 120px);
    background: var(--bs-body-bg);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
    z-index: 1050;
}
html[dir="rtl"] #aiTutorBox,
html:not([dir="ltr"]) #aiTutorBox {
    right: 0;
    left: auto;
}
html[dir="ltr"] #aiTutorBox {
    left: 0;
    right: auto;
}

.ai-suggest-btn {
    font-size: 0.72rem;
}

@media (max-width: 576px) {
    html[dir="rtl"] #aiTutorFloatingWidget,
    html:not([dir="ltr"]) #aiTutorFloatingWidget {
        right: 16px;
        bottom: 16px;
    }
    html[dir="ltr"] #aiTutorFloatingWidget {
        left: 16px;
        bottom: 16px;
    }
    #aiTutorBox {
        position: fixed;
        bottom: 76px;
        height: 480px;
        max-height: calc(100vh - 96px);
    }
    html[dir="rtl"] #aiTutorBox,
    html:not([dir="ltr"]) #aiTutorBox {
        right: 16px;
        left: auto;
    }
    html[dir="ltr"] #aiTutorBox {
        left: 16px;
        right: auto;
    }
}