:root{--agent-accent:#087dff;--agent-accent-2:#00aeea;--agent-soft:#eef8ff;--agent-border:#d9eafa;--agent-ink:#102f47;--agent-muted:#718899;--agent-bg:#f7fbff}
*{box-sizing:border-box}
body.vj-agent-page{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% -12%,var(--agent-soft) 0,transparent 38%),var(--agent-bg);color:var(--agent-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-studio="organic"]{--agent-accent:#258856;--agent-accent-2:#55b77c;--agent-soft:#eaf9f1;--agent-border:#cdebd9;--agent-bg:#f7fcf9}
body[data-studio="ads"]{--agent-accent:#c83b4b;--agent-accent-2:#e76c79;--agent-soft:#fff0f3;--agent-border:#f2cbd2;--agent-bg:#fff9fa}
body[data-studio="sales"]{--agent-accent:#167da7;--agent-accent-2:#46acd0;--agent-soft:#eaf7ff;--agent-border:#c9e5f5;--agent-bg:#f7fbff}
body[data-studio="business"]{--agent-accent:#a96a13;--agent-accent-2:#d99a3e;--agent-soft:#fff3dc;--agent-border:#efdcb2;--agent-bg:#fffcf6}
.vj-agent-shell{width:min(980px,calc(100% - 24px));margin:auto;padding-bottom:18px}
.vj-agent-top{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--agent-border)}
.vj-agent-brand{display:flex;align-items:center;text-decoration:none}.vj-agent-brand img:first-child{width:38px;height:38px;border-radius:24%;margin-right:8px}.vj-agent-brand .vj-wordmark{width:168px;max-width:40vw;height:auto}
.vj-agent-top nav{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:flex-end}.vj-agent-top nav>*{border:0;background:transparent;padding:5px 9px;color:#426277;text-decoration:none;font:800 10px/1.2 inherit}.vj-agent-top nav>*+*{border-left:1px solid var(--agent-border)}.vj-agent-top select{outline:none}
.vj-agent-switch{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0 0;padding:7px;border:1px solid var(--agent-border);border-radius:15px;background:rgba(255,255,255,.78)}
.vj-agent-switch a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:40px;padding:8px 6px;border:1px solid transparent;border-radius:10px;text-decoration:none;color:#456578;font-size:10px;font-weight:850}.vj-agent-switch a.active{border-color:var(--agent-accent);background:var(--agent-soft);color:var(--agent-accent);box-shadow:0 5px 14px color-mix(in srgb,var(--agent-accent) 12%,transparent)}
.vj-agent-hero{text-align:center;padding:30px 10px 17px}.vj-agent-kicker{font-size:9px;letter-spacing:1.5px;font-weight:950;color:var(--agent-accent)}.vj-agent-hero h1{margin:8px 0 7px;font-size:clamp(29px,5vw,46px);letter-spacing:-1.4px}.vj-agent-hero p{max-width:650px;margin:auto;color:var(--agent-muted);font-size:12px;line-height:1.55}.vj-agent-status{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 9px;border:1px solid var(--agent-border);border-radius:999px;background:#fff;color:var(--agent-accent);font-size:9px;font-weight:850}
.vj-agent-chat{position:relative;display:flex;flex-direction:column;height:min(680px,calc(100dvh - 245px));min-height:500px;border:1px solid var(--agent-border);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 60px rgba(35,73,96,.09);overflow:hidden}
.vj-agent-thread{flex:1;min-height:0;overflow-y:auto;padding:20px 18px 12px;scroll-behavior:smooth}
.vj-agent-welcome{max-width:680px;margin:18px auto 24px;padding:18px;border:1px solid var(--agent-border);border-radius:18px;background:linear-gradient(145deg,var(--agent-soft),#fff)}.vj-agent-welcome strong{display:block;margin-bottom:5px;color:var(--agent-accent);font-size:13px}.vj-agent-welcome p{margin:0;color:#557084;font-size:12px;line-height:1.55}
.vj-agent-row{display:flex;margin:0 0 14px}.vj-agent-row.user{justify-content:flex-end}.vj-agent-row.assistant{justify-content:flex-start}
.vj-agent-bubble{max-width:min(78%,700px);padding:12px 14px;border-radius:17px;font-size:12.5px;line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere}.vj-agent-row.user .vj-agent-bubble{background:var(--agent-accent);color:#fff;border-bottom-right-radius:5px}.vj-agent-row.assistant .vj-agent-bubble{background:#fff;color:var(--agent-ink);border:1px solid var(--agent-border);border-bottom-left-radius:5px;box-shadow:0 7px 20px rgba(47,80,101,.05)}
.vj-agent-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.vj-agent-action{border:1px solid var(--agent-accent);border-radius:999px;background:var(--agent-soft);color:var(--agent-accent);padding:8px 10px;font:850 10px/1.2 inherit;cursor:pointer}.vj-agent-action:hover{background:var(--agent-accent);color:#fff}.vj-agent-action.bundle{background:var(--agent-accent);color:#fff}
.vj-agent-bundle{margin-top:9px;padding:11px;border:1px solid var(--agent-border);border-radius:12px;background:var(--agent-soft)}.vj-agent-bundle b{display:block;color:var(--agent-accent);margin-bottom:5px}.vj-agent-bundle p{margin:0 0 7px}.vj-agent-bundle details{margin:6px 0}.vj-agent-bundle summary{cursor:pointer;font-weight:800}
.vj-agent-quick{display:flex;gap:7px;overflow-x:auto;padding:10px 14px 0;scrollbar-width:none}.vj-agent-quick::-webkit-scrollbar{display:none}.vj-agent-quick button{flex:0 0 auto;max-width:270px;border:1px solid var(--agent-border);border-radius:999px;background:#fff;color:#4b687a;padding:8px 10px;font:750 10px/1.25 inherit;cursor:pointer}.vj-agent-quick button:hover{border-color:var(--agent-accent);color:var(--agent-accent)}
.vj-agent-compose-wrap{border-top:1px solid var(--agent-border);background:rgba(255,255,255,.96);padding:10px 12px 12px}.vj-agent-compose{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:end;border:1px solid var(--agent-border);border-radius:16px;background:#fff;padding:8px 8px 8px 12px}.vj-agent-compose textarea{width:100%;min-height:42px;max-height:150px;border:0;outline:0;resize:none;background:transparent;color:var(--agent-ink);font:12.5px/1.45 inherit;padding:10px 0}.vj-agent-send{width:42px;height:42px;border:0;border-radius:12px;background:var(--agent-accent);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:18px;font-weight:900}.vj-agent-send:disabled{opacity:.55;cursor:wait}.vj-agent-note{text-align:center;margin:7px 0 0;color:#8a9aa5;font-size:8.5px}
.vj-agent-error{display:none;margin:8px 14px 0;padding:9px 10px;border:1px solid #f0c5c5;border-radius:10px;background:#fff4f4;color:#a02f2f;font-size:10px}
.vj-agent-typing{display:inline-flex;gap:4px;align-items:center}.vj-agent-typing i{width:5px;height:5px;border-radius:50%;background:var(--agent-accent);animation:agentDot 1s infinite ease-in-out}.vj-agent-typing i:nth-child(2){animation-delay:.15s}.vj-agent-typing i:nth-child(3){animation-delay:.3s}@keyframes agentDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.vj-agent-lock{position:absolute;inset:0;z-index:9;display:none;place-items:center;padding:20px;background:rgba(250,253,255,.94);backdrop-filter:blur(7px)}.vj-agent-lock.show{display:grid}.vj-agent-lock-card{max-width:430px;text-align:center;padding:24px;border:1px solid var(--agent-border);border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(30,63,84,.12)}.vj-agent-lock-card strong{display:block;font-size:20px;margin-bottom:8px}.vj-agent-lock-card p{color:var(--agent-muted);font-size:12px;line-height:1.55}.vj-agent-lock-card a{display:inline-block;margin-top:8px;padding:11px 16px;border-radius:11px;background:var(--agent-accent);color:#fff;text-decoration:none;font-size:11px;font-weight:900}
@media(max-width:760px){.vj-agent-shell{width:calc(100% - 14px)}.vj-agent-top{min-height:58px}.vj-agent-brand .vj-wordmark{width:138px}.vj-agent-top nav a{display:none}.vj-agent-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.vj-agent-switch a:last-child{grid-column:1/-1}.vj-agent-hero{padding:20px 6px 12px}.vj-agent-hero h1{font-size:31px}.vj-agent-chat{height:calc(100dvh - 215px);min-height:470px;border-radius:18px}.vj-agent-thread{padding:14px 10px 8px}.vj-agent-bubble{max-width:88%;font-size:12px}.vj-agent-quick{padding-left:10px;padding-right:10px}.vj-agent-compose-wrap{padding:8px}.vj-agent-compose{grid-template-columns:minmax(0,1fr) 40px}.vj-agent-send{width:40px;height:40px}}

/* v2 unified Agent navigation + composer */
.vj-agent-switch,.vj-agent-brand,.vj-agent-top>nav{display:none!important}
.vj-agent-top{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px}
.vj-agent-home-link{color:#5c7586;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap}
.vj-agent-top-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#3d5c70;font-size:11px;font-weight:900}
.vj-agent-top-actions{display:flex;align-items:center;gap:6px}
.vj-agent-token,.vj-agent-menu-toggle{height:38px;border:1px solid var(--agent-border);background:#fff;color:#35566b;border-radius:11px;font:850 10px/1 inherit;cursor:pointer}
.vj-agent-token{padding:0 10px;white-space:nowrap}.vj-agent-menu-toggle{width:40px;font-size:20px}
.vj-agent-drawer-backdrop{position:fixed;inset:0;z-index:38;background:rgba(16,37,50,.24)}
.vj-agent-drawer{position:fixed;z-index:39;right:0;top:0;width:min(330px,88vw);height:100dvh;padding:12px;background:#fff;border-left:1px solid #e1eaf0;box-shadow:-20px 0 55px rgba(26,57,77,.14);transform:translateX(104%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}
.vj-agent-drawer.open{transform:translateX(0);visibility:visible}
.vj-agent-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 10px;border-bottom:1px solid #edf2f5;color:#24475d}
.vj-agent-drawer-head strong{font-size:12px;letter-spacing:.8px}.vj-agent-drawer-head button{width:38px;height:38px;border:1px solid #e1eaf0;border-radius:10px;background:#fff;color:#607887;font-size:24px}
.vj-agent-lang{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:10px 2px;padding:8px 10px;border:1px solid #edf2f5;border-radius:11px;color:#708795;font-size:9px;font-weight:850}.vj-agent-lang select{min-width:0;border:0;outline:0;background:#fff;color:#36566b;font:800 10px/1.2 inherit}
.vj-agent-drawer-nav{display:grid;gap:2px;overflow-y:auto;max-height:calc(100dvh - 118px);padding:2px}
.vj-agent-drawer-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#496779;text-decoration:none;font-size:11px;font-weight:800}
.vj-agent-drawer-nav a.active{border-color:var(--agent-border);background:var(--agent-soft);color:var(--agent-accent)}
.vj-agent-drawer-section{padding:11px 10px 5px;color:#9aaab4;font-size:8px;font-weight:950;letter-spacing:1.1px}
.vj-agent-hero{padding-top:22px}
.vj-agent-chat{height:min(700px,calc(100dvh - 190px));min-height:510px}
.vj-agent-welcome{display:none!important}
.vj-agent-compose{grid-template-columns:minmax(0,1fr) 42px 42px;padding:7px;gap:6px;align-items:end}
.vj-agent-tool-btn{width:42px;height:42px;border:1px solid var(--agent-border);border-radius:12px;background:#fff;color:var(--agent-accent);display:grid;place-items:center;cursor:pointer;font-size:20px;font-weight:700}
.vj-agent-mic{font-size:17px}.vj-agent-mic.listening{background:var(--agent-accent);color:#fff;border-color:var(--agent-accent)}
.vj-agent-file-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;padding:7px 9px;border:1px solid var(--agent-border);border-radius:10px;background:var(--agent-soft);color:#557183;font-size:9.5px;font-weight:750}
.vj-agent-file-chip button{border:0;background:transparent;color:#6c8290;font-size:16px;cursor:pointer}
.vj-agent-profile-popup{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(33,57,72,.26);backdrop-filter:blur(3px)}
.vj-agent-profile-popup[hidden]{display:none!important}.vj-agent-profile-card{width:min(420px,100%);padding:24px;border:1px solid #e7dbc1;border-radius:20px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(34,55,69,.18)}
.vj-agent-profile-mark{width:38px;height:38px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#fff1c8;color:#8e6500;font-weight:950}
.vj-agent-profile-card h2{margin:0 0 7px;color:#273f4e;font-size:19px}.vj-agent-profile-card p{margin:0 auto 16px;max-width:330px;color:#718692;font-size:11px;line-height:1.55}
.vj-agent-profile-card a{display:block;padding:11px 14px;border-radius:11px;background:var(--agent-accent);color:#fff;text-decoration:none;font-size:10px;font-weight:950}.vj-agent-profile-card button{margin-top:8px;border:0;background:transparent;color:#83949e;font-size:10px;cursor:pointer}
@media(max-width:760px){.vj-agent-shell{width:calc(100% - 12px)}.vj-agent-top{min-height:56px}.vj-agent-top-title{font-size:10px}.vj-agent-home-link span{display:none}.vj-agent-hero{padding:15px 6px 10px}.vj-agent-hero h1{font-size:28px}.vj-agent-chat{height:calc(100dvh - 150px);min-height:480px}.vj-agent-compose{grid-template-columns:minmax(0,1fr) 38px 38px}.vj-agent-tool-btn,.vj-agent-send{width:38px;height:38px}.vj-agent-token{padding:0 8px;font-size:9px}.vj-agent-menu-toggle{width:38px}}


/* v3 homepage-aligned Agent shell */
.vj-agent-top{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vj-agent-top-actions{display:flex;align-items:center;justify-content:flex-end;min-width:118px}
#vjUniversalNavMount{display:flex;align-items:center;justify-content:flex-end}
.vj-agent-hero{display:none!important}
.vj-agent-chat{height:min(760px,calc(100dvh - 86px));min-height:520px;margin-top:14px}
.vj-agent-page.vj-agent-empty .vj-agent-chat{height:auto;min-height:0;margin-top:34px;border:0;background:transparent;box-shadow:none;overflow:visible}
.vj-agent-page.vj-agent-empty .vj-agent-thread{display:none!important}
.vj-agent-page.vj-agent-empty .vj-agent-quick{width:min(760px,100%);margin:0 auto;padding:0 0 10px;justify-content:center;overflow:visible;flex-wrap:wrap}
.vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{width:min(760px,100%);margin:0 auto;border:0;background:transparent;padding:0}
.vj-agent-page.vj-agent-empty .vj-agent-compose{border-radius:20px;box-shadow:0 8px 30px rgba(31,66,91,.10);padding:8px}
.vj-agent-page.vj-agent-empty .vj-agent-note{margin-top:7px}
.vj-agent-file-chip[hidden]{display:none!important}
@media(max-width:760px){
 .vj-agent-shell{width:calc(100% - 18px)}
 .vj-agent-top{min-height:64px}
 .vj-agent-top-title{text-align:left;padding-left:4px;font-size:10.5px}
 .vj-agent-top-actions{min-width:108px}
 .vj-agent-page.vj-agent-empty .vj-agent-chat{margin-top:24px}
 .vj-agent-page.vj-agent-empty .vj-agent-quick,.vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{width:100%}
 .vj-agent-chat{height:calc(100dvh - 82px);min-height:480px}
}

/* v4: Agent pages must feel like the homepage, not a separate legacy Studio screen. */
.vj-agent-page .vj-agent-hero,
.vj-agent-page #agentTitle,
.vj-agent-page #agentDesc,
.vj-agent-page #agentStatus,
.vj-agent-page .vj-agent-status{display:none!important}
.vj-agent-page.vj-agent-empty .vj-agent-chat{margin-top:24px!important}
.vj-agent-page.vj-agent-empty .vj-agent-quick,
.vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{width:min(860px,100%)!important;max-width:860px!important}
.vj-agent-page .vj-agent-compose{grid-template-columns:minmax(0,1fr) 42px 42px!important}
.vj-agent-page #agentUpload,
.vj-agent-page .vj-agent-upload,
.vj-agent-page .vj-agent-file-trigger,
.vj-agent-page #agentFileChip{display:none!important}
.vj-agent-page .vj-agent-tool-btn svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vjUniversalDrawer .vj-u-row.active{background:#e5f2ff!important;color:#087dff!important;border:1px solid #b9d9ef!important;box-shadow:inset 3px 0 0 #087dff!important}
@media(max-width:760px){
 .vj-agent-page.vj-agent-empty .vj-agent-chat{margin-top:18px!important}
 .vj-agent-page.vj-agent-empty .vj-agent-quick,
 .vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{width:100%!important;max-width:none!important}
 .vj-agent-page .vj-agent-compose{grid-template-columns:minmax(0,1fr) 38px 38px!important}
}

/* v5: centered empty Agent prompt, then normal bottom composer once chat starts. */
.vj-agent-page.vj-agent-empty .vj-agent-chat{height:calc(100dvh - 76px)!important;min-height:520px!important;margin-top:0!important;display:flex!important;justify-content:center!important;padding:0 0 3vh!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.vj-agent-page.vj-agent-empty .vj-agent-quick{width:min(860px,100%)!important;max-width:860px!important;margin:0 auto!important;padding:0 0 12px!important;justify-content:center!important;overflow:visible!important;flex-wrap:wrap!important}
.vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{width:min(860px,100%)!important;max-width:860px!important;margin:0 auto!important;border:0!important;background:transparent!important;padding:0!important}
.vj-agent-page .vj-agent-compose{grid-template-columns:42px minmax(0,1fr) 42px 42px!important}
.vj-agent-page #agentUpload{display:grid!important;font-size:22px!important;font-weight:500!important;line-height:1!important}
.vj-agent-page #agentFileChip{display:flex!important}.vj-agent-page #agentFileChip[hidden]{display:none!important}.vj-agent-page #agentFile{display:none!important}
@media(max-width:760px){.vj-agent-page.vj-agent-empty .vj-agent-chat{height:calc(100dvh - 62px)!important;min-height:460px!important;padding-bottom:4vh!important}.vj-agent-page .vj-agent-compose{grid-template-columns:38px minmax(0,1fr) 38px 38px!important}}


/* v6: fully-chat Agent tools, live status and aligned composer */
.vj-agent-top-title{display:flex;align-items:center;justify-content:center;gap:7px}
.vj-agent-top-title::after{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--agent-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--agent-accent) 14%,transparent),0 0 12px color-mix(in srgb,var(--agent-accent) 42%,transparent)}
.vj-agent-page .vj-agent-compose{align-items:center!important;min-height:50px!important;padding:5px 6px!important;gap:6px!important}
.vj-agent-page .vj-agent-compose textarea{align-self:center!important;min-height:38px!important;height:38px;max-height:118px!important;margin:0!important;padding:9px 2px!important;line-height:20px!important}
.vj-agent-page .vj-agent-tool-btn,.vj-agent-page .vj-agent-send{width:38px!important;height:38px!important;min-width:38px!important;align-self:center!important;border-radius:11px!important}
.vj-agent-page .vj-agent-compose{grid-template-columns:38px minmax(0,1fr) 38px 38px!important}
.vj-agent-main-objective{border-color:var(--agent-accent)!important;background:var(--agent-soft)!important;color:var(--agent-accent)!important;font-weight:900!important}
.vj-agent-tool-row .vj-agent-inline-bubble{width:min(92%,760px);max-width:760px;padding:0;overflow:hidden}
.vj-agent-inline-tool{padding:15px}
.vj-inline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.vj-inline-head small{display:block;margin-bottom:3px;color:var(--agent-accent);font-size:8px;font-weight:950;letter-spacing:1.2px}
.vj-inline-head strong{display:block;color:var(--agent-ink);font-size:14px}
.vj-inline-close{width:30px;height:30px;border:1px solid var(--agent-border);border-radius:9px;background:#fff;color:#758996;font-size:20px;line-height:1;cursor:pointer}
.vj-inline-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vj-inline-field{display:block;min-width:0}.vj-inline-field.vj-inline-wide{grid-column:1/-1}
.vj-inline-field>span{display:block;margin:0 0 5px;color:#5a7180;font-size:9.5px;font-weight:850}
.vj-inline-field input,.vj-inline-field textarea,.vj-inline-field select{display:block;width:100%;min-width:0;border:1px solid var(--agent-border);border-radius:10px;background:#fff;color:var(--agent-ink);padding:10px 11px;font:11px/1.4 inherit;outline:0}
.vj-inline-field textarea{min-height:78px;resize:vertical}.vj-inline-field input:focus,.vj-inline-field textarea:focus,.vj-inline-field select:focus{border-color:var(--agent-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--agent-accent) 10%,transparent)}
.vj-inline-actions{display:flex;justify-content:flex-end;margin-top:12px}
.vj-inline-submit{border:0;border-radius:10px;background:var(--agent-accent);color:#fff;padding:10px 13px;font:900 9.5px/1.2 inherit;cursor:pointer}.vj-inline-submit:disabled{opacity:.55;cursor:wait}
.vj-inline-status{min-height:15px;margin-top:9px;color:#708592;font-size:9.5px}.vj-agent-inline-tool.is-complete .vj-inline-status{color:var(--agent-accent);font-weight:850}
.vj-inline-error{margin-top:9px;padding:8px 9px;border:1px solid #f0c5c5;border-radius:9px;background:#fff5f5;color:#a13434;font-size:9.5px;line-height:1.45}.vj-inline-error a{color:#087dff;font-weight:850}
.vj-agent-result-image{display:block;width:min(100%,560px);height:auto;margin-top:11px;border:1px solid var(--agent-border);border-radius:13px;background:#f8fbfd}
@media(max-width:760px){
 .vj-agent-top-title{justify-content:flex-start}
 .vj-inline-fields{grid-template-columns:1fr}.vj-inline-field.vj-inline-wide{grid-column:auto}
 .vj-agent-tool-row .vj-agent-inline-bubble{width:94%;max-width:94%}
 .vj-agent-inline-tool{padding:12px}
 .vj-agent-page .vj-agent-compose{grid-template-columns:36px minmax(0,1fr) 36px 36px!important;min-height:46px!important;padding:4px 5px!important}
 .vj-agent-page .vj-agent-tool-btn,.vj-agent-page .vj-agent-send{width:36px!important;height:36px!important;min-width:36px!important}
 .vj-agent-page .vj-agent-compose textarea{min-height:36px!important;height:36px;padding:8px 2px!important}
}


/* v7: lighter objective, universal online dot, premium profile prompt */
.vj-agent-top-title::after{background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.12),0 0 11px rgba(34,197,94,.35)!important}
.vj-agent-main-objective{border-color:var(--agent-border)!important;background:#fff!important;color:#526f82!important;font-weight:750!important;box-shadow:none!important}
.vj-agent-main-objective:hover{border-color:color-mix(in srgb,var(--agent-accent) 38%,var(--agent-border))!important;color:var(--agent-accent)!important;background:#fff!important}
.vj-agent-page .vj-agent-compose textarea{overflow-y:hidden;scrollbar-width:thin}
.vj-agent-profile-popup:not([hidden]){animation:vjProfileBackdropIn .22s ease both}
.vj-agent-profile-popup:not([hidden]) .vj-agent-profile-card{animation:vjProfileCardIn .34s cubic-bezier(.16,.84,.24,1) both;transform-origin:50% 60%}
@keyframes vjProfileBackdropIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(3px)}}
@keyframes vjProfileCardIn{0%{opacity:0;transform:translateY(14px) scale(.965);filter:blur(2px)}70%{opacity:1;transform:translateY(-2px) scale(1.005);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.vj-agent-profile-popup:not([hidden]),.vj-agent-profile-popup:not([hidden]) .vj-agent-profile-card{animation:none!important}}


/* v8: voice feedback + vertically centered prompt */
.vj-agent-page .vj-agent-compose textarea{box-sizing:border-box!important;height:38px;min-height:38px!important;padding:7px 2px!important;line-height:24px!important;overflow-y:hidden}
.vj-agent-page .vj-agent-mic.listening{background:#fff0f2!important;color:#d73b52!important;border-color:#f0c6cc!important;box-shadow:0 0 0 3px rgba(215,59,82,.08)!important}
.vj-agent-page .vj-agent-mic:disabled{opacity:.55!important;cursor:wait!important}


/* v9: remove legacy dark active-menu edge */
#vjUniversalDrawer .vj-u-row.active{box-shadow:none!important}


/* v10: contextual trash sits immediately left of token on every Agent page */
.vj-agent-page #vjUniversalContext.vj-u-trash{order:1!important}
.vj-agent-page #vjUniversalToken{order:2!important}
.vj-agent-page #vjUniversalMenu{order:3!important}


/* v11: floating Agent-colour suggestion chips with black outline */
.vj-agent-quick button{
 border-color:#111827!important;background:var(--agent-soft)!important;color:var(--agent-accent)!important;
 box-shadow:0 3px 10px color-mix(in srgb,var(--agent-accent) 8%,transparent)!important;
 animation:vjAgentQuickFloat 5.2s ease-in-out infinite!important;will-change:transform
}
.vj-agent-quick button:nth-child(2n){animation-delay:-1.4s!important;animation-duration:5.8s!important}
.vj-agent-quick button:nth-child(3n){animation-delay:-2.8s!important;animation-duration:4.9s!important}
.vj-agent-quick button:nth-child(4n){animation-delay:-3.7s!important;animation-duration:6.1s!important}
.vj-agent-quick button:hover,.vj-agent-quick button:focus-visible{
 border-color:#111827!important;background:var(--agent-soft)!important;color:var(--agent-accent)!important;
 animation-play-state:paused!important;transform:translateY(-2px)!important;outline:none!important
}
.vj-agent-main-objective{border-color:#111827!important;background:var(--agent-soft)!important;color:var(--agent-accent)!important;font-weight:850!important}
@keyframes vjAgentQuickFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
@media(prefers-reduced-motion:reduce){.vj-agent-quick button{animation:none!important;transform:none!important}}


/* Veo 3.1 inline video tool */
.vj-video-cost-note{grid-column:1/-1;font-size:12px;font-weight:700;opacity:.78;padding:2px 1px 4px}
.vj-agent-result-video{display:block;width:100%;max-width:620px;margin-top:12px;border-radius:16px;background:#000}

.vj-agent-result-link{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--accent,#126bff);color:#fff!important;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.02em}


/* v14: tool-aware empty-state Agent introduction */
.vj-agent-intro{display:none}
.vj-agent-page.vj-agent-empty .vj-agent-intro{
 display:block;
 width:min(760px,calc(100% - 24px));
 max-width:760px;
 margin:0 auto 18px;
 padding:0 16px;
 text-align:center;
 color:var(--agent-ink);
 font-family:var(--vj-font-display,"Manrope","Inter",system-ui,sans-serif);
 font-size:16px;
 font-weight:600;
 line-height:1.45;
 letter-spacing:-.015em;
}
@media(max-width:760px){
 .vj-agent-page.vj-agent-empty .vj-agent-intro{
  width:min(94%,680px);
  margin-bottom:14px;
  padding:0 8px;
  font-size:14px;
  line-height:1.4;
 }
}


/* v15: one-tap copy for generated text */
.vj-agent-copy-all{
 display:inline-flex;align-items:center;justify-content:center;
 margin-top:12px;padding:8px 11px;border:1px solid var(--agent-border);
 border-radius:9px;background:#fff;color:var(--agent-accent);
 font:700 9.5px/1.2 var(--vj-font-body,"Inter",system-ui,sans-serif);
 letter-spacing:.02em;cursor:pointer;box-shadow:none
}
.vj-agent-copy-all:hover,.vj-agent-copy-all:focus-visible{
 border-color:var(--agent-accent);background:var(--agent-soft);outline:none
}

/* v16: frameless full-page Agent chat with fixed composer after the first turn */
.vj-agent-page:not(.vj-agent-empty) .vj-agent-shell{
 width:100%!important;max-width:none!important;margin:0!important;padding-bottom:0!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-top{
 padding-left:max(12px,calc((100vw - 1080px)/2))!important;
 padding-right:max(12px,calc((100vw - 1080px)/2))!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-chat{
 height:auto!important;min-height:calc(100dvh - 64px)!important;margin-top:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{
 flex:none!important;width:min(980px,100%)!important;min-height:calc(100dvh - 210px)!important;
 margin:0 auto!important;padding:18px 18px 14px!important;overflow:visible!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-quick{
 width:min(980px,100%)!important;max-width:980px!important;margin:0 auto calc(94px + env(safe-area-inset-bottom))!important;
 padding:8px 16px 10px!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-compose-wrap{
 position:fixed!important;z-index:115!important;left:50%!important;right:auto!important;bottom:0!important;
 transform:translateX(-50%)!important;width:min(980px,100%)!important;max-width:980px!important;margin:0!important;
 border:0!important;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.94) 24%,rgba(255,255,255,.99) 54%)!important;
 padding:15px 16px max(10px,env(safe-area-inset-bottom))!important;box-shadow:none!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-compose{
 box-shadow:0 8px 28px rgba(31,66,91,.10)!important
}
@media(max-width:760px){
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-top{padding-left:9px!important;padding-right:9px!important}
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{width:100%!important;padding:14px 11px 10px!important}
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-quick{
  width:100%!important;max-width:none!important;margin-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  padding:7px 10px 8px!important
 }
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-compose-wrap{
  width:100%!important;max-width:none!important;padding:12px 9px max(8px,env(safe-area-inset-bottom))!important
 }
}


/* v17: live microphone level feedback + transcription spinner */
.vj-agent-page .vj-agent-mic{position:relative!important;overflow:visible!important;--vj-voice-ring:2px}
.vj-agent-page .vj-agent-mic>svg{transition:opacity .16s ease,transform .16s ease}
.vj-agent-page .vj-agent-voice-wave,.vj-agent-page .vj-agent-voice-spinner{display:none}
.vj-agent-page .vj-agent-mic.listening>svg,.vj-agent-page .vj-agent-mic.processing>svg{display:none!important}
.vj-agent-page .vj-agent-mic.listening{
 background:var(--agent-soft)!important;color:var(--agent-accent)!important;border-color:var(--agent-accent)!important;
 box-shadow:0 0 0 var(--vj-voice-ring,2px) color-mix(in srgb,var(--agent-accent) 17%,transparent),0 5px 16px color-mix(in srgb,var(--agent-accent) 16%,transparent)!important
}
.vj-agent-page .vj-agent-mic.listening .vj-agent-voice-wave{display:flex;align-items:center;justify-content:center;gap:2px;width:22px;height:20px}
.vj-agent-page .vj-agent-voice-wave i{display:block;width:3px;height:15px;border-radius:999px;background:currentColor;transform:scaleY(.42);transform-origin:center;animation:vjAgentVoiceWave .62s ease-in-out infinite alternate}
.vj-agent-page .vj-agent-voice-wave i:nth-child(2){animation-delay:-.25s}.vj-agent-page .vj-agent-voice-wave i:nth-child(3){animation-delay:-.4s}.vj-agent-page .vj-agent-voice-wave i:nth-child(4){animation-delay:-.12s}
.vj-agent-page .vj-agent-mic.metering .vj-agent-voice-wave i{animation:none!important}
.vj-agent-page .vj-agent-mic.processing{background:var(--agent-soft)!important;color:var(--agent-accent)!important;border-color:var(--agent-border)!important;opacity:1!important;cursor:wait!important}
.vj-agent-page .vj-agent-mic.processing .vj-agent-voice-spinner{display:block;width:18px;height:18px;border:2px solid color-mix(in srgb,var(--agent-accent) 24%,transparent);border-top-color:var(--agent-accent);border-radius:50%;animation:vjAgentVoiceSpin .68s linear infinite}
@keyframes vjAgentVoiceWave{from{transform:scaleY(.30)}to{transform:scaleY(1.05)}}
@keyframes vjAgentVoiceSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vj-agent-page .vj-agent-voice-wave i{animation:none!important}.vj-agent-page .vj-agent-mic.listening{box-shadow:0 0 0 3px color-mix(in srgb,var(--agent-accent) 14%,transparent)!important}}

/* v18: expired Trial keeps Organic Generate Text open */
.vj-agent-free-text-note{flex:0 0 100%;padding:9px 11px;border:1px solid var(--agent-border);border-radius:12px;background:var(--agent-soft);color:var(--agent-ink);font-size:10px;line-height:1.45;font-weight:700}
.vj-agent-page.vj-agent-free-text-only .vj-agent-compose-wrap{display:none!important}
.vj-agent-page.vj-agent-free-text-only .vj-agent-quick{padding-bottom:max(16px,env(safe-area-inset-bottom));flex-wrap:wrap}
.vj-agent-page.vj-agent-free-text-only .vj-agent-quick button[data-tool="text"]{border-color:var(--agent-accent)!important;color:var(--agent-accent)!important;font-weight:850!important}
.vj-agent-page.vj-agent-free-text-only .vj-agent-quick button{animation:none!important;transform:none!important;will-change:auto!important}


/* v19: Android/WebView paint stability for empty Agent */
.vj-agent-page.vj-agent-empty .vj-agent-chat{
 background:#fff!important;
}
@media(max-width:760px){
 .vj-agent-top{
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
 }
 .vj-agent-page.vj-agent-empty .vj-agent-quick button{
  animation:none!important;
  /* Keep this non-important: keyframe animation must control transform on touch devices. */
  transform:none;
  will-change:auto!important
 }
}

/* v20: pure white Agent starting canvas only. Do not alter quick chips/buttons/active chat. */
body.vj-agent-page.vj-agent-empty{background:#fff!important;background-image:none!important}
body.vj-agent-page.vj-agent-empty .vj-agent-chat{background:#fff!important;background-image:none!important}

/* v21: Active conversation keeps Agent suggested words beside the fixed prompt; swipe or wheel horizontally. */
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-quick{
 position:fixed!important;z-index:116!important;left:50%!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;
 transform:translateX(-50%)!important;width:min(980px,calc(100vw - 20px))!important;max-width:980px!important;
 margin:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
 justify-content:flex-start!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;
 padding:10px 12px 8px!important;background:rgba(255,255,255,.97)!important;border-radius:13px!important;
 overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;
 scrollbar-width:thin!important;scrollbar-color:#b9c7d3 transparent!important;
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-quick button{
 flex:0 0 auto!important;animation:none!important;transform:none!important;will-change:auto!important;
 white-space:nowrap!important;max-width:none!important
}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-quick::-webkit-scrollbar{display:block!important;height:4px!important}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-quick::-webkit-scrollbar-thumb{background:#b9c7d3!important;border-radius:8px!important}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{padding-bottom:185px!important}
@media(max-width:760px){
 .vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-quick{
  bottom:calc(69px + env(safe-area-inset-bottom))!important;width:calc(100vw - 8px)!important;
  padding:8px 10px!important;gap:7px!important
 }
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{padding-bottom:175px!important}
}


/* Business Profile reminder blurs the sticky navigation too. */
.vj-agent-profile-popup:not([hidden]){z-index:20000!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
.vj-agent-row.vj-agent-chat-fade{animation:vjAgentChatFade .28s ease-out both}
@keyframes vjAgentChatFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.vj-agent-row.vj-agent-chat-fade{animation:none!important}}

/* v22 Android keyboard and editable long prompt: fixed footer follows visual viewport. */
.vj-agent-page .vj-agent-compose textarea{
 max-height:160px!important;touch-action:pan-y!important;
 overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;
 overflow-wrap:anywhere!important;scrollbar-width:thin!important
}
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-compose-wrap{
 bottom:var(--vj-agent-keyboard-offset,0px)!important
}
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-quick{
 bottom:calc(var(--vj-agent-keyboard-offset,0px) + var(--vj-agent-composer-height,78px) - 1px)!important
}
@media(max-width:760px){
 .vj-agent-page .vj-agent-compose textarea{max-height:144px!important}
 .vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-thread{padding-bottom:230px!important}
}

/* v23: Android long-prompt scroll and keyboard composer accessibility. */
.vj-agent-page .vj-agent-compose textarea{
 overflow-y:hidden!important;overflow-x:hidden!important;touch-action:pan-y!important;
 -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;
 resize:none!important;user-select:text!important;-webkit-user-select:text!important;
}
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-compose-wrap{
 bottom:var(--vj-agent-keyboard-offset,0px)!important
}
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-quick{
 bottom:calc(var(--vj-agent-keyboard-offset,0px) + var(--vj-agent-composer-height,78px) - 1px)!important
}
@media(max-width:760px){
 .vj-agent-page .vj-agent-compose textarea{min-height:38px!important;max-height:144px!important}
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{padding-bottom:260px!important}
}

/* Organic Growth chat results: direct social-media handoff; users review and publish. */
.vj-agent-social-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--agent-border)}
.vj-agent-social-label{display:block;flex:0 0 100%;font-size:12px;font-weight:700;color:var(--agent-ink)}
.vj-agent-social-button{border:1px solid var(--agent-border);border-radius:999px;padding:8px 11px;background:var(--agent-soft);color:var(--agent-accent);font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;min-height:35px}
.vj-agent-social-button:hover,.vj-agent-social-button:focus-visible{border-color:var(--agent-accent);outline-offset:2px}
.vj-agent-social-hint{display:block;flex:0 0 100%;color:var(--agent-muted);font-size:11px;line-height:1.45}
@media(max-width:600px){.vj-agent-social-button{font-size:11px;padding:8px 9px}}

/* Document Studio: clear PDF deliverable and confirmed token cost. */
.vj-document-cost{grid-column:1/-1;background:#eef8ff;border:1px solid #c4ddeb;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:750;color:#15577a;line-height:1.5}
.vj-agent-pdf-action{margin-top:13px;padding:15px;border:1px solid #bee1ec;background:#f2fbff;border-radius:13px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vj-agent-pdf-action strong{display:block;flex:1 1 100%;font-size:12px;color:#12394e;overflow-wrap:anywhere}
.vj-agent-pdf-action button{border:0;border-radius:10px;background:#147c9d;color:#fff;font-weight:850;font-size:12px;padding:12px 17px;cursor:pointer;min-height:44px}
.vj-agent-pdf-action button:disabled{opacity:.6;cursor:wait}
.vj-agent-pdf-action small{font-size:11px;color:#346477}
@media(max-width:600px){.vj-agent-pdf-action{padding:12px}.vj-agent-pdf-action button{width:100%}}

/* Compact shared Agent loader: just two rotating colour-matched rings, no letter or square. */
.vj-agent-thinking-row .vj-agent-bubble.vj-agent-neural{
 display:flex;align-items:center;justify-content:center;
 width:42px;max-width:42px;min-width:42px;min-height:42px;
 padding:3px!important;margin:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
.vj-agent-neural-orb{display:block;position:relative;flex:0 0 32px;width:32px;height:32px;border-radius:50%;isolation:isolate}
.vj-agent-neural-orb:before,.vj-agent-neural-orb:after{
 content:"";position:absolute;inset:1px;border:2px solid var(--agent-accent);
 border-top-color:transparent;border-radius:50%;
 box-shadow:0 0 6px color-mix(in srgb,var(--agent-accent) 22%,transparent);
 animation:vjNeuralSpin 1.8s linear infinite;
}
.vj-agent-neural-orb:after{inset:7px;border-width:1.5px;border-left-color:transparent;border-top-color:var(--agent-accent);animation-direction:reverse;animation-duration:1.35s;opacity:.75}
.vj-agent-row[data-revealing="1"] .vj-agent-actions{opacity:0;pointer-events:none}
@keyframes vjNeuralSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vj-agent-neural-orb:before,.vj-agent-neural-orb:after{animation:none!important}.vj-agent-row[data-revealing="1"] .vj-agent-actions{opacity:1!important;pointer-events:auto!important}}
.vj-document-guidance{grid-column:1/-1;margin:0;color:#39647b;font-size:12px;line-height:1.55}

/* Touch Agent chips float like desktop, but respect accessibility preferences. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.vj-agent-page.vj-agent-empty .vj-agent-quick button{animation:vjAgentQuickFloat 5.2s ease-in-out infinite!important;will-change:transform!important}}

/* v30: Four-Agent landing layout. Fixed action prompts never scroll with the suggestions.
   Only the suggestions viewport scrolls; intro and composer remain visible on mobile. */
.vj-agent-page .vj-agent-quick{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:10px!important;min-height:0!important}
.vj-agent-page .vj-agent-fixed-prompts{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;padding:2px 8px}
.vj-agent-page .vj-agent-suggestions{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:9px;padding:10px 8px 14px;min-height:0;max-height:min(35dvh,310px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--agent-border) transparent;touch-action:pan-y}
.vj-agent-page .vj-agent-suggestions button{flex:0 0 auto}
.vj-agent-page.vj-agent-empty .vj-agent-chat{overflow:hidden!important;justify-content:center!important;padding:12px 0 10px!important;min-height:0!important}
.vj-agent-page.vj-agent-empty .vj-agent-intro{display:block!important;flex:0 0 auto!important;margin-bottom:12px!important}
.vj-agent-page.vj-agent-empty .vj-agent-quick{overflow:visible!important;flex:0 1 auto!important;padding-bottom:8px!important}
.vj-agent-page.vj-agent-empty .vj-agent-compose-wrap{flex:0 0 auto!important}
.vj-agent-page.vj-agent-empty .vj-agent-quick button{animation:none!important;transform:none!important;will-change:auto!important}
.vj-agent-page:not(.vj-agent-empty):not(.vj-agent-free-text-only) .vj-agent-quick{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:0!important;padding:5px 10px!important}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-suggestions{flex-wrap:nowrap;justify-content:flex-start;max-height:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;padding:5px 3px 7px}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-fixed-prompts{justify-content:flex-start;padding:4px 3px}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{padding-bottom:240px!important}
@media(max-width:760px){
 .vj-agent-page.vj-agent-empty .vj-agent-chat{height:calc(100dvh - 82px)!important;max-height:calc(100dvh - 82px)!important}
 .vj-agent-page.vj-agent-empty .vj-agent-suggestions{max-height:clamp(105px,31dvh,255px)!important;gap:8px;padding:8px 5px 12px}
 .vj-agent-page.vj-agent-empty .vj-agent-fixed-prompts{gap:8px;padding:2px 5px}
 .vj-agent-page.vj-agent-empty .vj-agent-intro{font-size:14px!important;line-height:1.4!important;margin-bottom:10px!important}
 .vj-agent-page.vj-agent-empty .vj-agent-quick{gap:7px!important}
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-quick{max-height:128px!important}
 .vj-agent-page:not(.vj-agent-empty) .vj-agent-thread{padding-bottom:265px!important}
}
@media(max-height:650px){
 .vj-agent-page.vj-agent-empty .vj-agent-suggestions{max-height:22dvh!important}
 .vj-agent-page.vj-agent-empty .vj-agent-intro{margin-bottom:5px!important}
}

/* v31: readable ChatGPT-scale Agent answers, preserve input and compact actions */
.vj-agent-page .vj-agent-row.assistant .vj-agent-bubble{font-size:16px!important;line-height:1.7!important;letter-spacing:0!important}
.vj-agent-page .vj-agent-row.assistant .vj-agent-bubble p,.vj-agent-page .vj-agent-row.assistant .vj-agent-bubble li{font-size:inherit!important;line-height:inherit!important}
.vj-agent-page .vj-agent-inline-bubble,.vj-agent-page .vj-agent-result-text{font-size:16px!important;line-height:1.7!important}
@media(max-width:760px){.vj-agent-page .vj-agent-row.assistant .vj-agent-bubble{font-size:16px!important;max-width:96%!important}}

/* Keep suggestion viewport inside mobile screen so every chip can be reached. */
.vj-agent-page .vj-agent-quick{min-width:0!important;box-sizing:border-box!important}
.vj-agent-page .vj-agent-suggestions{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.vj-agent-page:not(.vj-agent-empty) .vj-agent-suggestions{flex:0 1 auto!important;overflow-x:auto!important;overscroll-behavior-x:contain}


/* Four Agent research-style phased loader in the existing Agent accent. */
.vj-agent-thinking-row .vj-agent-bubble.vj-agent-neural{justify-content:flex-start!important;width:fit-content!important;min-width:0!important;max-width:min(95%,370px)!important;gap:10px!important;padding:8px 12px!important;border:1px solid var(--agent-border)!important;border-radius:13px!important;background:color-mix(in srgb,var(--agent-accent) 5%,white)!important}
.vj-agent-neural-orb{flex:0 0 26px;width:26px;height:26px}
.vj-agent-thinking-text{display:block;min-width:0;color:var(--agent-accent);font-size:11px;line-height:1.4;font-weight:780;opacity:.5;transition:opacity .35s ease}
.vj-agent-thinking-text.vj-agent-phase-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.vj-agent-thinking-text{transition:none!important}}

/* VIBERJAYA shared scroll-room parity (26 Oct): the four original Agents
   use document scrolling and a fixed composer. Preserve their individual
   suggestion/tool UIs but let manual swipes lift the final reply higher. */
body.vj-agent-page:not(.vj-team-page):not(.vj-agent-empty) #agentThread{
 padding-bottom:18px!important;
}
body.vj-agent-page:not(.vj-team-page):not(.vj-agent-empty) #agentThread::after{
 content:"";display:block;pointer-events:none;
 height:clamp(210px,36dvh,390px);min-height:210px;width:100%;
}