/* RUNDEX_FRAG_AI_V1 */
.rxai-wrap{
  width:calc(100% - 64px);
  max-width:1296px;
  margin:28px auto 34px;
}
.rxai-shell{
  position:relative;
  overflow:hidden;
  border:1px solid #dfe4ea;
  border-radius:28px;
  background:
    radial-gradient(circle at 92% 0%,rgba(99,102,241,.09),transparent 31%),
    radial-gradient(circle at 4% 100%,rgba(14,165,233,.07),transparent 28%),
    #fff;
  padding:28px;
  isolation:isolate;
}
.rxai-shell:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.0),rgba(255,255,255,.58),rgba(255,255,255,0));
  transform:translateX(-120%);
  opacity:0;
}
.rxai-shell.rxai-thinking:before{
  opacity:.7;
  animation:rxai-scan 1.15s linear infinite;
}
@keyframes rxai-scan{
  to{transform:translateX(120%)}
}
.rxai-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:15px;
  margin-bottom:22px;
}
.rxai-orb{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#111827,#312e81 58%,#2563eb);
  font-size:23px;
  line-height:1;
}
.rxai-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 4px;
  color:#68717c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.rxai-head h2{
  margin:0;
  color:#11151a;
  font-size:clamp(29px,3vw,42px);
  letter-spacing:-.045em;
  line-height:1;
}
.rxai-head p{
  margin:7px 0 0;
  color:#68717c;
  font-size:14px;
  line-height:1.45;
}
.rxai-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  border:1px solid #e1e6ec;
  border-radius:999px;
  padding:0 12px;
  background:rgba(255,255,255,.78);
  color:#4b5563;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}
.rxai-status:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
}
.rxai-status[data-mode="fallback"]:before{background:#f59e0b}
.rxai-command{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:stretch;
  border:1px solid #d9e0e7;
  border-radius:22px;
  background:#f8fafc;
  padding:8px;
  transition:border-color .18s ease,background .18s ease;
}
.rxai-command:focus-within{
  border-color:#9da8b7;
  background:#fff;
}
.rxai-input{
  width:100%;
  min-height:66px;
  max-height:150px;
  resize:none;
  border:0;
  outline:0;
  background:transparent;
  padding:13px 14px;
  color:#11151a;
  font:650 17px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  box-sizing:border-box;
}
.rxai-input::placeholder{color:#9aa3af}
.rxai-submit{
  align-self:stretch;
  min-width:154px;
  border:0;
  border-radius:16px;
  padding:0 20px;
  background:#11151a;
  color:#fff;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:transform .16s ease,opacity .16s ease;
}
.rxai-submit:hover{transform:translateY(-1px)}
.rxai-submit:disabled{opacity:.55;cursor:wait;transform:none}
.rxai-examples{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.rxai-chipbutton{
  border:1px solid #e1e6eb;
  border-radius:999px;
  background:#fff;
  color:#57606d;
  padding:9px 12px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.rxai-chipbutton:hover{
  border-color:#bfc7d2;
  color:#151922;
}
.rxai-response{
  position:relative;
  z-index:1;
  display:none;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin-top:18px;
  border-top:1px solid #e7ebf0;
  padding-top:18px;
}
.rxai-response.is-visible{
  display:grid;
  animation:rxai-in .24s ease both;
}
@keyframes rxai-in{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
.rxai-understood{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#11151a;
  font-size:12px;
  font-weight:900;
}
.rxai-understood span{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:9px;
  background:#11151a;
  color:#fff;
  font-size:12px;
}
.rxai-filterchips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:10px;
}
.rxai-filterchip{
  border-radius:999px;
  background:#eef2f7;
  color:#26313d;
  padding:8px 10px;
  font-size:11px;
  font-weight:850;
}
.rxai-advice{
  max-width:780px;
  margin:0;
  color:#5f6975;
  font-size:13px;
  line-height:1.55;
}
.rxai-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.rxai-go,
.rxai-edit{
  min-height:45px;
  border-radius:14px;
  padding:0 16px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.rxai-go{
  border:0;
  background:#11151a;
  color:#fff;
}
.rxai-edit{
  border:1px solid #dbe1e8;
  background:#fff;
  color:#39424e;
}
.rxai-error{
  display:none;
  position:relative;
  z-index:1;
  margin-top:12px;
  border-radius:14px;
  background:#fff4f4;
  color:#9f1239;
  padding:11px 13px;
  font-size:12px;
  font-weight:750;
}
.rxai-error.is-visible{display:block}
.rxai-fab{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:999;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:0 17px 0 10px;
  background:#11151a;
  color:#fff;
  font:850 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  cursor:pointer;
}
.rxai-fab span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:11px;
  background:linear-gradient(145deg,#4f46e5,#2563eb);
  font-size:15px;
}
@media(max-width:720px){
  .rxai-wrap{width:calc(100% - 28px);margin:20px auto 28px}
  .rxai-shell{border-radius:22px;padding:18px}
  .rxai-head{grid-template-columns:auto 1fr;gap:11px;margin-bottom:16px}
  .rxai-orb{width:42px;height:42px;border-radius:14px}
  .rxai-status{grid-column:1/-1;justify-self:start}
  .rxai-head h2{font-size:30px}
  .rxai-head p{font-size:13px}
  .rxai-command{grid-template-columns:1fr}
  .rxai-input{min-height:86px;font-size:16px}
  .rxai-submit{min-height:48px}
  .rxai-response.is-visible{grid-template-columns:1fr}
  .rxai-actions{width:100%}
  .rxai-go{flex:1}
  .rxai-fab{right:14px;bottom:14px}
}