.clippy, .clippy-balloon {
    position: fixed;
    z-index: 1000;
    cursor: pointer;
}

.clippy-balloon {
    background: #232742;
    color: #fff;
    padding: 12px 16px;
    border: 2px solid #5b2dd6;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(35, 39, 66, 0.3);
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    max-width: 260px;
    min-width: 140px;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    display: block !important;
}

.clippy-balloon.visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
    display: block !important;
}

.clippy-content {
    max-width: 260px;
    min-width: 140px;
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

.clippy-tip {
    width: 14px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAMAAAAlvKiEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF///MAAAA////52QwgAAAAAN0Uk5T//8A18oNQQAAAGxJREFUeNqs0kEOwCAIRFHn3//QTUU6xMyyxii+jQosrTPkyPEM6IN3FtzIRk1U4dFeKWQiH6pRRowMVKEmvronEynkwj0uZJgR22+YLopPSo9P34wJSamLSU7lSIWLJU7NkNomNlhqxUeAAQC+TQLZyEuJBwAAAABJRU5ErkJggg==) no-repeat;
    position: absolute;
}

/* Override clippy's default positioning - force balloon ABOVE agent */
.clippy .clippy-balloon {
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-10px) !important;
    margin-bottom: 12px !important;
    top: auto !important;
    right: auto !important;
}

.clippy .clippy-balloon.visible {
    transform: translateX(-50%) translateY(0) !important;
    opacity: 1 !important;
    display: block !important;
}

/* Ensure the tip points down (from balloon to agent) */
.clippy .clippy-tip {
    top: 100% !important;
    left: 50% !important;
    margin-left: -7px !important;
    margin-top: -2px !important;
    background-position: 0 -16px !important;
}

/* Hide any conflicting positioning classes from clippy */
.clippy-top-left .clippy-balloon,
.clippy-top-right .clippy-balloon,
.clippy-bottom-left .clippy-balloon,
.clippy-bottom-right .clippy-balloon {
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-10px) !important;
    margin-bottom: 12px !important;
    top: auto !important;
    right: auto !important;
}