/* ============================================================
   MessagingModule CSS — هم‌شکل با بقیه‌ی ماژول‌ها، پیشوند msg-.
   ============================================================ */

.messaging-module {
  --msg-c-bg: #f5f5f3;
  --msg-c-surface: #ffffff;
  --msg-c-border: rgba(0,0,0,0.08);
  --msg-c-border-strong: rgba(0,0,0,0.14);
  --msg-c-text: #1a1a18;
  --msg-c-text-2: #5a5a56;
  --msg-c-text-3: #9a9994;
  --msg-c-accent: #2563eb;
  --msg-radius-sm: 6px;
  --msg-radius: 10px;
  --msg-radius-lg: 14px;

  font-family: 'Vazirmatn', system-ui, sans-serif;
  color: var(--msg-c-text);
  font-size: 13px;
  line-height: 1.5;
}
.messaging-module * { box-sizing: border-box; }

.msg-page-hdr { margin-bottom: 18px; }
.msg-page-title { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }
.msg-page-desc { font-size: 13px; color: var(--msg-c-text-3); margin-top: 3px; }

.msg-card { background: var(--msg-c-surface); border: 1px solid var(--msg-c-border); border-radius: var(--msg-radius-lg); padding: 18px; margin-bottom: 18px; }
.msg-card textarea { width: 100%; border: 1px solid var(--msg-c-border-strong); border-radius: var(--msg-radius-sm); padding: 10px; font-size: 13px; font-family: inherit; resize: vertical; min-height: 90px; }
.msg-card textarea:focus { outline: none; border-color: var(--msg-c-accent); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }

.msg-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 4px; font-size: 12px; color: var(--msg-c-text-2); }
.msg-select-all { display: flex; align-items: center; gap: 6px; cursor: pointer; }

.msg-table-wrap { overflow-x: auto; max-height: 420px; overflow-y: auto; }
table.msg-tbl { width: 100%; border-collapse: collapse; font-size: 12px; }
table.msg-tbl th { text-align: right; padding: 10px 14px; color: var(--msg-c-text-3); font-weight: 600; font-size: 11px; border-bottom: 1px solid var(--msg-c-border); background: var(--msg-c-bg); position: sticky; top: 0; }
table.msg-tbl td { padding: 8px 14px; border-bottom: 1px solid var(--msg-c-border); vertical-align: middle; }
table.msg-tbl tr:hover td { background: var(--msg-c-bg); }
.msg-mono { font-family: 'Courier New', monospace; }

.msg-btn { display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; height: 34px; border-radius: var(--msg-radius-sm); border: 1px solid var(--msg-c-border-strong); background: var(--msg-c-surface); color: var(--msg-c-text); font-size: 12px; font-weight: 500; cursor: pointer; font-family: inherit; }
.msg-btn:hover { background: var(--msg-c-bg); }
.msg-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.msg-btn-primary { background: var(--msg-c-accent); border-color: var(--msg-c-accent); color: #fff; margin-top: 14px; }
.msg-btn-primary:hover { background: #1d4ed8; }

.msg-empty { text-align: center; padding: 40px 20px; color: var(--msg-c-text-3); }

.msg-toast-wrap { position: fixed; bottom: 24px; left: 24px; z-index: 1000; display: flex; flex-direction: column; gap: 8px; }
.msg-toast { background: var(--msg-c-text); color: #fff; padding: 12px 16px; border-radius: var(--msg-radius); font-size: 13px; font-weight: 500; cursor: pointer; }
.msg-toast-success { background: #16a34a; }
.msg-toast-error { background: #dc2626; }
.msg-toast-warning { background: #d97706; }

/* ── انتخاب گیرنده + جست‌وجو (۲۶ اوت ۲۰۲۶) ── */
.msg-choice-row { display: flex; gap: 10px; }
.msg-choice-btn {
  flex: 1; padding: 10px; border-radius: var(--msg-radius-sm); border: 1px solid var(--msg-c-border-strong);
  background: var(--msg-c-surface); font-size: 12.5px; font-weight: 600; cursor: pointer; text-align: center; color: var(--msg-c-text-2);
}
.msg-choice-btn.active { border-color: var(--msg-c-accent); background: rgba(37,99,235,0.08); color: var(--msg-c-accent); }
.msg-search-input {
  border: 1px solid var(--msg-c-border-strong); border-radius: var(--msg-radius-sm); padding: 0 12px; height: 32px;
  font-size: 12.5px; font-family: inherit; min-width: 220px; background: var(--msg-c-surface); color: var(--msg-c-text);
}
.msg-search-input:focus { outline: none; border-color: var(--msg-c-accent); box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }