/* Assistance à distance (public/theme/js/cobrowse.js) : bandeau de session, pointeur et clics du conseiller. */
.me-cb-bar {
    position: fixed; left: 50%; bottom: 16px; z-index: 2147483000; transform: translateX(-50%);
    display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 24px;
    background: #161515; color: #fff; font: 600 14px/1.2 "Source Sans 3", "Open Sans", Arial, sans-serif;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
}
.me-cb-bar__dot { width: 9px; height: 9px; border-radius: 50%; background: #be4130; animation: me-cb-blink 1.4s infinite; }
.me-cb-bar__end {
    border: 0; border-radius: 16px; background: #be4130; color: #fff; font: inherit; padding: 6px 14px; cursor: pointer;
}
.me-cb-bar__end:hover { background: #a3372a; }
@keyframes me-cb-blink { 50% { opacity: .35; } }

/* pointeur du conseiller (tant qu'il garde le clic gauche enfoncé) : position dans la fenêtre du client (translate,
   mise à jour toutes les 50 ms) */
.me-cb-pointer {
    position: fixed; left: -8px; top: -8px; z-index: 2147483001; width: 16px; height: 16px; border-radius: 50%;
    background: rgba(190, 65, 48, .55); border: 2px solid #be4130; box-shadow: 0 0 0 2px rgba(255, 255, 255, .8);
    pointer-events: none; transition: transform 60ms linear; display: none;
}
.me-cb-click {
    position: fixed; z-index: 2147483001; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
    border: 2px solid #be4130; pointer-events: none; animation: me-cb-ripple .9s ease-out forwards;
}
@keyframes me-cb-ripple { to { transform: scale(4); opacity: 0; } }