.mail-list {
  background-color: var(--card-bg);
  height: 100vh;
  overflow-y: auto;
  padding: 1rem;
  flex-grow: 1;
}

.mail-item {
  padding: 0.75rem;
  border: 1px solid var(--divider-color);
  cursor: pointer;
  
}

.mail-item:hover {
  background-color: var(--list-hover-bg);
}

.mail-item.active {
  background-color: var(--list-active-bg-light);
}

.mail-item .subject {
  font-weight: bold;
  color: var(--text-color);
}

.mail-item .preview {
  font-size: 0.9rem;
  color: var(--muted-color);
  margin-top: 0.25rem;
}