/* Third-party AI widget overrides — loaded at the end of so its rules win over the widget's injected stylesheet. Keeps the widget pinned to the top-right corner and styled in the IncepifyAI brand palette. */ .ai-widget-mount, [data-widget-key="712bb16b-dfb9-4f20-a91b-ebe4edf080a8"] { position: fixed !important; top: 5rem !important; right: 1rem !important; left: auto !important; bottom: auto !important; width: auto !important; z-index: 60 !important; display: flex !important; justify-content: flex-end !important; margin: 0 !important; transform: none !important; } #web-widget-container, #web-widget-container.wcw-widget-container, #web-widget-container.wcw-theme-light, #web-widget-container.wcw-theme-dark, #web-widget-container.text-mode { --accent-color: hsl(var(--cta)) !important; --accent-shadow: hsl(var(--cta) / 0.3) !important; --widget-bg: hsl(210 100% 55%) !important; --widget-border: hsl(0 0% 100% / 0.2) !important; --text-primary: hsl(0 0% 100%) !important; --text-secondary: hsl(0 0% 100% / 0.85) !important; background: hsl(210 100% 55%) !important; color: hsl(0 0% 100%) !important; border-radius: 9999px !important; padding: 0.5rem 0.75rem 0.5rem 0.75rem !important; gap: 0.75rem !important; box-shadow: 0 4px 24px hsl(210 100% 52% / 0.25) !important; border: 1px solid hsl(0 0% 100% / 0.2) !important; font-family: var(--font-body) !important; } #web-widget-container .wcw-widget-wrapper, #web-widget-container .wcw-widget-container { display: flex !important; align-items: center !important; gap: 0.75rem !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 9999px !important; width: auto !important; height: auto !important; } #web-widget-container .wcw-text-container { order: -1 !important; background: transparent !important; color: hsl(0 0% 100%) !important; text-align: left !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; } #web-widget-container .wcw-title, #web-widget-container .wcw-subtext { font-family: var(--font-body) !important; font-size: 0.875rem !important; font-weight: 600 !important; line-height: 1.25 !important; color: hsl(0 0% 100%) !important; background: transparent !important; max-width: 160px !important; white-space: normal !important; padding: 0 !important; margin: 0 !important; text-shadow: none !important; } #web-widget-container .wcw-subtext { display: none !important; } #web-widget-container .wcw-state-container { background: hsl(var(--cta)) !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; flex-shrink: 0 !important; box-shadow: 0 0 20px hsl(var(--cta) / 0.4) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } #web-widget-container:hover .wcw-state-container, #web-widget-container:focus-within .wcw-state-container { transform: scale(1.05) !important; box-shadow: 0 0 28px hsl(var(--cta) / 0.55) !important; } #web-widget-container .wcw-state-container img, #web-widget-container .wcw-quiet { filter: brightness(0) invert(1) !important; width: 22px !important; height: 22px !important; } #web-widget-container .ripple-container { width: 240px !important; height: 240px !important; } #web-widget-container .ripple { background: hsl(var(--cta) / 0.12) !important; border: 2px solid hsl(var(--cta) / 0.45) !important; } @media (max-width: 768px) { .ai-widget-mount, [data-widget-key="712bb16b-dfb9-4f20-a91b-ebe4edf080a8"] { top: 4.5rem !important; right: 0.5rem !important; } #web-widget-container, #web-widget-container.wcw-widget-container, #web-widget-container.wcw-theme-light, #web-widget-container.wcw-theme-dark, #web-widget-container.text-mode { padding: 0.5rem 0.625rem 0.5rem 0.625rem !important; gap: 0.5rem !important; } #web-widget-container .wcw-title, #web-widget-container .wcw-subtext { font-size: 0.75rem !important; max-width: 120px !important; } #web-widget-container .wcw-state-container { width: 40px !important; height: 40px !important; } #web-widget-container .wcw-state-container img, #web-widget-container .wcw-quiet { width: 18px !important; height: 18px !important; } }