/* Strategy import dialog (assets/import/import.js) - builds on the .lk-dialog styles of assets/link/link.css. */

.imp-dialog { width: min(620px, calc(100vw - 32px)); }
.imp-dialog .imp-drop {
  display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; cursor: pointer;
  border: 2px dashed var(--border-strong); border-radius: 10px; padding: var(--s5) var(--s4); margin: var(--s2) 0 var(--s3);
  background: var(--surface-2); transition: border-color .15s, background .15s;
}
.imp-dialog .imp-drop:hover, .imp-dialog .imp-drop.is-over, .imp-dialog .imp-drop:focus-visible { border-color: var(--accent); outline: none; }
.imp-dialog .imp-drop-main { color: var(--text); font-weight: 600; }
.imp-dialog .imp-drop-sub { font-size: var(--fs-xs); color: var(--muted); }
.imp-dialog .imp-file { color: var(--text); margin: 0 0 var(--s3); }
.imp-dialog .imp-paste summary { cursor: pointer; color: var(--text-2); }
.imp-dialog .imp-paste textarea {
  width: 100%; margin-top: var(--s2); background: var(--surface-2); color: var(--text); border: 1px solid var(--border-strong);
  border-radius: 8px; padding: 10px 12px; font-family: var(--mono); font-size: 12px; resize: vertical; box-sizing: border-box;
}
.imp-dialog .imp-sources { margin: var(--s3) 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-sm); }
.imp-dialog .imp-small { font-size: var(--fs-xs); margin: var(--s2) 0 0; }
.imp-dialog .imp-err { color: var(--neg, #f87171); margin: var(--s3) 0 0; }
.imp-dialog .imp-wait { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--s3); padding: var(--s6) var(--s5); }
.imp-dialog .imp-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); }
.imp-dialog .imp-pill { font-size: var(--fs-xs); font-weight: 700; border-radius: 999px; padding: 2px 8px; }
.imp-dialog .imp-pill.is-exact { background: #064e3b; color: #6ee7b7; }
.imp-dialog .imp-pill.is-ai { background: #312e81; color: #c7d2fe; }
.imp-dialog .imp-warn { background: #1c1505; border: 1px solid #4a3608; border-radius: 8px; padding: var(--s2) var(--s3); }
.imp-dialog .imp-chart { border: 1px solid var(--border); border-radius: 8px; padding: var(--s3); margin: var(--s3) 0; display: flex; flex-wrap: wrap; gap: var(--s3); align-items: flex-end; }
.imp-dialog .imp-chart > p { flex-basis: 100%; margin: 0; }
.imp-dialog .imp-inline { flex: 1 1 160px; }
.imp-dialog .imp-inline select { background: var(--surface-2); border: 1px solid var(--border-strong); border-radius: 8px; color: var(--text); padding: 10px 12px; font: inherit; }
.imp-dialog .imp-group { margin: var(--s3) 0 0; border-left: 3px solid var(--border-strong); padding-left: var(--s3); }
.imp-dialog .imp-group summary, .imp-dialog .imp-group-h { cursor: default; margin: 0; font-weight: 600; color: var(--text); }
.imp-dialog details.imp-group summary { cursor: pointer; }
.imp-dialog .imp-bad { border-color: var(--neg, #f87171); }
.imp-dialog .imp-warn-l, .imp-dialog .imp-warn.imp-group { border-color: #f59e0b; }
.imp-dialog .imp-group.imp-warn { background: none; border-width: 0 0 0 3px; border-radius: 0; padding: 0 0 0 var(--s3); }
.imp-dialog .imp-ok { border-color: var(--pos, #4cbf8a); }
.imp-dialog .imp-list { margin: var(--s2) 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
/* Convert mode (2026-10-22): a quiet link at the bottom of the Import dialog, platform buttons in the review step. */
.imp-dialog .imp-alt { font-size: var(--fs-xs); color: var(--muted); margin: var(--s3) 0 0; padding-top: var(--s3); border-top: 1px solid var(--border); }
.imp-dialog .imp-link { background: none; border: 0; padding: 0; color: var(--text-2); text-decoration: underline; cursor: pointer; font: inherit; }
.imp-dialog .imp-link:hover { color: var(--text); }
.imp-dialog .imp-targets { margin: var(--s4) 0 0; }
.imp-dialog .imp-target-row { display: flex; flex-wrap: wrap; gap: var(--s2); margin-top: var(--s2); }
.imp-dialog .imp-target {
  flex: 1 1 160px; display: flex; align-items: center; gap: 8px; cursor: pointer; font: inherit; font-weight: 600;
  background: var(--surface-2); color: var(--text); border: 1px solid var(--border-strong); border-radius: 8px; padding: 10px 12px;
}
.imp-dialog .imp-target:hover, .imp-dialog .imp-target:focus-visible { border-color: var(--accent); outline: none; }
.imp-dialog .imp-target img { width: 20px; height: 20px; object-fit: contain; }
.imp-dialog .imp-target small { color: var(--muted); font-weight: 400; }