/* MailForge — Roundcube custom styling */

/* ── Plain-text message body ───────────────────────────────────────── */
.message-part div.pre {
  font-family: 'Segoe UI', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: #374151 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  background: #ffffff !important;
  padding: 4px 0 !important;
}

/* ── Message part wrapper ──────────────────────────────────────────── */
.message-part {
  padding: 16px 0 !important;
}

/* ── Links in plain text ───────────────────────────────────────────── */
.message-part a,
.message-part div.pre a {
  color: #6366f1 !important;
  text-decoration: none !important;
}

.message-part a:hover,
.message-part div.pre a:hover {
  text-decoration: underline !important;
  color: #4f46e5 !important;
}

/* ── Reply attribution line ("On ... wrote:") ─────────────────────── */
.message-part .rcmail-reply-header,
.rcmail-reply-header {
  color: #9ca3af !important;
  font-size: 12px !important;
  font-style: italic !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #f1f5f9 !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* ── Quoted / blockquote text ─────────────────────────────────────── */
.message-part blockquote,
.message-htmlpart blockquote {
  background: #f9fafb !important;
  border-left: 3px solid #6366f1 !important;
  border-right: none !important;
  border-radius: 0 6px 6px 0 !important;
  margin: 10px 0 !important;
  padding: 10px 16px !important;
  color: #6b7280 !important;
}

.message-part blockquote blockquote,
.message-htmlpart blockquote blockquote {
  border-left-color: #8b5cf6 !important;
  background: #f5f3ff !important;
}

/* ── Signature ─────────────────────────────────────────────────────── */
.message-part span.sig {
  color: #9ca3af !important;
  font-size: 12px !important;
  border-top: 1px solid #f1f5f9 !important;
  display: block !important;
  margin-top: 16px !important;
  padding-top: 10px !important;
}

/* ── Overall message body wrapper ─────────────────────────────────── */
#messagebody {
  padding: 4px 0 !important;
}

/* ── Smooth scrollbar inside message preview ──────────────────────── */
#messagescrollbox,
#message-content {
  scrollbar-width: thin !important;
  scrollbar-color: #e5e7eb #f9fafb !important;
}

/* ── Attachment list nicer look ───────────────────────────────────── */
.attachmentslist li {
  border-radius: 6px !important;
  transition: background 0.15s ease !important;
}

.attachmentslist li:hover {
  background: #f5f3ff !important;
}