/* 账号池批量导入（C2.150）：拖拽区 / 预览 / 结果面板 */

/* 拖拽区沿用建任务弹窗那套（虚线框 + 拖入高亮），尺寸小一点，因为下面还有预览 */
.imp-drop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  padding: 16px 14px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 2px dashed var(--line);
  border-radius: 10px;
  background: var(--soft);
  transition: border-color 0.14s, background 0.14s;
}
.imp-drop b {
  font-size: 13px;
}
.imp-drop:hover {
  border-color: var(--brand);
}
.imp-drop.over {
  border-color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, transparent);
}

/* 粘贴入口默认收起：能拖文件的人不需要看到它，不能拖的人一点就展开 */
.imp-paste {
  margin-bottom: 10px;
  font-size: 12.5px;
  color: var(--txt2);
}
.imp-paste summary {
  cursor: pointer;
  color: var(--txt3);
  padding: 2px 0;
}
.imp-paste summary:hover {
  color: var(--brand);
}
.imp-paste textarea {
  margin-top: 8px;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: 12.5px;
}

/* 说明条：识别结果、导入中、错误 —— 一条一件事，颜色只说严重程度 */
.imp-note {
  margin: 8px 0;
  padding: 8px 11px;
  border-radius: 9px;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--txt2);
  background: var(--soft);
  border: 1px solid var(--line);
}
.imp-note.is-ok {
  color: var(--green);
  background: var(--green-d);
  border-color: var(--line-green);
}
.imp-note.is-warn {
  color: var(--amber);
  background: var(--amber-d);
  border-color: var(--line-amber);
}
.imp-note.is-bad {
  color: var(--red);
  background: var(--red-d);
  border-color: var(--line-red);
}
.imp-bad {
  color: var(--red);
  font-weight: 600;
}
.imp-warn {
  color: var(--amber);
  font-weight: 600;
}
.imp-ok {
  color: var(--green);
}

/* 预览与实际结果都用同一套紧凑表格，避免两次导入看到两种排版 */
.imp-preview,
.imp-fail {
  max-height: 240px;
  overflow: auto;
  border: 1px solid var(--line-soft);
  border-radius: 9px;
}
.imp-preview table,
.imp-fail table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.imp-preview th,
.imp-fail th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--panel2);
  color: var(--txt3);
  font-weight: 600;
  font-size: 11px;
  text-align: left;
  padding: 6px 9px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.imp-preview td,
.imp-fail td {
  padding: 5px 9px;
  border-bottom: 1px solid var(--line-soft);
  color: var(--txt2);
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imp-preview tr:last-child td,
.imp-fail tr:last-child td {
  border-bottom: 0;
}
.imp-preview tbody tr:hover,
.imp-fail tbody tr:hover {
  background: var(--soft2);
}