#chat-float-btn {
        position: fixed;
        bottom: 28px;
        left: 28px;
        width: 56px;
        height: 56px;
        background: #f97316;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 9999;
        box-shadow: 0 4px 24px rgba(249,115,22,0.45);
        transition: transform 0.2s, box-shadow 0.2s;
    }

    #chat-float-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 32px rgba(249,115,22,0.65);
    }

    #chat-float-btn:active {
        transform: scale(0.96);
    }

    #chat-float-btn i {
        color: white;
        font-size: 22px;
        pointer-events: none;
    }

    .chat-float-badge {
        position: absolute;
        top: -3px;
        right: -3px;
        background: #ef4444;
        color: white;
        border-radius: 50%;
        min-width: 20px;
        height: 20px;
        font-size: 11px;
        font-weight: 700;
        display: none;
        align-items: center;
        justify-content: center;
        border: 2px solid #0a0f1a;
        padding: 0 3px;
        animation: pulse-badge 2s infinite;
    }

    @keyframes pulse-badge {
        0%, 100% { transform: scale(1); }
        50%       { transform: scale(1.25); }
    }

    /* تلميح نصي عند أول ظهور */
    .chat-float-tooltip {
        position: fixed;
        bottom: 94px;
        left: 28px;
        background: #111827;
        color: #f1f5f9;
        border: 1px solid #1e2d42;
        border-radius: 10px;
        padding: 8px 14px;
        font-size: 13px;
        font-family: 'Tajawal', sans-serif;
        white-space: nowrap;
        z-index: 9998;
        box-shadow: 0 4px 16px rgba(0,0,0,0.4);
        animation: fadeInTooltip 0.3s ease, fadeOutTooltip 0.4s ease 3.5s forwards;
        pointer-events: none;
    }

    .chat-float-tooltip::after {
        content: '';
        position: absolute;
        bottom: -7px;
        left: 20px;
        border: 6px solid transparent;
        border-top-color: #1e2d42;
        border-bottom: none;
    }

    @keyframes fadeInTooltip {
        from { opacity: 0; transform: translateY(6px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    @keyframes fadeOutTooltip {
        from { opacity: 1; }
        to   { opacity: 0; pointer-events: none; }
    }