/* Shared Luminous Spatial Atelier vocabulary from the landing wizard. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap');
:root { --product-canvas:#f1f3fa; --product-ink:#101424; --product-muted:#565e75; --product-line:rgba(48,61,102,.14); --product-accent:#2c51dc; }
.product-switch { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px; width:min(100%,740px); margin:0 auto; border:1px solid var(--product-line); border-radius:23px; background:rgba(255,255,255,.7); box-shadow:0 12px 38px rgba(36,53,105,.07),inset 0 1px #fff; font-family:"Noto Sans Hebrew",Manrope,sans-serif; }
.product-switch button { display:flex; align-items:center; justify-content:center; gap:13px; min-height:80px; border:1px solid transparent; border-radius:16px; padding:16px 20px; font:600 clamp(15px,1.7vw,20px)/1.4 "Noto Sans Hebrew",Manrope,sans-serif; background:transparent; color:var(--product-muted); cursor:pointer; transition:background .2s,box-shadow .2s,color .2s; }
.product-switch button svg { width:28px; height:28px; flex:none; }
.product-switch button[aria-pressed="true"] { color:#fff; background:linear-gradient(130deg,#2143b9,#426aeb); border-color:#2749c6; box-shadow:0 12px 28px rgba(44,81,220,.22),inset 0 1px rgba(255,255,255,.5); }
.product-switch button:hover:not([aria-pressed="true"]) { background:#edf1ff; color:var(--product-ink); }
.product-switch button:focus-visible,.support-bot button:focus-visible,.support-bot input:focus-visible,.support-launch:focus-visible { outline:3px solid #b98648; outline-offset:4px; }
[hidden].product-panel,[hidden].support-bot,[hidden].support-launch { display:none!important; }
.support-launch { position:fixed; bottom:max(20px,env(safe-area-inset-bottom)); inset-inline-end:20px; z-index:75; border:1px solid #d9e0f5; border-radius:17px; padding:15px 20px; background:#fff; color:var(--product-accent); box-shadow:0 12px 35px #24356925; display:flex; align-items:center; gap:10px; cursor:pointer; font:600 14px "Noto Sans Hebrew",Manrope,sans-serif; min-height:52px; }
.support-launch svg { width:23px; height:23px; }
.support-bot { position:fixed; inset-inline-end:20px; bottom:max(20px,env(safe-area-inset-bottom)); z-index:80; width:min(420px,calc(100vw - 24px)); height:min(630px,calc(100dvh - 32px)); display:flex; flex-direction:column; background:#fcfdff; color:var(--product-ink); border:1px solid #dce2f1; border-radius:23px; box-shadow:0 24px 90px #172a6040; overflow:hidden; font-family:"Noto Sans Hebrew",Manrope,sans-serif; line-height:1.65; }
.support-bot header { display:flex; align-items:center; gap:10px; padding:16px 18px; background:linear-gradient(130deg,#fff,#edf2ff); border-bottom:1px solid var(--product-line); }
.support-bot header div { flex:1; }
.support-bot header strong { display:block; font-size:16px; }
.support-bot header small { display:block; font-size:12px; color:var(--product-muted); }
.support-bot button { font:inherit; cursor:pointer; }
.support-close { border:1px solid var(--product-line); border-radius:12px; background:#fff; color:var(--product-muted); min-width:44px; min-height:44px; font-size:25px!important; }
.support-messages { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:18px; }
.support-message { max-width:95%; padding:12px 14px; border-radius:14px; margin-bottom:12px; font-size:14px; white-space:pre-wrap; overflow-wrap:anywhere; background:#edf1fc; }
.support-message.user { background:#2c51dc; color:#fff; margin-inline-start:24px; }
.support-options { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.support-options button,.support-options a,.support-change { border:1px solid #d9e0f4; border-radius:12px; background:#fff; color:#294cbb; padding:10px 12px; min-height:44px; font-size:13px; text-decoration:none; }
.support-form { border-top:1px solid var(--product-line); padding:12px; display:flex; gap:8px; background:#fff; }
.support-form input { flex:1; min-width:0; border:1px solid #dce2f1; border-radius:12px; padding:12px; font:inherit; font-size:14px; }
.support-form button { border:0; border-radius:12px; min-width:56px; background:#2c51dc; color:#fff; font-size:13px; }
.support-form :disabled { cursor:not-allowed; opacity:.6; }
.support-change { margin:0 12px 10px; }
@media(max-width:600px) { .product-switch { gap:5px; padding:6px; border-radius:19px; } .product-switch button { min-height:76px; padding:12px 7px; gap:7px; font-size:14px; } .product-switch button svg { width:23px; height:23px; } .support-bot { inset-inline-end:12px; bottom:12px; } .support-launch { inset-inline-end:12px; bottom:12px; padding:12px 15px; } }
@media(prefers-reduced-motion:reduce) { .product-switch button { transition:none; } }
.support-launch,.support-bot{inset-inline-end:auto;left:auto;right:20px}
/* Keep the existing back-to-top position; leave a separate lane above it. */
html[lang="en"] .support-launch{bottom:calc(clamp(28px,5vh,54px) + 72px)}
@media(max-width:860px){.support-launch{right:12px;bottom:78px}html[lang="en"] .support-launch{bottom:78px}.support-bot{right:12px;bottom:12px}}