/* LL AI v64.7.3 — polished message actions + user-message context menu/editing */

/* Assistant action strip: compact, deliberate, touch-friendly. */
.msgrow{position:relative!important}
.msgActions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:4px!important;
  width:max-content!important;
  min-height:40px!important;
  margin-top:8px!important;
  padding:3px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
.msgActions .btn,.msgActions .ll625MoreBtn{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:11px!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 67%,transparent)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  opacity:1!important;
  transform:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .12s ease!important;
}
.msgActions .btn:hover,.msgActions .btn:focus-visible,.msgActions .ll625MoreBtn:hover,.msgActions .ll625MoreBtn:focus-visible,.msgActions .ll625MoreBtn.is-open{
  color:var(--theme-text,#fff)!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.065)!important;
}
.msgActions .btn:active,.msgActions .ll625MoreBtn:active{transform:scale(.94)!important}
.msgActions .btn svg,.msgActions .ll625MoreBtn svg{width:18px!important;height:18px!important;stroke-width:1.75!important}

/* More menu: same visual language as the composer and voice controls. */
.ll625ResponseMenu{
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  left:0!important;
  right:auto!important;
  width:252px!important;
  padding:7px!important;
  border-radius:20px!important;
  color:var(--theme-text,#fff)!important;
  background:color-mix(in srgb,var(--theme-surface,#232326) 94%,transparent)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:0 24px 76px rgba(0,0,0,.54),0 1px 0 rgba(255,255,255,.035) inset!important;
  backdrop-filter:blur(24px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
  overflow:hidden!important;
  z-index:12500!important;
}
.ll625ResponseMenu button{
  width:100%!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:6px 10px!important;
  border:0!important;
  border-radius:13px!important;
  color:inherit!important;
  background:transparent!important;
  font-size:14.5px!important;
  font-weight:620!important;
  text-align:left!important;
}
.ll625ResponseMenu button:hover,.ll625ResponseMenu button:focus-visible{background:rgba(255,255,255,.075)!important}
.ll625ResponseMenu .ll625ActionIcon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.055)!important;color:color-mix(in srgb,var(--theme-text,#fff) 88%,transparent)!important}
.ll625ResponseMenu .ll625ActionIcon svg{width:18px!important;height:18px!important}
.ll625MenuDivider{height:1px!important;margin:5px 8px!important;background:rgba(255,255,255,.075)!important}

/* User message press/right-click menu. */
.llUserMessageMenu{
  position:fixed;
  z-index:30050;
  width:min(264px,calc(100vw - 18px));
  padding:8px;
  border-radius:22px;
  color:var(--theme-text,#fff);
  background:color-mix(in srgb,var(--theme-surface,#27272a) 96%,transparent);
  border:1px solid rgba(255,255,255,.115);
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 1px 0 rgba(255,255,255,.04) inset;
  backdrop-filter:blur(28px) saturate(1.16);
  -webkit-backdrop-filter:blur(28px) saturate(1.16);
  transform-origin:top right;
  animation:llUserMenuIn .16s cubic-bezier(.2,.82,.2,1) both;
  overflow:hidden;
}
.llUserMessageMenu[hidden]{display:none!important}
@keyframes llUserMenuIn{from{opacity:0;transform:translateY(-5px) scale(.975)}to{opacity:1;transform:none}}
.llUserMenuTime{padding:8px 12px 9px;color:var(--theme-muted,#a0a0aa);font-size:12px;line-height:1.2}
.llUserMenuDivider{height:1px;margin:4px 8px;background:rgba(255,255,255,.075)}
.llUserMessageMenu button{
  width:100%;min-height:52px;padding:6px 10px;border:0;border-radius:14px;background:transparent;color:inherit;
  display:flex;align-items:center;gap:12px;text-align:left;font-size:15px;font-weight:630;letter-spacing:-.01em;
  transition:background .15s ease,transform .12s ease;
}
.llUserMessageMenu button:hover,.llUserMessageMenu button:focus-visible{background:rgba(255,255,255,.078)}
.llUserMessageMenu button:active{transform:scale(.985)}
.llUserMenuIcon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);color:color-mix(in srgb,var(--theme-text,#fff) 90%,transparent)}
.llUserMenuIcon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Make user bubbles explicitly long-pressable without blocking normal scroll. */
.msg.user{position:relative!important;-webkit-touch-callout:none}
.msg.user .userMsgBodyText{-webkit-touch-callout:none;user-select:text;-webkit-user-select:text}
.msg.user.llPressArmed::after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:1px solid rgba(var(--accent-rgb,129,140,248),.34);pointer-events:none;opacity:.85}

/* Inline user-message editing. */
.msg.user.llUserEditMode{
  width:min(720px,88vw)!important;
  max-width:min(720px,88vw)!important;
  padding:10px!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--theme-surface-2,#303038) 88%,var(--accent,#7f8cff) 12%)!important;
  border:1px solid rgba(var(--accent-rgb,129,140,248),.28)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.2)!important;
}
.llUserEditPanel{display:grid;gap:9px;width:100%}
.llUserEditPanel textarea{
  width:100%;min-height:88px;max-height:260px;resize:vertical;box-sizing:border-box;padding:13px 14px;
  border:1px solid rgba(255,255,255,.095);border-radius:15px;outline:0;background:rgba(0,0,0,.16);color:var(--theme-text,#fff);
  font:inherit;font-size:15px;line-height:1.52;box-shadow:none;
}
.llUserEditPanel textarea:focus{border-color:rgba(var(--accent-rgb,129,140,248),.55);box-shadow:0 0 0 3px rgba(var(--accent-rgb,129,140,248),.085)}
.llUserEditActions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.llUserEditActions button{height:38px;padding:0 15px;border-radius:12px;border:1px solid rgba(255,255,255,.09);font-weight:650;background:rgba(255,255,255,.05);color:var(--theme-text,#fff)}
.llUserEditActions button:hover{background:rgba(255,255,255,.09)}
.llUserEditActions .llUserEditSend{width:42px;padding:0;border-radius:13px;background:var(--accent,#818cf8)!important;color:var(--accent-contrast,#fff)!important;border-color:transparent!important;display:grid;place-items:center}
.llUserEditActions .llUserEditSend svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

html[data-theme="light"] .llUserMessageMenu,html[data-theme="light"] .ll625ResponseMenu{box-shadow:0 24px 64px rgba(30,35,50,.22)!important}
@media(pointer:coarse){
  .msgActions{padding:3px!important;gap:3px!important}
  .msgActions .btn,.msgActions .ll625MoreBtn{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;opacity:1!important}
}
@media(max-width:680px){
  .llUserMessageMenu{width:min(280px,calc(100vw - 16px));border-radius:20px}
  .msg.user.llUserEditMode{width:min(94vw,680px)!important;max-width:min(94vw,680px)!important}
  .ll625ResponseMenu{width:min(252px,calc(100vw - 20px))!important}
}
@media(prefers-reduced-motion:reduce){.llUserMessageMenu{animation:none}.msgActions .btn,.llUserMessageMenu button{transition:none!important}}
