/* ============================================================
   Import: drop zone and the review rows.
   ============================================================ */

/* Import preview */
.import-row{
  display:grid;
  grid-template-columns:80px 1fr 90px 130px 100px 70px 36px 36px;
  gap:8px;
  padding:8px 14px;
  border-bottom:1px solid var(--line-soft);
  align-items:center;
  font-size:var(--fs-sm);
  background:var(--surface);
}
.import-row:hover{background:var(--surface-hover)}
.import-row.head{
  font-size:var(--fs-xs);font-weight:600;
  color:var(--ink-mute);
  background:var(--surface-2);
  position:sticky;top:0;z-index:1;
}
.import-row .select{padding:4px 8px;font-size:var(--fs-sm);height:28px}

/* Drag/drop zone */
.dropzone{
  border:2px dashed var(--line-strong);
  border-radius:var(--radius-md);
  padding:44px 24px;
  text-align:center;color:var(--ink-mute);
  transition:all .15s;
  background:var(--surface-2);
  cursor:pointer;
}
.dropzone:hover{border-color:var(--brand);background:var(--brand-bg)}
.dropzone.hot{border-color:var(--brand);background:var(--brand-bg);color:var(--brand)}
.dropzone svg{width:36px;height:36px;margin-bottom:10px;opacity:.7}