html,
body {
    scrollbar-width: thin !important;
    scrollbar-color: #475569 transparent !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: transparent !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: 6px !important;
    background: #475569 !important;
}

.foenix-ai-highlight,
.foenix-ai-highlight-click {
    position: relative;
    outline: 2px dashed #ff7b0f !important;
    z-index: 999;
    outline-offset: 2px !important;
    cursor: pointer !important;
    transition: none !important;
}
.foenix-ai-label {
    position: absolute;
    background: #ff7b0f;
    z-index: 999;
    color: white;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 8px;
    pointer-events: none;
    transform: translateY(-100%);
}