/* Compact collaboration controls, shared by the workspace and record page. */
.projects-presence-slot{display:flex;align-items:center;min-width:0;flex-shrink:0}
.pp-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;max-width:240px;padding:5px 8px;border:1px solid #dce1e8;border-radius:7px;background:#f8f9fb;color:#3c4a5c;font:inherit;font-size:12px;white-space:nowrap}
.pp-trigger:hover,.pp-trigger[aria-expanded=true]{background:#e8edf3;border-color:#beccdc}
.pp-trigger:focus-visible,.pp-menu button:focus-visible{outline:2px solid #dc43bd;outline-offset:2px}
.pp-trigger.pp-paused{color:#736640;background:#faf7ed;border-color:#e7dfc8}.pp-paused .pp-connection-dot{background:#b8a36a}
.pp-trigger.pp-offline{color:#6e7277;background:#f8f9fa;border-color:#dfe2e6}
.pp-avatars{display:inline-flex;align-items:center;padding-left:3px}
.pp-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:2px solid #fff;border-radius:50%;font-size:10px;font-weight:650;letter-spacing:-.2px;color:#fff;background:var(--pp-color,#647181);box-shadow:0 0 0 1px #1b331813}
.pp-avatars .pp-avatar{margin-left:-4px}
.pp-label{overflow:hidden;text-overflow:ellipsis}
.pp-count{font-variant-numeric:tabular-nums;font-size:11px;min-width:18px;padding:2px 4px;background:#dbe2eb;color:#344860;border-radius:4px}
.pp-caret{color:#748191;font-size:14px;line-height:1;margin-left:1px}
.pp-connection-dot{width:7px;height:7px;background:#bdc2c9;border-radius:50%;flex-shrink:0}
.pp-online .pp-connection-dot{background:#6985a8}
.drawer-presence-bar{padding:5px 20px;min-height:43px;flex-shrink:0;border-bottom:1px solid var(--line,#e2e5e9);background:#fafbfc;justify-content:flex-end}
.drawer-presence-bar .pp-trigger{min-height:31px;padding-top:3px;padding-bottom:3px;border-color:transparent;background:transparent}
.drawer-presence-bar .pp-trigger:hover,.drawer-presence-bar .pp-trigger[aria-expanded=true]{background:#e8edf3;border-color:#d7dfe8}
.pp-menu{position:fixed;z-index:1500;display:flex;flex-direction:column;gap:0;overflow:auto;overscroll-behavior:contain;padding:14px;background:#fff;border:1px solid #d7dde5;border-radius:10px;box-shadow:0 12px 36px #253d2024;color:#2d333b;font:400 14px/1.45 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.pp-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pp-menu-head strong{font-size:14px;font-weight:600}
.pp-menu-close{border:0;border-radius:5px;background:transparent;width:32px;min-height:32px;padding:0;color:#6f7883;font-size:22px;line-height:1}
.pp-menu-close:hover{background:#eaeef3}
.pp-menu-note{margin:2px 0 10px;color:#697481;font-size:12px;overflow-wrap:anywhere}
.pp-people,.pp-elsewhere{list-style:none;padding:0;margin:0}
.pp-person{display:flex;gap:9px;align-items:center;padding:7px 0}
.pp-person .pp-avatar{width:29px;height:29px;font-size:11px}
.pp-person-name{font-size:13px;min-width:0;overflow-wrap:anywhere}
.pp-you{font-size:11px;color:#758291;margin-left:auto;flex-shrink:0}
.pp-else-title{margin:12px 0 7px;padding-top:12px;border-top:1px solid #e8ecf0;font-size:12px;font-weight:600;color:#687482}
.pp-elsewhere-row{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:6px 0;color:#5a6573;overflow-wrap:anywhere}
.pp-other-count{flex-shrink:0;text-align:center;min-width:21px;padding:1px 4px;background:#eaeef3;border-radius:4px;color:#5d6a79;font-variant-numeric:tabular-nums}
.pp-footnote{font-size:11px;line-height:1.5;color:#798390;margin:12px 0 0;padding-top:10px;border-top:1px solid #e8ecf0}
.pp-empty{color:#727a84;font-size:13px;margin:4px 0 8px;line-height:1.5}
.pp-reconnect{margin-top:6px;align-self:flex-start}
.pp-cursor-layer{position:fixed;inset:0;z-index:45;pointer-events:none!important;overflow:hidden}
#drawer>.pp-cursor-layer{z-index:70}
/* Keep each cursor in a bounded paint layer. Moving a filtered box via left/top can leave shadow trails in WebKit. */
.pp-cursor{position:absolute;left:0;top:0;width:max-content;display:flex;align-items:flex-start;pointer-events:none!important;contain:layout paint;isolation:isolate;will-change:transform;transform:translate3d(0,0,0);transition:transform .06s linear;filter:none}
.pp-cursor[hidden]{display:none}
.pp-cursor svg{flex-shrink:0}
.pp-cursor-name{margin:17px 0 0 -4px;padding:3px 7px;border:1px solid #ffffffaa;border-radius:4px;color:#fff;font:500 11px/1.3 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1080px){.topbar{height:auto;min-height:62px;gap:8px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.topbar-right{gap:8px;margin-left:auto}.pp-trigger{max-width:220px}}
@media(max-width:700px){.topbar,.embed .topbar{height:auto;min-height:62px;padding-top:6px;padding-bottom:6px}.topbar-right{flex-wrap:wrap;gap:6px}.pp-trigger{min-height:38px}.pp-menu-close{width:40px;min-height:40px}.drawer-presence-bar{min-height:46px;padding:4px 14px}.drawer-presence-bar .pp-trigger{min-height:38px}.pp-menu{border-radius:9px}}
@media(max-width:480px){.topbar>.breadcrumb{flex:1 1 100%;min-height:36px}.topbar>.topbar-right{width:100%;justify-content:flex-end;gap:8px}.topbar #projects-presence-main{margin-right:auto}.pp-trigger{max-width:235px}.pp-avatars .pp-avatar{width:22px;height:22px}.pp-cursor-name{max-width:140px}}
@media(prefers-reduced-motion:reduce){.pp-cursor{transition:none}}
@media print{.projects-presence-slot,.pp-menu,.pp-cursor-layer{display:none!important}}

/* Interruptor para dejar de ver los ratones de los demás sin salir de la app. */
.pp-menu-sw{display:flex;align-items:center;gap:8px;padding:9px 12px;margin:2px 0 0;border-top:1px solid var(--line);font-size:12px;color:#6b7580;cursor:pointer}
.pp-menu-sw input{accent-color:var(--pink,#ef55d4);width:14px;height:14px;margin:0;cursor:pointer}
.pp-menu-sw:hover{color:var(--ink)}