/* LOGIQ assistant: soft raised surfaces, recessed controls, precise light edges. */
#chat{
  width:432px;right:26px;bottom:24px;
  background:#ffffff;border:1px solid rgba(255,255,255,.85);border-radius:24px;
  box-shadow:0 32px 90px -20px rgba(14,17,18,.48),0 12px 28px -10px rgba(14,17,18,.28),0 2px 5px rgba(0,0,0,.12),inset 0 1px 0 #fff;
  padding:0 11px 10px;isolation:isolate;
}
.chathead{
  position:relative;flex-shrink:0;background:linear-gradient(145deg,#ffffff,#ffffff);
  color:#202020;padding:23px 12px 20px;gap:13px;border:0;
}
.chathead::after{content:"";position:absolute;bottom:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,#cacaca,transparent);box-shadow:0 1px 0 #ffffffb3}
#chat .aiicon{width:43px;height:43px;border-radius:12px;clip-path:none;background:linear-gradient(140deg,#ff742f,#f14900);border:1px solid #ff8c53;box-shadow:0 5px 11px #cf43002e,inset 0 1px 0 #ffb28b,inset 0 -2px 3px #b72d0033;font-size:19px}
.chathead strong{font-size:13px;letter-spacing:1px;font-weight:700}
.chathead small{font-size:11px;color:#6f6f6f;margin-top:7px;letter-spacing:.1px}
.chathead .live-dot{width:5px;height:5px;background:#7a7a7a;box-shadow:0 0 0 3px #7a7a7a10;margin-right:5px}
.chathead>button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;padding:0;font-size:24px;line-height:1;color:#727272;background:linear-gradient(145deg,#ffffff,#ffffff);border:1px solid #ffffffb3;box-shadow:3px 4px 8px #bababa4d,-2px -2px 6px #ffffffc4,inset 0 1px 1px #fff}
.chathead>button:hover{color:#ff5100;box-shadow:inset 2px 2px 5px #c1c1c188,inset -2px -2px 4px #fff}
.chatshortcuts{padding:13px 8px 15px;gap:7px;border:0;flex-shrink:0;align-items:center}
.chatshortcuts button{font-size:10px;letter-spacing:.1px;border-radius:8px;border:1px solid #f5f5f5;padding:8px 10px;color:#525252;background:linear-gradient(145deg,#ffffff,#ffffff);box-shadow:3px 3px 7px #c0c0c066,-2px -2px 5px #ffffffbf,inset 0 1px 0 #fff;white-space:nowrap}
.chatshortcuts button:last-child{font-size:16px;width:31px;height:31px;padding:0;border-radius:50%}
.chatshortcuts button:hover{color:#d94804;border-color:#f6d1ba;transform:translateY(-1px)}
#trucksummary{flex-shrink:0;margin:0 7px 12px;padding:10px 12px;border:1px solid #ffffffd6;border-radius:9px;background:linear-gradient(135deg,#ffffff,#ffffff);font-size:10px;line-height:1.5;color:#8b542f;box-shadow:0 2px 3px #84848410,inset 0 1px 0 #fff8}
#messages{margin:0 0 5px;padding:22px 16px 10px;background:linear-gradient(145deg,#ffffff,#ffffff);border-radius:15px;border:1px solid #d4d4d4;box-shadow:inset 4px 5px 12px #a3a3a340,inset -3px -3px 9px #ffffff91,0 1px 0 #fff;scrollbar-width:thin;scrollbar-color:#b2b2b2 transparent;overscroll-behavior:contain;min-height:0}
#messages::-webkit-scrollbar{width:6px}#messages::-webkit-scrollbar-thumb{background:#b2b2b2;border-radius:8px;border:1px solid #e0e0e0}#messages::-webkit-scrollbar-track{background:transparent;margin:12px 0}
#chat .msg{font-size:13px;line-height:1.65;margin-bottom:20px;overflow-wrap:anywhere;animation:message-arrive .2s ease-out}
#chat .msg.assistant{margin-right:10px;padding:17px 16px 15px;background:linear-gradient(145deg,#ffffff,#ffffff);border:1px solid #ffffffc9;border-bottom-color:#dcdcdc;border-radius:18px 18px 18px 5px;box-shadow:0 9px 15px -6px #81818140,0 2px 3px #9c9c9c14,inset 0 1px 0 #fff}
#chat .msg.user{width:fit-content;max-width:85%;margin-left:auto;margin-right:1px;padding:11px 16px;background:linear-gradient(140deg,#2b2b2b,#141414);border:1px solid #343434;border-bottom-color:#161616;border-radius:17px 17px 5px 17px;box-shadow:0 8px 13px -5px #38383859,inset 0 1px 0 #ffffff17;color:#f3f3f3}
#chat .msglabel{font-size:8px;letter-spacing:1.2px;color:#8c8c8c;margin-bottom:10px;line-height:1.3}
#chat .msg.assistant p:last-child{margin-bottom:0}
#chat .choices{gap:8px;margin-top:14px}
#chat .choices button{padding:9px 11px;border-radius:9px;font-size:11px;line-height:1.4;background:linear-gradient(145deg,#ffffff,#ffffff);border:1px solid #fff;border-bottom-color:#d8d8d8;box-shadow:0 3px 6px #a2a2a22b,inset 0 1px 0 #fff;color:#484848;text-align:left}
#chat .choices button:hover{color:#d94804;border-color:#efc8af;box-shadow:0 5px 10px #9797971f;transform:translateY(-1px)}
#chat .choices button:active{transform:translateY(0);box-shadow:inset 1px 2px 5px #b8b8b84d}
#chat .chatproduct,#chat .answercard{border-radius:12px;border:1px solid #fff;background:linear-gradient(145deg,#ffffff,#ffffff);padding:13px;box-shadow:0 4px 10px #90909021,inset 0 1px 0 #fff;margin:14px 0}
#chat .chatproduct img{height:140px;background:#fff;border-radius:8px;mix-blend-mode:multiply}
#chat .chatproduct h4{font-size:16px;line-height:1.3;margin:12px 0 9px;letter-spacing:-.2px}
#chat .chatproduct small{font-size:10px;line-height:1.65;color:#747474;margin-top:7px}
#chat .chatproduct button{border-radius:8px;padding:12px;font-size:12px;font-weight:700;letter-spacing:.2px;background:linear-gradient(135deg,#ff6720,#ee4900);border:1px solid #f06624;box-shadow:0 5px 10px #d14c0029,inset 0 1px 0 #ffb58b;transition:transform .15s,box-shadow .15s}
#chat .chatproduct button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 7px 14px #d14c0038,inset 0 1px 0 #ffb58b}
#chat .review{background:linear-gradient(135deg,#ffffff,#ffffff);border:1px solid #fffaf0;border-left:2px solid #ed772e;border-radius:10px;padding:13px;box-shadow:0 3px 8px #88888821,inset 0 1px 0 #fff8;font-size:11px}
#chat .review .stars{font-size:10px;margin-bottom:7px;letter-spacing:3px}
#chat .review a,#chat .sourcelink{font-size:10px;display:inline-block;margin-top:8px;text-underline-offset:3px;color:#6e6e6e}
#chat .chat-table{font-size:10px}#chat .chat-table th{font-size:10px;color:#464646}#chat .chat-table td,#chat .chat-table th{border-bottom-color:#d5d5d5;padding:9px 4px}
.chatinput{margin:9px 6px 0;padding:6px 6px 6px 14px;align-items:center;gap:10px;flex-shrink:0;border:1px solid #ececec;border-top-color:#cbcbcb;border-bottom-color:#fdfcf9;border-radius:30px;background:linear-gradient(150deg,#ffffff,#ffffff);box-shadow:inset 3px 4px 7px #b4b4b466,inset -3px -3px 6px #fff9,0 1px 0 #fff}
.chatinput:focus-within{border-color:#e2b79a;box-shadow:inset 2px 3px 6px #b0b0b04d,0 0 0 3px #ff51000c,0 1px 0 #fff}
.chatinput input{background:transparent;font-size:12px;line-height:1.5;color:#303030;padding:6px 0}.chatinput input::placeholder{color:#858585}
.chatinput button{width:35px;height:35px;border-radius:50%;flex-shrink:0;background:linear-gradient(140deg,#ff772f,#f44b00);border:1px solid #ff8349;box-shadow:0 3px 6px #c9480033,inset 0 1px 0 #ffc29a;font-size:20px;line-height:1}
.chatinput button:hover{color:white;transform:translateY(-1px);box-shadow:0 5px 8px #c9480044,inset 0 1px 0 #ffc29a}
.chatdisclaimer{color:#848484;padding:10px 0 1px;font-size:8px;letter-spacing:.15px;flex-shrink:0}
#launcher{border-radius:16px;border:1px solid #494949;background:linear-gradient(145deg,#2f2f2f,#141414);padding:14px 18px;box-shadow:0 12px 25px -8px #0006,0 3px 6px #0002,inset 0 1px 0 #ffffff1a}
#launcher span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:linear-gradient(145deg,#ff702a,#f04a00);color:#fff;border:1px solid #ff8c53;box-shadow:inset 0 1px 0 #ffc2a060,0 2px 5px #0002;font-size:15px}
@keyframes message-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#chat .msg{animation:none}#chat button{transition:none}}
@media(max-width:700px){#chat{width:100%;height:100dvh;right:0;bottom:0;border-radius:0;border:0;padding:0 10px max(10px,env(safe-area-inset-bottom))}.chathead{padding-top:20px}.chatshortcuts{padding-bottom:14px}#messages{border-radius:15px}.chatinput{margin-top:10px}.chathead strong{font-size:12px}#launcher{border-radius:14px;padding:10px 14px}}