/* Mail Panel custom styles (on top of AdminLTE 3) */
.mail-list td { vertical-align: middle; }
.mail-list tr.unread td { font-weight: 600; }
.mail-list tr.unread td .mail-summary { font-weight: 400; }
.mail-list .mail-from { white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.mail-list .mail-subject { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mail-list .mail-summary { color: #6c757d; }
.mail-list .mail-date { white-space: nowrap; width: 1%; }
.mail-list tr { cursor: pointer; }
.mail-body { overflow-x: auto; word-wrap: break-word; }
.mail-body img { max-width: 100%; height: auto; }
.mail-meta dt { font-weight: 600; color: #6c757d; }
.badge-source-zoho { background: #e0f0ff; color: #0b5cad; }
.badge-source-internal { background: #e8f7ee; color: #1e7b45; }
.login-page .login-logo b { color: #343a40; }
.compose-hint { font-size: .85rem; }
.status-dot { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; margin-right: .35rem; }
.status-active { background: #28a745; }
.status-pending { background: #ffc107; }
.status-disconnected { background: #dc3545; }
.status-removed { background: #6c757d; }