/* Chat widget branding - Glenview Car Sales (gcw, template GCW).
 * Source of truth: the designer's Figma file vmjYQcLFnXsRvwEffNmrhm and its
 * 16 @2x artboard PNGs, which outrank the node dump wherever the two
 * disagree. Tooling and QA: tickets/gcw-local/qa-gcw/; design notes:
 * tickets/gcw-local/DESIGN-gcw.md. Glyphs are SVG exports of the file's own
 * nodes, each cross-checked against the artboards.
 *
 * Green: an 81px flat #055F3F header with a darker #054C33 mountain shape,
 * the white face mark with yellow sparkles; #EDEDED bot bubbles (1px #C7C7C7,
 * square bottom-left) and #CBE3D9 user bubbles (square bottom-right) on a
 * WHITE ground; #F1F1F1 r10 openers with a 1px #B7B7B7 stroke, a green glyph
 * and a green chevron; white chips on a 0/4/4 25% shadow; #E4E6EA footer
 * band with a black-stroked input and a 52px green send circle. The launcher
 * is the designer's black "Virtual Assistant" pill + green roundel lockup.
 * Type: Inter, already loaded by the template (css/style.css line 2),
 * so this theme imports no font.
 * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1.
 *
 * Regenerate with tickets/gcw-local/build-theme-gcw.py - edit the generator,
 * never this file.
 *
 * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet.
 */

.hdcw-fab,.hdcw-panel {
  --hdcw-accent: #055F3F;
  --hdcw-on-accent: #fff;
  --hdcw-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --hdcw-bg: #fff;
  --hdcw-surface: #fff;         /* Rectangle 8 15:158 is white (style 72:411 ai-white) */
  --hdcw-text: #000000;
  --hdcw-muted: #6D6D6D;        /* POPULAR/LIFESTYLE/MAKES 16:213, "Searching our stock..." 2030:573 */
  --hdcw-faint: #C7C7C7;   /* typing dots (decorative) */
  --hdcw-footer: #000000;         /* disclosure 2008:473 - the runs override the #504949 box */
  --hdcw-border: #000000;         /* input stroke 24:705 */
  --hdcw-border-soft: #E4E6EA;   /* card borders + dividers (19:538, 19:564) */
  --hdcw-img-bg: #E4E6EA;
  --hdcw-radius: 15px;          /* header 1:9 */
  --hdcw-radius-bubble: 10px;   /* every bubble, lozenge and chip */
  --hdcw-head-bg: #055F3F;
  --hdcw-head-color: #fff;
  --hdcw-user-bg: #CBE3D9;
  --hdcw-user-color: #000000;
  --hdcw-link: #000000;
  --hdcw-btn-bg: #055F3F;
  --hdcw-btn-color: #fff;
  /* A pill launcher docks ON a pinned vehicle action bar instead of floating
   * 12px above it (standard 4a). */
  --hdcw-fab-gap: 0;
}

/* ---------- Launcher (ai-assistant-icon 60005:1326): the designer's 156x69
 * lockup. On the 400x720 home artboard its box starts at x233 y646.9, so the
 * export ends 11px from the right edge and 4px from the bottom (the roundel
 * itself 15.5 / 12.6 off the edges). */
