@import url("final-dark.css"); /* ===== LIGHT TECH TRIAL — fixed single theme ===== */ :root, html[data-theme="dark"], html[data-theme="light"] { color-scheme: light !important; --hud-bg:#f6f8fb !important; --hud-bg-2:#eef2f7 !important; --hud-panel:#ffffff !important; --hud-panel-strong:#f8fafc !important; --hud-line:#dbe2ea !important; --hud-line-strong:#cbd5e1 !important; --hud-text:#172033 !important; --hud-muted:#64748b !important; --hud-accent:#4f46e5 !important; --hud-accent-2:#3157d5 !important; --hud-good:#4f8f79 !important; --hud-warn:#b7791f !important; --hud-danger:#c2415d !important; --bg:#f6f8fb !important; --panel:#ffffff !important; --panel-2:#f8fafc !important; --surface:#ffffff !important; --surface2:#f8fafc !important; --surface-2:#f8fafc !important; --surface-3:#eef2f7 !important; --text:#172033 !important; --muted:#64748b !important; --line:#dbe2ea !important; --blue:#4f46e5 !important; --blue-soft:#eef0ff !important; --green:#4f8f79 !important; --green-strong:#3f7564 !important; --green-soft:#edf6f2 !important; --primary:#4f46e5 !important; --accent:#4f46e5 !important; --navy:#172033 !important; --nav-line:#dbe2ea !important; } html,body{background:#f6f8fb !important;color:#172033 !important} body{ background-image: linear-gradient(rgba(57,72,103,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(57,72,103,.045) 1px, transparent 1px), radial-gradient(circle at 80% 5%, rgba(79,70,229,.07), transparent 30%) !important; background-size:38px 38px,38px 38px,auto !important; } /* structure */ .site-header,.guided-topbar{background:rgba(255,255,255,.90) !important;border-color:#dbe2ea !important;box-shadow:0 1px 0 rgba(20,31,52,.03) !important} .desktop-nav a{color:#64748b !important}.desktop-nav a:hover{color:#172033 !important} .login-link{background:#fff !important;color:#3447b9 !important;border-color:#cbd5e1 !important}.login-link:hover{background:#f3f4ff !important;border-color:#9fa8ee !important} .brand-system,.guided-brand-system,.footer-brand{display:inline-flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;background:transparent !important;border:0 !important} .brand-system>img,.guided-brand-system>img,.footer-brand>img{width:38px !important;height:38px !important;object-fit:contain !important;flex:0 0 38px !important} .brand-system-copy,.guided-brand-system>span{display:flex !important;flex-direction:column !important;gap:1px !important;width:auto !important;height:auto !important;min-width:max-content !important;background:transparent !important;color:inherit !important;border-radius:0 !important;place-items:initial !important} .brand-system-copy strong,.guided-brand-system strong{color:#172033 !important;font-size:14px !important;font-weight:720 !important;line-height:1.15 !important;white-space:nowrap !important;text-transform:none !important} .brand-system-copy small,.guided-brand-system small{color:#4f46e5 !important;font:650 7px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;letter-spacing:.20em !important;white-space:nowrap !important} .footer-brand{color:#172033 !important} footer{color:#64748b !important;border-top-color:#dbe2ea !important} /* Hero + public cards */ .eyebrow,.section-heading>span,.final-cta>div>span,[class*="eyebrow"],.ai-kicker{color:#4f46e5 !important} .eyebrow i{background:#4f46e5 !important;box-shadow:none !important} .hero h1,.section-heading h2,.final-cta h2,.ai-concept h2{color:#111827 !important} .hero-lead,.section-heading p,.steps p,.module-feature p,.ai-concept p{color:#64748b !important} .product-preview,.steps article,.final-cta,.channel-card,.ai-concept,.module-list article{background:#fff !important;border-color:#dbe2ea !important;box-shadow:0 18px 55px rgba(30,41,59,.06) !important} .product-preview{transform:perspective(1600px) rotateY(-2deg) rotateX(.5deg) !important} .preview-sidebar,.table-title{background:#f8fafc !important} .preview-sidebar span.active{background:#eef0ff !important;color:#3730a3 !important;box-shadow:none !important} .preview-heading span,.table-title span{color:#4f46e5 !important} .preview-heading button,.primary-cta{background:#4f46e5 !important;color:#fff !important;border-color:#4f46e5 !important} .secondary-cta{background:#fff !important;color:#172033 !important;border-color:#cbd5e1 !important} .metric-grid article{background:#fff !important;border-color:#dbe2ea !important}.metric-grid article.accent{background:#eef0ff !important;border-color:#c7c9ff !important} .work-table{border-color:#dbe2ea !important}.table-row{border-color:#e8edf3 !important} .table-row em.progress{background:#eef0ff !important;color:#4338ca !important}.table-row em.pending{background:#f1f5f9 !important;color:#64748b !important}.table-row em:not(.progress):not(.pending){background:#edf6f2 !important;color:#3f7564 !important} /* How it works */ .step-icon{color:#4f46e5 !important;background:transparent !important;border:0 !important}.steps article>span{color:#94a3b8 !important} /* Modules: fuller cards with descriptions */ .module-feature{background:#172033 !important;color:#f8fafc !important;border:1px solid #26334a !important;box-shadow:0 18px 55px rgba(30,41,59,.10) !important} .module-feature>div:first-child>span{color:#a9b4ff !important}.module-feature p{color:#b7c1cf !important} .module-orbit span{background:#202b40 !important;border-color:#35435d !important;color:#f1f5f9 !important}.module-orbit i{border-color:#4b5c78 !important} .module-list{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important} .module-list article{min-height:112px !important;padding:18px !important;display:flex !important;align-items:flex-start !important;gap:12px !important;border-radius:8px !important} .module-list article iconify-icon{font-size:20px !important;color:#4f46e5 !important;margin-top:1px !important} .module-list article div{display:grid !important;gap:5px !important}.module-list article strong{font-size:13px !important;color:#172033 !important}.module-list article small{font-size:10px !important;line-height:1.45 !important;color:#64748b !important;font-weight:450 !important} /* Integrations with recognizable marks */ .channel-card{background:#fff !important;border-radius:8px !important} .channel-card::after{border-color:rgba(79,70,229,.07) !important} .channel-icon{background:#f8fafc !important;border-color:#dbe2ea !important;border-radius:8px !important} .channel-logo img{width:30px !important;height:30px !important;object-fit:contain !important;filter:none !important;opacity:.88 !important} .channel-card>div:nth-child(2)>span{color:#7c86a6 !important}.channel-card h3{color:#172033 !important}.channel-card p{color:#64748b !important}.channel-card li{background:#f8fafc !important;border-color:#dbe2ea !important;color:#526176 !important;border-radius:6px !important} /* IA section */ .ai-concept{background:#fff !important;border-color:#dbe2ea !important}.ai-concept-flow article{background:#f8fafc !important;border-color:#dbe2ea !important}.ai-concept-flow article b,.ai-local-note span{color:#4f46e5 !important}.ai-concept-flow i{color:#94a3b8 !important} /* Configurator */ body.guided-configurator{background:#f6f8fb !important;color:#172033 !important} .guided-intro h1,.guided-bubble,.guided-next-question,.proposal-head h2{color:#172033 !important}.guided-intro h1 strong{color:#4f46e5 !important}.guided-intro p{color:#64748b !important} .guided-bubble{background:#fff !important;border-color:#dbe2ea !important;box-shadow:0 10px 30px rgba(30,41,59,.04) !important} .guided-message.user-message{justify-content:flex-end !important;background:transparent !important;border:0 !important;width:100% !important;padding:0 !important} .user-message .guided-bubble,.chat-mensaje.usuario .message-body,.user-message{background:transparent !important;border:0 !important;color:#172033 !important} .user-message .guided-bubble{background:#eef0ff !important;border:1px solid #c9cdfa !important;color:#262f66 !important;max-width:min(520px,72%) !important;border-radius:12px !important} .user-message .guided-meta strong{color:#4338ca !important}.user-message .guided-meta span{color:#7c86a6 !important}.user-message .guided-bubble p{color:#252d57 !important} .guided-avatar,.avatar-agent{background:#eef0ff !important;color:#4f46e5 !important;border:1px solid #c9cdfa !important;box-shadow:none !important} .guided-options button,.elegir-rubro,.quick-option,.guided-option{background:#fff !important;color:#334155 !important;border-color:#cbd5e1 !important;border-radius:7px !important} .guided-options button:hover,.guided-options button.selected,.elegir-rubro:hover,.elegir-rubro.selected,.elegir-rubro.activo{background:#eef0ff !important;color:#3730a3 !important;border-color:#9297e8 !important;transform:none !important} .guided-options-multi button.selected .multi-check{background:#4f46e5 !important;border-color:#4f46e5 !important;color:#fff !important} .guided-options-multi button .multi-check{background:#fff !important;border-color:#cbd5e1 !important} .guided-multi-continue{background:#4f46e5 !important;color:#fff !important;border:1px solid #4f46e5 !important;border-radius:7px !important;box-shadow:none !important} .guided-multi-continue:disabled{background:#e2e8f0 !important;color:#94a3b8 !important;border-color:#e2e8f0 !important;opacity:1 !important} .guided-composer{background:#fff !important;border-color:#cbd5e1 !important;box-shadow:0 8px 24px rgba(30,41,59,.035) !important}.guided-composer:focus-within{border-color:#8b91e8 !important;box-shadow:0 0 0 3px rgba(79,70,229,.08) !important} .guided-composer textarea,input,select,textarea{background:#fff !important;color:#172033 !important;border-color:#cbd5e1 !important} .send-button:not(:disabled),.create-system:not(.disabled),.primary-auth,.mf-btn.primary,button.primary{background:#4f46e5 !important;border-color:#4f46e5 !important;color:#fff !important} .send-button:disabled{background:#e2e8f0 !important;color:#94a3b8 !important;opacity:1 !important} .guided-thinking{color:#64748b !important}.guided-thinking .typing i{background:#4f46e5 !important} .guided-proposal{background:#fff !important;border-color:#dbe2ea !important;box-shadow:0 12px 40px rgba(30,41,59,.05) !important}.proposal-count{background:#eef0ff !important;color:#4338ca !important} .guided-module-card{background:#fff !important;border-color:#dbe2ea !important;box-shadow:none !important}.guided-module-card.selected{background:#f8f9ff !important;border-color:#9fa4ea !important}.guided-module-icon{background:#eef0ff !important;color:#4f46e5 !important;border-color:#d4d7ff !important}.guided-module-copy small{color:#64748b !important}.guided-capabilities i{background:#f1f5f9 !important;border-color:#dbe2ea !important;color:#526176 !important} .guided-module-check{background:#eef0ff !important;color:#4f46e5 !important;border:1px solid #d4d7ff !important}.guided-module-check iconify-icon{font-size:14px !important} .guided-module-card input[type="checkbox"]{position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;appearance:none !important;pointer-events:none !important} /* Authentication */ .auth{color:#172033 !important}.auth-top{border-color:#dbe2ea !important}.auth-card{background:#fff !important;border-color:#dbe2ea !important;box-shadow:0 14px 46px rgba(30,41,59,.06) !important}.auth-card h1{color:#111827 !important}.auth-card p,.auth-switch{color:#64748b !important}.auth-card>header>span,.auth-switch a{color:#4f46e5 !important}.auth-form input{background:#fff !important;color:#172033 !important;border-color:#cbd5e1 !important}.auth-form label{color:#475569 !important} /* Common app shell light trial */ aside{background:#172033 !important;border-right-color:#2c3950 !important;box-shadow:none !important}aside h2{color:#f8fafc !important}aside nav a,aside>a,aside form button{color:#aeb9c8 !important}aside nav a:hover,aside>a:hover,aside form button:hover{color:#fff !important;background:#202c43 !important;border-color:#33415a !important}aside nav a.activo,aside nav a.active{color:#fff !important;background:#293557 !important;border-color:#4b5ca6 !important;box-shadow:inset 2px 0 0 #8f96ff !important}aside nav a.activo iconify-icon,aside nav a.active iconify-icon{color:#aeb3ff !important} .commercial-main,body>main:not(.auth):not(.landing-main){background:transparent !important;color:#172033 !important}.mf-card,.dash-card,.dash-kpi,.crud-list-card,.integration-card,section[class*="card"],article[class*="card"]{background:#fff !important;border-color:#dbe2ea !important;color:#172033 !important;box-shadow:0 8px 26px rgba(30,41,59,.035) !important}.commercial-header h1,.operativo-header h1,body>main>header h1{color:#111827 !important}.commercial-header span,.operativo-header span,body>main>header span{color:#4f46e5 !important}.mf-table-wrap{background:#fff !important;border-color:#dbe2ea !important}.mf-table{color:#334155 !important}.mf-table thead th{background:#f8fafc !important;color:#64748b !important;border-color:#dbe2ea !important}.mf-table td{border-color:#edf1f5 !important}.mf-table tbody tr:hover{background:#fafbff !important}.mf-badge{background:#f1f5f9 !important;color:#526176 !important;border-color:#dbe2ea !important}.mf-badge.ok,.tone-ok{background:#edf6f2 !important;color:#3f7564 !important;border-color:#cce4da !important} /* no dark/light UI */ .theme-toggle,.tema-auth,[data-theme-toggle],.theme-switch{display:none !important} @media(max-width:760px){ .brand-system-copy strong,.guided-brand-system strong{font-size:12px !important} .brand-system>img,.guided-brand-system>img{width:34px !important;height:34px !important;flex-basis:34px !important} .user-message .guided-bubble{max-width:86% !important} .module-list{grid-template-columns:1fr !important} } /* Brand fixes for auth/final step: never use boxed lockup images. */ .auth-top .brand-system,.finish-topbar .brand-system{display:inline-flex !important;align-items:center !important;gap:10px !important;text-decoration:none !important} .auth-top .brand-system img,.finish-topbar .brand-system img{width:38px !important;height:38px !important;object-fit:contain !important} /* ===== FINAL LIGHT NEUMORPH · demo direction ===== */ :root, html[data-theme="dark"], html[data-theme="light"]{ color-scheme:light !important; --neu-bg:#f4f7fb; --neu-surface:#f7f9fc; --neu-white:#ffffff; --neu-line:#dbe3ee; --neu-ink:#13213a; --neu-muted:#6b7890; --neu-accent:#5157e8; --neu-accent-dark:#3f46d7; --neu-accent-soft:#eceeff; --neu-shadow-dark:rgba(141,154,177,.23); --neu-shadow-light:rgba(255,255,255,.96); --bg:#f4f7fb !important; --surface:#f7f9fc !important; --surface-2:#f4f7fb !important; --surface-3:#edf2f8 !important; --panel:#f7f9fc !important; --panel-2:#f4f7fb !important; --text:#13213a !important; --muted:#6b7890 !important; --line:#dbe3ee !important; --blue:#5157e8 !important; --blue-soft:#eceeff !important; --primary:#5157e8 !important; --accent:#5157e8 !important; --nav:#f4f7fb !important; --nav-text:#24324b !important; --nav-muted:#718097 !important; --nav-line:#dbe3ee !important; --field-bg:#f8faff !important; --field-border:#d8e0eb !important; --green:#5e9b7e !important; --green-strong:#4b8268 !important; --green-soft:#eaf4ef !important; --shadow:8px 8px 18px var(--neu-shadow-dark),-8px -8px 18px var(--neu-shadow-light) !important; } html,body{ background-color:var(--neu-bg) !important; color:var(--neu-ink) !important; } body{ background-image: linear-gradient(rgba(67,83,112,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(67,83,112,.045) 1px,transparent 1px), radial-gradient(circle at 82% 8%,rgba(81,87,232,.075),transparent 28%) !important; background-size:38px 38px,38px 38px,auto !important; background-attachment:fixed !important; } /* Brand: transparent light asset + text, never a pasted dark rectangle. */ .brand-system>img,.guided-brand-system>img,.footer-brand>img,.marca>img{ object-fit:contain !important; object-position:center !important; background:transparent !important; border-radius:0 !important; filter:none !important; } .brand-system>img,.guided-brand-system>img,.footer-brand>img{width:36px !important;height:36px !important;flex-basis:36px !important} .marca,.marca.brand-symbol,.marca:has(>img){width:52px !important;height:48px !important;padding:3px !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important} .marca>img{width:46px !important;height:42px !important} .brand-symbol-light{display:block !important}.brand-symbol-dark{display:none !important} /* Public chrome. */ .site-header,.guided-topbar,.auth-top{ background:rgba(247,249,252,.88) !important; border-color:rgba(203,213,225,.78) !important; backdrop-filter:blur(18px) saturate(120%) !important; box-shadow:0 1px 0 rgba(51,65,85,.035) !important; } .login-link,.secondary-cta{ background:var(--neu-surface) !important; border:0 !important; color:#25334e !important; box-shadow:4px 4px 10px rgba(145,157,178,.20),-4px -4px 10px rgba(255,255,255,.95) !important; } .login-link:hover,.secondary-cta:hover{color:var(--neu-accent) !important;box-shadow:inset 2px 2px 5px rgba(145,157,178,.15),inset -2px -2px 5px rgba(255,255,255,.95) !important} .primary-cta,.preview-heading button,.create-system,.primary-auth,.mf-btn.primary,button.primary,.guided-multi-continue,.send-button:not(:disabled){ background:var(--neu-accent) !important; border-color:var(--neu-accent) !important; color:#fff !important; box-shadow:0 8px 18px rgba(81,87,232,.22),inset 0 1px 0 rgba(255,255,255,.22) !important; } .primary-cta:hover,.mf-btn.primary:hover,.guided-multi-continue:hover{background:var(--neu-accent-dark) !important;transform:translateY(-1px) !important} /* Neumorphic surfaces: restrained, not toy-like. */ .product-preview,.steps article,.module-feature,.module-list article,.channel-card,.ai-concept,.final-cta, .auth-card,.guided-bubble,.proposal-card,.proposal-module,.mf-card,.dash-card,.dash-kpi,.bienvenida,.tabla,details,.detalle-operativo, .crud-card,.crud-toolbar,.turnos-toolbar,.integration-card{ background:var(--neu-surface) !important; border:1px solid rgba(207,217,229,.74) !important; box-shadow:7px 7px 17px rgba(146,158,180,.18),-7px -7px 17px rgba(255,255,255,.92) !important; } .product-preview{border-radius:18px !important;transform:none !important} .product-preview:before{opacity:.35 !important} .steps article,.module-list article,.channel-card,.mf-card,.dash-card,.dash-kpi{border-radius:14px !important} .metric-grid article,.work-table,.ai-concept-flow article,.module-orbit span,.guided-options button,.elegir-rubro,.quick-option,.guided-option,.dash-action-grid a, .mf-field input,.mf-field select,.mf-field textarea,.editor input,.editor select,.editor textarea,.guided-composer{ background:#f7f9fc !important; border-color:#dce4ee !important; box-shadow:inset 2px 2px 5px rgba(147,158,178,.10),inset -2px -2px 5px rgba(255,255,255,.95) !important; } .metric-grid article.accent,.preview-sidebar span.active,aside nav a.activo{ background:var(--neu-accent-soft) !important; color:var(--neu-accent) !important; border-color:#d8dbff !important; box-shadow:inset 2px 2px 5px rgba(121,126,207,.10),inset -2px -2px 5px rgba(255,255,255,.95) !important; } /* Modules: remove the leftover dark slab. */ .module-feature{color:var(--neu-ink) !important} .module-feature>div:first-child>span{color:var(--neu-accent) !important} .module-feature h3{color:var(--neu-ink) !important} .module-feature p{color:var(--neu-muted) !important} .module-orbit span{background:#f7f9fc !important;border-color:#d9e2ed !important;color:#31405b !important} .module-orbit i{border-color:#c7d2e1 !important;opacity:.85 !important} .module-list article iconify-icon{color:var(--neu-accent) !important} /* Integrations: Iconify logos, readable and not broken remote images. */ .channel-logo{display:grid !important;place-items:center !important;background:#f7f9fc !important;border:1px solid #dce4ee !important;box-shadow:4px 4px 9px rgba(146,158,180,.16),-4px -4px 9px rgba(255,255,255,.95) !important} .channel-logo iconify-icon{font-size:34px !important;color:#25334e !important} .channel-card:first-child .channel-logo iconify-icon{color:#f2b705 !important} .channel-card:nth-child(2) .channel-logo iconify-icon{color:#27314c !important} /* Internal system: light rail, same language as the rest of the product. */ body:has(>aside){grid-template-columns:230px minmax(0,1fr) !important} body>aside{ background:rgba(244,247,251,.95) !important; color:var(--nav-text) !important; border-right:1px solid #dbe3ee !important; box-shadow:8px 0 22px rgba(113,128,151,.07) !important; } body>aside h2{color:#17243d !important;font-weight:650 !important} body>aside nav{border-top-color:#dce4ee !important} body>aside nav a,body>aside>a:not(.marca){color:#6b7890 !important} body>aside nav a:hover,body>aside>a:not(.marca):hover{background:#f8faff !important;color:#293754 !important;box-shadow:3px 3px 8px rgba(148,159,178,.13),-3px -3px 8px rgba(255,255,255,.92) !important} body>aside nav a.activo{background:#eceeff !important;color:#4b50dc !important;box-shadow:inset 2px 2px 5px rgba(126,132,198,.10),inset -2px -2px 5px rgba(255,255,255,.96) !important} body>aside select,body>aside form button{ background:#f7f9fc !important;color:#526078 !important;border-color:#dbe3ee !important; box-shadow:3px 3px 8px rgba(148,159,178,.13),-3px -3px 8px rgba(255,255,255,.92) !important; } body>aside form button:hover{color:#4b50dc !important} /* Dashboard & operational density. */ .dashboard-home{gap:18px !important} .dashboard-kpis{gap:14px !important}.dashboard-main-grid{gap:14px !important} .dash-kpi:hover,.dash-card:hover{border-color:#cbd4e2 !important;transform:translateY(-1px) !important} .dash-action-grid a{border:1px solid rgba(211,220,231,.72) !important;box-shadow:4px 4px 10px rgba(145,157,178,.15),-4px -4px 10px rgba(255,255,255,.94) !important} .dash-action-grid a:hover{box-shadow:inset 2px 2px 5px rgba(145,157,178,.12),inset -2px -2px 5px rgba(255,255,255,.94) !important} /* Chat: user bubble should never become a full-width cyan band. */ .guided-message.user-message,.chat-mensaje.usuario{background:transparent !important;justify-content:flex-end !important;width:100% !important} .user-message .guided-bubble,.chat-mensaje.usuario .message-body{ width:auto !important;max-width:min(520px,72%) !important;background:#eceeff !important;color:#293160 !important;border:1px solid #d7dbff !important; box-shadow:4px 4px 10px rgba(143,151,183,.14),-4px -4px 10px rgba(255,255,255,.94) !important; } .guided-avatar,.avatar-agent{background:#eceeff !important;color:#5157e8 !important;border-color:#d8dcff !important} /* Auth stays compact. */ .auth-card{max-width:520px !important;padding:32px !important;border-radius:14px !important} .primary-auth{width:auto !important;min-width:128px !important;min-height:38px !important;padding:8px 14px !important;border-radius:8px !important;font-size:12px !important} /* Footer follows the same transparent brand treatment. */ footer{background:transparent !important;border-top:1px solid rgba(203,213,225,.75) !important} .footer-brand{background:transparent !important;box-shadow:none !important} @media(max-width:700px){ body:has(>aside){display:block !important} body>aside{position:relative !important;width:100% !important;height:auto !important;box-shadow:0 8px 20px rgba(113,128,151,.06) !important} .user-message .guided-bubble,.chat-mensaje.usuario .message-body{max-width:88% !important} } /* ===== AI assistant final polish: owl identity + unified chat controls ===== */ .ai-agent-owl{ display:block; width:1.08em; height:1.08em; color:currentColor; transform-origin:center; animation:aiOwlHeartbeat 2.8s ease-in-out infinite; } @keyframes aiOwlHeartbeat{ 0%,72%,100%{transform:scale(1)} 77%{transform:scale(1.10)} 82%{transform:scale(.98)} 87%{transform:scale(1.07)} 93%{transform:scale(1)} } @media (prefers-reduced-motion:reduce){.ai-agent-owl{animation:none!important}} /* Configurator and assistant avatars share the same visual identity. */ .guided-avatar,.avatar-agent,.ai-modifier-spark{ display:grid!important; place-items:center!important; background:#f4f5ff!important; color:#4f46e5!important; border:1px solid #d7dbff!important; box-shadow:3px 3px 8px rgba(143,151,183,.12),-3px -3px 8px rgba(255,255,255,.94)!important; } .guided-avatar .ai-agent-owl,.avatar-agent .ai-agent-owl{font-size:18px} .ai-modifier-spark{ width:26px!important; height:26px!important; border-radius:9px!important; flex:0 0 26px; } .ai-modifier-spark .ai-agent-owl{font-size:16px} /* Internal assistant must belong to the light/neumorphic system, never the old dark theme. */ .ai-modifier-panel{ background:#f4f7fb!important; color:#17243d!important; border:1px solid #d7dfeb!important; box-shadow:14px 14px 34px rgba(145,157,178,.20),-10px -10px 26px rgba(255,255,255,.96)!important; } .ai-modifier-head{ background:#f4f7fb!important; border-bottom-color:#dbe3ee!important; } .ai-modifier-head strong{color:#17243d!important} .ai-modifier-head small,.ai-modifier-status{color:#708098!important} .ai-modifier-body{ background:#f4f7fb!important; } .ai-msg{ color:#24324a!important; border-color:#d7dfeb!important; } .ai-msg.assistant{ background:#f7f9fc!important; color:#24324a!important; box-shadow:5px 5px 12px rgba(145,157,178,.15),-5px -5px 12px rgba(255,255,255,.95)!important; } .ai-msg.user{ background:#eceeff!important; border-color:#d7dbff!important; color:#293160!important; box-shadow:4px 4px 10px rgba(143,151,183,.13),-4px -4px 10px rgba(255,255,255,.94)!important; } /* Same option language as the onboarding chat. */ .ai-quick-actions{ gap:8px!important; align-items:center; } .ai-quick-actions button{ min-height:34px!important; padding:8px 11px!important; border:1px solid #cbd5e1!important; border-radius:8px!important; background:#f8faff!important; color:#334155!important; font-size:10px!important; font-weight:600!important; box-shadow:3px 3px 8px rgba(145,157,178,.12),-3px -3px 8px rgba(255,255,255,.96)!important; transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important; } .ai-quick-actions button:hover{ background:#eef0ff!important; color:#3730a3!important; border-color:#9297e8!important; box-shadow:inset 2px 2px 5px rgba(145,157,178,.10),inset -2px -2px 5px rgba(255,255,255,.96)!important; transform:translateY(0)!important; } .ai-quick-actions button[data-ai-reset]{ color:#64748b!important; background:#f7f9fc!important; } .ai-modifier-status{ background:#f4f7fb!important; border-top-color:#dbe3ee!important; } .ai-modifier-compose{ background:#f4f7fb!important; border-top-color:#dbe3ee!important; } .ai-modifier-compose textarea{ background:#fbfcfe!important; color:#24324a!important; border-color:#cdd7e4!important; box-shadow:inset 2px 2px 5px rgba(145,157,178,.08),inset -2px -2px 5px rgba(255,255,255,.96)!important; } .ai-modifier-compose textarea::placeholder{color:#94a3b8!important} .ai-modifier-compose textarea:focus{ border-color:#818cf8!important; box-shadow:0 0 0 3px rgba(99,102,241,.10)!important; } .ai-modifier-close{ background:#f7f9fc!important; border-color:#d7dfeb!important; color:#334155!important; box-shadow:3px 3px 7px rgba(145,157,178,.12),-3px -3px 7px rgba(255,255,255,.96)!important; } /* ===== Final polish · neumorphic toggles + assistant launcher ===== */ /* Module/settings switches: replace the leftover flat/dark slider language. */ .settings-switch{ display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:3px!important; border-radius:999px!important; cursor:pointer!important; user-select:none!important; } .settings-switch input{ position:absolute!important; opacity:0!important; width:1px!important; height:1px!important; pointer-events:none!important; } .settings-switch i{ display:block!important; position:relative!important; width:40px!important; height:22px!important; border:1px solid #d9e1ec!important; border-radius:999px!important; background:#eef2f7!important; box-shadow:inset 3px 3px 7px rgba(145,157,178,.18),inset -3px -3px 7px rgba(255,255,255,.94)!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .settings-switch i::after{ content:""!important; position:absolute!important; left:3px!important; top:3px!important; width:14px!important; height:14px!important; border-radius:50%!important; background:#fff!important; box-shadow:2px 2px 6px rgba(108,120,143,.24),-2px -2px 5px rgba(255,255,255,.98)!important; transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important; } .settings-switch input:checked+i{ background:#e9eaff!important; border-color:#c9ccff!important; box-shadow:inset 3px 3px 7px rgba(118,123,199,.13),inset -3px -3px 7px rgba(255,255,255,.94)!important; } .settings-switch input:checked+i::after{ transform:translateX(18px)!important; background:#5b5fe8!important; box-shadow:2px 2px 6px rgba(75,80,190,.25),-1px -1px 4px rgba(255,255,255,.85)!important; } .settings-switch:focus-within i{outline:3px solid rgba(91,95,232,.12)!important;outline-offset:2px!important} /* Floating owl: white tactile control instead of a solid purple pill. */ .ai-modifier-launcher{ min-height:46px!important; height:46px!important; padding:0 15px 0 9px!important; gap:8px!important; border:1px solid rgba(205,215,227,.86)!important; border-radius:14px!important; background:#f7f9fc!important; color:#334155!important; box-shadow:6px 6px 14px rgba(145,157,178,.20),-5px -5px 13px rgba(255,255,255,.96)!important; font-weight:650!important; transition:color .16s ease,box-shadow .16s ease,transform .16s ease,border-color .16s ease!important; } .ai-modifier-launcher:hover{ color:#4f46e5!important; border-color:#d4d6ff!important; transform:translateY(-1px)!important; box-shadow:7px 8px 17px rgba(145,157,178,.20),-6px -6px 14px rgba(255,255,255,.98)!important; } .ai-modifier-launcher:active{ transform:none!important; box-shadow:inset 3px 3px 7px rgba(145,157,178,.15),inset -3px -3px 7px rgba(255,255,255,.96)!important; } .ai-modifier-launcher .ai-modifier-spark{ width:30px!important; height:30px!important; flex:0 0 30px!important; border:0!important; border-radius:10px!important; background:#eef0ff!important; color:#4f46e5!important; box-shadow:inset 2px 2px 5px rgba(126,132,198,.10),inset -2px -2px 5px rgba(255,255,255,.95)!important; } .ai-modifier-launcher .ai-agent-owl{font-size:18px!important;color:#4f46e5!important} .ai-modifier-launcher-text{color:inherit!important} @media(max-width:700px){ .ai-modifier-launcher{ width:48px!important; height:48px!important; min-height:48px!important; padding:0!important; border-radius:15px!important; } .ai-modifier-launcher .ai-modifier-spark{width:32px!important;height:32px!important;flex-basis:32px!important} } /* ===== Drawer / modal shell fix ===== CRUD drawers are