/* ============================================================
 * FlirtChat Icon System v2.0 - 样式
 * Apple SF Symbols 风格:圆润、厚重、现代
 * ============================================================ */

.fc-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 容器尺寸预设 */
.fc-icon-xs { width: 14px; height: 14px; }
.fc-icon-sm { width: 16px; height: 16px; }
.fc-icon-md { width: 20px; height: 20px; }
.fc-icon-lg { width: 24px; height: 24px; }
.fc-icon-xl { width: 32px; height: 32px; }
.fc-icon-2xl { width: 48px; height: 48px; }

/* 颜色变体 - Apple SF Colors 风格 */
.fc-icon--primary { color: #007AFF; }
.fc-icon--brand   { color: #AF52DE; }
.fc-icon--accent  { color: #FF2D55; }
.fc-icon--success { color: #34C759; }
.fc-icon--warning { color: #FF9500; }
.fc-icon--danger  { color: #FF3B30; }
.fc-icon--info    { color: #5AC8FA; }
.fc-icon--muted   { color: #8E8E93; }
.fc-icon--gold    { color: #FFCC00; }
.fc-icon--indigo  { color: #5856D6; }
.fc-icon--pink    { color: #FF375F; }
.fc-icon--teal    { color: #30B0C7; }

/* 强调(active 状态) */
.fc-icon.active {
  color: var(--primary, #007AFF);
  transform: translateY(-1px);
  filter: drop-shadow(0 2px 6px rgba(0, 122, 255, 0.25));
}

/* 容器尺寸预设 */
.fc-nav-icon {
  display: flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: 8px;
  transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.fc-nav-icon:hover {
  background: rgba(255,255,255,0.06);
}

/* 头像占位 - 真人头像无图时显示 */
.fc-avatar-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.18), rgba(99, 102, 241, 0.18));
  color: rgba(168, 85, 247, 0.85);
}

/* 状态点(配合 online/offline 图标) */
.fc-status-dot {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #34C759;
  box-shadow: 0 0 0 2.5px rgba(52, 199, 89, 0.25);
}
.fc-status-dot.offline { background: #8E8E93; box-shadow: 0 0 0 2.5px rgba(142, 142, 147, 0.2); }
.fc-status-dot.busy    { background: #FF3B30; box-shadow: 0 0 0 2.5px rgba(255, 59, 48, 0.25); }
.fc-status-dot.away    { background: #FF9500; box-shadow: 0 0 0 2.5px rgba(255, 149, 0, 0.25); }

/* 消息发送状态图标(在气泡尾部) */
.fc-msg-status {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 4px;
}
.fc-msg-status.sending { color: rgba(255,255,255,0.5); }
.fc-msg-status.sent    { color: rgba(255,255,255,0.6); }
.fc-msg-status.read    { color: #AF52DE; }
.fc-msg-status.failed  { color: #FF3B30; }