/* Supplier catalog import wizard — shared modal. Class names ci- prefixed so they
   never collide with the host pages (suppliers-v2.html, supplier-catalog.html). */
.ci-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2000}
.ci-overlay.ci-open{display:flex}
.ci-modal{background:var(--surface,#171a21);color:var(--text,#e6e8ec);border:1px solid var(--border,#2a2f3a);
  border-radius:var(--radius,12px);width:100%;max-width:880px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;
  font-family:'DM Sans',system-ui,sans-serif;font-size:13px}
.ci-h{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border,#2a2f3a)}
.ci-h h2{margin:0;font-size:14px;font-weight:600}
.ci-x{cursor:pointer;color:var(--muted,#8b93a1);font-size:20px;line-height:1;background:none;border:none}
.ci-steps{display:flex;gap:6px;padding:12px 22px;border-bottom:1px solid var(--border,#2a2f3a);background:var(--surface2,#1e222b)}
.ci-step{flex:1;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--muted,#8b93a1)}
.ci-step.on{background:var(--surface,#171a21);color:var(--text,#e6e8ec);box-shadow:inset 0 0 0 1px var(--border,#2a2f3a)}
.ci-step .ci-n{width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--border,#2a2f3a);color:var(--muted,#8b93a1);font-size:11px;font-weight:600;flex:none}
.ci-step.on .ci-n{background:var(--accent,#4f8ef7);color:#fff}
.ci-step.done .ci-n{background:var(--green,#36c08b);color:#06241a}
.ci-step b{font-size:12px;font-weight:600} .ci-step small{display:block;color:var(--muted,#8b93a1);font-size:10px}
.ci-body{padding:20px 22px;overflow-y:auto;flex:1}
.ci-pane{display:none} .ci-pane.on{display:block}
.ci-drop{border:1.5px dashed var(--border,#2a2f3a);border-radius:10px;padding:32px;text-align:center;color:var(--muted,#8b93a1);background:var(--surface2,#1e222b);cursor:pointer}
.ci-drop.ci-hover{border-color:var(--accent,#4f8ef7)}
.ci-drop b{color:var(--text,#e6e8ec)}
.ci-tabs{display:flex;gap:6px;margin-bottom:14px}
.ci-tabs button{background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);color:var(--muted,#8b93a1);border-radius:8px;padding:7px 14px;cursor:pointer;font:inherit}
.ci-tabs button.on{color:var(--text,#e6e8ec);border-color:var(--accent,#4f8ef7)}
.ci-modal textarea{width:100%;min-height:160px;background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);color:var(--text,#e6e8ec);border-radius:8px;padding:10px;font-family:'DM Mono',monospace;font-size:11px}
.ci-modal select,.ci-modal input{background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);color:var(--text,#e6e8ec);border-radius:7px;padding:6px 8px;font:inherit}
.ci-filechip{display:flex;align-items:center;gap:10px;background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);border-radius:8px;padding:10px 12px;margin-top:14px}
.ci-dot{width:8px;height:8px;border-radius:99px;background:var(--green,#36c08b);flex:none}
.ci-table{width:100%;border-collapse:collapse;font-size:12px}
.ci-table th,.ci-table td{text-align:left;padding:6px 9px;border-bottom:1px solid var(--border,#2a2f3a);white-space:nowrap}
.ci-table th{color:var(--muted,#8b93a1);font-weight:500;font-size:11px}
.ci-mono{font-family:'DM Mono',monospace}
.ci-tag{font-size:10px;border-radius:5px;padding:1px 6px;margin-left:6px}
.ci-tag.req{background:rgba(79,142,247,.16);color:var(--accent,#4f8ef7)}
.ci-tag.opt{background:rgba(139,147,161,.16);color:var(--muted,#8b93a1)}
.ci-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;border-radius:99px;padding:3px 10px}
.ci-pill.ok{background:rgba(54,192,139,.14);color:var(--green,#36c08b)}
.ci-pill.warn{background:rgba(224,164,74,.16);color:var(--amber,#e0a44a)}
.ci-pill.bad{background:rgba(232,101,79,.16);color:var(--red,#e8654f)}
.ci-brandrow{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border,#2a2f3a)}
.ci-brandrow .ci-val{font-family:'DM Mono',monospace;width:180px;flex:none;overflow:hidden;text-overflow:ellipsis}
.ci-brandrow select{max-width:230px;flex:1}
.ci-kpis{display:flex;gap:12px;margin-bottom:14px}
.ci-kpi{flex:1;background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);border-radius:10px;padding:14px}
.ci-kpi .v{font-size:24px;font-weight:700} .ci-kpi .l{font-size:11px;color:var(--muted,#8b93a1)}
.ci-kpi.ok .v{color:var(--green,#36c08b)} .ci-kpi.bad .v{color:var(--red,#e8654f)}
.ci-note{font-size:11px;color:var(--muted,#8b93a1);background:var(--surface2,#1e222b);border:1px solid var(--border,#2a2f3a);border-left:3px solid var(--accent,#4f8ef7);border-radius:6px;padding:9px 12px;margin-bottom:14px}
.ci-err{color:var(--red,#e8654f);font-size:12px;margin-top:8px}
.ci-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--border,#2a2f3a);background:var(--surface2,#1e222b)}
.ci-btn{border:none;border-radius:8px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.ci-btn:disabled{opacity:.45;cursor:not-allowed}
.ci-btn-primary{background:var(--accent,#4f8ef7);color:#fff}
.ci-btn-green{background:var(--green,#36c08b);color:#06241a}
.ci-btn-ghost{background:none;border:1px solid var(--border,#2a2f3a);color:var(--text,#e6e8ec)}
.ci-link{background:none;border:1px solid var(--accent,#4f8ef7);color:var(--accent,#4f8ef7);border-radius:7px;padding:5px 10px;cursor:pointer;font:inherit;font-size:11px}