/* ClutchHub v202 - persistent tactical owner actions */
html body .functional-lfg-action,
html body .functional-lfg-action:hover {
  color: #748198 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .functional-lfg-action {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 170px;
}

html body .functional-lfg-action > strong {
  flex: 0 0 100%;
  justify-content: flex-end;
  min-height: 22px;
}

html body .functional-lfg-action :is(
  .review-applications-button,
  .lfg-group-chat-button,
  .lfg-delete-button
) {
  position: relative;
  display: inline-flex !important;
  flex: 1 1 150px;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 145px;
  min-height: 38px !important;
  padding: 8px 13px !important;
  overflow: hidden;
  color: #fff !important;
  border: 1px solid #e4460d !important;
  border-radius: 0 !important;
  background-color: #ef4b10 !important;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 42%),
    linear-gradient(135deg, #ff6827, #ea430b) !important;
  clip-path: polygon(
    8px 0,
    100% 0,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    0 100%,
    0 8px
  );
  box-shadow: 0 7px 16px rgba(240, 75, 17, .22) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.1;
  letter-spacing: .01em;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

html body .functional-lfg-action :is(
  .review-applications-button,
  .lfg-group-chat-button,
  .lfg-delete-button
)::after {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 4px;
  width: 20px;
  height: 2px;
  pointer-events: none;
  background: rgba(255,255,255,.72);
  transform: skewX(-34deg);
}

html body .functional-lfg-action :is(
  .review-applications-button,
  .lfg-group-chat-button,
  .lfg-delete-button
) :is(svg, path, b, strong, span) {
  color: #fff !important;
  stroke: currentColor !important;
}

html body .functional-lfg-action :is(
  .review-applications-button,
  .lfg-group-chat-button,
  .lfg-delete-button
):is(:hover, :active) {
  color: #fff !important;
  border-color: #d83c07 !important;
  background-color: #df3e08 !important;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.2), transparent 42%),
    linear-gradient(135deg, #f75c1b, #d93d08) !important;
  filter: saturate(1.08);
  transform: translateY(-1px) !important;
  box-shadow: 0 9px 19px rgba(225, 60, 6, .27) !important;
}

html body .functional-lfg-action :is(
  .review-applications-button,
  .lfg-group-chat-button,
  .lfg-delete-button
):focus-visible {
  outline: 3px solid rgba(255, 107, 49, .32) !important;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  html body .functional-lfg-action {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0;
  }

  html body .functional-lfg-action > strong {
    justify-content: flex-start;
  }

  html body .functional-lfg-action :is(
    .review-applications-button,
    .lfg-group-chat-button,
    .lfg-delete-button
  ) {
    width: 100% !important;
    min-width: 0;
  }
}
