/* Accessibility and interaction overrides */

body.modal-open {
  overflow: hidden;
}

.feature-card {
  width: 100%;
  text-align: left;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
}

.feature-card:focus-visible {
  border-color: var(--accent);
}

.chat-history-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px;
}

.chat-history-item__open {
  flex: 1;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: var(--text-primary);
  text-align: left;
  padding: 8px 12px;
  cursor: pointer;
  font: inherit;
}

.chat-history-item__open:hover {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

.chat-history-item--active .chat-history-item__open {
  border-color: #63cf4e;
  background: linear-gradient(90deg, rgba(127, 247, 91, 0.14), transparent 65%);
}

.chat-history-item__menu {
  min-width: 44px;
  min-height: 44px;
  opacity: 0;
}

.chat-history-item:hover .chat-history-item__menu,
.chat-history-item:focus-within .chat-history-item__menu {
  opacity: 1;
}

.header__menu,
.header__new,
.input-bar__attach,
.input-bar__mode-toggle,
.input-bar__send,
.message__action-btn,
.toggle-btn,
.image-preview__close,
.modal__close,
.sidebar__new-chat,
.sidebar__close {
  min-width: 44px;
  min-height: 44px;
}

.header-quick-menu__item {
  min-height: 44px;
}