.hdcw-fab {
  width: 156px;
  height: 69px;
  right: 11px;
  bottom: 3.5px;               /* roundel 648..708 as on 03-home (60005:1327) */
  max-width: calc(100vw - 12px);
  border-radius: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22156%22%20height=%2269%22%20viewBox=%220%200%20156%2069%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%20%20home%22%3E%0A%3Cg%20id=%22ai-assistant-icon%22%3E%0A%3Crect%20id=%22Rectangle%20619%22%20y=%225.14453%22%20width=%22128%22%20height=%2251%22%20rx=%2220%22%20fill=%22black%22%20fill-opacity=%220.9%22/%3E%0A%3Cg%20id=%22Virtual%20%26%23226%3B%26%23128%3B%26%23168%3BAssistant%22%3E%0A%3Cpath%20d=%22M34.0198%2016.9627L36.4807%2024.6985H36.5752L39.0411%2016.9627H41.4275L37.9175%2027.1445H35.1434L31.6285%2016.9627H34.0198Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M42.7532%2027.1445V19.5082H44.8711V27.1445H42.7532ZM43.8171%2018.5238C43.5023%2018.5238%2043.2321%2018.4194%2043.0067%2018.2106C42.7847%2017.9985%2042.6737%2017.7449%2042.6737%2017.4499C42.6737%2017.1583%2042.7847%2016.908%2043.0067%2016.6992C43.2321%2016.4871%2043.5023%2016.381%2043.8171%2016.381C44.132%2016.381%2044.4004%2016.4871%2044.6225%2016.6992C44.8479%2016.908%2044.9606%2017.1583%2044.9606%2017.4499C44.9606%2017.7449%2044.8479%2017.9985%2044.6225%2018.2106C44.4004%2018.4194%2044.132%2018.5238%2043.8171%2018.5238Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M46.7076%2027.1445V19.5082H48.7609V20.8406H48.8405C48.9797%2020.3666%2049.2133%2020.0086%2049.5415%2019.7667C49.8696%2019.5214%2050.2474%2019.3988%2050.675%2019.3988C50.781%2019.3988%2050.8954%2019.4054%2051.018%2019.4187C51.1407%2019.4319%2051.2484%2019.4502%2051.3412%2019.4734V21.3526C51.2417%2021.3228%2051.1042%2021.2963%2050.9285%2021.2731C50.7529%2021.2499%2050.5921%2021.2383%2050.4463%2021.2383C50.1347%2021.2383%2049.8563%2021.3062%2049.6111%2021.4421C49.3691%2021.5747%2049.1769%2021.7603%2049.0344%2021.9989C48.8951%2022.2376%2048.8255%2022.5127%2048.8255%2022.8242V27.1445H46.7076Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M57.0208%2019.5082V21.0991H52.4221V19.5082H57.0208ZM53.4661%2017.6786H55.584V24.7979C55.584%2024.9935%2055.6138%2025.146%2055.6735%2025.2553C55.7331%2025.3614%2055.816%2025.436%2055.9221%2025.4791C56.0314%2025.5221%2056.1574%2025.5437%2056.2999%2025.5437C56.3993%2025.5437%2056.4988%2025.5354%2056.5982%2025.5188C56.6976%2025.4989%2056.7738%2025.484%2056.8269%2025.4741L57.16%2027.0501C57.0539%2027.0832%2056.9048%2027.1213%2056.7125%2027.1644C56.5203%2027.2108%2056.2866%2027.239%2056.0115%2027.2489C55.5011%2027.2688%2055.0537%2027.2009%2054.6692%2027.0451C54.2881%2026.8893%2053.9914%2026.6474%2053.7793%2026.3193C53.5672%2025.9911%2053.4628%2025.5768%2053.4661%2025.0764V17.6786Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M63.4374%2023.8931V19.5082H65.5553V27.1445H63.5219V25.7575H63.4424C63.27%2026.2049%2062.9833%2026.5645%2062.5823%2026.8363C62.1846%2027.1081%2061.699%2027.244%2061.1256%2027.244C60.6152%2027.244%2060.1661%2027.128%2059.7783%2026.896C59.3905%2026.6639%2059.0873%2026.3342%2058.8685%2025.9066C58.6531%2025.4791%2058.5437%2024.967%2058.5404%2024.3704V19.5082H60.6583V23.9925C60.6616%2024.4433%2060.7826%2024.7996%2061.0212%2025.0614C61.2598%2025.3233%2061.5797%2025.4542%2061.9807%2025.4542C62.2359%2025.4542%2062.4746%2025.3962%2062.6966%2025.2802C62.9187%2025.1609%2063.0977%2024.9852%2063.2336%2024.7532C63.3728%2024.5212%2063.4407%2024.2345%2063.4374%2023.8931Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M69.5669%2027.2887C69.0797%2027.2887%2068.6455%2027.2042%2068.2644%2027.0352C67.8832%2026.8628%2067.5816%2026.6093%2067.3595%2026.2745C67.1408%2025.9364%2067.0314%2025.5155%2067.0314%2025.0117C67.0314%2024.5875%2067.1093%2024.2312%2067.2651%2023.9428C67.4209%2023.6545%2067.633%2023.4225%2067.9014%2023.2468C68.1699%2023.0711%2068.4748%2022.9386%2068.8162%2022.8491C69.1609%2022.7596%2069.5222%2022.6966%2069.9%2022.6602C70.3442%2022.6138%2070.7021%2022.5707%2070.9739%2022.5309C71.2457%2022.4878%2071.4429%2022.4248%2071.5655%2022.342C71.6881%2022.2591%2071.7495%2022.1365%2071.7495%2021.9741V21.9443C71.7495%2021.6294%2071.65%2021.3858%2071.4512%2021.2134C71.2556%2021.0411%2070.9772%2020.9549%2070.6159%2020.9549C70.2348%2020.9549%2069.9315%2021.0394%2069.7061%2021.2085C69.4808%2021.3742%2069.3316%2021.583%2069.2587%2021.8349L67.2999%2021.6758C67.3993%2021.2118%2067.5949%2020.8107%2067.8865%2020.4727C68.1782%2020.1313%2068.5544%2019.8694%2069.0151%2019.6872C69.4791%2019.5015%2070.016%2019.4087%2070.6259%2019.4087C71.0501%2019.4087%2071.4561%2019.4585%2071.8439%2019.5579C72.235%2019.6573%2072.5814%2019.8114%2072.883%2020.0202C73.1879%2020.2291%2073.4282%2020.4975%2073.6039%2020.8256C73.7795%2021.1505%2073.8674%2021.5399%2073.8674%2021.994V27.1445H71.8588V26.0856H71.7992C71.6765%2026.3242%2071.5125%2026.5347%2071.307%2026.717C71.1015%2026.896%2070.8546%2027.0368%2070.5662%2027.1396C70.2779%2027.239%2069.9448%2027.2887%2069.5669%2027.2887ZM70.1735%2025.8271C70.485%2025.8271%2070.7601%2025.7657%2070.9987%2025.6431C71.2374%2025.5172%2071.4246%2025.3481%2071.5605%2025.136C71.6964%2024.9239%2071.7644%2024.6836%2071.7644%2024.4151V23.6048C71.6981%2023.6479%2071.6069%2023.6876%2071.4909%2023.7241C71.3782%2023.7572%2071.2506%2023.7887%2071.1081%2023.8185C70.9656%2023.8451%2070.8231%2023.8699%2070.6806%2023.8931C70.538%2023.913%2070.4088%2023.9312%2070.2928%2023.9478C70.0442%2023.9843%2069.8271%2024.0423%2069.6415%2024.1218C69.4559%2024.2014%2069.3117%2024.3091%2069.209%2024.445C69.1062%2024.5775%2069.0549%2024.7433%2069.0549%2024.9421C69.0549%2025.2305%2069.1593%2025.4509%2069.3681%2025.6033C69.5802%2025.7525%2069.8487%2025.8271%2070.1735%2025.8271Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M77.7684%2016.9627V27.1445H75.6505V16.9627H77.7684Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M18.1136%2042.1445H15.8068L19.3217%2031.9627H22.0959L25.6058%2042.1445H23.299L20.7486%2034.2894H20.669L18.1136%2042.1445ZM17.9695%2038.1424H23.4183V39.8228H17.9695V38.1424Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M33.1075%2036.6857L31.1686%2036.805C31.1354%2036.6393%2031.0642%2036.4902%2030.9548%2036.3576C30.8454%2036.2217%2030.7013%2036.114%2030.5223%2036.0345C30.3466%2035.9516%2030.1362%2035.9102%2029.8909%2035.9102C29.5628%2035.9102%2029.286%2035.9798%2029.0606%2036.119C28.8353%2036.2549%2028.7226%2036.4372%2028.7226%2036.6658C28.7226%2036.8481%2028.7955%2037.0023%2028.9413%2037.1282C29.0872%2037.2541%2029.3374%2037.3552%2029.692%2037.4315L31.0741%2037.7099C31.8166%2037.8623%2032.3701%2038.1076%2032.7346%2038.4457C33.0992%2038.7837%2033.2815%2039.2279%2033.2815%2039.7781C33.2815%2040.2785%2033.134%2040.7177%2032.839%2041.0955C32.5474%2041.4734%2032.1463%2041.7684%2031.6359%2041.9805C31.1288%2042.1893%2030.5438%2042.2937%2029.881%2042.2937C28.8701%2042.2937%2028.0647%2042.0832%2027.4648%2041.6623C26.8682%2041.2381%2026.5185%2040.6613%2026.4158%2039.9322L28.4988%2039.8228C28.5618%2040.131%2028.7143%2040.3664%2028.9562%2040.5288C29.1982%2040.6879%2029.5081%2040.7674%2029.8859%2040.7674C30.2571%2040.7674%2030.5554%2040.6961%2030.7808%2040.5536C31.0095%2040.4078%2031.1255%2040.2205%2031.1288%2039.9918C31.1255%2039.7996%2031.0443%2039.6422%2030.8852%2039.5195C30.7261%2039.3936%2030.4809%2039.2975%2030.1494%2039.2312L28.827%2038.9677C28.0812%2038.8185%2027.5261%2038.56%2027.1615%2038.1921C26.8002%2037.8242%2026.6196%2037.3552%2026.6196%2036.7852C26.6196%2036.2946%2026.7522%2035.872%2027.0173%2035.5174C27.2858%2035.1628%2027.662%2034.8893%2028.1459%2034.6971C28.6331%2034.5049%2029.2032%2034.4087%2029.8561%2034.4087C30.8206%2034.4087%2031.5796%2034.6126%2032.1331%2035.0202C32.6899%2035.4279%2033.0147%2035.9831%2033.1075%2036.6857Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M41.1088%2036.6857L39.1699%2036.805C39.1368%2036.6393%2039.0655%2036.4902%2038.9561%2036.3576C38.8468%2036.2217%2038.7026%2036.114%2038.5236%2036.0345C38.348%2035.9516%2038.1375%2035.9102%2037.8922%2035.9102C37.5641%2035.9102%2037.2873%2035.9798%2037.062%2036.119C36.8366%2036.2549%2036.7239%2036.4372%2036.7239%2036.6658C36.7239%2036.8481%2036.7968%2037.0023%2036.9426%2037.1282C37.0885%2037.2541%2037.3387%2037.3552%2037.6934%2037.4315L39.0755%2037.7099C39.8179%2037.8623%2040.3714%2038.1076%2040.736%2038.4457C41.1006%2038.7837%2041.2828%2039.2279%2041.2828%2039.7781C41.2828%2040.2785%2041.1354%2040.7177%2040.8404%2041.0955C40.5487%2041.4734%2040.1477%2041.7684%2039.6373%2041.9805C39.1301%2042.1893%2038.5452%2042.2937%2037.8823%2042.2937C36.8714%2042.2937%2036.066%2042.0832%2035.4661%2041.6623C34.8695%2041.2381%2034.5198%2040.6613%2034.4171%2039.9322L36.5002%2039.8228C36.5632%2040.131%2036.7156%2040.3664%2036.9576%2040.5288C37.1995%2040.6879%2037.5094%2040.7674%2037.8873%2040.7674C38.2585%2040.7674%2038.5568%2040.6961%2038.7821%2040.5536C39.0108%2040.4078%2039.1268%2040.2205%2039.1301%2039.9918C39.1268%2039.7996%2039.0456%2039.6422%2038.8865%2039.5195C38.7274%2039.3936%2038.4822%2039.2975%2038.1507%2039.2312L36.8283%2038.9677C36.0826%2038.8185%2035.5274%2038.56%2035.1628%2038.1921C34.8015%2037.8242%2034.6209%2037.3552%2034.6209%2036.7852C34.6209%2036.2946%2034.7535%2035.872%2035.0186%2035.5174C35.2871%2035.1628%2035.6633%2034.8893%2036.1472%2034.6971C36.6344%2034.5049%2037.2045%2034.4087%2037.8574%2034.4087C38.8219%2034.4087%2039.5809%2034.6126%2040.1344%2035.0202C40.6912%2035.4279%2041.016%2035.9831%2041.1088%2036.6857Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M42.7565%2042.1445V34.5082H44.8744V42.1445H42.7565ZM43.8204%2033.5238C43.5055%2033.5238%2043.2354%2033.4194%2043.01%2033.2106C42.788%2032.9985%2042.6769%2032.7449%2042.6769%2032.4499C42.6769%2032.1583%2042.788%2031.908%2043.01%2031.6992C43.2354%2031.4871%2043.5055%2031.381%2043.8204%2031.381C44.1353%2031.381%2044.4037%2031.4871%2044.6258%2031.6992C44.8512%2031.908%2044.9639%2032.1583%2044.9639%2032.4499C44.9639%2032.7449%2044.8512%2032.9985%2044.6258%2033.2106C44.4037%2033.4194%2044.1353%2033.5238%2043.8204%2033.5238Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M53.0646%2036.6857L51.1257%2036.805C51.0926%2036.6393%2051.0213%2036.4902%2050.9119%2036.3576C50.8025%2036.2217%2050.6584%2036.114%2050.4794%2036.0345C50.3037%2035.9516%2050.0933%2035.9102%2049.848%2035.9102C49.5199%2035.9102%2049.2431%2035.9798%2049.0177%2036.119C48.7924%2036.2549%2048.6797%2036.4372%2048.6797%2036.6658C48.6797%2036.8481%2048.7526%2037.0023%2048.8984%2037.1282C49.0443%2037.2541%2049.2945%2037.3552%2049.6491%2037.4315L51.0312%2037.7099C51.7737%2037.8623%2052.3272%2038.1076%2052.6918%2038.4457C53.0563%2038.7837%2053.2386%2039.2279%2053.2386%2039.7781C53.2386%2040.2785%2053.0911%2040.7177%2052.7962%2041.0955C52.5045%2041.4734%2052.1035%2041.7684%2051.593%2041.9805C51.0859%2042.1893%2050.5009%2042.2937%2049.8381%2042.2937C48.8272%2042.2937%2048.0218%2042.0832%2047.4219%2041.6623C46.8253%2041.2381%2046.4756%2040.6613%2046.3729%2039.9322L48.456%2039.8228C48.5189%2040.131%2048.6714%2040.3664%2048.9133%2040.5288C49.1553%2040.6879%2049.4652%2040.7674%2049.843%2040.7674C50.2142%2040.7674%2050.5125%2040.6961%2050.7379%2040.5536C50.9666%2040.4078%2051.0826%2040.2205%2051.0859%2039.9918C51.0826%2039.7996%2051.0014%2039.6422%2050.8423%2039.5195C50.6832%2039.3936%2050.438%2039.2975%2050.1065%2039.2312L48.7841%2038.9677C48.0383%2038.8185%2047.4832%2038.56%2047.1186%2038.1921C46.7573%2037.8242%2046.5767%2037.3552%2046.5767%2036.7852C46.5767%2036.2946%2046.7093%2035.872%2046.9744%2035.5174C47.2429%2035.1628%2047.6191%2034.8893%2048.103%2034.6971C48.5902%2034.5049%2049.1603%2034.4087%2049.8132%2034.4087C50.7777%2034.4087%2051.5367%2034.6126%2052.0902%2035.0202C52.647%2035.4279%2052.9718%2035.9831%2053.0646%2036.6857Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M58.774%2034.5082V36.0991H54.1753V34.5082H58.774ZM55.2194%2032.6786H57.3373V39.7979C57.3373%2039.9935%2057.3671%2040.146%2057.4267%2040.2553C57.4864%2040.3614%2057.5693%2040.436%2057.6753%2040.4791C57.7847%2040.5221%2057.9106%2040.5437%2058.0532%2040.5437C58.1526%2040.5437%2058.252%2040.5354%2058.3515%2040.5188C58.4509%2040.4989%2058.5271%2040.484%2058.5802%2040.4741L58.9133%2042.0501C58.8072%2042.0832%2058.658%2042.1213%2058.4658%2042.1644C58.2736%2042.2108%2058.0399%2042.239%2057.7648%2042.2489C57.2544%2042.2688%2056.807%2042.2009%2056.4225%2042.0451C56.0413%2041.8893%2055.7447%2041.6474%2055.5326%2041.3193C55.3204%2040.9911%2055.216%2040.5768%2055.2194%2040.0764V32.6786Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M62.4712%2042.2887C61.984%2042.2887%2061.5498%2042.2042%2061.1687%2042.0352C60.7875%2041.8628%2060.4859%2041.6093%2060.2638%2041.2745C60.0451%2040.9364%2059.9357%2040.5155%2059.9357%2040.0117C59.9357%2039.5875%2060.0136%2039.2312%2060.1694%2038.9428C60.3251%2038.6545%2060.5373%2038.4225%2060.8057%2038.2468C61.0742%2038.0711%2061.3791%2037.9386%2061.7205%2037.8491C62.0652%2037.7596%2062.4265%2037.6966%2062.8043%2037.6602C63.2484%2037.6138%2063.6064%2037.5707%2063.8782%2037.5309C64.15%2037.4878%2064.3472%2037.4248%2064.4698%2037.342C64.5924%2037.2591%2064.6537%2037.1365%2064.6537%2036.9741V36.9443C64.6537%2036.6294%2064.5543%2036.3858%2064.3555%2036.2134C64.1599%2036.0411%2063.8815%2035.9549%2063.5202%2035.9549C63.1391%2035.9549%2062.8358%2036.0394%2062.6104%2036.2085C62.385%2036.3742%2062.2359%2036.583%2062.163%2036.8349L60.2042%2036.6758C60.3036%2036.2118%2060.4992%2035.8107%2060.7908%2035.4727C61.0825%2035.1313%2061.4587%2034.8694%2061.9194%2034.6872C62.3834%2034.5015%2062.9203%2034.4087%2063.5302%2034.4087C63.9544%2034.4087%2064.3604%2034.4585%2064.7482%2034.5579C65.1393%2034.6573%2065.4857%2034.8114%2065.7873%2035.0202C66.0922%2035.2291%2066.3325%2035.4975%2066.5082%2035.8256C66.6838%2036.1505%2066.7716%2036.5399%2066.7716%2036.994V42.1445H64.7631V41.0856H64.7035C64.5808%2041.3242%2064.4168%2041.5347%2064.2113%2041.717C64.0058%2041.896%2063.7589%2042.0368%2063.4705%2042.1396C63.1822%2042.239%2062.8491%2042.2887%2062.4712%2042.2887ZM63.0778%2040.8271C63.3893%2040.8271%2063.6644%2040.7657%2063.903%2040.6431C64.1417%2040.5172%2064.3289%2040.3481%2064.4648%2040.136C64.6007%2039.9239%2064.6687%2039.6836%2064.6687%2039.4151V38.6048C64.6024%2038.6479%2064.5112%2038.6876%2064.3952%2038.7241C64.2825%2038.7572%2064.1549%2038.7887%2064.0124%2038.8185C63.8699%2038.8451%2063.7274%2038.8699%2063.5849%2038.8931C63.4423%2038.913%2063.3131%2038.9312%2063.1971%2038.9478C62.9485%2038.9843%2062.7314%2039.0423%2062.5458%2039.1218C62.3602%2039.2014%2062.216%2039.3091%2062.1133%2039.445C62.0105%2039.5775%2061.9591%2039.7433%2061.9591%2039.9421C61.9591%2040.2305%2062.0636%2040.4509%2062.2724%2040.6033C62.4845%2040.7525%2062.7529%2040.8271%2063.0778%2040.8271Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M70.6727%2037.7298V42.1445H68.5548V34.5082H70.5732V35.8555H70.6627C70.8317%2035.4113%2071.1151%2035.06%2071.5129%2034.8015C71.9106%2034.5397%2072.3928%2034.4087%2072.9596%2034.4087C73.4899%2034.4087%2073.9522%2034.5247%2074.3467%2034.7568C74.7411%2034.9888%2075.0477%2035.3202%2075.2664%2035.7511C75.4852%2036.1786%2075.5945%2036.689%2075.5945%2037.2823V42.1445H73.4766V37.6602C73.4799%2037.1928%2073.3606%2036.8282%2073.1187%2036.5664C72.8767%2036.3013%2072.5436%2036.1687%2072.1194%2036.1687C71.8344%2036.1687%2071.5825%2036.23%2071.3637%2036.3526C71.1483%2036.4753%2070.9792%2036.6542%2070.8566%2036.8896C70.7373%2037.1216%2070.676%2037.4016%2070.6727%2037.7298Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M81.4655%2034.5082V36.0991H76.8668V34.5082H81.4655ZM77.9108%2032.6786H80.0287V39.7979C80.0287%2039.9935%2080.0586%2040.146%2080.1182%2040.2553C80.1779%2040.3614%2080.2607%2040.436%2080.3668%2040.4791C80.4762%2040.5221%2080.6021%2040.5437%2080.7447%2040.5437C80.8441%2040.5437%2080.9435%2040.5354%2081.0429%2040.5188C81.1424%2040.4989%2081.2186%2040.484%2081.2716%2040.4741L81.6047%2042.0501C81.4987%2042.0832%2081.3495%2042.1213%2081.1573%2042.1644C80.9651%2042.2108%2080.7314%2042.239%2080.4563%2042.2489C79.9459%2042.2688%2079.4984%2042.2009%2079.114%2042.0451C78.7328%2041.8893%2078.4362%2041.6474%2078.2241%2041.3193C78.0119%2040.9911%2077.9075%2040.5768%2077.9108%2040.0764V32.6786Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3Cg%20id=%22Ellipse%204%22%20filter=%22url(%23filter0_d_0_1)%22%3E%0A%3Ccircle%20cx=%22121.19%22%20cy=%2230.2722%22%20r=%2230.2722%22%20fill=%22%23055F3F%22/%3E%0A%3C/g%3E%0A%3Cg%20id=%22ai-assistant-icon_2%22%3E%0A%3Cg%20id=%22Group%22%3E%0A%3Cg%20id=%22Group%2036%22%3E%0A%3Cg%20id=%22Vector%22%3E%0A%3Cpath%20d=%22M121%2039.1445C119.845%2039.1455%20118.708%2038.8603%20117.69%2038.3142C116.672%2037.7682%20115.805%2036.9784%20115.167%2036.0155L116.833%2034.9085C117.289%2035.5962%20117.908%2036.1604%20118.635%2036.5507C119.362%2036.9409%20120.175%2037.1452%20121%2037.1452C121.825%2037.1452%20122.638%2036.9409%20123.365%2036.5507C124.092%2036.1604%20124.711%2035.5962%20125.167%2034.9085L126.833%2036.0155C126.195%2036.9784%20125.328%2037.7682%20124.31%2038.3142C123.293%2038.8603%20122.155%2039.1455%20121%2039.1445ZM125%2028.1445C124.604%2028.1445%20124.218%2028.2618%20123.889%2028.4816C123.56%2028.7013%20123.304%2029.0137%20123.152%2029.3791C123.001%2029.7446%20122.961%2030.1467%20123.038%2030.5347C123.116%2030.9227%20123.306%2031.279%20123.586%2031.5587C123.866%2031.8384%20124.222%2032.0289%20124.61%2032.1061C124.998%2032.1833%20125.4%2032.1436%20125.765%2031.9923C126.131%2031.8409%20126.443%2031.5845%20126.663%2031.2557C126.883%2030.9268%20127%2030.5401%20127%2030.1445C127.003%2029.8811%20126.953%2029.6199%20126.853%2029.376C126.754%2029.1321%20126.606%2028.9106%20126.42%2028.7243C126.234%2028.5381%20126.012%2028.3909%20125.769%2028.2913C125.525%2028.1917%20125.263%2028.1418%20125%2028.1445ZM117%2028.1445C116.604%2028.1445%20116.218%2028.2618%20115.889%2028.4816C115.56%2028.7013%20115.304%2029.0137%20115.152%2029.3791C115.001%2029.7446%20114.961%2030.1467%20115.038%2030.5347C115.116%2030.9227%20115.306%2031.279%20115.586%2031.5587C115.866%2031.8384%20116.222%2032.0289%20116.61%2032.1061C116.998%2032.1833%20117.4%2032.1436%20117.765%2031.9923C118.131%2031.8409%20118.443%2031.5845%20118.663%2031.2557C118.883%2030.9268%20119%2030.5401%20119%2030.1445C119.003%2029.8811%20118.953%2029.6199%20118.853%2029.376C118.754%2029.1321%20118.606%2028.9106%20118.42%2028.7243C118.234%2028.5381%20118.012%2028.3909%20117.769%2028.2913C117.525%2028.1917%20117.263%2028.1418%20117%2028.1445Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M122.736%2050.1445L121%2049.1445L125%2042.1445H131C131.263%2042.1449%20131.523%2042.0935%20131.766%2041.9931C132.009%2041.8927%20132.229%2041.7454%20132.415%2041.5596C132.601%2041.3738%20132.748%2041.1532%20132.849%2040.9104C132.949%2040.6675%20133%2040.4073%20133%2040.1445V26.1445C133%2025.8818%20132.949%2025.6215%20132.849%2025.3787C132.748%2025.1359%20132.601%2024.9152%20132.415%2024.7294C132.229%2024.5436%20132.009%2024.3963%20131.766%2024.296C131.523%2024.1956%20131.263%2024.1441%20131%2024.1445H111C110.737%2024.1441%20110.477%2024.1956%20110.234%2024.296C109.991%2024.3963%20109.771%2024.5436%20109.585%2024.7294C109.399%2024.9152%20109.252%2025.1359%20109.151%2025.3787C109.051%2025.6215%20109%2025.8818%20109%2026.1445V40.1445C109%2040.4073%20109.051%2040.6675%20109.151%2040.9104C109.252%2041.1532%20109.399%2041.3738%20109.585%2041.5596C109.771%2041.7454%20109.991%2041.8927%20110.234%2041.9931C110.477%2042.0935%20110.737%2042.1449%20111%2042.1445H120V44.1445H111C109.939%2044.1445%20108.922%2043.7231%20108.172%2042.973C107.421%2042.2228%20107%2041.2054%20107%2040.1445V26.1445C107%2025.0837%20107.421%2024.0662%20108.172%2023.3161C108.922%2022.566%20109.939%2022.1445%20111%2022.1445H131C132.061%2022.1445%20133.078%2022.566%20133.828%2023.3161C134.579%2024.0662%20135%2025.0837%20135%2026.1445V40.1445C135%2041.2054%20134.579%2042.2228%20133.828%2042.973C133.078%2043.7231%20132.061%2044.1445%20131%2044.1445H126.165L122.736%2050.1445Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M115.785%208.56775L115.441%209.46959C114.99%2010.6509%20114.764%2011.2416%20114.32%2011.6727C113.874%2012.1038%20113.265%2012.3233%20112.047%2012.7601L111.116%2013.0939L112.047%2013.4277C113.265%2013.8645%20113.874%2014.084%20114.319%2014.514C114.764%2014.9463%20114.99%2015.5369%20115.441%2016.7183L115.785%2017.6201L116.129%2016.7183C116.58%2015.5369%20116.806%2014.9463%20117.25%2014.5152C117.696%2014.084%20118.305%2013.8645%20119.523%2013.4277L120.454%2013.0939L119.523%2012.7601C118.305%2012.3233%20117.696%2012.1038%20117.251%2011.6738C116.806%2011.2416%20116.58%2010.6509%20116.129%209.46959L115.785%208.56775Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_3%22%20d=%22M141.735%2028.6057L141.554%2029.0813C141.316%2029.7042%20141.197%2030.0157%20140.963%2030.243C140.728%2030.4704%20140.406%2030.5861%20139.764%2030.8164L139.273%2030.9925L139.764%2031.1685C140.406%2031.3988%20140.728%2031.5146%20140.962%2031.7413C141.197%2031.9692%20141.316%2032.2807%20141.554%2032.9036L141.735%2033.3792L141.917%2032.9036C142.154%2032.2807%20142.274%2031.9692%20142.508%2031.7419C142.743%2031.5146%20143.064%2031.3988%20143.707%2031.1685L144.197%2030.9925L143.707%2030.8164C143.064%2030.5861%20142.743%2030.4704%20142.508%2030.2436C142.274%2030.0157%20142.154%2029.7042%20141.917%2029.0813L141.735%2028.6057Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_4%22%20d=%22M102.119%2017.809L101.858%2018.4926C101.516%2019.3881%20101.345%2019.8359%20101.009%2020.1627C100.671%2020.4895%20100.209%2020.656%2099.285%2020.9871L98.5798%2021.2401L99.285%2021.4932C100.209%2021.8243%20100.671%2021.9907%20101.008%2022.3166C101.345%2022.6443%20101.516%2023.0921%20101.858%2023.9876L102.119%2024.6713L102.38%2023.9876C102.722%2023.0921%20102.893%2022.6443%20103.229%2022.3175C103.567%2021.9907%20104.029%2021.8243%20104.953%2021.4932L105.658%2021.2401L104.953%2020.9871C104.029%2020.656%20103.567%2020.4895%20103.23%2020.1636C102.893%2019.8359%20102.722%2019.3881%20102.38%2018.4926L102.119%2017.809Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_0_1%22%20x=%2286.9181%22%20y=%220%22%20width=%2268.5444%22%20height=%2268.5444%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%224%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_0_1%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_0_1%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat;
  box-shadow: none;
  z-index: 1030;                /* under the template's Bootstrap 4.3.1 modals (1050) */
}
.hdcw-fab > svg { display: none; }
.hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; }

