.psoo-gm__module-header--row { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
            /* Readable action buttons matched to the Org Chart palette (the base
               .psoo-gm__btn styles aren't enqueued on this screen, so the
               "New member" primary rendered as dark-on-dark — define them here). */
            .psoo-gm__btn { display: inline-flex; align-items: center; gap: 8px; appearance: none; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; letter-spacing: .4px; padding: 11px 18px; border-radius: 12px; border: 1px solid transparent; transition: filter .16s, background .16s, border-color .16s, box-shadow .16s, color .16s; }
            .psoo-gm__btn--primary { color: #fff; border-color: rgba(182,8,201,0.55); background: linear-gradient(135deg, #b608c9, #6ec1e4); box-shadow: 0 10px 26px rgba(182,8,201,0.30); }
            .psoo-gm__btn--primary:hover { filter: brightness(1.08); box-shadow: 0 12px 32px rgba(182,8,201,0.42); }
            .psoo-gm__btn--secondary { color: #d6c8f5; border-color: rgba(182,8,201,0.42); background: linear-gradient(135deg, rgba(182,8,201,0.18), rgba(110,193,228,0.12)); }
            .psoo-gm__btn--secondary:hover { color: #fff; border-color: rgba(110,193,228,0.6); background: linear-gradient(135deg, rgba(182,8,201,0.32), rgba(110,193,228,0.22)); box-shadow: 0 8px 22px rgba(182,8,201,0.22); }
            .psoo-gm__btn--new-member, .psoo-gm__btn--new-agent { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; font-weight: 800; }
            .psoo-gm__btn--new-member span, .psoo-gm__btn--new-agent span { font-size: 18px; line-height: 1; }

            .psoo-gm__filter--agents { display: inline-flex; align-items: center; gap: 6px; }
            .psoo-gm__filter-dot { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, #a78bfa, #38bdf8); box-shadow: 0 0 8px rgba(167,139,250,0.6); }
            .psoo-gm__filter-count { font-size: 11px; padding: 1px 7px; border-radius: 999px; background: rgba(167,139,250,0.18); color: #c4b5fd; font-weight: 700; }

            .psoo-gm__card--agent { position: relative; border: 1px solid rgba(167,139,250,0.30); background: linear-gradient(140deg, rgba(167,139,250,0.06), rgba(56,189,248,0.04)); }
            .psoo-gm__card--agent .psoo-gm__role { background: linear-gradient(135deg, #a78bfa, #38bdf8); color: #fff; }
            .psoo-gm__agent-chat-btn { margin: 12px 14px 14px; padding: 9px 14px; background: rgba(167,139,250,0.14); border: 1px solid rgba(167,139,250,0.32); color: #c4b5fd; border-radius: 10px; font-size: 12px; font-weight: 700; cursor: pointer; width: calc(100% - 28px); transition: all .15s; }
            .psoo-gm__agent-chat-btn:hover { background: rgba(167,139,250,0.28); border-color: rgba(167,139,250,0.55); color: #fff; }

            .psoo-gm__invite-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 4vh 4vw; }
            .psoo-gm__invite-modal[hidden] { display: none; }
            .psoo-gm__invite-backdrop { position: absolute; inset: 0; background: rgba(2,6,23,0.72); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
            .psoo-gm__invite-dialog { position: relative; width: 100%; max-width: 880px; max-height: 92vh; background: #0b0e14; border: 1px solid rgba(255,255,255,0.08); border-radius: 18px; box-shadow: 0 40px 80px rgba(0,0,0,0.55); display: flex; flex-direction: column; overflow: hidden; animation: psooInviteIn 0.22s cubic-bezier(.16,1,.3,1); }
            @keyframes psooInviteIn { from { opacity: 0; transform: translateY(20px) scale(0.97); } to { opacity: 1; transform: none; } }
            .psoo-gm__invite-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 26px 16px; border-bottom: 1px solid rgba(255,255,255,0.08); }
            .psoo-gm__invite-header h2 { margin: 0 0 4px; font-size: 18px; font-weight: 800; color: #fff; }
            .psoo-gm__invite-header p { margin: 0; font-size: 13px; color: #94a3b8; line-height: 1.5; }
            .psoo-gm__invite-close { background: transparent; border: 0; color: #94a3b8; font-size: 28px; line-height: 1; cursor: pointer; padding: 0 4px; transition: color .15s; }
            .psoo-gm__invite-close:hover { color: #fff; }
            .psoo-gm__invite-dialog .psoo-gm__module-body { padding: 22px 26px; overflow-y: auto; }

            /* ── Organization tab nav + panels ── */
            .psoo-gm__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 26px; padding: 6px; border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; background: rgba(11,14,20,0.6); backdrop-filter: blur(12px); }
            .psoo-gm__tab { appearance: none; background: transparent; border: 1px solid transparent; color: #94a3b8; font-size: 13px; font-weight: 700; letter-spacing: .2px; padding: 10px 18px; border-radius: 11px; cursor: pointer; transition: all .15s; font-family: inherit; }
            .psoo-gm__tab:hover { color: #fff; background: rgba(255,255,255,0.04); }
            .psoo-gm__tab.is-active { color: #fff; background: linear-gradient(135deg, rgba(182,8,201,0.22), rgba(110,193,228,0.18)); border-color: rgba(110,193,228,0.35); box-shadow: 0 0 18px rgba(182,8,201,0.15); }
            .psoo-gm__panel[hidden] { display: none; }

            /* Sequences panel embeds the full [psoo_pm_group_projects] board
               (all categories + its own All/Self Build/.../Sequences filter
               row) so it can reuse the board's existing Sequences category
               view + "New Sequence" button verbatim. The Organization tab is
               already scoped to "Sequences", so the board's own category
               switcher inside it would just be a redundant, confusing second
               filter row -- hide it here; the JS below auto-selects the
               Sequences category on first reveal so the grid + New Sequence
               button show immediately with no extra click needed. */
            .psoo-gm__panel[data-gm-panel="sequences"] .psoo-pm-category-filter { display: none; }

            /* ── Org Chart ── */
            .psoo-org { color: #e5e7eb; font-family: 'Inter', system-ui, sans-serif; }
            .psoo-org__loading, .psoo-org__msg { padding: 28px; text-align: center; color: #94a3b8; font-size: 14px; }
            .psoo-org__msg--error { color: #fca5a5; }
            .psoo-org__toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin: 0 0 18px; }
            .psoo-org__hint { font-size: 11px; color: #8b94a8; margin-right: auto; }
            .psoo-org__drop-root { font-size: 11px; font-weight: 700; color: #94a3b8; padding: 7px 12px; border-radius: 10px; border: 1px dashed rgba(255,255,255,0.18); background: rgba(255,255,255,0.03); transition: all .15s; }
            .psoo-org__drop-root.is-drag-over { color: #fff; border-color: #6ec1e4; background: rgba(110,193,228,0.18); }
            .psoo-org__grip { cursor: grab; user-select: none; color: #6b7280; font-size: 15px; line-height: 1; padding: 0 6px 0 0; }
            .psoo-org__grip:active { cursor: grabbing; }
            .psoo-org__grip:hover { color: #c9c2dd; }
            .psoo-org__dept.is-dragging { opacity: 0.5; }
            .psoo-org__dept.is-drag-over { outline: 2px solid #6ec1e4; outline-offset: 2px; box-shadow: 0 0 0 4px rgba(110,193,228,0.18); }
            .psoo-org__btn { appearance: none; font-family: inherit; cursor: pointer; border-radius: 10px; font-size: 12px; font-weight: 700; padding: 8px 14px; border: 1px solid rgba(110,193,228,0.4); background: rgba(110,193,228,0.12); color: #6ec1e4; transition: all .15s; }
            .psoo-org__btn:hover { background: rgba(110,193,228,0.24); color: #fff; }
            .psoo-org__btn--primary { border-color: rgba(182,8,201,0.5); background: linear-gradient(135deg, rgba(182,8,201,0.28), rgba(110,193,228,0.2)); color: #fff; }
            .psoo-org__btn--ghost { border-color: rgba(255,255,255,0.14); background: transparent; color: #94a3b8; padding: 4px 9px; font-size: 11px; }
            .psoo-org__btn--ghost:hover { color: #fff; border-color: rgba(255,255,255,0.3); }
            .psoo-org__btn--danger { color: #fca5a5; border-color: rgba(248,113,113,0.35); background: transparent; }
            .psoo-org__btn--danger:hover { background: rgba(248,113,113,0.16); color: #fff; }
            /* ── Futuristic "self-building" dashboard modal ─────────────────
               Department modal (Name + Under-department parent select). The
               dialog scales in, an accent line sweeps, and each row rises +
               de-blurs on a stagger so the panel looks like it assembles
               itself. Shared keyframes (psoo-dm-*) are reused by other popups. */
            @keyframes psoo-dm-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
            @keyframes psoo-dm-dialog-in { 0% { opacity: 0; transform: translateY(22px) scale(.94); } 60% { opacity: 1; } 100% { opacity: 1; transform: none; } }
            @keyframes psoo-dm-rise { 0% { opacity: 0; transform: translateY(16px); filter: blur(6px); } 100% { opacity: 1; transform: none; filter: blur(0); } }
            @keyframes psoo-dm-sweep { 0% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
            @keyframes psoo-dm-scanline { 0% { transform: translateY(0); opacity: 0; } 12% { opacity: .6; } 88% { opacity: .6; } 100% { transform: translateY(var(--psoo-scan, 360px)); opacity: 0; } }
            @keyframes psoo-dm-borderglow { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }

            .psoo-org-modal { position: fixed; inset: 0; z-index: 100050; display: none; align-items: center; justify-content: center; padding: 20px; }
            .psoo-org-modal.is-open { display: flex; }
            .psoo-org-modal__backdrop { position: absolute; inset: 0; background: radial-gradient(1200px 600px at 50% 0%, rgba(182,8,201,0.14), transparent 60%), rgba(8,6,18,0.72); backdrop-filter: blur(8px); animation: psoo-dm-backdrop-in .35s ease both; }
            .psoo-org-modal__dialog { position: relative; overflow: hidden; width: min(480px, 94vw); border-radius: 20px; border: 1px solid rgba(255,255,255,0.10); color: #f3f0fa; background: radial-gradient(900px 320px at 0% -10%, rgba(182,8,201,0.22), transparent 60%), radial-gradient(900px 320px at 100% -10%, rgba(110,193,228,0.18), transparent 60%), linear-gradient(180deg, #181222, #110d19); box-shadow: 0 30px 90px rgba(0,0,0,0.65), 0 0 0 1px rgba(182,8,201,0.14) inset, 0 0 60px rgba(182,8,201,0.10); }
            .psoo-org-modal.is-open .psoo-org-modal__dialog { animation: psoo-dm-dialog-in .5s cubic-bezier(.2,.85,.25,1) both; }
            /* Animated gradient top edge + sweeping highlight. */
            .psoo-org-modal__dialog::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, transparent, #b608c9, #6ec1e4, transparent); animation: psoo-dm-borderglow 3s ease-in-out infinite; pointer-events: none; }
            .psoo-org-modal__dialog::after { content: ""; position: absolute; top: 0; left: 0; width: 45%; height: 100%; background: linear-gradient(105deg, transparent, rgba(255,255,255,0.06), transparent); pointer-events: none; }
            .psoo-org-modal.is-open .psoo-org-modal__dialog::after { animation: psoo-dm-sweep 1.1s ease .15s both; }
            .psoo-org-modal__head { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px 22px 10px; }
            .psoo-org-modal__title { font-size: 18px; font-weight: 800; letter-spacing: .2px; background: linear-gradient(90deg, #fff, #d9b8ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
            .psoo-org-modal__x { appearance: none; border: 1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); color: inherit; width: 32px; height: 32px; border-radius: 999px; font-size: 19px; line-height: 1; cursor: pointer; transition: all .18s; }
            .psoo-org-modal__x:hover { background: rgba(248,113,113,0.18); border-color: rgba(248,113,113,0.4); transform: rotate(90deg); }
            .psoo-org-modal__body { position: relative; padding: 6px 22px 14px; }
            .psoo-org-modal__field { display: block; margin-bottom: 16px; }
            .psoo-org-modal__field > span { display: block; margin-bottom: 7px; font-size: 11px; font-weight: 800; letter-spacing: .8px; color: #b9aee0; text-transform: uppercase; }
            .psoo-org-modal__field input, .psoo-org-modal__field select { width: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.13); background: rgba(255,255,255,0.05); color: #f3f0fa; font-size: 14px; font-family: inherit; transition: border-color .18s, box-shadow .18s, background .18s; }
            .psoo-org-modal__field input:hover, .psoo-org-modal__field select:hover { border-color: rgba(110,193,228,0.45); background: rgba(255,255,255,0.07); }
            .psoo-org-modal__field input:focus, .psoo-org-modal__field select:focus { outline: none; border-color: #6ec1e4; box-shadow: 0 0 0 3px rgba(110,193,228,0.22); }
            /* Native dropdown list readability: dark options, accent on the chosen
               one (the open list was light-on-light + unreadable before). */
            .psoo-org-modal__field select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #6ec1e4 50%), linear-gradient(135deg, #6ec1e4 50%, transparent 50%); background-position: calc(100% - 18px) center, calc(100% - 13px) center; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; padding-right: 36px; }
            .psoo-org-modal__field select option { background: #181222; color: #f3f0fa; padding: 8px; }
            .psoo-org-modal__field select option:checked, .psoo-org-modal__field select option:hover { background: #b608c9; color: #fff; }
            .psoo-org-modal__hint { margin: 2px 0 0; font-size: 12px; line-height: 1.5; color: #9aa0b4; }
            .psoo-org-modal__foot { position: relative; display: flex; justify-content: flex-end; gap: 10px; padding: 8px 22px 22px; }
            /* Staggered build-in: head, each field, hint, foot rise on a delay
               set inline (--psoo-d) by openDeptModal so the modal assembles. */
            .psoo-org-modal.is-open .psoo-org-modal__head,
            .psoo-org-modal.is-open .psoo-org-modal__field,
            .psoo-org-modal.is-open .psoo-org-modal__hint,
            .psoo-org-modal.is-open .psoo-org-modal__foot { animation: psoo-dm-rise .55s cubic-bezier(.2,.85,.25,1) both; animation-delay: var(--psoo-d, 0ms); }
            @media (prefers-reduced-motion: reduce) {
                .psoo-org-modal__backdrop,
                .psoo-org-modal.is-open .psoo-org-modal__dialog,
                .psoo-org-modal.is-open .psoo-org-modal__dialog::after,
                .psoo-org-modal__dialog::before,
                .psoo-org-modal.is-open .psoo-org-modal__head,
                .psoo-org-modal.is-open .psoo-org-modal__field,
                .psoo-org-modal.is-open .psoo-org-modal__hint,
                .psoo-org-modal.is-open .psoo-org-modal__foot { animation: none !important; }
            }

            /* The full-width members-hub must never scroll horizontally. No
               position:sticky descendant exists here, so clip stray horizontal
               overflow (reveal overshoot, box-shadows, sub-pixel rounding) at
               the root while preserving normal vertical page scroll. Body-
               appended popovers (assign dropdown, agent-projects modal) live
               OUTSIDE this root and are unaffected. */
            [data-psoo-gm-root] { max-width: 100%; overflow-x: clip; }
            .psoo-gm__panels, .psoo-gm__panel { max-width: 100%; min-width: 0; }
            .psoo-org__tree { display: flex; flex-direction: column; gap: 14px; }
            .psoo-org__dept { position: relative; border: 1px solid rgba(255,255,255,0.09); border-left: 3px solid #b608c9; border-radius: 16px; background: linear-gradient(140deg, rgba(182,8,201,0.06), rgba(110,193,228,0.04)); padding: 16px 18px; backdrop-filter: blur(14px); }
            .psoo-org__dept--unassigned { border-left-color: rgba(255,255,255,0.18); background: rgba(255,255,255,0.02); }

            /* Super-cinematic, scroll-triggered entrance — an IntersectionObserver
               toggles .is-in as each element scrolls into view, staggered
               top-to-bottom. Cards rush up from depth with a 3D tilt + heavy
               blur + de-scale, then settle with a soft overshoot. Applied to
               dept cards, member/agent rows, sub-department tabs, and every
               tab panel's content blocks. */
            .psoo-reveal { opacity: 0; transform: perspective(1300px) translate3d(0, 64px, -90px) rotateX(14deg) scale(.9); filter: blur(14px) saturate(1.3); transition: opacity .7s cubic-bezier(.16,1,.3,1), transform .95s cubic-bezier(.18,.76,.26,1.08), filter .7s ease; transform-origin: 50% 120%; will-change: opacity, transform, filter; }
            .psoo-reveal.is-in { opacity: 1; transform: perspective(1300px) translate3d(0,0,0) rotateX(0) scale(1); filter: blur(0) saturate(1); }
            @media (prefers-reduced-motion: reduce) { .psoo-reveal { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; } }

            /* ── Sub-department tabs (closed by default; one panel per child) ── */
            .psoo-org__subs { margin-top: 16px; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,0.12); }
            .psoo-org__subs-label { display: block; font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #7c8499; margin: 0 0 9px; }
            .psoo-org__subtabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
            .psoo-org__subtab { display: inline-flex; align-items: center; gap: 8px; appearance: none; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 700; color: #c9c2dd; padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(110,193,228,0.28); background: linear-gradient(135deg, rgba(182,8,201,0.10), rgba(110,193,228,0.08)); transition: color .18s, border-color .18s, box-shadow .18s, transform .18s, background .18s; }
            .psoo-org__subtab:hover { color: #fff; border-color: rgba(110,193,228,0.6); box-shadow: 0 6px 20px rgba(110,193,228,0.18); transform: translateY(-1px); }
            .psoo-org__subtab[aria-expanded="true"] { color: #fff; border-color: #b608c9; background: linear-gradient(135deg, rgba(182,8,201,0.34), rgba(110,193,228,0.22)); box-shadow: 0 0 0 1px rgba(182,8,201,0.32) inset, 0 6px 22px rgba(182,8,201,0.18); }
            .psoo-org__subtab-caret { display: inline-block; font-size: 10px; opacity: .85; transition: transform .25s cubic-bezier(.2,.85,.25,1); }
            .psoo-org__subtab[aria-expanded="true"] .psoo-org__subtab-caret { transform: rotate(90deg); }
            .psoo-org__subtab-name { white-space: nowrap; }
            .psoo-org__subtab-badges { display: inline-flex; gap: 4px; }
            .psoo-org__subtab-badge { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 800; padding: 1px 7px; border-radius: 999px; background: rgba(110,193,228,0.16); color: #6ec1e4; }
            .psoo-org__subtab-badge--agent { background: rgba(182,8,201,0.16); color: #c4b5fd; }
            .psoo-org__subpanel { margin-top: 12px; padding-left: 16px; border-left: 2px solid rgba(110,193,228,0.25); }
            .psoo-org__subpanel[hidden] { display: none; }
            .psoo-org__subpanel.is-open { animation: psoo-subpanel-open .45s cubic-bezier(.2,.85,.25,1) both; }
            @keyframes psoo-subpanel-open { 0% { opacity: 0; transform: translateY(-8px); } 100% { opacity: 1; transform: none; } }
            .psoo-org__dept-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
            .psoo-org__dept-name { font-size: 15px; font-weight: 800; color: #fff; margin: 0; }
            .psoo-org__dept-controls { display: inline-flex; gap: 6px; flex-wrap: wrap; margin-left: auto; }

            .psoo-org__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
            .psoo-org__col { min-width: 0; }
            .psoo-org__col-title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #94a3b8; margin: 0 0 9px; }
            .psoo-org__row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid rgba(255,255,255,0.06); border-radius: 11px; background: rgba(11,14,20,0.5); margin-bottom: 8px; }
            .psoo-org__avatar { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.08); }
            .psoo-org__row-main { min-width: 0; flex: 1; }
            .psoo-org__row-name { display: block; font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .psoo-org__social { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 3px; }
            .psoo-org__social a { font-size: 10px; color: #6ec1e4; text-decoration: none; padding: 1px 7px; border-radius: 999px; background: rgba(110,193,228,0.12); }
            .psoo-org__social a:hover { background: rgba(110,193,228,0.26); color: #fff; }
            .psoo-org__row-x { flex-shrink: 0; appearance: none; background: transparent; border: 0; color: #94a3b8; cursor: pointer; font-size: 16px; line-height: 1; padding: 2px 6px; border-radius: 6px; }
            .psoo-org__row-x:hover { color: #fff; background: rgba(248,113,113,0.2); }
            .psoo-org__empty { font-size: 12px; color: #64748b; padding: 6px 2px; }
            /* Agents reporting tree: node-boxes connected by cyan connector lines. */
            .psoo-org__agtree { display: flex; flex-direction: column; gap: 10px; }
            .psoo-org__agnode { position: relative; }
            .psoo-org__agbox { position: relative; display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid rgba(182,8,201,0.30); border-radius: 11px; background: linear-gradient(135deg, rgba(182,8,201,0.12), rgba(11,14,20,0.55)); box-shadow: 0 2px 12px rgba(0,0,0,0.28); transition: border-color .18s, box-shadow .18s, transform .18s; }
            .psoo-org__agbox:hover { border-color: rgba(182,8,201,0.55); box-shadow: 0 8px 26px rgba(182,8,201,0.18); transform: translateY(-1px); }
            .psoo-org__agchildren { position: relative; margin: 10px 0 0 24px; padding-left: 22px; display: flex; flex-direction: column; gap: 10px; }
            /* vertical connector: upper half (into the gap) down to each node's tick */
            .psoo-org__agchildren > .psoo-org__agnode::before { content: ''; position: absolute; left: -22px; top: -10px; height: 36px; width: 2px; background: rgba(110,193,228,0.30); }
            /* vertical connector: lower half (from tick down to the next sibling) */
            .psoo-org__agchildren > .psoo-org__agnode::after { content: ''; position: absolute; left: -22px; top: 26px; bottom: -10px; width: 2px; background: rgba(110,193,228,0.30); }
            /* last child terminates cleanly at its own tick (no dangling line) */
            .psoo-org__agchildren > .psoo-org__agnode:last-child::after { display: none; }
            /* horizontal tick from the vertical line into each node box */
            .psoo-org__agchildren > .psoo-org__agnode > .psoo-org__agbox::before { content: ''; position: absolute; left: -22px; top: 26px; width: 22px; height: 2px; background: rgba(110,193,228,0.30); }
            /* per-agent action icons (Chat + Projects), right-aligned in the node box */
            .psoo-org__agactions { display: inline-flex; gap: 6px; margin-left: auto; flex-shrink: 0; }
            .psoo-org__agact { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border-radius: 9px; border: 1px solid rgba(110,193,228,0.28); background: rgba(11,14,20,0.55); color: #9fb4d8; cursor: pointer; transition: color .15s, border-color .15s, background .15s, transform .15s, box-shadow .15s; }
            .psoo-org__agact:hover { color: #fff; border-color: rgba(110,193,228,0.65); background: rgba(110,193,228,0.18); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(110,193,228,0.18); }
            .psoo-org__agact svg { display: block; }
            /* Agent Projects popup (body-appended modal) */
            .psoo-org__apmodal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 24px; }
            .psoo-org__apmodal[hidden] { display: none; }
            .psoo-org__apbackdrop { position: absolute; inset: 0; background: rgba(4,6,12,0.72); backdrop-filter: blur(4px); }
            .psoo-org__apdialog { position: relative; width: min(760px, 100%); max-height: 86vh; display: flex; flex-direction: column; background: linear-gradient(160deg, #141826, #0b0e14); border: 1px solid rgba(110,193,228,0.30); border-radius: 18px; box-shadow: 0 40px 90px rgba(0,0,0,0.6); overflow: hidden; }
            .psoo-org__aphead { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); }
            .psoo-org__aptitle { font-size: 16px; font-weight: 800; color: #fff; }
            .psoo-org__apclose { appearance: none; background: transparent; border: 0; color: #94a3b8; font-size: 24px; line-height: 1; cursor: pointer; padding: 2px 8px; border-radius: 8px; }
            .psoo-org__apclose:hover { color: #fff; background: rgba(248,113,113,0.2); }
            .psoo-org__apbody { padding: 18px 20px 22px; overflow-y: auto; }
            .psoo-org__apsection { margin-bottom: 20px; }
            .psoo-org__apsection:last-child { margin-bottom: 0; }
            .psoo-org__apsec-title { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #6ec1e4; margin: 0 0 10px; }
            .psoo-org__apgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
            .psoo-org__apcard { text-align: left; display: flex; flex-direction: column; gap: 5px; padding: 13px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); background: rgba(11,14,20,0.55); cursor: default; transition: border-color .15s, background .15s, transform .15s, box-shadow .15s; }
            .psoo-org__apcard--proj { cursor: pointer; border-color: rgba(110,193,228,0.30); }
            .psoo-org__apcard--proj:hover { border-color: rgba(110,193,228,0.65); background: rgba(110,193,228,0.12); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,0.35); }
            .psoo-org__apcard--seq { border-color: rgba(182,8,201,0.30); background: linear-gradient(135deg, rgba(182,8,201,0.10), rgba(11,14,20,0.55)); }
            .psoo-org__apcard-name { font-size: 13px; font-weight: 700; color: #fff; }
            .psoo-org__apcard-meta { font-size: 11px; color: #94a3b8; }
            .psoo-org__apempty, .psoo-org__aploading { font-size: 12px; color: #64748b; padding: 4px 2px; grid-column: 1 / -1; }
            /* Agent profile hero (avatar + name→profile + chat) */
            .psoo-org__aphero { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; margin-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.07); }
            .psoo-org__aphero-avatar { flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; background-size: cover; background-position: center; background-color: rgba(255,255,255,0.08); border: 1px solid rgba(182,8,201,0.35); }
            .psoo-org__aphero-main { flex: 1; min-width: 0; }
            .psoo-org__aphero-name { display: inline-block; font-size: 18px; font-weight: 800; color: #fff; text-decoration: none; }
            a.psoo-org__aphero-name:hover { color: #6ec1e4; text-decoration: underline; }
            .psoo-org__aphero-dept { font-size: 12px; color: #94a3b8; margin-top: 2px; }
            .psoo-org__aphero-chat { flex-shrink: 0; width: 40px; height: 40px; }
            .psoo-org__appersona { font-size: 13px; line-height: 1.6; color: #cbd5e1; white-space: pre-wrap; }
            .psoo-org__appersona-edit { width: 100%; box-sizing: border-box; resize: vertical; min-height: 84px; background: rgba(11,14,20,0.7); color: #e5e7eb; border: 1px solid rgba(110,193,228,0.28); border-radius: 10px; padding: 10px 12px; font-size: 13px; line-height: 1.5; font-family: inherit; transition: border-color .15s, box-shadow .15s; }
            .psoo-org__appersona-edit:focus { outline: none; border-color: rgba(110,193,228,0.6); box-shadow: 0 0 0 2px rgba(110,193,228,0.15); }
            .psoo-org__appersona-actions { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
            .psoo-org__appersona-save { appearance: none; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; color: #fff; padding: 8px 16px; border-radius: 9px; border: 1px solid rgba(182,8,201,0.5); background: linear-gradient(135deg, rgba(182,8,201,0.5), rgba(110,193,228,0.35)); transition: transform .15s, box-shadow .15s, opacity .15s; }
            .psoo-org__appersona-save:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(182,8,201,0.25); }
            .psoo-org__appersona-save:disabled { opacity: .6; cursor: default; transform: none; box-shadow: none; }
            .psoo-org__appersona-status { font-size: 12px; color: #6ec1e4; }
            .psoo-org__apchatflow-select { width: 100%; box-sizing: border-box; background: rgba(11,14,20,0.7); color: #e5e7eb; border: 1px solid rgba(110,193,228,0.28); border-radius: 10px; padding: 9px 12px; font-size: 13px; font-family: inherit; margin-bottom: 4px; }
            .psoo-org__apchatflow-select:focus { outline: none; border-color: rgba(110,193,228,0.6); box-shadow: 0 0 0 2px rgba(110,193,228,0.15); }
            /* Persona section header + Davinci AI button */
            .psoo-org__apsec-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
            .psoo-org__apsec-head .psoo-org__apsec-title { margin: 0; }
            .psoo-org__davinci-btn { display: inline-flex; align-items: center; gap: 6px; font-family: inherit; font-size: 12px; font-weight: 800; color: #fff; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(139,92,246,0.5); background: linear-gradient(135deg, rgba(182,8,201,0.55), rgba(110,193,228,0.4)); cursor: pointer; box-shadow: 0 4px 18px rgba(182,8,201,0.25); transition: transform .15s, box-shadow .2s, filter .2s; }
            .psoo-org__davinci-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 26px rgba(182,8,201,0.42); filter: brightness(1.1); }
            .psoo-org__davinci-spark, .psoo-dv__spark { display: inline-block; color: #d8b4fe; animation: psoo-dv-spark 2.4s ease-in-out infinite; }
            @keyframes psoo-dv-spark { 0%,100% { transform: scale(1) rotate(0); opacity: .9; } 50% { transform: scale(1.28) rotate(22deg); opacity: 1; } }
            /* Davinci persona assistant — futuristic chat modal */
            .psoo-dv { position: fixed; inset: 0; z-index: 100002; display: flex; align-items: center; justify-content: center; padding: 24px; }
            .psoo-dv[hidden] { display: none; }
            .psoo-dv__backdrop { position: absolute; inset: 0; background: rgba(4,6,12,0.78); backdrop-filter: blur(6px); animation: psoo-dv-fade .25s ease; }
            .psoo-dv__panel { position: relative; width: min(680px, 100%); height: min(80vh, 760px); display: flex; flex-direction: column; overflow: hidden; border-radius: 20px; border: 1px solid rgba(139,92,246,0.4); background: linear-gradient(160deg, rgba(24,18,40,0.96), rgba(9,11,20,0.98)); box-shadow: 0 40px 100px rgba(0,0,0,0.7), 0 0 0 1px rgba(139,92,246,0.15) inset, 0 0 80px rgba(182,8,201,0.12); animation: psoo-dv-in .5s cubic-bezier(.16,1,.3,1); }
            .psoo-dv__panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #b608c9, #6ec1e4, #b608c9); background-size: 200% 100%; animation: psoo-dv-slide 4s linear infinite; }
            @keyframes psoo-dv-slide { to { background-position: 200% 0; } }
            @keyframes psoo-dv-fade { from { opacity: 0; } to { opacity: 1; } }
            @keyframes psoo-dv-in { from { opacity: 0; transform: translateY(28px) scale(.96); } to { opacity: 1; transform: none; } }
            .psoo-dv__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,0.07); }
            .psoo-dv__title { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; color: #fff; }
            .psoo-dv__close { appearance: none; background: transparent; border: 0; color: #94a3b8; font-size: 24px; line-height: 1; cursor: pointer; padding: 2px 8px; border-radius: 8px; }
            .psoo-dv__close:hover { color: #fff; background: rgba(248,113,113,0.2); }
            .psoo-dv__log { flex: 1; overflow-y: auto; padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
            .psoo-dv__msg { display: flex; }
            .psoo-dv__msg--me { justify-content: flex-end; }
            .psoo-dv__bubble { max-width: 82%; padding: 10px 14px; border-radius: 14px; font-size: 13px; line-height: 1.55; }
            .psoo-dv__msg--ai .psoo-dv__bubble { background: rgba(110,193,228,0.12); border: 1px solid rgba(110,193,228,0.28); color: #e5e7eb; border-top-left-radius: 4px; }
            .psoo-dv__msg--me .psoo-dv__bubble { background: linear-gradient(135deg, rgba(182,8,201,0.4), rgba(139,92,246,0.34)); border: 1px solid rgba(182,8,201,0.4); color: #fff; border-top-right-radius: 4px; }
            .psoo-dv__persona { display: block; margin-top: 8px; padding: 10px 12px; border-radius: 10px; background: rgba(11,14,20,0.6); border: 1px dashed rgba(216,180,254,0.5); color: #f3e8ff; font-size: 12.5px; }
            .psoo-dv__typing { display: inline-flex; gap: 4px; align-items: center; }
            .psoo-dv__typing span { width: 6px; height: 6px; border-radius: 50%; background: #6ec1e4; opacity: .5; animation: psoo-dv-typing 1s infinite; }
            .psoo-dv__typing span:nth-child(2) { animation-delay: .15s; }
            .psoo-dv__typing span:nth-child(3) { animation-delay: .3s; }
            @keyframes psoo-dv-typing { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(-4px); opacity: 1; } }
            .psoo-dv__apply { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 20px; border-top: 1px solid rgba(216,180,254,0.25); background: rgba(139,92,246,0.1); animation: psoo-dv-fade .3s ease; }
            .psoo-dv__apply[hidden] { display: none; }
            .psoo-dv__apply-label { font-size: 12px; font-weight: 700; color: #d8b4fe; }
            .psoo-dv__apply-btn { appearance: none; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; color: #fff; padding: 8px 16px; border-radius: 9px; border: 1px solid rgba(182,8,201,0.5); background: linear-gradient(135deg, rgba(182,8,201,0.55), rgba(110,193,228,0.4)); transition: transform .15s, box-shadow .2s; }
            .psoo-dv__apply-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(182,8,201,0.3); }
            .psoo-dv__compose { display: flex; gap: 10px; padding: 14px 20px; border-top: 1px solid rgba(255,255,255,0.07); }
            .psoo-dv__input { flex: 1; background: rgba(11,14,20,0.7); color: #e5e7eb; border: 1px solid rgba(110,193,228,0.28); border-radius: 12px; padding: 11px 14px; font-size: 13px; font-family: inherit; transition: border-color .15s, box-shadow .15s; }
            .psoo-dv__input:focus { outline: none; border-color: rgba(139,92,246,0.6); box-shadow: 0 0 0 2px rgba(139,92,246,0.15); }
            .psoo-dv__send { flex-shrink: 0; width: 44px; border-radius: 12px; border: 1px solid rgba(182,8,201,0.5); background: linear-gradient(135deg, rgba(182,8,201,0.55), rgba(110,193,228,0.4)); color: #fff; font-size: 15px; cursor: pointer; transition: transform .15s, box-shadow .2s; }
            .psoo-dv__send:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(182,8,201,0.3); }
            /* Reports-to / Manages agent chips */
            .psoo-org__apagents { display: flex; flex-wrap: wrap; gap: 8px; }
            .psoo-org__apagent { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; border: 1px solid rgba(182,8,201,0.30); background: linear-gradient(135deg, rgba(182,8,201,0.12), rgba(11,14,20,0.55)); cursor: pointer; transition: border-color .15s, background .15s, transform .15s; }
            .psoo-org__apagent:hover { border-color: rgba(182,8,201,0.6); background: rgba(182,8,201,0.2); transform: translateY(-1px); }
            .psoo-org__apagent .psoo-org__avatar { width: 26px; height: 26px; }
            .psoo-org__apagent-name { font-size: 12px; font-weight: 700; color: #fff; white-space: nowrap; }
            /* Project workspace card progress bar */
            .psoo-org__apbar { margin-top: 4px; height: 5px; border-radius: 999px; background: rgba(255,255,255,0.08); overflow: hidden; }
            .psoo-org__apbar > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #b608c9, #6ec1e4); }
            .psoo-org__assign { position: relative; margin-top: 10px; }
            .psoo-org__assign-ico { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 800; color: #6ec1e4; pointer-events: none; line-height: 1; }
            .psoo-org__assign-input { width: 100%; box-sizing: border-box; background: rgba(11,14,20,0.8); color: #e5e7eb; border: 1px solid rgba(110,193,228,0.28); border-radius: 11px; padding: 10px 12px 10px 30px; font-size: 13px; font-family: inherit; transition: border-color .15s, box-shadow .15s, background .15s; }
            .psoo-org__assign-input::placeholder { color: #7c8499; }
            .psoo-org__assign-input:hover { border-color: rgba(110,193,228,0.5); background: rgba(11,14,20,0.95); }
            .psoo-org__assign-input:focus { outline: none; border-color: #6ec1e4; box-shadow: 0 0 0 3px rgba(110,193,228,0.2); }
            /* Body-appended, position:fixed so it overlays every nested card. */
            .psoo-org__assign-pop { position: fixed; z-index: 100060; box-sizing: border-box; max-height: 300px; overflow-y: auto; padding: 6px; border-radius: 13px; border: 1px solid rgba(110,193,228,0.35); background: #0b0e14; box-shadow: 0 24px 60px rgba(0,0,0,0.7); }
            .psoo-org__assign-pop[hidden] { display: none; }
            .psoo-org__assign-opt { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; appearance: none; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 10px; padding: 7px 9px; font-family: inherit; transition: background .12s, border-color .12s; }
            .psoo-org__assign-opt:hover { background: rgba(110,193,228,0.12); border-color: rgba(110,193,228,0.3); }
            .psoo-org__assign-opt .psoo-org__avatar { width: 30px; height: 30px; }
            .psoo-org__assign-opt-main { min-width: 0; display: flex; flex-direction: column; }
            .psoo-org__assign-opt-name { font-size: 13px; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
            .psoo-org__assign-opt-role { font-size: 11px; color: #94a3b8; text-transform: capitalize; }
            .psoo-org__assign-empty { font-size: 12px; color: #64748b; padding: 8px 9px; }

            .psoo-org__seqs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
            .psoo-org__seq { position: relative; display: inline-flex; align-items: center; font-size: 10px; font-weight: 700; color: #c4b5fd; padding: 2px 9px; border-radius: 999px; background: rgba(182,8,201,0.16); border: 1px solid rgba(182,8,201,0.32); cursor: default; }
            .psoo-org__seq:hover { background: rgba(182,8,201,0.3); color: #fff; }
            .psoo-org__seq-card { position: absolute; left: 0; bottom: calc(100% + 8px); z-index: 60; width: 240px; padding: 12px 14px; border-radius: 12px; background: #0b0e14; border: 1px solid rgba(110,193,228,0.35); box-shadow: 0 24px 50px rgba(0,0,0,0.6); display: none; cursor: default; }
            .psoo-org__seq.is-open .psoo-org__seq-card, .psoo-org__seq:hover .psoo-org__seq-card { display: block; }
            .psoo-org__seq-card h5 { margin: 0 0 7px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .8px; color: #6ec1e4; }
            .psoo-org__seq-card ul { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-direction: column; gap: 3px; }
            .psoo-org__seq-card ul:last-child { margin-bottom: 0; }
            .psoo-org__seq-card li { font-size: 11px; color: #cbd5e1; display: flex; gap: 6px; }
            .psoo-org__seq-card li .t { color: #94a3b8; font-weight: 700; }
            .psoo-org__seq-card .psoo-org__seq-empty { font-size: 11px; color: #64748b; }

            @media (max-width: 720px) {
                .psoo-org__cols { grid-template-columns: 1fr; }
                .psoo-org__subpanel { padding-left: 10px; }
                .psoo-org__seq-card { width: 200px; }
            }

            /* Sequences panel -- card grid mirroring the desktop app's
               Organization tab, Agents panel, Sequences sub-tab. See
               psoo_gm_render_sequence_workspace_cards() in
               group-members-screen.php. */
            .psoo-gm__seq-wrap { color: #e5e7eb; }
            .psoo-gm__seq-intro { font-size: 12px; color: #94a3b8; margin: 0 0 18px; }
            .psoo-gm__seq-empty { padding: 40px 20px; text-align: center; color: #94a3b8; font-size: 13px; }
            .psoo-gm__seq-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
            .psoo-gm__seq-card { border-top: 3px solid #818cf8; border-radius: 14px; padding: 16px 18px; background: rgba(255,255,255,0.03); border-left: 1px solid rgba(255,255,255,0.08); border-right: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); }
            .psoo-gm__seq-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
            .psoo-gm__seq-card-name { margin: 0; font-size: 15px; font-weight: 700; color: #fff; }
            .psoo-gm__seq-card-role { font-size: 12px; color: #94a3b8; margin: 4px 0 12px; font-style: italic; }
            .psoo-gm__seq-badge { flex: none; display: inline-flex; align-items: center; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 3px 9px; border-radius: 999px; }
            .psoo-gm__seq-badge--active { background: rgba(16,185,129,.18); color: #34d399; }
            .psoo-gm__seq-badge--archived { background: rgba(148,163,184,.18); color: #94a3b8; }
            .psoo-gm__seq-progress-bar { height: 6px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; margin-top: 4px; }
            .psoo-gm__seq-progress-fill { height: 100%; background: linear-gradient(90deg, #818cf8, #6ec1e4); border-radius: 999px; }
            .psoo-gm__seq-card-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
            .psoo-gm__seq-pill { font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: #94a3b8; }