/* header-fix.css (v62) - guarantees Pricing + Sign up show top-right; distinct button art. */

/* Keep the header tidy so the right-side actions never get pushed off-screen */
.masthead{gap:14px}
.system-state{display:none!important}               /* drop the middle "Intent engine ready" pill */
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}

/* --- distinct nav button colors --- */
.vk-nav .nav-projects:hover{color:#0891b2;background:rgba(8,145,178,.08)}
.vk-nav .nav-agents:hover{color:#7c3aed;background:rgba(124,58,237,.08)}
.vk-nav .nav-tools:hover{color:#2563eb;background:rgba(37,99,235,.08)}
.vk-nav button.nav-projects,.vk-nav button.nav-agents,.vk-nav .nav-tools{font-weight:600}

/* --- theme toggle: violet accent --- */
.theme-toggle{border-color:#e6eaf2}
.theme-toggle:hover{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}

/* --- Pricing: distinct blue outline pill (always visible) --- */
.header-pricing{display:inline-flex!important;align-items:center;padding:9px 16px;border-radius:999px;
  font:700 13px var(--vk-body,'DM Sans',sans-serif);color:#2563eb;text-decoration:none;
  border:1.5px solid #93b4fb;background:#eef2ff;white-space:nowrap;transition:all .15s}
.header-pricing:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-color:transparent;transform:translateY(-1px)}

/* --- Sign in: subtle slate --- */
.account-button{border:1px solid #dbe2ea!important;background:#fff!important;color:#3d4654!important}
.account-button:hover{border-color:#2563eb!important;color:#2563eb!important}
.account-avatar{background:#0f1724!important;color:#fff!important}

/* --- Sign up: bold gradient CTA (art) --- */
.signup-button{display:inline-flex!important;align-items:center;border:0!important;border-radius:999px;padding:10px 18px;
  font:800 13px var(--vk-body,'DM Sans',sans-serif);color:#fff!important;white-space:nowrap;
  background:linear-gradient(135deg,#2563eb,#7c3aed 60%,#06b6d4)!important;background-size:180% 180%!important;
  box-shadow:0 8px 20px rgba(37,99,235,.32)!important;animation:hfShift 6s ease infinite}
.signup-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 26px rgba(37,99,235,.4)!important}
@keyframes hfShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* --- Memory + language: shrink so CTAs always fit --- */
@media(max-width:1150px){.memory-button span,.language-switcher-button span{display:none}.memory-button,.language-switcher-button{padding:8px}}
@media(max-width:820px){
  .vk-nav{gap:0}.vk-nav button span,.vk-nav .vk-navlink span{font-size:0}  /* icons only on narrow */
  .header-pricing{padding:8px 12px}
}

/* dark mode */
html[data-theme="dark"] .header-pricing{background:rgba(37,99,235,.16);border-color:rgba(147,180,251,.4);color:#93b4fb}
html[data-theme="dark"] .account-button{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.12)!important;color:#c6d3e2!important}
html[data-theme="dark"] .theme-toggle:hover{background:rgba(124,58,237,.18);border-color:rgba(196,181,253,.4);color:#c4b5fd}