
  .v-ask-ai-feedback-icon{
  font-size:16px;
  cursor:pointer;
  color:#6f6f6f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.v-ask-ai-feedback-icon:hover,
.v-ask-ai-feedback-icon.is-selected{  color:#d04a02;}

.v-ask-ai-source-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:6px;
  padding:2px 6px;
  border:1px solid #e0e0e0;
  border-radius:12px;
  background:#f7f7f7;
  color:#444;
  font-size:11px;
  line-height:1.2;
  max-width:180px;   
  overflow:hidden;
}
.v-ask-ai-source-chip-text{
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  max-width:140px;   
}
.v-ask-ai-source-chip .Appkit4-icon{font-size:11px; flex:0 0 auto; color:#666;}
.v-ask-ai-markdown{display:block;}
.v-ask-ai-markdown ul,
.v-ask-ai-markdown ol{margin:8px 0 10px 0;padding-left:24px; overflow:visible;}
.v-ask-ai-markdown ul > li{
  display:list-item;
  list-style-type:disc !important;
  list-style-position:outside;
  margin: 4px 0px 4px 12px;
}
.v-ask-ai-markdown ol > li{
  display:list-item;
  list-style-type:decimal !important;
  list-style-position:outside;
  margin:4px 0;
}
.v-ask-ai-markdown li::marker{color:#222;}
.v-ask-ai-markdown table{
  width:100%;
  border-collapse:collapse;
  margin:10px 0;
  table-layout:auto;
}
.v-ask-ai-markdown th,
.v-ask-ai-markdown td{
  border:1px solid #bfbfbf;
  padding:8px 10px;
  text-align:left;
  vertical-align:top;
}
.v-ask-ai-markdown th{font-weight:700; background:#f7f7f7;}
.v-ask-ai-markdown p{ margin:0 0 10px 0;}
.v-ask-ai-markdown p:last-child{margin-bottom:0;}

.v-ask-ai-file-error{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  margin:0 0 8px 0;
  color:#d93954;
  font-size:12px;
  line-height:1.3;
}
.v-ask-ai-file-error-icon{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#d93954;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:10px;
  font-weight:700;
}
.v-ask-ai-file-list{display:flex;flex-direction:column; gap:8px;}
.v-ask-ai-file-bubble{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:260px;
  min-width: 260px;
  padding:10px 12px;
  border:1px solid #f3c6b3;
  border-radius:14px;
  background:#fff4ee;
  color:#222;
  margin-left:auto;
  position:relative;
}
.v-ask-ai-file-bubble::before{
  content:"";
  position:absolute;
  right:-8px;
  bottom:14px;
  width:0;
  height:0;
  border-left:8px solid #fff4ee;
}
.v-ask-ai-file-bubble-icon{
  width:24px;
  height:24px;
  border-radius:8px;
  background:#ffddcc;
  color:#d04a02;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.v-ask-ai-file-bubble-icon .Appkit4-icon,
.v-ask-ai-pending-file-icon .Appkit4-icon{font-size:14px;}
.v-ask-ai-file-bubble-name{
  min-width:0;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
  .v-ask-ai-pending-files{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 8px 0;
  padding:0 44px 0 0;
}
.v-ask-ai-pending-file{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:240px;
  min-width:240px;
  min-height:40px;
  padding:8px 28px 8px 10px;
  border:1px solid #f3c6b3;
  border-radius:14px;
  background:#fff4ee;
  color:#222;
  position:relative;
  box-sizing:border-box;
}
.v-ask-ai-pending-file-icon{
  width:24px;
  height:24px;
  border-radius:8px;
  background:#ffddcc;
  color:#d04a02;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.v-ask-ai-pending-file-icon .appkiticon{
  font-size:14px;
}
.v-ask-ai-pending-file-name{
  min-width:0;
  flex:1;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v-ask-ai-pending-file-remove{
  position:absolute;
  top:6px;
  right:6px;
  width:16px;
  height:16px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#d04a02;
}
.v-ask-ai-pending-file-remove .appkiticon{font-size:12px;}
  .v-ask-ai-thinking-text{transition: opacity 0.3s ease;}  
  .v-ask-ai-latency{font-size:11px; color:#777; white-space:nowrap;}
  .v-ask-ai-thinking{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:20px;
  font-size:13px;
  color:#555;
  padding:2px 0;
}
.v-ask-ai-thinking-text{font-weight:500;}
.v-ask-ai-thinking-dots{display:inline-flex;align-items:center;gap:4px;}
.v-ask-ai-thinking-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d04a02;
  opacity:.25;
  animation: askFpiAiThinking 1.1s infinite ease-in-out;
}
.v-ask-ai-thinking-dots span:nth-child(2){animation-delay:.15s;}
.v-ask-ai-thinking-dots span:nth-child(3){animation-delay:.30s;}
@keyframes askFpiAiThinking{0%, 80%, 100%{transform:scale(.7);  opacity:.25;}
  40%{transform:scale(1); opacity:1;}
}
.v-ask-ai-response-text p{margin: 0 0 10px 0;}
.v-ask-ai-response-text p:last-child{margin-bottom: 0;}
.v-ask-ai-response-text.is-error .v-ask-ai-markdown{
  display:inline;
}
.v-ask-ai-response-text.is-error .v-ask-ai-markdown p{
  display:inline;
  margin:0;
}
.v-ask-ai-response-text.is-error .v-ask-ai-file-error-icon{
  display:inline-flex;
  vertical-align:middle;
  margin-left:6px;
}
.v-ask-ai-response-text h2,
.v-ask-ai-response-text h3,
.v-ask-ai-response-text h4{margin: 10px 0 8px 0;font-size: 15px; line-height: 1.35;font-weight: 700;}
.v-ask-ai-response-text ol,
.v-ask-ai-response-text ul{margin: 8px 0 10px 20px;padding: 0;}
.v-ask-ai-response-text li{margin: 4px 0;}
.v-ask-ai-response-text strong{font-weight: 700;}
  .v-ask-ai-history-bold{font-weight: 600; -webkit-text-stroke: 0.8px #fff; }
  .v-ask-ai-history{ width: 25%; min-width: 220px;max-width: 320px;}
    .v-ask-ai-response{
    width:100%;
    max-width:100%;
    color:#222;
    margin-right:auto;
  }
  .v-ask-ai-response-text{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    font-size:13px;
    line-height:1.45;
    padding:2px 0;
  }
:root{--ask-fpi-ai-width: 35vw;--ask-fpi-ai-top-offset: 100px;}
#main.ask-fpi-ai-open #ds_contents{ margin-right: var(--ask-fpi-ai-width);}
#main.ask-fpi-ai-open.is-expanded #ds_contents{margin-right: 0 !important;}
.ask-fpi-ai-fab{
  position: fixed;
  right: 70px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
}
.ask-fpi-ai-fab img{width:100%; height:100%; display:block;}
.v-ask-ai-panel{
  position: fixed;
  right: 0;
  top: var(--ask-fpi-ai-top-offset);
  height: calc(100vh - var(--ask-fpi-ai-top-offset));
  width: var(--ask-fpi-ai-width);
  background: #fff;
  border-left: 1px solid #e6e6e6;
  z-index: 101;
  display: flex;
  flex-direction: column;
  box-shadow: -6px 0 18px rgba(0,0,0,.08);
}
.v-ask-ai-panel.is-expanded{left:0; width:100vw !important; border-left:none;}
.v-ask-ai-resize{
  position:absolute;
  left:-12px;
  top:0;
  width: 24px;
  height:100%;
  cursor: col-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  background: transparent;
}
.v-ask-ai-resize::before{
  content:"";
  width:1px;
  height:100%;
  background:#e6e6e6;
  transition: background 0.15s ease;
}
.v-ask-ai-resize:hover::before{ background:#d04a02;}
.v-ask-ai-grip{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:42px;
  background:#222;
  border-radius:2px;
  opacity:0.75;
  pointer-events:none;
}
.v-ask-ai-resize .v-ask-ai-grip{ opacity:0; }
.v-ask-ai-resize:hover .v-ask-ai-grip{ opacity:0.75; }
.v-ask-ai-header{
  background:#d04a02;
  color:#fff;
  height:48px;
  min-height:48px;
  display:flex;
  align-items:center;
  padding:0 12px;
  justify-content:space-between;
  position: relative;
}
.v-ask-ai-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:bold;
}
.v-ask-ai-actions{display:flex; align-items:center; gap:20px;
}
.v-ask-ai-action{
  font-size:18px;
  cursor:pointer;
  opacity:.95;
  padding:6px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: background 0.15s ease, opacity 0.15s ease;
}
.v-ask-ai-action:hover{opacity:1; background: rgba(255,255,255,0.18);}
.v-ask-ai-brand{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:contain;
  display:block;
}
.v-ask-ai-body{
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
}
.v-ask-ai-split{
  flex: 1;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.v-ask-ai-chatcol{
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.v-ask-ai-scroll{flex:1; overflow-y:auto; padding:10px 12px 12px 12px;}
.v-ask-ai-welcome{ margin: 0 0 10px 0; }
.v-ask-ai-suggestions{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:0 0 12px 0;
}
.v-ask-ai-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:6px 10px;
  border-radius:6px;
  background:#ffddcc;
  border:1px solid #f3c6b3;
  cursor:pointer;
  font-size:13px;
  line-height:1.2;
  color:#222;
  box-sizing:border-box;
}
.v-ask-ai-chip span:first-child{ flex:1; }
.v-ask-ai-chip:hover{ background:#ffd4bf; }
.v-ask-ai-chip.is-disabled{opacity:0.6; cursor:not-allowed;}
.v-ask-ai-chip.is-disabled *{ pointer-events:none;}
.v-ask-ai-chip .appkiticon{
  font-size:12px;
  opacity:.85;
  margin-left:8px;
  color:#d04a02;
}
.v-ask-ai-row{ display:flex; margin:8px 0; }
.v-ask-ai-msg{ display:flex; flex-direction:column; width:100%; }
.v-ask-ai-bubble{
  overflow-wrap:anywhere;
  word-break:break-word;
  position:relative;
  border-radius:12px;
  padding:12px;
  white-space:pre-line;
  max-width:90%;
  font-size:13px;
  line-height:1.2;
  margin:0;
}
.v-ask-ai-bubble.user{ width: fit-content;  max-width: 80%;background: #ffddcc; color: #222; margin-left: auto; }
.v-ask-ai-bubble.user::before{
  content:"";
  position:absolute;
  right:-8px;
  bottom:14px;
  width:0;
  height:0;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:8px solid #ffddcc;
}
.v-ask-ai-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
  font-size:11px;
  color:#777;
}
.v-ask-ai-copy{
  font-size:16px;
  cursor:pointer;
  color:#d04a02;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.v-ask-ai-copy:hover{ opacity:1; }
.v-ask-ai-jump{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:118px;
  width:28px;
  height:28px;
  cursor:pointer;
  z-index:60;
  opacity:0.95;
}
.v-ask-ai-jump:hover{ opacity:1; }
.v-ask-ai-context{
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:8px 12px;
  font-size:12px;
  color:#555;
}
.v-ask-ai-context b{ color:#222; }
.v-ask-ai-composer{
  padding:10px 12px 12px 12px;
  display:flex;
  align-items:flex-end;
}
.v-ask-ai-input-wrap{position:relative; flex:1;}
.v-ask-ai-plus-in{
  position:absolute;
  left:14px;
  bottom:14px;
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#d04a02;
  font-size:22px;
  line-height:1;
}
.v-ask-ai-plus-in:hover{ opacity:.85; }
.v-ask-ai-paperclip{transform: rotate(-45deg); display:inline-flex;}
.v-ask-ai-send-in{
  position:absolute;
  right:16px;
  bottom:12px;
  width:40px;
  height:40px;
  border-radius:6px;
  background:#d04a02;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.v-ask-ai-send-in:disabled{ opacity:0.5; cursor:not-allowed; }
.v-ask-ai-send-img{ width:40px; height:40px; object-fit:contain; }
.v-ask-ai-input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #9aa3b2;
  border-radius:24px;
  transition: height 0.05s ease;
  padding:12px 72px 46px 52px;
  font-size:14px;
  color:#222;
  outline:none;
  min-height:52px;
  height:52px;
  max-height:112px;
  overflow-y:hidden;
  resize:none;
  line-height:20px;
}
.v-ask-ai-input::placeholder{ color:#777; font-size:14px; }
.v-ask-ai-disclaimer{padding:8px 12px 12px 12px; font-size:11px;color:#777;}
html.ask-fpi-ai-lock-scroll,
body.ask-fpi-ai-lock-scroll{ overflow: hidden !important;}
