/* Mail Format List Styles */
.mail-style-result{padding:12px 16px;border-bottom:1px solid #e2e2e2;background:#fff}
.mail-style-link{display:flex;gap:12px;text-decoration:none;color:inherit}
.mail-style-thumb img{width:40px;height:40px;object-fit:cover;border-radius:50%}
.mailformat-no-thumb{display:flex;align-items:center;justify-content:center;font-size:20px}
.mail-style-text,.mailformat-post-text{flex:1}
.mail-style-title{font-size:15px;font-weight:600;margin:0 0 4px;line-height:1.3}
.mail-style-cat{font-size:12px;color:#999;display:block;margin-bottom:2px}
.mail-style-date{font-size:11px;color:#888;margin-bottom:4px}
.mail-style-excerpt{font-size:13px;color:#555;margin:0}

/* Mailformat Post List */
.mailformat-post-list{width:100%;max-width:480px}
.mailformat-post-item{display:flex;align-items:flex-start;margin-bottom:16px;border-bottom:1px solid #eee;padding:0 10px}
.mailformat-post-thumbnail{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:10px;background:#ccc;display:flex;align-items:center;justify-content:center}
.mailformat-post-thumbnail img{width:100%;height:100%;object-fit:cover}
.alm-item img,.mailformat-no-thumb{font-weight:700;color:#fff;background-color:#666;width:100%;height:100%;text-align:center;line-height:40px;border-radius:50%;max-width:40px;max-height:40px}
.mailformat-post-meta{font-size:17px;color:#000;margin-bottom:2px;display:flex;justify-content:space-between;align-items:center}
.mailformat-post-category{color:#789!important;font-weight:700;font-size:16px;text-decoration:none}
#the-post .entry-content .mailformat-post-meta a.mailformat-post-category {color: #575757 !important}
.mailformat-post-category:hover,.mailformat-post-title:hover{color:#d30000}
.mailformat-post-date{color:#555;font-size:14px;white-space:nowrap;font-weight:700}
.mailformat-post-title{font-size:18px;font-weight:700;color:#1b334b!important;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-decoration:none;display:block;margin-bottom:3px;line-height:1.2}
.mailformat-post-category:visited,.mailformat-post-title:visited{color:#6b6b6b}
.mailformat-post-excerpt{font-size:16px;color:#666;line-height: 1.2}

/* Letter Avatars - Color Coding */
.mailformat-no-thumb.letter-A,.mailformat-no-thumb.letter-T{background-color:#f44336}
.mailformat-no-thumb.letter-B,.mailformat-no-thumb.letter-U{background-color:#e91e63}
.mailformat-no-thumb.letter-C,.mailformat-no-thumb.letter-V{background-color:#9c27b0}
.mailformat-no-thumb.letter-D,.mailformat-no-thumb.letter-W{background-color:#673ab7}
.mailformat-no-thumb.letter-E,.mailformat-no-thumb.letter-X{background-color:#3f51b5}
.mailformat-no-thumb.letter-F,.mailformat-no-thumb.letter-Y{background-color:#2196f3}
.mailformat-no-thumb.letter-G{background-color:#03a9f4}
.mailformat-no-thumb.letter-H{background-color:#00bcd4}
.mailformat-no-thumb.letter-I,.mailformat-no-thumb.letter-Z{background-color:#009688}
.mailformat-no-thumb.letter-J{background-color:#4caf50}
.mailformat-no-thumb.letter-K{background-color:#8bc34a}
.mailformat-no-thumb.letter-L{background-color:#cddc39}
.mailformat-no-thumb.letter-M{background-color:#ffeb3b;color:#000}
.mailformat-no-thumb.letter-N{background-color:#ffc107;color:#000}
.mailformat-no-thumb.letter-O{background-color:#ff9800}
.mailformat-no-thumb.letter-P{background-color:#ff5722}
.mailformat-no-thumb.letter-Q{background-color:#795548}
.mailformat-no-thumb.letter-R{background-color:#9e9e9e}
.mailformat-no-thumb.letter-S{background-color:#607d8b}

/* Pagination */
.mailformat-pagination{text-align:center;margin:20px}
.mailformat-pagination .pagination-list{list-style:none;padding:0;display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mailformat-pagination .pagination-item a,.mailformat-pagination .pagination-item span{display:inline-block;padding:8px 12px;border-radius:6px;background-color:#f0f0f0;text-decoration:none;color:inherit;transition:background-color 0.2s}
.mailformat-pagination .pagination-item .current{background-color:#333;color:#fff}

/* In-Posts Mailformat */
.in-posts-mailformat .mailformat-post-title,.in-posts-mailformat .mailformat-post-category{font-size:17px!important}
.in-posts-mailformat .mailformat-post-excerpt{font-size:15px}
.in-posts-mailformat h2{text-align:center}

/* Sidebar Mailformat */
aside .mailformat-post-title,aside .mailformat-post-excerpt,aside .mailformat-post-category{text-align:left}
@media (max-width:767px){
aside .mailformat-post-title,aside .mailformat-post-excerpt,aside .mailformat-post-category{font-size:16px}}
/* RESPONSIVE - TABLET & UP */
@media (min-width:768px){
.mailformat-no-thumb{grid-column:1;grid-row:1 / span 2;max-width:40px;max-height:40px;border-radius:50%;background-color:#ccc;flex-shrink:0;min-width:40px;min-height:40px}
}