/* Shared Agent Browser styles. Keep outside auth branches so signed-in and
           signed-out marketplace pages render the same browser chrome. */
        @font-face {
            font-family: 'ZeroBotWorld';
            src: url('/assets/font/world.ttf?v=20260427') format('truetype');
            font-weight: 100 900;
            font-style: normal;
            font-display: swap;
            ascent-override: 94%;
            descent-override: 18%;
            line-gap-override: 0%;
        }
        #networkCont {
            width: 100% !important;
            max-width: none !important;
            left: unset !important;
            right: unset !important;
            position: unset !important;
            overflow: hidden;
            flex: 1 1 auto !important;
            min-width: 0 !important;
        }
        body,
        button,
        input,
        textarea,
        select {
            font-family: 'ZeroBotWorld', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        }
        .zb-top-action,
        .zb-top-action:visited {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            height:38px;
            padding:0 14px;
            border-radius:13px !important;
            font-size:14px;
            font-weight:700;
            line-height:1;
            background:rgba(255,255,255,.055);
            color:var(--text-100);
            border:1px solid rgba(255,255,255,.10);
            text-decoration:none;
            cursor:pointer;
            transition:background .15s ease, color .15s ease, border-color .15s ease;
            white-space:nowrap;
        }
        .zb-top-action:hover {
            background:var(--bg-200);
            color:var(--text-100);
            border-color:var(--border-300, var(--border-200));
            text-decoration:none;
        }
        .zb-top-theme-action {
            width:38px;
            padding:0;
            flex:0 0 38px;
        }
        .zb-top-theme-action i {
            font-size:13px;
            line-height:1;
        }
        .zb-top-action-primary,
        .zb-top-action-primary:visited {
            background:var(--text-100);
            color:var(--bg-100);
            border-color:transparent;
        }
        .zb-top-action-primary:hover {
            background:var(--text-200,#e7e7e7);
            color:var(--bg-100);
        }
        #switcherDesktop {
            z-index: 140 !important;
            pointer-events: auto !important;
        }
        #switcherDesktop button {
            pointer-events: auto !important;
        }
        #switcherDesktop .selectedChat {
            background-color: var(--bg-200) !important;
            box-shadow: inset 0 0 0 1px var(--border-300, var(--border-200)) !important;
        }
        #switcherDesktop:hover .selectedChat {
            background-color: var(--bg-300) !important;
        }
        #topRightActions {
            top:10px !important;
            height:38px !important;
            align-items:center !important;
        }
        #topRightActions button,
        #topRightActions .vapi-btn,
        #topRightActions #vapi-support-btn {
            height:38px !important;
            min-height:38px !important;
            padding:0 14px !important;
            border-radius:13px !important;
            background:rgba(255,255,255,.055) !important;
            color:var(--text-100) !important;
            border:1px solid rgba(255,255,255,.10) !important;
            font-family:'ZeroBotWorld', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
            font-size:14px !important;
            font-weight:700 !important;
            line-height:1 !important;
            box-shadow:none !important;
            transition:background .15s ease, color .15s ease, border-color .15s ease !important;
        }
        #topRightActions button:hover,
        #topRightActions .vapi-btn:hover,
        #topRightActions #vapi-support-btn:hover {
            background:var(--bg-200) !important;
            color:var(--text-100) !important;
            border-color:var(--border-300, var(--border-200)) !important;
        }
        #topRightActions #temporaryChatToggle.is-active {
            background:rgba(16,163,127,.18) !important;
            color:#55e0bd !important;
            border-color:rgba(16,163,127,.42) !important;
        }
        .zb-login-modal-overlay {
            position:fixed;
            inset:0;
            z-index:10000;
            display:none;
            align-items:center;
            justify-content:center;
            padding:22px;
            background:rgba(0,0,0,.48);
            backdrop-filter:blur(14px);
            -webkit-backdrop-filter:blur(14px);
        }
        .zb-login-modal-overlay.open {
            display:flex;
        }
        .zb-login-modal {
            width:min(430px, 100%);
            max-height:min(720px, calc(100vh - 36px));
            overflow:auto;
            position:relative;
            border:1px solid var(--border-200);
            border-radius:28px;
            background:var(--bg-100);
            color:var(--text-200);
            box-shadow:0 30px 100px rgba(0,0,0,.42);
            padding:28px 26px 24px;
        }
        .zb-login-modal-close {
            position:absolute;
            top:14px;
            right:14px;
            width:34px;
            height:34px;
            border-radius:12px;
            border:1px solid var(--border-200);
            background:var(--bg-300);
            color:var(--text-200);
            display:flex;
            align-items:center;
            justify-content:center;
            cursor:pointer;
        }
        .zb-login-modal-close:hover {
            background:var(--bg-200);
        }
        .zb-login-modal-header {
            text-align:center;
            padding:8px 24px 8px;
        }
        .zb-login-modal-title {
            font-size:24px;
            font-weight:700;
            letter-spacing:-.02em;
        }
        .zb-login-modal-subtitle {
            margin:8px auto 0;
            max-width:310px;
            color:var(--text-100);
            opacity:.62;
            font-size:13px;
            line-height:1.45;
        }
        .zb-login-modal-body #loginform {
            margin:10px 0 0 !important;
            padding-left:0 !important;
        }
        .zb-login-modal-body .inner-addon {
            width:100%;
        }
        .zb-login-modal-body input.form-control {
            width:100%;
            min-height:48px;
            border-radius:15px !important;
            border:1px solid var(--border-200) !important;
            background:var(--bg-200) !important;
            color:var(--text-200) !important;
            box-shadow:none !important;
            font-size:14px;
        }
        .zb-login-modal-body input.form-control::placeholder {
            color:var(--text-100);
            opacity:.45;
        }
        .zb-login-modal-body .btn {
            border-radius:999px !important;
            min-height:40px;
        }
        .zb-login-modal-body #world_id_button {
            background:var(--bg-300) !important;
            border:1px solid var(--border-200) !important;
            color:var(--text-200) !important;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:6px;
        }
        .zb-login-modal-body .zb-world-logo {
            filter: none;
        }
        html[data-theme="dark"] .zb-login-modal-body .zb-world-logo {
            filter: invert(1);
        }
        .zb-login-modal-body #world_id_button:hover,
        .zb-login-modal-body #loginbtn2:hover,
        .zb-login-modal-body .signup:hover {
            background:var(--bg-200) !important;
        }
        .zb-login-modal-body #world_id_status {
            margin-top:12px !important;
            padding:0 !important;
        }
        .zb-login-qr-title {
            margin:0 0 10px;
            font-size:16px;
            font-weight:700;
            color:var(--text-200);
        }
        .zb-login-qr-canvas {
            width:176px !important;
            height:176px !important;
            margin:0 auto;
            display:block;
            border-radius:8px;
        }
        .zb-login-qr-waiting {
            margin-top:8px;
            font-size:12px;
            color:var(--text-100);
            opacity:.55;
        }
        .zb-login-modal.zb-login-modal-qr-open {
            max-height:calc(100vh - 28px);
            padding-top:22px;
            padding-bottom:18px;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-header {
            padding-top:0;
            padding-bottom:2px;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-title {
            font-size:21px;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-subtitle {
            margin-top:5px;
            font-size:12px;
            line-height:1.35;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body #loginform {
            margin-top:6px !important;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body input.form-control {
            min-height:42px;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body br {
            display:none;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body .inner-addon {
            margin-bottom:10px;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body center > p {
            margin-top:10px !important;
            margin-bottom:9px !important;
        }
        .zb-login-modal.zb-login-modal-qr-open .zb-login-modal-body #forgotPassword {
            margin-top:0;
        }
        .zb-login-modal-body #forgotPassword {
            display:block;
            text-align:center;
            margin-top:6px;
            color:var(--text-100);
            opacity:.62;
            text-decoration:none;
            font-size:13px;
        }
        .zb-login-modal-body #forgotPassword:hover {
            opacity:1;
            text-decoration:underline;
        }
        body.zb-login-modal-open {
            overflow:hidden;
        }
        @media (max-width:640px) {
            .zb-login-modal-overlay {
                align-items:flex-end;
                padding:0;
            }
            .zb-login-modal {
                width:100%;
                max-height:92vh;
                border-radius:26px 26px 0 0;
                border-bottom:0;
                padding:28px 22px calc(24px + env(safe-area-inset-bottom));
            }
        }
        body.agents-browser-open #networkCont,
        body.agents-browser-open #networkCont button,
        body.agents-browser-open #networkCont input {
            font-family: 'ZeroBotWorld', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
            line-height: 1.50 !important;
        }
        body.agents-browser-open #networkCont button {
            align-items: center !important;
            line-height: 1.50 !important;
        }
        body.agents-browser-open #chatbox,
        body.agents-browser-open .avatarSection {
            display: none !important;
        }
        body.agents-browser-open #theSidebar {
            position: fixed !important;
            left: 0 !important;
            top: 0 !important;
            bottom: 0 !important;
            width: 260px !important;
            max-width: 260px !important;
            height: 100vh !important;
            z-index: 35 !important;
        }
        body.sidebar-collapsed.agents-browser-open #theSidebar {
            width: 52px !important;
            max-width: 52px !important;
            overflow: hidden !important;
        }
        body.sidebar-collapsed.agents-browser-open #theSidebarSmall {
            display: flex !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            z-index: 45 !important;
        }