/* LL AI v64.7.3 — final assistant action position + ChatGPT-style More menu. */

/* Move the four response controls all the way toward the left edge of the
   assistant response column on tablet/desktop. This intentionally overrides
   the older v64.6.x/v64.7.0 offsets. */
.msgrow > .msgActions{
  align-self:flex-start!important;
  justify-content:flex-start!important;
  width:max-content!important;
  margin:5px 0 0 -48px!important;
  padding:0!important;
  gap:2px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.msgrow > .msgActions .btn,
.msgrow > .msgActions .ll625MoreBtn{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 68%,transparent)!important;
  box-shadow:none!important;
}
.msgrow > .msgActions .btn:hover,
.msgrow > .msgActions .btn:focus-visible,
.msgrow > .msgActions .ll625MoreBtn:hover,
.msgrow > .msgActions .ll625MoreBtn:focus-visible,
.msgrow > .msgActions .ll625MoreBtn.is-open{
  color:var(--theme-text,#f7f7f8)!important;
  background:rgba(255,255,255,.072)!important;
  outline:none!important;
}
.msgrow > .msgActions .btn:active,
.msgrow > .msgActions .ll625MoreBtn:active{transform:scale(.92)!important}
.msgrow > .msgActions .btn svg,
.msgrow > .msgActions .ll625MoreBtn svg{
  width:18px!important;height:18px!important;
  stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}

/* ChatGPT-like response More menu: solid dark surface, date/meta at top,
   unboxed line icons, generous rows, minimal divider. */
.msgActions .ll625ResponseMenu{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  width:278px!important;
  max-width:calc(100vw - 24px)!important;
  padding:7px!important;
  border-radius:21px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:color-mix(in srgb,var(--theme-surface,#242424) 97%,#111 3%)!important;
  color:var(--theme-text,#f7f7f8)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.44),0 1px 0 rgba(255,255,255,.025) inset!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  z-index:16000!important;
  transform-origin:top left!important;
}
.msgActions .ll625ResponseMenu.ll6470-open-up{
  top:auto!important;
  bottom:calc(100% + 8px)!important;
  transform-origin:bottom left!important;
}
.msgActions .ll625ResponseMenu.is-open{animation:ll6471MenuIn .145s cubic-bezier(.2,.82,.24,1) both!important}
.msgActions .ll625ResponseMenu.ll6470-open-up.is-open{animation:ll6471MenuUp .145s cubic-bezier(.2,.82,.24,1) both!important}
@keyframes ll6471MenuIn{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ll6471MenuUp{from{opacity:0;transform:translateY(3px) scale(.985)}to{opacity:1;transform:none}}

.ll6471MenuMeta{
  display:block!important;
  padding:8px 13px 7px!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 55%,transparent)!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:-.003em!important;
  white-space:nowrap!important;
  user-select:none!important;
}
.msgActions .ll625ResponseMenu button{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:55px!important;
  margin:0!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  font:inherit!important;
  font-size:16px!important;
  font-weight:600!important;
  letter-spacing:-.008em!important;
  cursor:pointer!important;
  transition:background .11s ease,transform .09s ease!important;
}
.msgActions .ll625ResponseMenu button:hover,
.msgActions .ll625ResponseMenu button:focus-visible{
  background:rgba(255,255,255,.062)!important;
  outline:none!important;
}
.msgActions .ll625ResponseMenu button:active{transform:scale(.988)!important}
.msgActions .ll625ResponseMenu .ll625ActionIcon{
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--theme-text,#fff) 92%,transparent)!important;
  box-shadow:none!important;
}
.msgActions .ll625ResponseMenu button:hover .ll625ActionIcon,
.msgActions .ll625ResponseMenu button:focus-visible .ll625ActionIcon{
  border:0!important;
  background:transparent!important;
  color:var(--theme-text,#fff)!important;
}
.msgActions .ll625ResponseMenu .ll625ActionIcon svg{
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.msgActions .ll625ResponseMenu .ll625MenuDivider{
  height:1px!important;
  margin:4px 12px!important;
  background:rgba(255,255,255,.075)!important;
}
.msgActions .ll625ResponseMenu .ll625MenuMeta{display:none!important}

/* Tablet is the main target shown by the user. Keep the full left offset there. */
@media (min-width:701px) and (pointer:coarse){
  .msgrow > .msgActions{margin-left:-48px!important}
  .msgrow > .msgActions .btn,.msgrow > .msgActions .ll625MoreBtn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .msgActions .ll625ResponseMenu{width:282px!important}
  .msgActions .ll625ResponseMenu button{min-height:57px!important;font-size:16px!important}
}
/* On narrow phones, don't let the controls clip outside the safe content edge. */
@media (max-width:700px){
  .msgrow > .msgActions{margin-left:-12px!important}
  .msgActions .ll625ResponseMenu{width:min(278px,calc(100vw - 18px))!important}
}
@media(prefers-reduced-motion:reduce){
  .msgActions .ll625ResponseMenu.is-open{animation:none!important}
  .msgrow > .msgActions .btn,.msgrow > .msgActions .ll625MoreBtn,.msgActions .ll625ResponseMenu button{transition:none!important}
}