.contact-import-dialog>header {
  display:block;
  padding-right:calc(var(--zg-button-icon-size) + 2 * var(--zg-space-3));
  border-bottom:1px solid var(--zg-border-soft)
}
.contact-import-dialog>header h2 {
  margin:var(--zg-space-1) 0;
}
.contact-import-dialog>header p:last-child {
  margin:0;
  color:var(--zg-text-muted);
}
.contact-import-upload {
  display:grid;
  place-items:center;
  gap:var(--zg-space-2);
  min-height:190px;
  padding:var(--zg-space-3);
  border:2px dashed var(--zg-border-default);
  border-radius:var(--zg-radius-lg);
  background:var(--zg-surface-card);
  text-align:center;
}
.contact-import-upload i {
  font-size:var(--zg-font-display);
  color:var(--zg-accent-primary);
}
.contact-import-upload span {
  color:var(--zg-text-muted);
  font-size:var(--zg-font-body-sm);
}
.contact-import-upload input {
  max-width:100%;
  min-width:0;
}
.contact-import-summary {
  display:flex;
  flex-wrap:wrap;
  gap:var(--zg-space-2);
  margin-bottom:var(--zg-space-4);
}
.contact-import-summary span {
  padding:var(--zg-space-2);
  background:var(--zg-surface-subpanel);
}
.contact-import-mapping {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--zg-form-field-gap);
}
.contact-import-mapping label {
  display:grid;
  gap:var(--zg-space-2);
  font-size:var(--zg-font-label);
  min-width:0;
}
.contact-import-mapping select {
  width:100%;
}
.contact-import-preview {
  margin-top:var(--zg-space-5);
  overflow:auto;
  max-width:100%;
}
.contact-import-preview table {
  width:100%;
}
.contact-import-preview :is(th,td) {
  white-space:nowrap;
}
.contact-import-preview .invalid {
  color:var(--zg-state-danger);
}
.contact-import-duplicate {
  display:flex;
  gap:var(--zg-space-2);
  align-items:center;
  margin-top:var(--zg-space-4);
  font-size:var(--zg-font-label);
}
.contact-import-dialog>footer [role=status] {
  margin-right:auto;
  color:var(--zg-text-secondary);
}
@media(max-width:760px) {
  .contact-import-mapping {
    grid-template-columns:minmax(0,1fr);
  }
}