/* logs.css —— 后台「下乡日志」管理视图专属样式（不破坏 app.js 单体结构） */

/* 筛选栏 */
.wb-logs-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.wb-logs-filter .el-input,
.wb-logs-filter .el-select {
  width: 160px;
}

/* 表格内图片缩略图 */
.wb-log-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.wb-log-thumb {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  object-fit: cover;
  cursor: pointer;
  border: 1px solid #eef1f6;
  transition: transform 0.15s ease;
}
.wb-log-thumb:hover {
  transform: scale(1.08);
}

/* 可见性徽章 */
.wb-log-vis {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.6;
}
.wb-log-vis--public {
  background: #eaf6ff;
  color: #1989fa;
}
.wb-log-vis--private {
  background: #f2f3f5;
  color: #909399;
}

/* 内容摘要 */
.wb-log-content {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.5;
}

/* 编辑对话框中的图片管理 */
.wb-log-edit-imgs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.wb-log-edit-img {
  position: relative;
  width: 88px;
  height: 88px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #eef1f6;
}
.wb-log-edit-img .el-image {
  width: 100%;
  height: 100%;
}
.wb-log-edit-img-del {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  padding: 0;
}
.wb-log-upload-tip {
  font-size: 12px;
  color: #909399;
  margin-top: 6px;
}

/* 下乡日志图片预览：确保预览层始终位于最顶层，盖过表格与对话框 */
.el-image-viewer__wrapper {
  z-index: 4000 !important;
}