/* 访客信息卡 - 简洁风格 */

.ip-card {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 12px;
}

.ip-card__row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  margin-bottom: 2px;
  font-size: 13px;
  color: #333;
  line-height: 1.3;
  white-space: nowrap;
}

.ip-card__row:last-child {
  margin-bottom: 0;
}

.ip-card__row i {
  width: 14px;
  text-align: center;
  color: #666;
  font-size: 12px;
  flex-shrink: 0;
}

.ip-card__row span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

/* 风险标签样式 */
.ip-card__risk {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  width: fit-content;
}

.ip-card__risk--low {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
}

.ip-card__risk--medium {
  color: #eab308;
  background: rgba(234, 179, 8, 0.15);
}

.ip-card__risk--high {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.15);
}

/* IP 类型标签样式 */
.ip-card__tag {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
  width: fit-content;
  margin-right: 4px;
}

.ip-card__tag:last-child {
  margin-right: 0;
}

.ip-card__tag--green {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.15);
}

.ip-card__tag--yellow {
  color: #eab308;
  background: rgba(234, 179, 8, 0.15);
}

/* 暗色主题 */
[data-theme="dark"] .ip-card,
.dark .ip-card {
  background: #2a2a2a;
}

[data-theme="dark"] .ip-card__row,
.dark .ip-card__row {
  color: #e0e0e0;
}

[data-theme="dark"] .ip-card__row i,
.dark .ip-card__row i {
  color: #999;
}