/* ClutchHub v195: compact right-aligned assistant, balanced home LFG cards
   and stable orange owner controls. */

.inline-clutchbot-v188 {
  width: min(430px, 100%) !important;
  min-height: 176px !important;
  margin: 14px 0 18px auto !important;
  padding: 13px 14px !important;
  grid-template-columns: 108px minmax(0, 1fr) !important;
  gap: 13px !important;
  justify-self: end;
  border-radius: 12px 3px 12px 3px !important;
  box-shadow: 0 12px 28px rgb(23 44 73 / 9%) !important;
}

.inline-clutchbot-v188 .inline-clutchbot-visual {
  height: 142px !important;
}

.inline-clutchbot-v188 .inline-clutchbot-visual img {
  width: 108px !important;
  height: 138px !important;
}

.inline-clutchbot-v188 .inline-clutchbot-copy {
  align-self: center;
  min-width: 0;
}

.inline-clutchbot-v188 .inline-clutchbot-kicker {
  font-size: 9px !important;
  line-height: 1.25;
}

.inline-clutchbot-v188 .inline-clutchbot-copy h2 {
  font-size: 15px !important;
  line-height: 1.2;
}

.inline-clutchbot-v188 .inline-clutchbot-copy p {
  max-width: none;
  font-size: 10px !important;
  line-height: 1.42;
  -webkit-line-clamp: 3;
}

.inline-clutchbot-v188 .inline-clutchbot-action,
.inline-clutchbot-v188 .inline-clutchbot-chat-button {
  min-height: 30px;
  margin: 8px 5px 0 0;
  padding: 0 9px;
  font-size: 9px;
}

.home-v3-new-lfg > a.home-lfg-v193-card {
  grid-template-columns: 40px minmax(0, 1fr) 100px !important;
  gap: 8px !important;
  min-height: 82px !important;
  padding: 8px 9px !important;
}

.home-v3-new-lfg > a.home-lfg-v193-card > img,
.home-v3-new-lfg > a.home-lfg-v193-card > .home-v3-game-mark,
.home-v3-new-lfg > a.home-lfg-v193-card > .home-v3-lfg-icon {
  width: 38px !important;
  height: 38px !important;
}

.home-v3-new-lfg > a.home-lfg-v193-card > div {
  align-self: center !important;
  display: grid !important;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  grid-auto-rows: auto;
  align-content: center;
  justify-content: start;
  column-gap: 6px;
  row-gap: 1px;
}

.home-v3-new-lfg > a.home-lfg-v193-card > div > small {
  grid-column: 1;
}

.home-v3-new-lfg > a.home-lfg-v193-card > div > strong {
  grid-column: 2;
}

.home-v3-new-lfg > a.home-lfg-v193-card > div > span:not(.home-lfg-v193-owner) {
  grid-column: 3;
  min-width: 0;
}

.home-lfg-v193-description {
  grid-column: 1 / -1;
  margin-top: 1px;
  line-height: 1.25;
}

.home-lfg-v193-owner {
  grid-column: 1;
  margin-top: 2px;
}

.home-lfg-v193-meta {
  grid-column: 2 / -1;
  flex-wrap: nowrap;
  gap: 3px;
  margin: 2px 0 0;
  overflow: hidden;
}

.home-lfg-v193-meta span {
  flex: 0 0 auto;
  padding: 2px 4px;
}

.home-lfg-v193-meta span:nth-child(3),
.home-lfg-v193-meta span:nth-child(5) {
  display: none;
}

.home-v3-new-lfg > a.home-lfg-v193-card > footer {
  min-width: 96px;
  gap: 3px 6px;
}

.home-lfg-v193-join {
  min-width: 94px;
  min-height: 28px;
  padding: 5px 8px;
  border-radius: 6px 2px;
  font-size: 8px;
}

.home-lfg-v193-feedback {
  max-width: 100px;
  font-size: 7px;
}

/* The owner actions must not flash back to white between hover states. */
html body .review-applications-button,
html body .lfg-group-chat-button,
html body .lfg-delete-button,
html body .review-applications-button:hover,
html body .lfg-group-chat-button:hover,
html body .lfg-delete-button:hover,
html body .review-applications-button:focus-visible,
html body .lfg-group-chat-button:focus-visible,
html body .lfg-delete-button:focus-visible,
html body .review-applications-button:active,
html body .lfg-group-chat-button:active,
html body .lfg-delete-button:active {
  color: #fff !important;
  background-color: #ef4b10 !important;
  background-image: linear-gradient(135deg, #ff6827, #ef4b10) !important;
  border-color: #e7460d !important;
  box-shadow: 0 6px 14px rgb(240 75 17 / 20%) !important;
}

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

html body :is(.review-applications-button, .lfg-group-chat-button, .lfg-delete-button):hover {
  background-image: linear-gradient(135deg, #f65b1d, #d93d08) !important;
  transform: translateY(-1px);
}

@media (width <= 720px) {
  .inline-clutchbot-v188 {
    width: 100% !important;
    min-height: 154px !important;
    margin-left: 0 !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
  }

  .inline-clutchbot-v188 .inline-clutchbot-visual {
    height: 124px !important;
  }

  .inline-clutchbot-v188 .inline-clutchbot-visual img {
    width: 88px !important;
    height: 120px !important;
  }

  .home-v3-new-lfg > a.home-lfg-v193-card {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  .home-v3-new-lfg > a.home-lfg-v193-card > footer {
    grid-column: 1 / -1;
    grid-template-columns: auto auto minmax(90px, auto);
    min-width: 0;
    padding-left: 46px;
  }

  .home-lfg-v193-join {
    grid-column: auto;
    justify-self: end;
  }
}