.overlay .modal.pv-import-modal { width: min(1180px, 97vw); max-width: 1180px; max-height: 92vh; overflow: auto; }
.pv-import-pick { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; margin: 10px 0 7px; }
.pv-import-pick input { min-width: 0; }
.pv-import-pick button { background: var(--panel2); color: var(--txt); border: 1px solid var(--border); }
.pv-import-summary { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.pv-import-summary span { padding: 6px 9px; border: 1px solid var(--border); border-radius: 999px; background: var(--panel2); color: var(--mut); font-size: 10.5px; }
.pv-import-summary b { color: var(--txt); }
.pv-import-summary .is-ok b { color: var(--ok); }
.pv-import-summary .is-warn b { color: var(--warn); }
.pv-import-summary .is-bad b { color: #fb7185; }
.pv-import-list { display: grid; gap: 10px; margin: 10px 0; }
.pv-import-row { padding: 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--table-body); min-width: 0; }
.pv-import-row.is-duplicate { opacity: .72; border-color: color-mix(in srgb, #fb7185 50%, var(--border)); }
.pv-import-row.is-excluded { opacity: .78; border-color: color-mix(in srgb, #fb7185 40%, var(--border)); }
.pv-import-row-head { display: flex; align-items: center; justify-content: space-between; gap: 9px; flex-wrap: wrap; }
.pv-import-row-head > label { min-width: 0; display: flex; align-items: center; gap: 7px; }
.pv-import-row-head > label b { overflow-wrap: anywhere; }
.pv-import-row-head > div { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.pv-import-state { padding: 3px 8px; border-radius: 999px; font-size: 9.5px; font-weight: 800; text-transform: uppercase; background: var(--panel2); color: var(--mut); }
.pv-import-state.is-listo { color: var(--ok); background: color-mix(in srgb, var(--ok) 12%, var(--panel2)); }
.pv-import-state.is-revisar, .pv-import-state.is-escaneado { color: var(--warn); background: color-mix(in srgb, var(--warn) 12%, var(--panel2)); }
.pv-import-state.is-duplicate, .pv-import-state.is-no_compra { color: #fb7185; background: color-mix(in srgb, #fb7185 12%, var(--panel2)); }
.pv-import-reason, .pv-import-match { margin-top: 8px; padding: 6px 8px; border-radius: 8px; font-size: 10.5px; }
.pv-import-reason { color: #fb7185; background: color-mix(in srgb, #fb7185 9%, var(--panel2)); }
.pv-import-match { color: var(--mut); background: var(--panel2); }
.pv-import-grid { display: grid; grid-template-columns: 1.5fr 1fr 1.25fr 1fr 1fr 1fr 1fr 1fr; gap: 7px; margin-top: 9px; }
.pv-import-grid label { min-width: 0; color: var(--mut); font-size: 9px; text-transform: uppercase; letter-spacing: .25px; }
.pv-import-grid input, .pv-import-grid select { width: 100%; min-width: 0; margin-top: 4px; color: var(--txt); }
.pv-import-concept { grid-column: 1 / -1; }
.pv-import-confirm { display: flex; align-items: flex-start; gap: 8px; padding: 10px 11px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel2); color: var(--txt); font-size: 11px; }
.pv-import-confirm input { width: auto; margin-top: 1px; }

@media (max-width: 900px) {
  .pv-import-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pv-import-concept { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .overlay .modal.pv-import-modal { width: 96vw; max-height: 94vh; }
  .pv-import-pick, .pv-import-grid { grid-template-columns: 1fr; }
  .pv-import-pick button { width: 100%; }
  .pv-import-concept { grid-column: auto; }
  .pv-import-row-head > div { width: 100%; justify-content: space-between; }
  .pv-import-row-head .btn-mini { flex: none; }
}