/* Keep the help card floating over the existing conversation wallpaper. */
.panel-whatsapp .panel-conversacion__composer:has(> .panel-conversacion__human-help) {
  background: transparent;
}

.panel-whatsapp .panel-conversacion__human-help {
  margin-block: 12px;
  box-shadow: 0 4px 16px rgba(17, 27, 33, 0.12), 0 1px 3px rgba(17, 27, 33, 0.06);
}

.layout-panel[data-panel-theme="dark"] .panel-whatsapp .panel-conversacion__human-help {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

@media (max-width: 680px) {
  .panel-whatsapp .panel-conversacion__human-help {
    margin-block: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .panel-whatsapp .panel-conversacion__human-help-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
}