/* ---------- Panel. The designer draws the #E4E6EA footer band square across
 * the full 400px, so only the TOP corners are rounded (01-chat pixel (0,719)
 * is #E4E6EA; (0,0) is the canvas behind the r15 header). */
.hdcw-panel { border-radius: 15px 15px 0 0; }

/* ---------- Header (24:711): 81px flat #055F3F (Rectangle 3 1:9, r15 top),
 * the #054C33 mountain shape (62002:765, 260x75.2 @82,5.8) over it, the mark
 * (62003:920) @15.5,17.5. Title Inter SemiBold 18/18 white @80,25 (60005:1233);
 * subtitle Inter Regular 12 white @80,48 (60005:1265), UNDER the title.
 * Nav icons at y24: reset @296, expand @334, close @369. */
.hdcw-panel .hdcw-head {
  position: relative;
  height: 81px;
  flex: none;
  box-sizing: border-box;
  overflow: hidden;             /* an over-long name is clipped, never spilled */
  align-items: flex-start;
  padding: 0 15px 0 15.25px;
  gap: 0;
  background:
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22260%22%20height=%2276%22%20viewBox=%220%200%20260%2076%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22header%22%3E%0A%3Cpath%20id=%22navbar-bgrnd%22%20d=%22M114.155%2011.5293L156.736%2038.6572L221.515%2066.6885L260%2075.0527H128.834L116.873%2022.7197L90.5996%2011.1904L109.537%2030.0371L116.873%2049.0088L122.937%2067.0469L127.772%2075.0527H35.7412L35.6455%2075.1963H26.2734L26.3809%2075.0527H0L20.8379%2052.8984L33.0693%2038.6572L54.8125%2023.2842L72.4795%200H87.8818L114.155%2011.5293Z%22%20fill=%22%23054C33%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat left 82px top 5.8px / 260px 76px,
    #055F3F;
}
.hdcw-head::before {
  content: '';
  flex: 0 0 47px;
  height: 43px;
  margin: 17.25px 18.25px 0 0;  /* mark ink @24.5,31.5 as on 01-chat; title box at x80.5 */
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2247%22%20height=%2243%22%20viewBox=%220%200%2047%2043%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22header%22%3E%0A%3Cg%20id=%22navbar-ai-assistant-icon%22%3E%0A%3Cg%20id=%22Group%22%3E%0A%3Cg%20id=%22Group%2036%22%3E%0A%3Cg%20id=%22Vector%22%3E%0A%3Cpath%20d=%22M22.9202%2031.0768C21.7651%2031.0778%2020.6278%2030.7925%2019.6099%2030.2465C18.592%2029.7004%2017.7253%2028.9107%2017.0872%2027.9478L18.7532%2026.8408C19.2093%2027.5285%2019.8285%2028.0926%2020.5556%2028.4829C21.2827%2028.8732%2022.095%2029.0774%2022.9202%2029.0774C23.7454%2029.0774%2024.5578%2028.8732%2025.2849%2028.4829C26.012%2028.0926%2026.6312%2027.5285%2027.0872%2026.8408L28.7532%2027.9478C28.1152%2028.9107%2027.2485%2029.7004%2026.2306%2030.2465C25.2127%2030.7925%2024.0753%2031.0778%2022.9202%2031.0768ZM26.9202%2020.0768C26.5247%2020.0768%2026.138%2020.1941%2025.8091%2020.4138C25.4802%2020.6336%2025.2238%2020.9459%2025.0725%2021.3114C24.9211%2021.6768%2024.8815%2022.079%2024.9587%2022.4669C25.0358%2022.8549%2025.2263%2023.2113%2025.506%2023.491C25.7857%2023.7707%2026.1421%2023.9612%2026.53%2024.0383C26.918%2024.1155%2027.3201%2024.0759%2027.6856%2023.9245C28.051%2023.7731%2028.3634%2023.5168%2028.5832%2023.1879C28.8029%2022.859%2028.9202%2022.4723%2028.9202%2022.0768C28.9229%2021.8134%2028.873%2021.5521%2028.7734%2021.3082C28.6739%2021.0644%2028.5267%2020.8428%2028.3404%2020.6566C28.1541%2020.4703%2027.9326%2020.3231%2027.6887%2020.2236C27.4449%2020.124%2027.1836%2020.0741%2026.9202%2020.0768ZM18.9202%2020.0768C18.5247%2020.0768%2018.138%2020.1941%2017.8091%2020.4138C17.4802%2020.6336%2017.2238%2020.9459%2017.0725%2021.3114C16.9211%2021.6768%2016.8815%2022.079%2016.9587%2022.4669C17.0358%2022.8549%2017.2263%2023.2113%2017.506%2023.491C17.7857%2023.7707%2018.1421%2023.9612%2018.53%2024.0383C18.918%2024.1155%2019.3201%2024.0759%2019.6856%2023.9245C20.051%2023.7731%2020.3634%2023.5168%2020.5832%2023.1879C20.8029%2022.859%2020.9202%2022.4723%2020.9202%2022.0768C20.9229%2021.8134%2020.873%2021.5521%2020.7734%2021.3082C20.6739%2021.0644%2020.5267%2020.8428%2020.3404%2020.6566C20.1541%2020.4703%2019.9326%2020.3231%2019.6887%2020.2236C19.4449%2020.124%2019.1836%2020.0741%2018.9202%2020.0768Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M24.6562%2042.0768L22.9202%2041.0768L26.9202%2034.0768H32.9202C33.183%2034.0772%2033.4432%2034.0257%2033.6861%2033.9253C33.9289%2033.825%2034.1495%2033.6777%2034.3353%2033.4919C34.5211%2033.3061%2034.6684%2033.0854%2034.7688%2032.8426C34.8692%2032.5998%2034.9206%2032.3395%2034.9202%2032.0768V18.0768C34.9206%2017.814%2034.8692%2017.5538%2034.7688%2017.3109C34.6684%2017.0681%2034.5211%2016.8475%2034.3353%2016.6617C34.1495%2016.4759%2033.9289%2016.3286%2033.6861%2016.2282C33.4432%2016.1278%2033.183%2016.0764%2032.9202%2016.0768H12.9202C12.6575%2016.0764%2012.3972%2016.1278%2012.1544%2016.2282C11.9116%2016.3286%2011.6909%2016.4759%2011.5051%2016.6617C11.3193%2016.8475%2011.172%2017.0681%2011.0717%2017.3109C10.9713%2017.5538%2010.9198%2017.814%2010.9202%2018.0768V32.0768C10.9198%2032.3395%2010.9713%2032.5998%2011.0717%2032.8426C11.172%2033.0854%2011.3193%2033.3061%2011.5051%2033.4919C11.6909%2033.6777%2011.9116%2033.825%2012.1544%2033.9253C12.3972%2034.0257%2012.6575%2034.0772%2012.9202%2034.0768H21.9202V36.0768H12.9202C11.8594%2036.0768%2010.8419%2035.6554%2010.0918%2034.9052C9.34165%2034.1551%208.92023%2033.1376%208.92023%2032.0768V18.0768C8.92023%2017.0159%209.34165%2015.9985%2010.0918%2015.2484C10.8419%2014.4982%2011.8594%2014.0768%2012.9202%2014.0768H32.9202C33.9811%2014.0768%2034.9985%2014.4982%2035.7487%2015.2484C36.4988%2015.9985%2036.9202%2017.0159%2036.9202%2018.0768V32.0768C36.9202%2033.1376%2036.4988%2034.1551%2035.7487%2034.9052C34.9985%2035.6554%2033.9811%2036.0768%2032.9202%2036.0768H28.0852L24.6562%2042.0768Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M17.7052%200.5L17.3609%201.40184C16.9103%202.58318%2016.6839%203.17384%2016.2404%203.60496C15.7945%204.03608%2015.1852%204.2556%2013.9667%204.69238L13.0365%205.02618L13.9667%205.35999C15.1852%205.79677%2015.7945%206.01629%2016.2392%206.44627C16.6839%206.87852%2016.9103%207.46919%2017.3609%208.65053L17.7052%209.55237L18.0495%208.65053C18.5%207.46919%2018.7265%206.87852%2019.17%206.44741C19.6159%206.01629%2020.2251%205.79677%2021.4437%205.35999L22.3739%205.02618L21.4437%204.69238C20.2251%204.2556%2019.6159%204.03608%2019.1712%203.60609C18.7265%203.17384%2018.5%202.58318%2018.0495%201.40184L17.7052%200.5Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_3%22%20d=%22M43.6553%2020.538L43.4738%2021.0135C43.2362%2021.6365%2043.1168%2021.9479%2042.8829%2022.1753C42.6478%2022.4026%2042.3265%2022.5184%2041.684%2022.7487L41.1934%2022.9247L41.684%2023.1007C42.3265%2023.331%2042.6478%2023.4468%2042.8823%2023.6735C43.1168%2023.9015%2043.2362%2024.2129%2043.4738%2024.8359L43.6553%2025.3114L43.8369%2024.8359C44.0745%2024.2129%2044.1939%2023.9015%2044.4278%2023.6741C44.6629%2023.4468%2044.9842%2023.331%2045.6267%2023.1007L46.1172%2022.9247L45.6267%2022.7487C44.9842%2022.5184%2044.6629%2022.4026%2044.4284%2022.1759C44.1939%2021.9479%2044.0745%2021.6365%2043.8369%2021.0135L43.6553%2020.538Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_4%22%20d=%22M4.03921%209.74121L3.7782%2010.4249C3.43666%2011.3204%203.26501%2011.7682%202.92879%2012.095C2.59079%2012.4218%202.12892%2012.5882%201.20519%2012.9193L0.499998%2013.1724L1.20519%2013.4254C2.12892%2013.7565%202.59079%2013.9229%202.9279%2014.2489C3.26501%2014.5766%203.43666%2015.0243%203.7782%2015.9199L4.03921%2016.6035L4.30023%2015.9199C4.64177%2015.0243%204.81342%2014.5766%205.14964%2014.2497C5.48764%2013.9229%205.94951%2013.7565%206.87324%2013.4254L7.57843%2013.1724L6.87324%2012.9193C5.94951%2012.5882%205.48764%2012.4218%205.15053%2012.0958C4.81342%2011.7682%204.64177%2011.3204%204.30023%2010.4249L4.03921%209.74121Z%22%20fill=%22%23F2D608%22%20stroke=%22%23F2D608%22%20stroke-linejoin=%22round%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") center / contain no-repeat;
}
.hdcw-head > div { margin-top: 26px; min-width: 0; padding-right: 10px; }   /* title cap line at y27.5 (60005:1233) */
.hdcw-head b {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  /* the site's Inter (v4, opsz axis) sets 18px SemiBold 1.5px narrower over
   * the title than the artwork's Inter; .1px tracking restores the width */
  letter-spacing: .1px;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-head small {
  display: block;
  margin-top: 3.5px;            /* subtitle cap line at y51 (60005:1265) */
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hdcw-reset, .hdcw-exp, .hdcw-close {
  flex: none;
  align-self: flex-start;
  padding: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.hdcw-reset {
  width: 22px;
  height: 18px;
  margin: 23px 0 0 auto;        /* 4028:981 box 20x16 @296,24, stroke outset 1px */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22header%22%3E%0A%3Cg%20id=%223%20icons%22%3E%0A%3Cg%20id=%22navbar-icon-start-new%22%3E%0A%3Cpath%20id=%22Vector%22%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-size: 22px 18px;
}
.hdcw-reset svg { display: none; }
.hdcw-panel:not(.hdcw-max) .hdcw-exp {
  width: 18px;
  height: 18px;
  margin: 23px 0 0 16px;        /* 12:142 16x16 @334,24 + 1px bezel */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22header%22%3E%0A%3Cg%20id=%223%20icons%22%3E%0A%3Cpath%20id=%22navbar-icon-expand%22%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-size: 18px 18px;
}
.hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; }
.hdcw-max .hdcw-exp { margin: 23px 0 0 16px; font-size: 0; }
.hdcw-close {
  width: 17px;
  height: 17px;
  margin: 23px 0 0 17px;        /* 12:128 15x15 @369,24 + 1px bezel */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22header%22%3E%0A%3Cg%20id=%223%20icons%22%3E%0A%3Cpath%20id=%22navbar-icon-close-assistant%22%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E");
  background-size: 17px 17px;
}

/* ---------- Message column. Bot bubbles start at x16, the stock/model chip
 * rows and the car strip at x18, user bubbles end at x382. */
.hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; }

/* Bubbles. Bot (37:322 / 37:325 / 16:205 / 42:720 / 31:256): #EDEDED, 1px
 * #C7C7C7 inside stroke, r10 with the BOTTOM-LEFT corner square, fixed 334px
 * wide, Inter Regular 14/17 with 1% tracking, text 22px in and 15px down
 * (a one-line bubble is 47 tall, 41:572 / 41:607 / 41:648).
 * User (37:388 / 42:676 / 4048:699 / 19:649): #CBE3D9, no stroke, r10 with the
 * BOTTOM-RIGHT corner square, black Inter Regular 14, 48 tall for one line. */
.hdcw-msg {
  max-width: 96%;               /* the long user bubble 2030:495 is 352 of 366 */
  padding: 15px 22px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
.hdcw-bot {
  width: 334px;
  max-width: 100%;
  box-sizing: border-box;
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  /* text 22px in and 15px under the top edge, 15px above the foot: the
   * inset of 9 of the 18 bot bubbles (42:720, 4048:652, 41:508, 41:572,
   * 41:598, 41:607, 41:648, 2030:576, 2030:590); 02-help1's two are drawn
   * with 17 (37:322, 37:325), five others with 14. */
  padding: 14px 22px 14px 21px;
}
/* The greeting (1:11, 95px bubble 1:14): runs Bold 14/auto, Regular 14/24,
 * Regular 14/auto from y109, i.e. 14px under the bubble top and 23px above its
 * foot; no tracking. The bold headline is an inline-block whose bottom margin
 * grows its own line only, whatever the admin copy after it says. */
.hdcw-msgs > .hdcw-bot:first-child {
  letter-spacing: 0;
  line-height: 17px;
  padding: 13px 22px 22px 21px;
}
.hdcw-bot b, .hdcw-bot strong { font-weight: 500; }   /* "52 cars" 16:206, "50 automatic cars" 19:516: Medium */
.hdcw-msgs > .hdcw-bot:first-child b,
.hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 7px; font-weight: 700; }
.hdcw-bot a.hdcw-link { font-weight: 500; color: #000000; }
/* The stock summary ("We have 52 cars in stock right now", 16:205 / 19:391)
 * sits 15px under the greeting where the quiz intro sits 11 (37:322); it is
 * the only bubble followed by a POPULAR head. */
.hdcw-msgs > .hdcw-bot:first-child + .hdcw-bot:has(+ .hdcw-ghead) { margin-top: 4px; }
/* The reply that lists cars as links (19:515 on 16-browse-auto) is drawn as
 * its own bubble: WHITE with a 1px #E4E6EA stroke, Inter 14 on a 19px
 * leading, Medium underlined car links, text box 28px under the top edge and
 * 68px above the bottom one. */
.hdcw-bot:has(a.hdcw-link) {
  background: #fff;
  border-color: #E4E6EA;
  line-height: 19px;
  padding: 27px 27px 67px 21px;
}
.hdcw-user {
  background: #CBE3D9;
  color: #000000;
  border-radius: 10px 10px 0 10px;
  padding: 16px 22px 15px 23px; /* text @+23..24,+16 in a 48px box (37:388, 4048:699) */
  line-height: 17px;
  letter-spacing: 0;
  font-weight: 400;
}
.hdcw-typing {
  background: #EDEDED;
  border-color: #C7C7C7;
  border-radius: 10px 10px 10px 0;
  padding: 16px 22px;
}
/* "Searching our stock..." (2030:573 / 19:537): Inter Regular 12 #6D6D6D at
 * x20 - the widget's own 4px inset off the 16px column - NOT italic. */
.hdcw-status { font-size: 12px; line-height: 15px; font-style: normal; margin: 2px 0; }

/* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031 / 2023:430):
 * 361x72 at x16 (the "Something else" one 52.44 tall), r10, #F1F1F1, 1px
 * #B7B7B7 inside stroke, NO shadow, a green 6x12 chevron at x336.5 y29.5,
 * the glyph at the artwork's own offset, title Inter SemiBold 16 black at x81
 * y18 and the caption Regular 12 black at x81 y39 (::after - the widget
 * renders one label). Tops at y229 / 309 / 389 / 469: 8px apart, the first
 * one 39px under the greeting. */
.hdcw-opener { gap: 8px; margin: 28px 5px 0 0; }   /* 361 wide: x16..377 */
.hdcw-opener button { position: relative; }
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert,
.hdcw-opener .hdcw-else.hdcw-op-else {
  box-sizing: border-box;
  border: 1px solid #B7B7B7;
  border-radius: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cpath%20id=%22icon-arrow%22%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23055F3F%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat right 17.5px top 28.25px / 8px 14px border-box, #F1F1F1;
  color: #000000;
  text-align: left;
  box-shadow: none;
  font-weight: 600;
}
.hdcw-opener button.hdcw-op-used,
.hdcw-opener button.hdcw-op-new,
.hdcw-opener button.hdcw-op-quiz,
.hdcw-opener button.hdcw-op-alert {
  min-height: 72px;
  padding: 17px 30px 17px 80px;  /* 1 + 17 + 19 title + 2 + 15 caption + 17 + 1 = 72 */
  font-size: 16px;
  line-height: 19px;
}
.hdcw-opener button.hdcw-op-used:hover,
.hdcw-opener button.hdcw-op-new:hover,
.hdcw-opener button.hdcw-op-quiz:hover,
.hdcw-opener button.hdcw-op-alert:hover,
.hdcw-opener .hdcw-else.hdcw-op-else:hover { background-color: #E6E6E6; opacity: 1; }
/* The "Browse Cars in Stock" lozenge (the 12:145 master) sets its title and
 * caption 1px right and 1px lower than the three copies (x82 y19 / y40 vs
 * x81 y18 / y39) and its chevron 1px right (x337.5). */
.hdcw-opener button.hdcw-op-used {
  padding: 18px 30px 16px 81px;
  background-position: right 16.5px top 28.25px, 0 0;
}
/* Glyph boxes = the export + 1px bezel, placed from the padding box
 * (artwork offset - 1px border - 1px bezel). */
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before,
.hdcw-opener button.hdcw-op-quiz::before,
.hdcw-opener button.hdcw-op-alert::before,
.hdcw-opener button.hdcw-op-else::before {
  content: '';
  position: absolute;
  background: center / contain no-repeat;
}
.hdcw-opener button.hdcw-op-used::before,
.hdcw-opener button.hdcw-op-new::before { left: 29px; top: 20px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cpath%20id=%22icon-browse-cars%22%20d=%22M12%2014.7693C11.7262%2014.7693%2011.4584%2014.688%2011.2308%2014.5359C11.0031%2014.3838%2010.8256%2014.1676%2010.7208%2013.9145C10.616%2013.6615%2010.5886%2013.3831%2010.642%2013.1145C10.6954%2012.846%2010.8273%2012.5992%2011.0209%2012.4055C11.2146%2012.2119%2011.4613%2012.08%2011.7298%2012.0266C11.9985%2011.9732%2012.2769%2012.0006%2012.5298%2012.1054C12.7829%2012.2102%2012.9991%2012.3877%2013.1513%2012.6153C13.3034%2012.8431%2013.3846%2013.1108%2013.3846%2013.3846C13.3846%2013.7519%2013.2387%2014.104%2012.9791%2014.3637C12.7194%2014.6233%2012.3672%2014.7693%2012%2014.7693ZM24%2012C24%2014.3734%2023.2962%2016.6935%2021.9776%2018.6669C20.6591%2020.6402%2018.7849%2022.1783%2016.5922%2023.0865C14.3995%2023.9948%2011.9867%2024.2325%209.65891%2023.7694C7.33114%2023.3064%205.19295%2022.1636%203.51472%2020.4853C1.83649%2018.8071%200.693604%2016.6688%200.230582%2014.341C-0.23244%2012.0133%200.0051993%209.60052%200.91345%207.4078C1.8217%205.21509%203.35977%203.34094%205.33317%202.02237C7.30655%200.703788%209.62663%200%2012%200C15.1816%200.0033598%2018.2319%201.26872%2020.4816%203.51843C22.7313%205.76814%2023.9967%208.81844%2024%2012ZM1.84616%2012V12.0381C4.6813%209.62985%208.2801%208.3077%2012%208.3077C15.7199%208.3077%2019.3187%209.62985%2022.1538%2012.0381V12C22.1538%209.30704%2021.0841%206.72437%2019.1799%204.82015C17.2757%202.91593%2014.6929%201.84615%2012%201.84615C9.30704%201.84615%206.72437%202.91593%204.82015%204.82015C2.91593%206.72437%201.84616%209.30704%201.84616%2012ZM9.63462%2021.8746L7.66731%2016.6154H2.95731C3.62639%2017.9208%204.56931%2019.0665%205.72169%2019.9741C6.87407%2020.8817%208.20877%2021.5301%209.63462%2021.8746ZM12%2022.1538H12.2873L14.6031%2015.9727C14.736%2015.6209%2014.9727%2015.318%2015.2818%2015.1038C15.591%2014.8897%2015.9578%2014.7746%2016.3338%2014.7738H21.7707C21.8146%2014.6228%2021.8538%2014.4693%2021.8862%2014.3124C20.597%2012.997%2019.0584%2011.9521%2017.3605%2011.2389C15.6625%2010.5255%2013.8394%2010.1581%2011.9977%2010.1581C10.156%2010.1581%208.33282%2010.5255%206.63489%2011.2389C4.93695%2011.9521%203.39838%2012.997%202.10923%2014.3124C2.14501%2014.467%202.18424%2014.6204%202.22462%2014.7738H7.66731C8.04343%2014.7749%208.41037%2014.8902%208.71946%2015.1045C9.02856%2015.3188%209.26522%2015.622%209.39808%2015.9738L11.7057%2022.1538H12ZM21.0427%2016.6154H16.3327L14.3608%2021.8758C15.7875%2021.5317%2017.1233%2020.8836%2018.2766%2019.9757C19.4297%2019.0678%2020.3734%2017.9216%2021.0427%2016.6154Z%22%20fill=%22%23055E3F%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-quiz::before { left: 29px; top: 21px; width: 26px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2226%22%20height=%2226%22%20viewBox=%22-1%20-1%2026%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cpath%20id=%22icon-help-me-choose%22%20d=%22M4.80003%2019.2H1.60001C1.17566%2019.2%200.768693%2019.0314%200.468632%2018.7314C0.168572%2018.4313%200%2018.0243%200%2017.6V14.4H1.60001V17.6H4.80003V19.2ZM0%208H1.60001V11.2H0V8ZM19.2001%204.8H17.6001V1.6H14.4001V0H17.6001C18.0245%200%2018.4314%200.168571%2018.7315%200.468629C19.0316%200.768687%2019.2001%201.17565%2019.2001%201.6V4.8ZM8.00006%200H11.2001V1.6H8.00006V0ZM1.60001%204.8H0V1.6C0%201.17565%200.168572%200.768687%200.468632%200.468629C0.768693%200.168571%201.17566%200%201.60001%200H4.80003V1.6H1.60001V4.8ZM20.0001%2024C19.788%2024%2019.5845%2023.9156%2019.4345%2023.7656L14.5241%2018.8552L11.8657%2022.844C11.7814%2022.9703%2011.663%2023.0701%2011.5241%2023.1316C11.3853%2023.1931%2011.2318%2023.2139%2011.0816%2023.1914C10.9314%2023.1689%2010.7908%2023.1041%2010.676%2023.0046C10.5613%2022.9052%2010.4772%2022.7751%2010.4337%2022.6296L5.63364%206.6296C5.59218%206.49126%205.58894%206.34428%205.62426%206.20425C5.65958%206.06421%205.73216%205.93636%205.83428%205.83424C5.9364%205.73212%206.06426%205.65954%206.20429%205.62422C6.34432%205.5889%206.49131%205.59214%206.62965%205.6336L22.6298%2010.4336C22.7752%2010.4771%2022.9053%2010.5612%2023.0048%2010.6759C23.1043%2010.7907%2023.169%2010.9314%2023.1915%2011.0815C23.214%2011.2317%2023.1933%2011.3852%2023.1318%2011.524C23.0703%2011.6629%2022.9705%2011.7814%2022.8442%2011.8656L18.8553%2014.524L23.7658%2019.4344C23.9157%2019.5844%2024%2019.7879%2024%2020C24%2020.2121%2023.9157%2020.4156%2023.7658%2020.5656L20.5657%2023.7656C20.4158%2023.9156%2020.2123%2024%2020.0001%2024ZM20.0001%2022.0688L22.069%2020L16.3449%2014.276L20.5417%2011.4776L7.59365%207.5936L11.4777%2020.5416L14.2761%2016.3448L20.0001%2022.0688Z%22%20fill=%22%23055F3F%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-alert::before { left: 29px; top: 17.4px; width: 24px; height: 28px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2224%22%20height=%2228%22%20viewBox=%22-1%20-1%2024%2028%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cg%20id=%22icon-stock-alert%22%3E%0A%3Cpath%20id=%22Vector%22%20d=%22M13.9097%207.76471L15.3625%206.26353C14.6777%205.59059%2013.9053%205.06845%2013.0451%204.69713C12.1847%204.32581%2011.2874%204.14049%2010.3529%204.14118C9.4185%204.14186%208.5208%204.32753%207.65983%204.69816C6.79887%205.0688%206.02674%205.59059%205.34344%206.26353L6.79619%207.76471C7.28045%207.26431%207.82314%206.88057%208.42428%206.61346C9.02541%206.34635%209.66831%206.21245%2010.3529%206.21177C11.0376%206.21108%2011.6805%206.34497%2012.2816%206.61346C12.8827%206.88195%2013.4254%207.26569%2013.9097%207.76471ZM16.7149%204.76235L18.1176%203.31294C17.0656%202.24313%2015.8757%201.42353%2014.5478%200.854118C13.22%200.284706%2011.8217%20-1.28405e-07%2010.3529%200C8.88415%201.28405e-07%207.4855%200.284706%206.15699%200.854118C4.82847%201.42353%203.63888%202.24313%202.58823%203.31294L3.99088%204.76235C4.84249%203.8996%205.81934%203.23529%206.92144%202.76941C8.02352%202.30353%209.16735%202.07059%2010.3529%202.07059C11.5385%202.07059%2012.6823%202.30353%2013.7844%202.76941C14.8865%203.23529%2015.8634%203.8996%2016.7149%204.76235Z%22%20fill=%22%23055E3F%22/%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M18.7%2010.3529H3.3C2.42479%2010.3529%201.58542%2010.6597%200.966548%2011.2057C0.347678%2011.7518%200%2012.4924%200%2013.2647V22.9706C0%2023.7428%200.347678%2024.4834%200.966548%2025.0295C1.58542%2025.5755%202.42479%2025.8823%203.3%2025.8823H18.7C19.5752%2025.8823%2020.4146%2025.5755%2021.0334%2025.0295C21.6523%2024.4834%2022%2023.7428%2022%2022.9706V13.2647C22%2012.4924%2021.6523%2011.7518%2021.0334%2011.2057C20.4146%2010.6597%2019.5752%2010.3529%2018.7%2010.3529ZM3.3%2012.2941H18.7C18.9917%2012.2941%2019.2715%2012.3963%2019.4778%2012.5784C19.684%2012.7604%2019.8%2013.0073%2019.8%2013.2647L11%2018.0011L2.2%2013.2647C2.2%2013.0073%202.31589%2012.7604%202.52218%2012.5784C2.72848%2012.3963%203.00827%2012.2941%203.3%2012.2941ZM19.8%2022.9706C19.8%2023.228%2019.684%2023.4749%2019.4778%2023.6568C19.2715%2023.8389%2018.9917%2023.9411%2018.7%2023.9411H3.3C3.00827%2023.9411%202.72848%2023.8389%202.52218%2023.6568C2.31589%2023.4749%202.2%2023.228%202.2%2022.9706V15.4776L10.428%2019.9132C10.5952%2019.9984%2010.7849%2020.0433%2010.978%2020.0433C11.1711%2020.0433%2011.3608%2019.9984%2011.528%2019.9132L19.8%2015.4776V22.9706Z%22%20fill=%22%23055E3F%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-else::before { left: 29.25px; top: 11.25px; width: 25px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2225%22%20height=%2225%22%20viewBox=%22-1%20-1%2025%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cg%20id=%22icon-something-else%22%3E%0A%3Cpath%20id=%22Vector%22%20d=%22M21.75%2011.25C21.75%2014.0348%2020.6438%2016.7055%2018.6746%2018.6746C16.7055%2020.6437%2014.0348%2021.75%2011.25%2021.75C9.45064%2021.75%207.75737%2021.2968%206.27632%2020.4999C4.21169%2019.3869%202.82237%2020.4215%201.59664%2020.6072C1.50498%2020.6203%201.41151%2020.6115%201.3239%2020.5815C1.2363%2020.5516%201.15704%2020.5013%201.09264%2020.4347C0.99648%2020.3326%200.932847%2020.2042%200.909822%2020.0659C0.886796%2019.9275%200.905418%2019.7855%200.963321%2019.6577C1.44522%2018.5248%201.88622%2016.3762%201.28385%2014.5658C0.929145%2013.4963%200.748892%2012.3767%200.750005%2011.25C0.750005%208.46523%201.85625%205.79451%203.82538%203.82538C5.79451%201.85625%208.46523%200.75%2011.25%200.75C14.0348%200.75%2016.7055%201.85625%2018.6746%203.82538C20.6438%205.79451%2021.75%208.46523%2021.75%2011.25Z%22%20stroke=%22%23055F3F%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M8.48682%208.48683C8.48699%208.01081%208.61014%207.5429%208.84433%207.12847C9.07852%206.71404%209.41581%206.36713%209.82349%206.12139C10.2312%205.87564%2010.6954%205.73938%2011.1713%205.72582C11.6471%205.71226%2012.1184%205.82186%2012.5394%206.04399C12.9604%206.26612%2013.3169%206.59326%2013.5743%206.99368C13.8317%207.3941%2013.9813%207.85423%2014.0086%208.32948C14.0359%208.80472%2013.9399%209.27895%2013.73%209.7062C13.5201%2010.1335%2013.2034%2010.4992%2012.8106%2010.7681C12.0546%2011.2854%2011.25%2011.9927%2011.25%2012.9079M11.3881%2016.5H11.25M11.5263%2016.5C11.5263%2016.5733%2011.4972%2016.6436%2011.4454%2016.6954C11.3935%2016.7472%2011.3233%2016.7763%2011.25%2016.7763C11.1767%2016.7763%2011.1064%2016.7472%2011.0546%2016.6954C11.0028%2016.6436%2010.9737%2016.5733%2010.9737%2016.5C10.9737%2016.4267%2011.0028%2016.3564%2011.0546%2016.3046C11.1064%2016.2528%2011.1767%2016.2237%2011.25%2016.2237C11.3233%2016.2237%2011.3935%2016.2528%2011.4454%2016.3046C11.4972%2016.3564%2011.5263%2016.4267%2011.5263%2016.5Z%22%20stroke=%22%23055F3F%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E"); }
.hdcw-opener button.hdcw-op-used::after,
.hdcw-opener button.hdcw-op-new::after,
.hdcw-opener button.hdcw-op-quiz::after,
.hdcw-opener button.hdcw-op-alert::after {
  /* in flow under the title, not absolute: a title that wraps on a phone
   * pushes the caption down instead of printing over it */
  display: block;
  margin-top: 2px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0;
  color: #000000;
}
/* The artwork's captions, their numbers included and verbatim (30002:640,
 * 6001:1012, 6001:1037). "Over 50 cars in stock" is the designer's fixed
 * figure, not a live count - update it here if stock moves a lot. */
.hdcw-opener button.hdcw-op-used::after { content: 'Over 50 cars in stock'; }
.hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; }
.hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; }

/* "Something else" (2023:430): the same lozenge at 361x52.44 (44002:623),
 * no caption. Title @81,16; "?" bubble 21x21 @32,14; chevron at y21.5. */
.hdcw-opener .hdcw-else.hdcw-op-else {
  min-height: 52.5px;
  padding: 15px 30px 16.5px 80px;
  font-size: 16px;
  line-height: 19px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22lozenge%22%3E%0A%3Cpath%20id=%22icon-arrow%22%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22%23055F3F%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat right 17.5px top 20.25px / 8px 14px border-box, #F1F1F1;
}

/* Context CTA ("Tell me about this car" 19:683): 349x55 at x24, r10, flat
 * #055F3F, white Inter Bold 16 centred, text box 18px under the top edge. */
.hdcw-opener button.hdcw-op-ctx {
  min-height: 55px;
  margin: 0 4px 0 8px;          /* 349 wide at x24 (16-browse-auto) */
  border: 0;
  border-radius: 10px;
  padding: 18px 0;
  background: #055F3F;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
  padding-right: 3px;           /* label centred 2px left of the middle (19:681 calc(50% - 2px)) */
}
.hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; }

/* ---------- Chips (item 16:212): 31px white, r10, NO border, 0/4/4 25%
 * shadow, Inter Regular 12/13 black, centred, 5px gaps. Stock and model rows
 * start at x18, quiz answer rows flush with the bubble at x16.
 * Selected = a 1px #0C0F20 stroke and nothing else (37:328). */
.hdcw-chips { gap: 5px; padding: 0 0 0 2px; }   /* rows run x18..382 (16:248 ends at 369) */
.hdcw-chip {
  background: #fff;
  color: #000000;
  border: 1px solid transparent;
  border-radius: 10px;
  min-height: 31px;
  box-sizing: border-box;
  /* The artwork hand-sizes its chips (10-19px either side of the label).
   * 14px keeps its four POPULAR rows and the model rows exactly as drawn
   * (16:256, 42:745..): at 16 "Commercials (36)" wraps to a fifth row. */
  padding: 8px 14px;            /* 1 + 8 + 13 + 8 + 1 = 31 */
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0;
  box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
.hdcw-chip:hover { background: #F4F4F4; border-color: transparent; color: #000000; }
.hdcw-chip--sel { border-color: #0C0F20; box-shadow: 0 4px 4px rgba(0,0,0,.25); font-weight: 400; }
/* The artwork's selected chip is a 1px stroke and nothing else. The GCW
 * template loads Bootstrap 4.3.1, whose reboot adds `button:focus { outline:
 * 5px auto }`, so a tapped chip would also wear the browser's focus ring.
 * Mouse and touch focus drop it; keyboard focus keeps a visible ring. */
.hdcw-chip:focus:not(:focus-visible) { outline: 0; }
/* POPULAR / LIFESTYLE / MAKES (16:213, 16:270, 16:323): Inter Bold 11
 * #6D6D6D, tracking 0, at x23-24; 13px under a bubble, 17-18px under a chip
 * row, 9px above its chips. */
.hdcw-ghead {
  font-size: 11px;
  font-weight: 700;
  line-height: 13px;
  letter-spacing: 0;
  margin: 1px 6px -2px 8px;
}
.hdcw-chips + .hdcw-ghead { margin-top: 8px; }
/* Quiz answers sit flush with the question bubble (37:328 @16), stock chips
 * 2px in (16:212 @18), and follow their question 7-8px down, not 11. Their
 * rows are 35px apart (338 -> 373), the stock rows 36, and the answers are
 * drawn wider: "Adventurous", "Professional", "Easy-going" all 107px (17px
 * either side of "Adventurous"). */
.hdcw-bot + .hdcw-chips { padding-left: 0; margin-top: -3px; row-gap: 4px; }
.hdcw-bot + .hdcw-chips .hdcw-chip { padding-left: 17px; padding-right: 17px; }

/* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, first one
 * at x18, white, 1px #E4E6EA, r10, 244 tall. Photo 176x113. Body 12px in:
 * title Inter Regular 12, price Bold 12, monthly Regular 12, meta Regular 10.
 * Flush split action bar 213px under the card top: Details (77, white,
 * #E4E6EA rule) | I'm Interested (99, #055F3F, white), both Inter Regular
 * 12/13 with -1% tracking. */
.hdcw-cars { gap: 14px; padding: 0 0 2px 2px; }
.hdcw-cars + .hdcw-chips { margin-top: -4px; }   /* model chips 9px under the cards (42:747 @496) */
/* the "Get a personal recommendation" row (its own .hdcw-chips, 42:776 @569)
 * follows the model rows at their own 37px pitch */
.hdcw-chips + .hdcw-chips { margin-top: -5px; }
.hdcw-ncgrid { gap: 14px; }
.hdcw-car { border-radius: 10px; border-color: #E4E6EA; border-top: 0; }
.hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; border-radius: 0; }
.hdcw-car .hdcw-carbody { padding: 10px 12px 8px; }   /* action bar 213 under the card top (19:564 @456 in a card @243) */
.hdcw-car h4.hdcw-cartitle {
  /* name every property: Bootstrap 4.3.1's h4 rule would win otherwise */
  margin: 0;
  padding: 0;
  font-family: var(--hdcw-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: .01em;
  max-height: 30px;
  overflow: hidden;
  /* the artwork sets the title's first line on a 12px leading (19:545), so
   * its cap line sits 124px under the card top, 2px above a 15px line */
  margin-top: -2px;
}
/* cap lines 158 / 174 / 192.5 under the card top (19:545 runs Bold 12/19,
 * Regular 12/16, Regular 10/17) */
.hdcw-car .hdcw-price { color: #000000; font-size: 12px; font-weight: 700; line-height: 19px; letter-spacing: .01em; margin-top: 2px; }
.hdcw-car .hdcw-mo { color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: .01em; margin-top: -1px; }
.hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin-top: 1px; }
.hdcw-ncgrid .hdcw-carbody { padding: 10px 12px 14px; }
.hdcw-ncgrid h4.hdcw-cartitle { max-height: none; }
.hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; }
.hdcw-car .hdcw-pick {
  flex: 77 0 0;
  border: 0;
  border-top: 1px solid #E4E6EA;
  border-radius: 0 0 0 9px;
  min-height: 30px;             /* 213..243, then the card's own 1px foot = 244 */
  padding: 7px 0 9px;           /* label box 8px under the bar top (19:565 @464) */
  font-size: 12px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -.01em;
  background: #fff;
  color: #000000;
}
.hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; }
/* "Details" sits 2px right of its cell's centre (19:565, calc(50% - 5px) of a
 * frame offset 12px into the 77px cell) */
.hdcw-car .hdcw-pick:not(.hdcw-pick--primary) { padding-left: 3px; }
.hdcw-car .hdcw-pick--primary {
  flex: 99 0 0;
  border-left: 1px solid #E4E6EA;
  border-radius: 0 0 9px 0;
  background: #055F3F;
  color: #fff;
  padding-right: 2px;           /* "I'm Interested" ink centred at x143 of the strip (2023:442) */
}
.hdcw-car .hdcw-pick--primary:only-child { border-left: 0; border-radius: 0 0 9px 9px; }
.hdcw-car .hdcw-pick--primary:hover { background: #055F3F; opacity: .85; color: #fff; }

/* ---------- Footer (24:712): #E4E6EA band 400x129 from y591. Input 299x51
 * @21,20, r10, 1px #000000, placeholder Inter Regular 14 ls 1% black 24px in
 * (12002:602). Send: the 52px green circle 8px right of it, ending 20px off
 * the right edge. Disclosure: Inter Regular 12/15 ls 0.1px black, centred
 * 1px left of the middle, 17px above the panel foot (2008:473). */
.hdcw-input {
  background: #E4E6EA;
  border-top: 0;
  padding: 20px 20px 10px 21px;  /* the 52px send sets the row: 20 + 52 + 10 */
  gap: 8px;
}
.hdcw-input input {
  box-sizing: border-box;
  height: 51px;
  border-radius: 10px;
  padding: 0 20px 0 23px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: .01em;
}
/* font: inherit - never let a site-wide placeholder rule restyle it */
.hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; }
.hdcw-input input:focus { border-color: #055F3F; }
.hdcw-send {
  width: 52px;
  height: 52px;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20id=%22ai%20assistant%22%3E%0A%3Cg%20id=%22footer%22%3E%0A%3Cg%20id=%22footer-icon-send%22%3E%0A%3Ccircle%20id=%22Ellipse%201%22%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22%23055F3F%22/%3E%0A%3Cpath%20id=%22Vector_2%22%20d=%22M33.9108%2020.7147C34.3279%2019.6967%2033.2099%2018.7101%2032.0562%2019.079L17.9556%2023.5789C16.798%2023.9486%2016.658%2025.3424%2017.7229%2025.8867L22.2239%2028.1861L26.2431%2024.6395C26.4252%2024.4843%2026.6691%2024.3985%2026.9222%2024.4004C27.1754%2024.4023%2027.4176%2024.4919%2027.5966%2024.6499C27.7756%2024.8078%2027.8771%2025.0215%2027.8793%2025.2449C27.8815%2025.4683%2027.7842%2025.6835%2027.6083%2025.8441L23.5891%2029.3907L26.1958%2033.3624C26.8118%2034.302%2028.3913%2034.1777%2028.8103%2033.1571L33.9108%2020.7147Z%22%20fill=%22white%22/%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") center / 52px 52px no-repeat;
}
.hdcw-send svg { display: none; }
.hdcw-send:disabled { opacity: .5; }
.hdcw-powered {
  background: #E4E6EA;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .1px;
  padding: 0 56px 17px 54px;
  /* Figma centres line 1 WITH its trailing space ("mistakes. " + line
   * separator), so it sits half a space left of true centre; a negative
   * first-line indent moves line 1 alone by the same 1.75px. */
  text-indent: -3.5px;
}
.hdcw-powered a.hdcw-tc { color: #000000; }
.hdcw-powered a.hdcw-tc:hover { color: #055F3F; }
/* The artwork draws the disclosure as ONE flowing paragraph that wraps after
 * "mistakes." The widget emits two <div>s ("Powered by HappyDealer" and the
 * disclaimer + T&C link), so they are made inline; the artwork's period and
 * the wide gap after "HappyDealer" are punctuation of the drawn line, not
 * copy the admin owns. */
.hdcw-powered > div { display: inline; }
.hdcw-powered > div:first-child::after { content: '.   '; white-space: pre; }
/* The home artboard (01-chat, the opener list) draws "Terms & Conditions"
 * plain; every other panel artboard underlines it. The opener list is the
 * selector: it removes itself as soon as a button is tapped. */
.hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; }

@media (max-width: 480px) {
  .hdcw-powered { padding: 0 24px 17px; }
}

/* A themed input font-size under 16px would defeat the widget's iOS zoom
 * guard (equal specificity, theme loads last - CON-781/CON-853 trap). */
@media (pointer: coarse) {
  .hdcw-input input { font-size: 16px; }
}
