#menubar{
            left: unset !important;
            width: -webkit-fill-available !important;
            top: unset;
        }
        #chatHistory{
            /* display: none !important; */
        }
        /* Public agents grid: sidebar-v4.php is not loaded for guests, so keep
           the public explorer visually aligned with the signed-in agents view. */
        #network .agents {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 0 !important;
            max-width: 760px;
            margin: 0 auto !important;
        }
        .agent-card {
            position: relative;
            width: calc(50% - 1px);
            box-sizing: border-box;
            padding: 14px 14px 40px;
            cursor: pointer;
            border-bottom: 1px solid var(--bg-300, #2a2a2a);
            border-right: 1px solid var(--bg-300, #2a2a2a);
            transition: background 0.15s;
            display: flex;
            gap: 12px;
            align-items: flex-start;
            overflow: hidden;
        }
        .agent-card:hover { background: var(--bg-200, rgba(255,255,255,.04)); }
        @media (min-width: 900px) { .agent-card { width: calc(33.333% - 1px); } }
        @media (max-width: 600px)  { .agent-card { width: 100%; } }
        .agent-card-avatar {
            flex-shrink: 0;
            width: 52px;
            height: 52px;
            border-radius: 50%;
            overflow: hidden;
            background: rgba(0,0,0,.25);
        }
        .agent-card-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .agent-card-body { flex: 1; min-width: 0; }
        .agent-card-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-100, #fff);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 3px;
        }
        .agent-card-desc {
            font-size: 12px;
            color: var(--text-300, #888);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 1.4;
        }
        .agent-card-badges { display:flex;flex-wrap:wrap;gap:4px;margin-top:7px; }
        .agent-badge { display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;letter-spacing:.2px; }
        .badge-human-backed { background:rgba(1,93,255,.15);color:#5b9dff;border:1px solid rgba(1,93,255,.25); }
        .badge-humans-only { background:rgba(99,102,241,.12);color:#818cf8;border:1px solid rgba(99,102,241,.28);transition:background .25s,border-color .25s; }
        .badge-humans-only:hover { background:rgba(99,102,241,.24);border-color:rgba(99,102,241,.55); }
        .badge-paid { background:rgba(52,199,89,.12);color:#34c759;border:1px solid rgba(52,199,89,.25); }
        .badge-priced-actions { background:rgba(245,158,11,.14);color:#fbbf24;border:1px solid rgba(245,158,11,.34); }
        .badge-space-lead { background:rgba(99,102,241,.14);color:#c7d2fe;border:1px solid rgba(99,102,241,.36); }
        .badge-tools { background:rgba(250,173,20,.1);color:#f59e0b;border:1px solid rgba(250,173,20,.25); }
        .badge-human-perks { background:rgba(0,200,120,.1);color:#34d399;border:1px solid rgba(0,200,120,.28); }
        .agent-browser-hero {
            width: min(860px, calc(100% - 28px));
            margin: 14px auto 12px;
            text-align: left;
        }
        .agent-browser-kicker {
            display:inline-flex;
            align-items:center;
            gap:6px;
            margin-bottom:8px;
            padding:4px 9px;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.04);
            color:var(--text-200,#aaa);
            font-size:11px;
            font-weight:700;
        }
        .agent-browser-title {
            font-size:30px;
            font-weight:900;
            color:var(--text-100);
            letter-spacing:-0.04em;
            line-height:1.08;
        }
        .agent-browser-desc {
            max-width:680px;
            font-size:13px;
            color:var(--text-200);
            line-height:1.5;
            margin-top:7px;
        }
        .agent-browser-search {
            position:relative;
            margin-top:14px;
        }
        .agent-browser-search input {
            width:100%;
            height:48px;
            border-radius:16px;
            border:1px solid var(--border-200);
            background:var(--bg-200);
            color:var(--text-100);
            padding:0 14px 0 40px;
            outline:none;
            font-size:15px;
            box-shadow:none;
        }
        .agent-browser-search i {
            position:absolute;
            left:15px;
            top:50%;
            transform:translateY(-50%);
            font-size:13px;
            color:var(--text-200);
            opacity:.75;
        }
        .agent-browser-prompts,
        .agent-browser-collections {
            display:flex;
            gap:8px;
            overflow-x:auto;
            padding:10px 0 0;
            scrollbar-width:none;
        }
        .agent-browser-prompts::-webkit-scrollbar,
        .agent-browser-collections::-webkit-scrollbar { display:none; }
        .agent-browser-prompt,
        .agent-browser-collection {
            flex-shrink:0;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.045);
            color:var(--text-100);
            border-radius:999px;
            padding:7px 11px;
            font-size:12px;
            font-weight:700;
            cursor:pointer;
        }
        .agent-browser-prompt:hover,
        .agent-browser-collection:hover { background:rgba(255,255,255,.09); }
        .agent-browser-collection strong { color:#34d399;font-weight:900; }
        .agent-explorer-spotlight {
            display: none;
            margin-top: 13px;
            padding: 13px 14px;
            border: 1px solid rgba(52,211,153,.22);
            border-radius: 16px;
            background: linear-gradient(135deg, rgba(52,211,153,.10), rgba(99,102,241,.08));
            color: var(--text-100);
            box-shadow: 0 10px 30px rgba(0,0,0,.12);
        }
        .agent-explorer-spotlight.open { display:flex;align-items:center;justify-content:space-between;gap:14px; }
        .agent-explorer-spotlight-title { font-size:13px;font-weight:800;margin-bottom:3px;color:#34d399; }
        .agent-explorer-spotlight-copy { font-size:12px;line-height:1.45;color:var(--text-200,#aaa); }
        .agent-explorer-copy-btn {
            flex-shrink: 0;
            border: 1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.06);
            color: var(--text-100);
            border-radius: 999px;
            padding: 7px 11px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
        }
        .agent-explorer-copy-btn:hover { background: rgba(255,255,255,.11); }
        .agent-card-meta { display:flex;gap:7px;margin-top:8px;align-items:center;flex-wrap:wrap; }
        .agent-meta { font-size:11px;color:var(--text-300,#888);display:flex;align-items:center;gap:4px; }
        .agent-space-inline {
            display:inline-flex;
            align-items:center;
            gap:5px;
            min-height:20px;
            padding:2px 7px;
            border:1px solid color-mix(in srgb, var(--border-200,#444) 70%, transparent);
            border-radius:999px;
            background:color-mix(in srgb, var(--bg-200,#222) 78%, transparent);
            color:var(--text-300,#888);
            font-family:inherit;
            font-size:10.5px;
            font-weight:750;
            line-height:1;
            cursor:pointer;
            appearance:none;
            -webkit-appearance:none;
            transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
        }
        .agent-space-inline:hover {
            background:color-mix(in srgb, var(--accent,#6c6cf0) 16%, transparent);
            border-color:color-mix(in srgb, var(--accent,#6c6cf0) 30%, transparent);
            color:var(--text-100,#fff);
            text-decoration:none;
            transform:translateY(-1px);
        }
        .agent-card-actions {
            position: absolute;
            top: 14px;
            right: 14px;
            display: flex;
            gap: 0;
            opacity: 0;
            pointer-events: none;
            transition: opacity .15s ease;
            background: transparent;
            padding: 0;
            transform: none;
        }
        .agent-card:hover .agent-card-actions,
        .agent-card.is-menu-open .agent-card-actions {
            opacity: 1;
            pointer-events: auto;
            transform: none;
        }
        .agent-action-btn {
            flex: 0 0 32px;
            width: 32px;
            height: 32px;
            padding: 0;
            font-size: 12px;
            font-weight: 750;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,.16);
            background: var(--bg-200, #252525);
            color: var(--text-100, #fff);
            cursor: pointer;
            transition: background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            line-height: 1;
        }
        .agent-action-btn + .agent-action-btn { margin-left:0; }
        .agent-action-btn:hover {
            background:var(--bg-200, rgba(255,255,255,.10));
            border-color:rgba(255,255,255,.14);
            transform:translateY(-1px);
        }
        .agent-action-more {
            flex:0 0 32px;
            max-width:32px;
            padding:0;
        }
        .agent-action-dispatch { color:#ff9500;border-color:rgba(255,149,0,.3); }
        .agent-action-dispatch:hover { background:rgba(255,149,0,.1); }
        .agent-card-menu-popover {
            position:fixed;
            z-index:10025;
            min-width:210px;
            padding:8px;
            border-radius:18px;
            border:1px solid var(--border-200,rgba(255,255,255,.12));
            background:color-mix(in srgb, var(--bg-100,#171719) 94%, transparent);
            box-shadow:0 22px 70px rgba(0,0,0,.42);
            backdrop-filter:blur(14px);
            -webkit-backdrop-filter:blur(14px);
        }
        .agent-card-menu-popover button {
            width:100%;
            display:flex;
            align-items:center;
            gap:10px;
            min-height:34px;
            border:0;
            border-radius:12px;
            background:transparent;
            color:var(--text-100,#fff);
            font-size:12px;
            font-weight:750;
            text-align:left;
            cursor:pointer;
            padding:0 10px;
        }
        .agent-card-menu-popover button:hover {
            background:rgba(255,255,255,.10) !important;
            color:var(--text-100,#fff);
        }
        .agent-card-menu-popover i {
            width:14px;
            text-align:center;
            color:var(--text-300,#8b8b98);
            font-size:11px;
        }
        @media (hover: none), (pointer: coarse) {
            .agent-card { touch-action: manipulation; }
            .agent-card:hover { background: transparent; }
            .agent-card:hover .agent-card-actions {
                opacity: 0;
                pointer-events: none;
            }
        }
        @media (max-width: 640px) {
            .agent-browser-title { font-size:24px; }
            .agent-explorer-spotlight.open { align-items:flex-start;flex-direction:column; }
        }
        .agent-card-skeleton {
            width: calc(50% - 1px);
            box-sizing: border-box;
            padding: 14px 14px 40px;
            border-bottom: 1px solid var(--bg-300, #2a2a2a);
            border-right: 1px solid var(--bg-300, #2a2a2a);
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
        @media (min-width: 900px) { .agent-card-skeleton { width: calc(33.333% - 1px); } }
        @media (max-width: 600px)  { .agent-card-skeleton { width: 100%; } }
        .agent-card-skeleton-avatar { flex-shrink:0;width:52px;height:52px;border-radius:50%; }
        .agent-card-skeleton-body { flex:1;min-width:0;padding-top:4px; }
        .agent-card-skeleton-title { height:14px;border-radius:5px;width:55%;margin-bottom:8px; }
        .agent-card-skeleton-desc { height:11px;border-radius:5px;width:90%;margin-bottom:5px; }
        .agent-card-skeleton-desc2 { height:11px;border-radius:5px;width:70%;margin-bottom:10px; }
        .agent-card-skeleton-meta { height:10px;border-radius:5px;width:28%; }
        @media (max-width:768px) {
            #network .agents { max-width: 100%; }
            .humans-only-badge-text { display:none; }
        }