.assistant-toggle {
  width: 100px;
  height: 100px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}

.arope-assistant.is-dragging{z-index:1200}.arope-assistant.is-dragging .assistant-toggle{cursor:grabbing;transform:scale(1.06)}.arope-assistant.is-dragging .assistant-toggle::before{filter:drop-shadow(0 12px 12px rgba(20,45,37,.4));animation:none!important}.arope-assistant.assistant-right .assistant-panel{right:0;left:auto;transform-origin:bottom right}.arope-assistant.assistant-panel-below .assistant-panel{top:112px;bottom:auto;transform-origin:top left}.arope-assistant.assistant-right.assistant-panel-below .assistant-panel{transform-origin:top right}

.assistant-toggle > svg {
  display: none;
}

.assistant-toggle::before {
  content: "";
  width: 94px;
  height: 94px;
  background: url('../img/asistenteMolly.png') center/contain no-repeat;
  filter: drop-shadow(0 5px 5px rgba(20,45,37,.28));
  transform-origin: 58% 78%;
}

.assistant-toggle:hover,
.assistant-toggle:focus-visible {
  background: transparent;
  box-shadow: none;
}

.assistant-toggle:hover::before,
.arope-assistant.is-open .assistant-toggle::before {
  animation: cat-greeting .75s ease;
}

@keyframes cat-greeting {
  0%, 100% { transform: rotate(0) translateY(0); }
  25% { transform: rotate(-7deg) translateY(-2px); }
  50% { transform: rotate(5deg) translateY(-3px); }
  75% { transform: rotate(-4deg) translateY(-1px); }
}

@media (max-width: 600px) {
  .assistant-toggle { width: 86px; height: 86px; }
  .assistant-toggle::before { width: 82px; height: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  .assistant-toggle::before { animation: none !important; }
}

.assistant-tools,
.assistant-questions { display: none !important; }
.assistant-panel{bottom:112px;max-height:min(720px,calc(100dvh - 132px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.assistant-ai-form{margin:13px 0;padding:11px;border:1px solid rgba(85,115,101,.15);border-radius:14px;background:rgba(255,255,255,.35)}.assistant-ai-form>label{display:block;margin-bottom:7px;font-size:.75rem;font-weight:850}.assistant-ai-form>div{display:grid;grid-template-columns:1fr 38px;gap:6px}.assistant-ai-form input{min-width:0;padding:9px 10px;border:1px solid rgba(85,115,101,.2);border-radius:10px;background:rgba(255,255,255,.65);font-size:.78rem}.assistant-ai-form button{border:0;border-radius:10px;background:#557365;color:#fff;font-size:1.1rem;cursor:pointer}.assistant-ai-form button:disabled{opacity:.55}.assistant-ai-form>small{display:block;margin-top:6px;color:#627b76;font-size:.62rem}.assistant-answer-mode{color:rgba(255,255,255,.72);font-size:.61rem}
.assistant-tools > label { display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(85,115,101,.16);border-radius:12px;background:rgba(255,255,255,.42) }
.assistant-tools input { width:100%;padding:4px;border:0;background:transparent;box-shadow:none;font-size:.8rem }
.assistant-categories { display:flex;gap:5px;margin-top:7px;overflow-x:auto;scrollbar-width:none }
.assistant-categories button { padding:6px 9px;border:0;border-radius:999px;background:rgba(85,115,101,.09);color:inherit;font-size:.68rem;white-space:nowrap;cursor:pointer }
.assistant-categories button.is-active { background:#557365;color:#fff }
.assistant-history { margin:0 0 12px;border:1px solid rgba(85,115,101,.14);border-radius:12px;overflow:hidden }
.assistant-history summary { display:flex;justify-content:space-between;padding:9px 11px;cursor:pointer;font-size:.78rem;font-weight:800 }
.assistant-history summary span { display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#b72f35;color:#fff;font-size:.6rem }
.assistant-history.is-read summary span { background:#789087 }
.assistant-history > div { padding:0 11px 11px }
.assistant-history p { margin:7px 0;font-size:.75rem }
.assistant-history button { border:0;background:transparent;color:#557365;font-weight:800;font-size:.7rem;cursor:pointer }
.assistant-alert-bubble { position:absolute;bottom:16px;left:106px;width:220px;padding:11px 14px;border:1px solid rgba(255,255,255,.75);border-radius:14px 14px 14px 3px;background:rgba(247,251,247,.94);color:#314e46;box-shadow:0 12px 35px rgba(0,0,0,.24);opacity:0;transform:translateY(8px);transition:.28s;backdrop-filter:blur(18px);font-size:.78rem;font-weight:800;text-align:left;cursor:pointer }
.assistant-alert-bubble.is-visible { opacity:1;transform:none }
.mood-urgent .assistant-toggle::before { animation:cat-attention 2.4s ease-in-out infinite }
.mood-happy .assistant-toggle::before { filter:drop-shadow(0 5px 5px rgba(20,45,37,.28)) saturate(1.12) }
@keyframes cat-attention { 0%,75%,100%{transform:rotate(0)}82%{transform:rotate(-5deg)}90%{transform:rotate(5deg)} }
html[data-theme=dark] .assistant-tools>label,html[data-theme=dark] .assistant-alert-bubble{background:rgba(35,51,47,.96);color:#e5f1ee}html[data-theme=dark] .assistant-ai-form{background:rgba(255,255,255,.04)}html[data-theme=dark] .assistant-ai-form input{background:#263832;color:#fff}
@media(max-width:600px){.assistant-panel{bottom:98px;max-height:calc(100dvh - 116px)}.assistant-alert-bubble{left:92px;bottom:12px;width:190px}}
