/* The menu scrolls with the transcript; its reopen control stays above the composer. */
:is(#f8la,.f8la-menu-test) .f8la-messages.f8la-has-quick-replies { display: flex; flex-direction: column; }
:is(#f8la,.f8la-menu-test) .f8la-messages.f8la-has-quick-replies > * { flex: 0 0 auto; }
:is(#f8la,.f8la-menu-test) .f8la-quick-replies { width: 100%; max-width: 100%; margin: auto 0 6px; padding-top: 16px; font-family: var(--f8qr-font, inherit); }
:is(#f8la,.f8la-menu-test) .f8la-quick-replies[hidden] { display: none; }
:is(#f8la,.f8la-menu-test) .f8la-quick-replies.is-top { margin-top: 0; }
:is(#f8la,.f8la-menu-test) .f8la-quick-replies.hide-arrows .f8la-quick-button:not(.is-back) .f8la-quick-arrow { display: none; }
:is(#f8la,.f8la-menu-test) .f8la-quick-heading { margin: 0 0 10px; color: var(--f8la-muted); font-size: 11px; line-height: 1.5; letter-spacing: .055em; font-weight: 500; }
:is(#f8la,.f8la-menu-test) .f8la-quick-grid { display: grid; grid-template-columns: repeat(var(--f8qr-columns, 1), minmax(0, 1fr)); justify-items: start; gap: var(--f8qr-gap, 8px); }
:is(#f8la,.f8la-menu-test) .f8la-quick-grid > :only-child { grid-column: 1 / -1; }
:is(#f8la,.f8la-menu-test) .f8la-quick-replies.is-grid .f8la-quick-grid .f8la-quick-button { width: 100%; justify-content: space-between; }
:is(#f8la,.f8la-menu-test) .f8la-quick-button {
  appearance: none; box-sizing: border-box; width: fit-content; max-width: 100%; min-width: min(44px,100%); min-height: 44px; height: auto;
  margin: 0; padding: var(--f8qr-padding, 11px); display: flex; align-items: center; justify-content: center; gap: 8px;
  border: var(--f8qr-border-width, 1px) solid var(--f8qr-border, #42565f); border-radius: var(--f8qr-radius, 14px);
  background: var(--f8qr-background, #172227); color: var(--f8qr-text, #f4f6f6); box-shadow: none;
  font-family: inherit; font-size: var(--f8qr-font-size, 13px); font-weight: var(--f8qr-weight, 600); line-height: 1.4;
  text-align: start; text-transform: none; letter-spacing: normal; white-space: normal; overflow-wrap: anywhere;
  cursor: pointer; touch-action: manipulation; transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
  animation: var(--f8-motion-button-animation, f8la-quick-arrive) var(--f8-motion-button-duration, 160ms) cubic-bezier(.2,.8,.2,1) calc(var(--f8-motion-button-delay, 20ms) + var(--f8-motion-button-stagger, 20ms) * var(--f8qr-enter-order, 0)) backwards;
}
:is(#f8la,.f8la-menu-test) .f8la-quick-button > span:first-child { min-width: 0; }
:is(#f8la,.f8la-menu-test) .f8la-quick-arrow { flex: 0 0 14px; width: 14px; height: 18px; display: block; align-self: center; font-size: 0; line-height: 0; opacity: .8; }
:is(#f8la,.f8la-menu-test) .f8la-quick-arrow::before {
  content: ''; display: block; width: 100%; height: 100%; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
}
:is(#f8la,.f8la-menu-test) .f8la-quick-button.is-back .f8la-quick-arrow::before { transform: rotate(180deg); }
@media (hover: hover) {
  :is(#f8la,.f8la-menu-test) .f8la-quick-button:hover { background: var(--f8qr-hover-background, #263b45); color: var(--f8qr-hover-text, #fff); border-color: var(--f8qr-hover-border, #b9dbe8); }
}
:is(#f8la,.f8la-menu-test) .f8la-quick-button:focus-visible { outline: 2px solid var(--f8qr-focus, #b9dbe8); outline-offset: 2px; }
:is(#f8la,.f8la-menu-test) .f8la-quick-button:active { background: var(--f8qr-hover-background, #263b45); color: var(--f8qr-hover-text, #fff); border-color: var(--f8qr-hover-border, #b9dbe8); }
:is(#f8la,.f8la-menu-test) .f8la-quick-button.is-back { margin: 0; padding: 8px 0; flex-direction: row-reverse; gap:4px; font-size: 12px; border:0; border-radius:0; background:transparent; color:var(--f8la-design-tabs-color,var(--f8la-muted,#67737b)); box-shadow:none; }
:is(#f8la,.f8la-menu-test) .f8la-quick-button.is-back > span:first-child { text-decoration:underline; text-underline-offset:3px; }
:is(#f8la,.f8la-menu-test) .f8la-quick-navigation { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px; }
#f8la .f8la-shortcut-toolbar { flex:0 0 auto;display:flex;align-items:center;padding:5px 22px 0;background:var(--f8la-design-panel-bg,var(--f8la-panel)); }
#f8la .f8la-shortcut-toolbar[hidden] { display:none; }
#f8la .f8la-menu-toggle { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:36px;margin:0;padding:6px 10px;border:1px solid var(--f8la-design-tabs-border,var(--f8la-line));border-radius:10px;background:var(--f8la-design-tabs-bg,var(--f8la-panel));color:var(--f8la-design-tabs-color,var(--f8la-white));font:500 12px/1.4 var(--f8la-design-title-font,var(--f8la-font));box-shadow:none;cursor:pointer; }
#f8la .f8la-menu-toggle svg { width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round; }
#f8la .f8la-menu-toggle[aria-expanded=true] { background:var(--f8la-design-tabs-activeBg,var(--f8la-control-bg));color:var(--f8la-design-tabs-activeColor,var(--f8la-white)); }
#f8la .f8la-menu-toggle:focus-visible { outline:2px solid currentColor;outline-offset:2px; }
#f8la .f8la-menu-toggle:disabled { opacity:.5;cursor:wait; }
@media(max-width:600px){#f8la .f8la-shortcut-toolbar{padding-inline:16px;}}
@keyframes f8la-quick-arrive {
  from { opacity: 0; transform: translateY(var(--f8-motion-button-distance, 5px)); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { :is(#f8la,.f8la-menu-test) .f8la-quick-button { transition: none; animation: none; } }