/* Chat appearance adapted from Lucas Peyrin's Your First AI Agent template. */
#askPanel, #askFab, #askHint {
  --chat-primary:#EA4B71; --chat-primary-hover:#D93A60;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
#askFab {width:64px;height:64px;border:0;background:var(--chat-primary);
  box-shadow:0 8px 24px rgba(234,75,113,.25);animation:none;}
#askFab:hover {background:var(--chat-primary-hover);box-shadow:0 8px 28px rgba(234,75,113,.35);}
#askFab.active {background:#C82A50;}
#askHint {border-radius:16px;background:rgba(249,243,245,.9);color:#1F2937;
  border-color:rgba(234,75,113,.2);backdrop-filter:blur(20px);}
#askHint button {color:#6b7280;}
#askHint button:hover {color:#EA4B71;}
#askPanel {box-sizing:border-box;width:430px;max-width:calc(100vw - 28px);
  height:min(80vh,750px,calc(100vh - 104px));border-radius:16px;
  border:1px solid rgba(255,255,255,.3);background:rgba(249,243,245,.6);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 8px 32px rgba(31,38,135,.1);color:#1F2937;}
#askPanel .ask-hd {background:transparent;color:#1F2937;padding:20px;
  border-bottom:1px solid rgba(255,255,255,.2);gap:10px;}
#askPanel .ask-ic {background:rgba(234,75,113,.1);color:#EA4B71;}
#askPanel .ask-tt b {font-size:21px;line-height:1.25;letter-spacing:0;}
#askPanel .ask-tt i {font-size:12px;line-height:1.4;margin-top:5px;color:#4b5563;opacity:1;}
#askPanel .ask-hd button {background:rgba(255,255,255,.5);color:#4b5563;}
#askPanel .ask-hd button:hover {color:#EA4B71;background:rgba(255,255,255,.8);}
#askPanel .ask-hd button svg path {stroke:currentColor;}
#askPanel .ask-msgs {background:transparent;padding:16px;gap:12px;min-height:0;}
#askPanel .ask-bubble {max-width:80%;min-width:0;overflow-wrap:anywhere;}
#askPanel .ask-bubble.user {max-width:70%;background:#EA4B71;color:white;
  border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6;box-shadow:none;}
#askPanel .ask-card {background:white;border:0;border-radius:12px;padding:12px 16px;
  box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;}
#askPanel .ask-card:hover, #askPanel .ask-bubble.user:hover {
  transform:translateY(-2px);box-shadow:0 0 25px rgba(234,75,113,.2);}
#askPanel .ask-card.warn {background:#fffdf7;}
#askPanel .ask-t {font-size:14px;color:#111827;}
#askPanel .ask-b {font-size:13px;line-height:1.6;color:#374151;}
#askPanel .ask-big {color:#EA4B71;}
#askPanel .ask-tbl {display:block;overflow-x:auto;max-width:100%;}
#askPanel .ask-tbl th {border-bottom-color:#EA4B71;color:#4b5563;}
#askPanel .ask-chips {background:transparent;border:0;padding:8px 16px 0;gap:6px;max-height:86px;}
#askPanel .qchip {background:rgba(255,255,255,.75);border:1px solid rgba(234,75,113,.2);
  border-radius:12px;color:#9d2345;font-size:11px;}
#askPanel .qchip:hover {background:white;border-color:#EA4B71;}
#askPanel .qchip-more {border-style:dashed;color:#6b7280;}
#askPanel .ask-inrow {background:transparent;padding:12px 16px;gap:8px;}
#askPanel .ask-inrow input {height:50px;box-sizing:border-box;border:0;border-radius:12px;
  padding:12px 16px;background:rgba(255,255,255,.5);font-size:14px;color:#111827;}
#askPanel .ask-inrow input:focus {box-shadow:0 0 0 2px rgba(234,75,113,.25);}
#askPanel .ask-inrow button {background:transparent;color:#EA4B71;width:32px;height:40px;border-radius:10px;}
#askPanel .ask-inrow button:hover {background:rgba(255,255,255,.6);color:#D93A60;}
#askPanel #askClear {font-size:19px;}
#askPanel #askSend svg path {stroke:currentColor;}
#askPanel .ask-foot {background:transparent;color:#6b7280;padding:0 16px 12px;font-size:10px;}
@media(max-width:760px) {
  #askPanel {left:14px;right:14px;width:auto;max-width:none;bottom:88px;
    height:min(80vh,750px,calc(100dvh - 110px));}
  #askPanel .ask-hd {padding:16px;}
  #askPanel .ask-tt b {font-size:18px;}
  #askFab {width:56px;height:56px;}
}
@media(prefers-reduced-motion:reduce) {
  #askPanel .ask-card, #askPanel .ask-bubble.user {transition:none;}
  #askPanel .ask-card:hover, #askPanel .ask-bubble.user:hover {transform:none;}
}