/* import.css — Excel-Import Seite */

/* ─── Drop-Zone ───────────────────────────────────────────────────────── */
.import-dropzone {
  border: 2px dashed var(--border);
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  background: var(--bg1);
  margin-top: 14px;
}
.import-dropzone:hover,
.import-dropzone.drag-over {
  border-color: var(--accent);
  background: var(--accent-bg, color-mix(in srgb, var(--accent) 8%, transparent));
}
.import-drop-icon { font-size: 36px; line-height: 1; margin-bottom: 8px; }
.import-drop-text { font-size: 16px; font-weight: 600; color: var(--t1); }
.import-drop-hint { font-size: 12px; color: var(--t3); margin-top: 4px; }

/* ─── Tabs ────────────────────────────────────────────────────────────── */
.import-tabs {
  display: flex;
  gap: 4px;
  margin-top: 14px;
  border-bottom: 2px solid var(--border);
  padding-bottom: 0;
}
.import-tab {
  padding: 7px 18px;
  border: none;
  background: none;
  color: var(--t2);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.15s, border-color 0.15s;
}
.import-tab.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
}
.import-tab:hover:not(.active) {
  color: var(--t1);
}

/* ─── Ergebnis-Box ────────────────────────────────────────────────────── */
.import-result {
  border-radius: 10px;
  padding: 14px 18px;
  border: 1.5px solid;
}
.import-result-success {
  border-color: var(--success);
  background: color-mix(in srgb, var(--success) 8%, transparent);
}
.import-result-warn {
  border-color: var(--warn);
  background: color-mix(in srgb, var(--warn) 8%, transparent);
}
.ir-title { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.ir-stats  { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12px; color: var(--t2); }
.ir-stats b { color: var(--t1); }
.ir-errors { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--border); }