/* MedSupplyGuide — site assistant widget styles.
   Uses the same custom properties as styles.css so it inherits the theme. */

.ai-launch{
  position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:9px;
  background:var(--green-ink,#123a28);color:#fff;border:0;border-radius:999px;padding:13px 20px;
  font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;
  box-shadow:0 8px 26px rgba(18,58,40,.32);transition:transform .16s ease,box-shadow .16s ease;
}
.ai-launch:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,58,40,.4)}
.ai-launch.hidden{opacity:0;visibility:hidden;pointer-events:none}
.ai-launch svg{flex:0 0 auto}

.ai-panel{
  position:fixed;right:22px;bottom:22px;z-index:71;width:380px;max-width:calc(100vw - 32px);
  height:540px;max-height:calc(100vh - 44px);display:none;flex-direction:column;
  background:#fff;border:1px solid var(--border,#dfe7e2);border-radius:14px;overflow:hidden;
  box-shadow:0 20px 50px rgba(18,58,40,.3);font-family:inherit;
}
.ai-panel.open{display:flex}

.ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--green-ink,#123a28);color:#fff;padding:14px 16px}
.ai-head strong{display:block;font-size:.92rem}
.ai-head span{display:block;font-size:.73rem;color:#a9cdb8;margin-top:2px}
.ai-close{background:none;border:0;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px;opacity:.8}
.ai-close:hover{opacity:1}

.ai-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#f6faf7}
.ai-msg{max-width:88%;padding:10px 13px;border-radius:12px;font-size:.86rem;line-height:1.55;word-wrap:break-word}
.ai-msg--user{align-self:flex-end;background:var(--green-ink,#123a28);color:#fff;border-bottom-right-radius:4px}
.ai-msg--bot{align-self:flex-start;background:#fff;border:1px solid var(--border,#dfe7e2);color:#1c2b23;border-bottom-left-radius:4px}
.ai-msg--bot a{color:var(--green,#2F6B50);text-decoration:underline;word-break:break-all}
.ai-msg--thinking{color:#7d8f85;font-style:italic}

/* product results inside a bot message */
.ai-msg--bot p{margin:0 0 8px}
.ai-msg--bot p:last-child{margin-bottom:0}
.ai-prod{display:flex;flex-direction:column;gap:2px;padding:9px 10px;margin:6px 0;
  background:#f2f8f4;border:1px solid var(--border,#dfe7e2);border-left:3px solid var(--green,#2F6B50);
  border-radius:7px}
.ai-prod a{color:var(--green-ink,#123a28);font-weight:650;text-decoration:none;line-height:1.4}
.ai-prod a:hover{text-decoration:underline;color:var(--green,#2F6B50)}
.ai-meta{font-size:.72rem;color:#6d8177;letter-spacing:.01em}
.ai-fine{margin-top:8px !important;font-size:.68rem;color:#87988f;line-height:1.45}

.ai-foot{display:flex;gap:0;border-top:1px solid var(--border,#dfe7e2);background:#fff;padding:10px}
.ai-foot input{flex:1;border:1px solid var(--border,#dfe7e2);border-radius:8px 0 0 8px;
  padding:10px 12px;font-family:inherit;font-size:.86rem;min-width:0}
.ai-foot input:focus{outline:2px solid var(--mint,#99D6B2);outline-offset:-1px}
.ai-foot button{background:var(--green,#2F6B50);color:#fff;border:0;border-radius:0 8px 8px 0;
  padding:0 18px;font-family:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.ai-foot button:disabled{opacity:.55;cursor:default}

.ai-note{margin:0;padding:0 14px 11px;background:#fff;font-size:.68rem;color:#7d8f85;line-height:1.45}
.ai-note a{color:var(--green,#2F6B50)}

@media(max-width:480px){
  .ai-panel{right:10px;left:10px;bottom:10px;width:auto;height:auto;max-height:calc(100vh - 20px)}
  .ai-launch{right:14px;bottom:14px;padding:12px 16px}
}