/* The TANIX robot as the logo on tanimawoai.com (founder 2026-11-15: "Use the same logo robot here ... as the logo
   everywhere a logo is needed. Also update the AI copilot logo with it"). Injected by nginx into every page of the
   website, after the page's own styles, so no page had to change. robot-logos.js then draws the moving 3D robot over
   each spot; what is set here is the flat robot, which is all that shows with reduced motion or without WebGL.
   No glow and no shadow behind the robot (founder, same day, on hire.tanix.app). */

/* Header: the robot without the graduation cap. */
.nav-inner .logo-mark, :root:not([data-theme="light"]) .nav-inner .logo-mark {
  background: transparent url("/assets/tanix-bot.webp?v=1") center / 80% auto no-repeat; box-shadow: none; }
.nav-inner .logo:hover .logo-mark, .nav-inner .logo:focus-visible .logo-mark { filter: none; }
.nav-inner > .logo { position: relative; }
.logo.rl-on .logo-mark { background-image: none !important; }

/* The assistant: launcher, header and the small face beside each answer. content: swaps the picture an <img>
   shows without touching the 55 pages that carry the old one. */
.chat-launcher-img, .chat-header-avatar, .chat-avatar-mini { content: url("/assets/tanix-bot.webp?v=1"); object-fit: contain; }
.chat-launcher-img { background: #06183a; padding: 9px; box-sizing: border-box; }
.chat-header-avatar { background: #06183a; padding: 4px; box-sizing: border-box; }
.chat-avatar-mini { background: #06183a; padding: 2px; box-sizing: border-box; }
/* Once the moving robot is drawn, the flat one under it is hidden; its dark circle moves to the holder. */
.chat-launcher.rl-on { background: #06183a; box-shadow: 0 0 0 2px var(--accent, #1f7bff), var(--shadow, 0 8px 24px rgba(0, 0, 0, .4)); }
.chat-launcher.rl-on .chat-launcher-img { visibility: hidden; }
.rl-face { position: relative; display: inline-block; flex-shrink: 0; line-height: 0; border-radius: 50%; }
.rl-face.rl-on { background: #06183a; box-shadow: 0 0 0 2px rgba(255, 255, 255, .6); }
.rl-face.rl-on > img { visibility: hidden; }

/* The moving robot's canvas, placed by robot-logos.js. */
.rl-bot { position: absolute; display: block; pointer-events: none; z-index: 1; }