.filter-panel {
  transition: opacity 0.2s ease, transform 0.2s ease;
  outline: none;
}

.filter-panel[hidden],
.filter-panel:not(.show) {
  display: block !important;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  height: 0;
  overflow: hidden;
}

.filter-panel.show {
  opacity: 1;
  transform: translateY(0);
  height: auto;
  overflow: visible;
}

.filter-btn:focus,
.tag-filter-btn:focus,
.btn-header-action:focus,
.btn-input-action:focus,
.btn-send:focus,
.btn-order-action:focus,
.message-image:focus,
.message-retry-btn:focus,
.message-file:focus,
.mobile-user-item:focus,
.user-item:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(165, 184, 217, 0.35);
}

.btn-input-action,
.btn-send,
.btn-order-action,
.message-retry-btn,
.mobile-action-btn,
.mobile-composer-tool {
  min-width: 44px;
  min-height: 44px;
}

.message-image:focus {
  border-radius: var(--chat-border-radius, 8px);
}