/* ---------- Import ---------- */
.dropzone{border:2px dashed var(--line);border-radius:12px;padding:40px 20px;text-align:center;background:var(--panel);cursor:pointer;transition:border-color .15s,background .15s;}
.dropzone:hover,.dropzone.drag{border-color:var(--brass);background:#fdf8f3;}
.dropzone .glyph{font-size:30px;margin-bottom:10px;}
.dropzone h4{margin:0 0 4px 0;font-size:15px;}
.dropzone p{margin:0;font-size:12.5px;color:var(--muted);}
#fileInput{display:none;}
.import-steps{display:flex;gap:0;margin-bottom:22px;}
.import-step{flex:1;text-align:center;font-size:11.5px;font-weight:700;color:var(--muted);padding-bottom:10px;border-bottom:3px solid var(--line);text-transform:uppercase;letter-spacing:0.4px;}
.import-step.active{color:var(--brass);border-color:var(--brass);}
.import-step.done{color:var(--ok);border-color:var(--ok);}
.map-row{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;align-items:center;margin-bottom:8px;}
.map-row .src{font-family:var(--mono);font-size:12px;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px 10px;}
.map-row .arrow{color:var(--muted);text-align:center;}
.preview-table-wrap{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:14px;}
.badge-count{font-family:var(--mono);background:var(--slate);color:#fff;padding:2px 8px;border-radius:20px;font-size:11px;}
.toast{position:fixed;bottom:24px;right:28px;background:var(--slate);color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,0.2);z-index:200;display:none;align-items:center;gap:8px;}
.toast.show{display:flex;animation:toastin .25s ease;}
@keyframes toastin{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.toast .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex-shrink:0;}
.hint-note{font-size:11.5px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:9px 12px;margin-top:10px;}