.party-import {
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px dashed #bbc6da;
  background: #f8faff;
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  transition: .15s;
}

.party-import:hover {
  border-color: var(--blue);
  background: #f1f5ff;
}

.party-import input { display: none; }

.party-import .import-icon {
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e0e5ef;
  color: var(--blue);
  display: grid;
  place-items: center;
  font-weight: 800;
}

.party-import b {
  display: block;
  font-size: 11px;
  color: #354764;
}

.party-import small {
  display: block;
  color: #7b879b;
  font-size: 9.5px;
  margin-top: 3px;
}

.import-result {
  margin-top: 10px;
  border: 1px solid #a9d8c2;
  background: var(--green-soft);
  border-radius: 9px;
  padding: 10px 12px;
  color: #366d59;
  font-size: 10px;
  line-height: 1.45;
}

.import-result b { display: block; margin-bottom: 3px; }
.import-result small { display: block; margin-top: 4px; color: #5f7d70; }

.agent-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 12px;
  border: 1px solid #cfdaf9;
  background: var(--blue-soft);
  color: #4563bd;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 10px;
  font-weight: 750;
}