#ga-chat{--blue:#b41d26;--navy:#202023;--ink:#151c23;--muted:#61707b;--line:#dce5ea;background:#fff;color:var(--ink);font:16px/1.6 Arial,sans-serif;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;margin-bottom:12px}
#ga-chat *{box-sizing:border-box}
#ga-chat,#ga-chat .message,#ga-chat .message *,#ga-chat .table-wrap,#ga-chat .table-wrap *,#ga-chat textarea{-webkit-user-select:text;user-select:text}
#ga-chat [hidden]{display:none!important}
#ga-chat a{color:var(--navy);text-underline-offset:3px}
#ga-chat button,#ga-chat input,#ga-chat select,#ga-chat textarea{font:inherit}
#ga-chat :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#ga-chat button{border:0;border-radius:6px;background:var(--navy);color:#fff;font-weight:700;padding:9px 16px;cursor:pointer;white-space:nowrap}
#ga-chat button:hover{background:#45454a}
#ga-chat button:disabled{opacity:.45;cursor:default}
#ga-chat button span{margin-left:10px}
#ga-chat .secondary{background:#edf3f7;color:var(--navy)}
#ga-chat .secondary:hover{background:#dceaf3}
#ga-chat label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}
#ga-chat textarea{border:1px solid #b9cbd6;border-radius:6px;padding:9px;width:100%;min-width:0;background:#fff;color:var(--ink);resize:vertical;min-height:80px;display:block;margin:0}
#ga-chat #messages{max-height:520px;overflow:auto;scrollbar-width:thin}
#ga-chat .message{margin:8px 0;padding:10px;background:#f2f7fa;border-radius:8px;overflow-wrap:anywhere}
#ga-chat .message strong{font-size:12px;color:#245b7c;display:block;margin-bottom:4px}
#ga-chat .message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.5}
#ga-chat .message.user{background:#e7f5ff;margin-left:26px}
#ga-chat .message a{overflow-wrap:anywhere}
#ga-chat .message ul{margin:10px 0 0;padding-left:20px;font-size:13px}
#ga-chat .notice{background:#edf7fd;color:#27546d;border-left:3px solid var(--blue);padding:8px 10px;font-size:13px;line-height:1.5;margin:10px 0}
#ga-chat .error{color:#aa2535}
#ga-chat #chat-form{margin-top:12px}
#ga-chat .recent-searches{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px}
#ga-chat .recent-searches label{margin:0}
#ga-chat .recent-searches select{flex:1;max-width:100%;min-width:0;padding:7px 9px;border:1px solid #b9cbd6;border-radius:6px;background:#fff;color:var(--ink);font-size:13px}
#ga-chat .recent-searches button{padding:7px 10px;font-size:13px}
#ga-chat .question-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
#ga-chat .question-heading label{margin:0}
#ga-chat .ai-badge{background:#e5f5ff;color:var(--navy);padding:5px 10px;font-size:12px;font-weight:800;border-radius:5px;flex-shrink:0;white-space:normal}
#ga-chat .search-example{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
#ga-chat .chat-actions{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
#ga-chat .status{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border:2px solid #e5a000;border-radius:7px;background:#fff4c2;color:#6b4200;font-size:14px;font-weight:700;max-width:100%;overflow-wrap:anywhere}
#ga-chat .status:not(.error){animation:catalog-search-pulse 1.4s ease-in-out infinite}
#ga-chat .status::before{content:'';flex-shrink:0;width:16px;height:16px;border:2px solid #e4cc79;border-top-color:#855400;border-radius:50%;animation:catalog-search-spin .8s linear infinite}
#ga-chat .status.error{color:#aa2535;border-color:#d9848d;background:#fff0f2}
#ga-chat .status.error::before{display:none}
#ga-chat h3{font-size:16px;margin:12px 0}
#ga-chat .table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:6px;margin:8px 0}
#ga-chat table{width:100%;border-collapse:collapse;font-size:12px}
#ga-chat th,#ga-chat td{padding:7px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
#ga-chat th{background:#edf4f8}
#ga-chat td.numeric{text-align:right;font-variant-numeric:tabular-nums}
#ga-chat tbody tr:last-child td{border-bottom:0}
#ga-chat .table-wrap td button{white-space:nowrap;padding:7px 10px}
#ga-chat .catalog-product-row{cursor:pointer}
#ga-chat .catalog-product-row:hover>td,#ga-chat .catalog-product-row:focus>td{background:#edf3f7}
#ga-chat .stock-cell table{width:100%;white-space:nowrap}
#ga-chat .stock-cell td{padding:2px 4px}
#ga-chat .product-pictures{display:flex;flex-wrap:wrap;gap:12px}
#ga-chat .product-pictures:empty{display:none}
#ga-chat .product-pictures figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:8px;max-width:180px;background:#fff}
#ga-chat .product-pictures img{width:160px;height:110px;object-fit:contain}
#ga-chat .product-pictures figcaption{font-size:12px;margin-top:6px}
#ga-chat button.product-picture-open,#ga-chat button.product-picture-open:hover{display:block;background:#fff;color:inherit;border:0;border-radius:4px;padding:0;cursor:zoom-in}
@keyframes catalog-search-spin{to{transform:rotate(360deg)}}
@keyframes catalog-search-pulse{0%,100%{background:#fff4c2;box-shadow:0 0 0 0 #e5a00000}50%{background:#ffe17a;box-shadow:0 0 0 4px #e5a00035}}
@media(max-width:600px){#ga-chat{padding:12px}#ga-chat .question-heading{align-items:flex-start;flex-wrap:wrap;gap:6px}#ga-chat .ai-badge{font-size:11px}#ga-chat .chat-actions button{padding:10px 13px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#ga-chat .status:not(.error),#ga-chat .status::before{animation:none}}
