/* Additional page styles for communication main/message pages */

/* Main page cards & badges */
.comm-page .welcome_message { margin-bottom: 30px; line-height: 1.6; }

.comm-page .stats_summary { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }
.comm-page .stats_card {
  flex: 1; min-width: 250px; background-color: var(--color-surface-muted);
  border-radius: var(--radius-md); padding: 20px; box-shadow: var(--shadow-1);
}
.comm-page .stats_card h3 { margin: 0 0 15px 0; color: var(--color-text-strong); font-size: 18px; }
.comm-page .stats_data { display: flex; justify-content: space-around; margin-bottom: 15px; }
.comm-page .stats_item { text-align: center; }
.comm-page .stats_label { display: block; font-size: 14px; color: var(--color-text); margin-bottom: 5px; }
.comm-page .stats_value { display: block; font-size: 24px; font-weight: bold; color: #4A90E2; }

.comm-page .recent_records { margin-bottom: 40px; }
.comm-page .recent_records h3 { margin-bottom: 15px; font-size: 18px; }

.comm-page .view_more { text-align: right; margin-top: 10px; }
.comm-page .view_more a { color: #4A90E2; text-decoration: none; font-size: 14px; }
.comm-page .view_more a:hover { text-decoration: underline; }

.comm-page .badge { display: inline-block; padding: 3px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; }
.comm-page .badge.sms { background-color: #2196F3; color: #fff; }
.comm-page .badge.lms { background-color: #FF9800; color: #fff; }
.comm-page .badge.mms { background-color: #9C27B0; color: #fff; }

@media (max-width: 768px) {
  .comm-page .stats_summary { flex-direction: column; }
  .comm-page .stats_card { width: 100%; }
}