/* WaterTech M4.10. System typography, neutral product cards, bounded reply alerts. */
.wto-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.wto-mobile-nav .wto-quote-launcher{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:53px;padding:0 1px 3px;border:0;background:transparent;color:#174967;font-family:inherit;font-size:10px;font-weight:700;line-height:1.25;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wto-quote-launcher>span:last-child{max-width:100%;font:700 10px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;overflow-wrap:normal}
.wto-quote-icon{position:relative;display:grid;place-items:center;width:46px;height:42px;margin-top:-11px;border:3px solid #fff;border-radius:15px;background:#123c59;box-shadow:0 3px 9px #123c5933;color:#fff;isolation:isolate}
.wto-mobile-nav .wto-quote-icon svg{width:24px;height:24px;stroke-width:1.8}
.wto-quote-badge{position:absolute;right:-9px;top:-7px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:2px solid #fff;border-radius:20px;background:#b91c1c;color:#fff;box-shadow:0 2px 5px #7f1d1d33;font:800 12px/1 system-ui,sans-serif}
.wto-quote-badge[hidden]{display:none}
.wto-quote-launcher.has-unread{color:#9a3412}
.wto-quote-launcher.has-unread .wto-quote-icon{background:#9a3412;box-shadow:0 0 0 3px #fed7aa,0 4px 12px #9a341247}
.wto-quote-launcher.has-new .wto-quote-icon{animation:wq-pulse 1.25s ease-out 3}
@keyframes wq-pulse{0%,100%{box-shadow:0 0 0 3px #fed7aa,0 4px 12px #9a341247}50%{box-shadow:0 0 0 9px #fed7aa66,0 4px 18px #9a341247;transform:translateY(-2px)}}
.wq-reply-toast{position:fixed;z-index:9990;left:50%;bottom:calc(79px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);max-width:calc(100vw - 24px);min-height:44px;padding:11px 18px;border:1px solid #fff;border-radius:24px;box-shadow:0 4px 18px #11182726;background:#9a3412;color:#fff;font:600 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;white-space:nowrap}
.wq-reply-toast[hidden]{display:none}
.wq-dialog{--wq-height:100dvh;--wq-top:0px;position:fixed;inset:var(--wq-top) 0 auto;margin:0;padding:0;width:100%;max-width:none;height:var(--wq-height);max-height:none;border:0;background:transparent;color:#1f2937;overflow:hidden;overscroll-behavior:none;z-index:10020;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;-webkit-text-size-adjust:100%}
.wq-dialog:not([open]){display:none}.wq-dialog[open]{display:block}
.wq-dialog::backdrop{background:#0f172a33}
.wq-dialog.wq-enter .wq-sheet{animation:wq-rise .24s cubic-bezier(.2,.7,.25,1)}
.wq-dialog.wq-exit .wq-sheet{animation:wq-fall .24s cubic-bezier(.4,0,.8,.4) forwards;pointer-events:none}
.wq-dialog.wq-exit::backdrop{animation:wq-fade .24s ease-out forwards}
@keyframes wq-rise{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes wq-fall{from{transform:translateY(0)}to{transform:translateY(100%)}}
@keyframes wq-fade{to{background:transparent}}
.wq-sheet{display:flex;flex-direction:column;height:100%;min-height:0;padding-top:env(safe-area-inset-top,0px);background:#f5f6f8;box-sizing:border-box}
.wq-header{flex:none;display:flex;align-items:center;gap:14px;min-height:68px;padding:11px 16px;border-bottom:1px solid #e5e7eb;background:#fff;box-sizing:border-box}
.wq-back{display:flex;align-items:center;gap:1px;min-height:44px;padding:7px 6px 7px 0;border:0;background:transparent;color:#123c59;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
.wq-back svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wq-heading{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.wq-brand-logo{display:block;width:184px;max-width:100%;height:auto;object-fit:contain}.wq-heading strong{display:block;color:#4b5563;font-size:13px;font-weight:500;line-height:1.3}
.wq-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:16px 14px 18px;overflow-anchor:none}
.wq-intro{display:block;margin:0 0 22px;padding:15px;border:1px solid #e2e6eb;border-radius:16px;background:#fff}
.wq-intro strong{font-size:16px;line-height:1.4;font-weight:650;color:#123c59}.wq-intro p{margin:7px 0 0;color:#4b5563;font-size:14px;line-height:1.6}.wq-intro p.wq-retention{padding-top:9px;margin-top:11px;border-top:1px solid #edf0f3;color:#4b5563;font-size:13px}
.wq-message{display:flex;flex-direction:column;align-items:flex-start;max-width:90%;margin:0 0 17px;gap:5px;min-width:0}.wq-message.is-visitor{margin-left:auto;align-items:flex-end}.wq-bubble{padding:12px 14px;border:1px solid #e5e7eb;border-radius:4px 18px 18px 18px;background:#fff;color:#1f2937;font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}.is-visitor .wq-bubble{border-color:#123c59;border-radius:18px 4px 18px 18px;background:#123c59;color:#fff}.wq-message>small{color:#616b79;font-size:12px;line-height:1.5}.wq-message.is-system{max-width:96%}.wq-message.is-system .wq-bubble{background:#eef1f5;color:#374151;border-color:#e1e5eb;font-size:14px;line-height:1.65}.wq-message.is-staff .wq-bubble{border-color:#d6e0eb}.wq-message.is-staff>small{color:#374151;font-weight:500}
.wq-context,.wq-message .wq-product-message{display:flex;align-items:center;gap:11px;padding:12px;background:#f8f9fa;border:1px solid #d9dfe7;border-radius:14px;color:#1f2937;white-space:normal;text-align:left}
.wq-context{margin:0 0 10px}.wq-context[hidden]{display:none}.wq-context img,.wq-product-message img{flex:none;width:58px;height:58px;object-fit:contain;border-radius:9px;background:#fff}.wq-context-copy{flex:1;min-width:0}.wq-context small,.wq-product-message small{display:block;color:#4b5563;font-size:12px;line-height:1.5}.wq-context strong,.wq-product-message a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;font-weight:650;line-height:1.45;margin:3px 0;color:#123c59;overflow-wrap:anywhere;text-decoration:none}.wq-product-message a:hover{text-decoration:underline}.wq-context button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#e9edf2;color:#4b5563;font-size:22px;cursor:pointer}.wq-message.is-product{width:90%}
.wq-composer{flex:none;display:block!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));margin:0;border-top:1px solid #e5e7eb;background:#fff;box-sizing:border-box}.wq-input-row{display:flex;align-items:flex-end;gap:8px}.wq-composer textarea{display:block;flex:1;min-width:0;resize:none;min-height:46px;max-height:104px;box-sizing:border-box;border:1px solid #d1d5db;border-radius:24px;padding:11px 16px;outline:none;background:#f8f9fb;color:#1f2937;font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-appearance:none}.wq-composer textarea:focus{border-color:#1d587d;box-shadow:0 0 0 2px #dbe8f3;background:#fff}.wq-composer textarea::placeholder{color:#6b7280}.wq-send{flex:none;display:grid;place-items:center;width:46px;height:46px;padding:11px;border:0;border-radius:50%;background:#123c59;color:#fff;cursor:pointer}.wq-send svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.wq-send:disabled{background:#d9e0e7;color:#64748b;cursor:default}.wq-send.is-sending svg{opacity:.6}
.wq-quick{display:flex;gap:7px;overflow:auto;max-width:100%;padding:0 0 10px;scrollbar-width:none}.wq-quick::-webkit-scrollbar{display:none}.wq-quick button{flex:none;min-height:36px;padding:7px 11px;border:1px solid #d9dfe7;border-radius:20px;background:#fff;color:#374151;font:500 12px/1.4 system-ui,sans-serif;cursor:pointer}.wq-quick button:disabled{opacity:.55}
.wq-notice{flex:none;margin:0 13px 8px;padding:10px 12px;border-radius:10px;background:#fff4df;color:#784708;font-size:13px;line-height:1.5}.wq-notice[hidden]{display:none}.wq-notice button{margin-left:6px;min-height:36px;border:0;background:transparent;color:#123c59;font:600 13px system-ui;cursor:pointer}.wq-new{flex:none;align-self:center;margin:0 0 8px;border:0;border-radius:24px;background:#9a3412;color:#fff;padding:10px 17px;font:600 13px/1.4 system-ui,sans-serif;box-shadow:0 2px 9px #9a341233;cursor:pointer}.wq-new[hidden]{display:none}
.wq-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wq-dialog button:focus-visible,.wq-dialog a:focus-visible,.wto-quote-launcher:focus-visible,.wq-reply-toast:focus-visible{outline:3px solid #0097d7;outline-offset:3px}
@supports not (height:100dvh){.wq-dialog{--wq-height:100vh}}
@media(min-width:768px){.wq-dialog{inset:var(--wq-top) 0 auto;width:min(100%,540px);margin:auto;box-shadow:0 15px 70px #11182735}}
@media(max-height:500px){.wq-header{min-height:52px;padding-top:4px;padding-bottom:4px}.wq-quick{display:none}.wq-context{padding:7px;margin-bottom:7px}.wq-context img{width:40px;height:40px}.wq-context strong{-webkit-line-clamp:1}.wq-composer{padding-top:7px}.wq-heading{gap:3px}}
@media(prefers-reduced-motion:reduce){.wq-dialog .wq-sheet,.wq-dialog::backdrop,.wto-quote-launcher .wto-quote-icon{animation:none!important;transition:none!important}}