/* Mail Styles */
.mail-layout {
  display: grid;
  grid-template-columns: 250px 350px 1fr;
  gap: 1rem;
  padding: 1rem;
  height: 100%;
}

.mail-sidebar, .mail-list, .mail-content {
  overflow-y: auto;
}

.mail-item {
  padding: 1rem;
  cursor: pointer;
  border-bottom: 1px solid #334155;
  transition: background 0.2s;
}

.mail-item:hover {
  background: #334155;
}

.mail-item.unread {
  font-weight: 600;
}

.mail-item.selected {
  background: #1e40af;
}

.mail-content-view {
  padding: 2rem;
}

.mail-header {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #334155;
}

.mail-body {
  line-height: 1.6;
}