.export-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}

.export-modal-backdrop[hidden]{display:none}

.export-modal{width:min(760px,96vw);height:min(88vh,860px);overflow:hidden;background:#fff;border:1px solid #dce3ec;border-radius:12px;box-shadow:0 18px 45px rgba(2,6,23,.2);padding:14px;display:flex;flex-direction:column}

.export-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#1f2937}

.export-options-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}

.export-mode,.export-file-type{display:flex;gap:18px;align-items:center;margin-bottom:0}

.export-mode label{display:flex;gap:8px;align-items:center;font-size:18px;color:#334155;cursor:pointer}

.export-file-type label{display:flex;gap:8px;align-items:center;font-size:18px;color:#334155;cursor:pointer}

.export-mode input[type="radio"],.export-file-type input[type="radio"]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1.6px solid #7b8798;border-radius:50%;background:#fff;position:relative;cursor:pointer}

.export-mode input[type="radio"]:checked,.export-file-type input[type="radio"]:checked{background:#fff;border-color:#7b8798}

.export-mode input[type="radio"]:checked::after,.export-file-type input[type="radio"]:checked::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#111827}

.export-cols-wrap{border:1px solid #dce3ec;border-radius:10px;padding:10px;overflow:auto;flex:1;min-height:0}

.export-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

.export-cols label{display:flex;gap:8px;align-items:center;font-size:17px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #cfd8e4;border-radius:10px;padding:8px 10px;min-height:44px;box-sizing:border-box;background:#f3f4f6}

.export-cols label{cursor:grab}

.export-cols input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:25px;height:25px;border:1.5px solid #7b8798;border-radius:4px;background:#fff;position:relative;cursor:pointer}

.export-cols input[type="checkbox"]:checked{background:#fff;border-color:#7b8798}

.export-cols input[type="checkbox"]:checked::after{content:"";position:absolute;left:7px;top:2px;width:7px;height:14px;border-right:3px solid #111827;border-bottom:3px solid #111827;transform:rotate(40deg);box-sizing:border-box}

.export-cols.disabled{opacity:.5;pointer-events:none}

.export-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex:0 0 auto}

.export-actions-left,.export-actions-right{display:flex;align-items:center;gap:8px}

.export-actions-left{min-width:0}

.export-actions button{height:36px;padding:0 14px;border:1px solid #cfd8e4;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;cursor:pointer}

.export-actions .primary{background:#fff;border-color:#cfd8e4;color:#1f2937}

.export-delisted-days{width:68px;height:36px;border:1px solid #cfd8e4;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;padding:0 8px;box-sizing:border-box}

.export-delisted-unit{font-size:13px;color:#334155;white-space:nowrap}

.import-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:1250;display:flex;align-items:center;justify-content:center;padding:16px}

.import-modal-backdrop[hidden]{display:none}

.import-modal{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#fff;border:1px solid #dce3ec;border-radius:12px;box-shadow:0 18px 45px rgba(2,6,23,.2);padding:14px}

.import-title{margin:0 0 10px;font-size:22px;font-weight:700;color:#1f2937}

.import-mode{display:flex;gap:18px;align-items:center;margin-bottom:12px}

.import-mode label{display:flex;gap:8px;align-items:center;font-size:17px;color:#334155;cursor:pointer}

.import-mode input[type="radio"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.6px solid #7b8798;border-radius:50%;background:#fff;position:relative;cursor:pointer}

.import-mode input[type="radio"]:checked{background:#fff;border-color:#7b8798}

.import-mode input[type="radio"]:checked::after{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#111827}

.import-upload{border:1px dashed #c7d6ea;border-radius:10px;background:#f8fbff;padding:16px}

.import-upload p{margin:0 0 10px;font-size:14px;color:#475569}

.import-upload-row{display:flex;gap:8px;align-items:center}

.import-upload-row input[type="file"]{font-size:13px;color:#334155}

.import-upload-row input[type="file"]::file-selector-button{height:34px;
  padding:0 12px;
  border:1px solid #cfd8e4;
  border-radius:10px;
  background:#fff;
  color:#1f2937;
  font-size:13px;
  cursor:pointer;
  white-space:nowrap;
  margin-right:8px;}

.import-upload-row input[type="file"]::file-selector-button:hover{background:#eef5ff;
  border-color:#c7d6ea;
  color:#1f2937;}

.import-upload-row button{height:34px;padding:0 12px;border:1px solid #cfd8e4;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;cursor:pointer;white-space:nowrap}

.import-file-name{font-size:13px;color:#0f172a}

.import-section{margin-top:10px}

.import-section-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#334155}

.import-inline-options{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

.import-inline-options label{display:flex;gap:8px;align-items:center;font-size:15px;color:#334155;cursor:pointer}

.import-inline-options input[type="radio"]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1.6px solid #7b8798;border-radius:50%;background:#fff;position:relative;cursor:pointer}

.import-inline-options input[type="radio"]:checked{background:#fff;border-color:#7b8798}

.import-inline-options input[type="radio"]:checked::after{content:"";position:absolute;left:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#111827}

.import-update-cols{margin-top:8px;padding:10px;border:1px solid #dce3ec;border-radius:10px;background:#f8fbff}

.import-update-cols-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

.import-update-cols-grid label{display:flex;gap:10px;align-items:center;font-size:15px;color:#1f2937}

.import-update-cols-grid label.disabled-option{color:#94a3b8}

.import-update-cols-grid input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.8px solid #7b8798;border-radius:4px;background:#fff;position:relative;cursor:pointer}

.import-update-cols-grid input[type="checkbox"]:disabled{border-color:#cbd5e1;background:#f1f5f9;cursor:not-allowed}

.import-update-cols-grid input[type="checkbox"]:checked{background:#fff;border-color:#7b8798}

.import-update-cols-grid input[type="checkbox"]:checked::after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border-right:3px solid #111827;border-bottom:3px solid #111827;transform:rotate(40deg);box-sizing:border-box}

.import-update-note{margin:8px 0 0;font-size:12px;line-height:1.55;color:#475569}

.import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}

.import-actions button{height:36px;padding:0 14px;border:1px solid #cfd8e4;border-radius:10px;background:#fff;color:#1f2937;font-size:13px;cursor:pointer}

.import-actions .primary{background:#fff;border-color:#cfd8e4;color:#1f2937}
.import-progress{margin-top:14px;padding:12px 14px;border:1px solid #d8e2ef;border-radius:10px;background:#f8fbff}
.import-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1f2937;font-size:13px;font-weight:700}
.import-progress-track{height:9px;margin-top:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}
.import-progress-track>span{display:block;width:0;height:100%;border-radius:inherit;background:#2563eb;transition:width .18s ease}
.import-progress-detail{min-height:18px;margin-top:7px;color:#64748b;font-size:12px}
.import-modal.is-importing{cursor:progress}
.import-modal.is-importing button,.import-modal.is-importing input{cursor:not-allowed}

.draggable-modal-ready .export-title,
.draggable-modal-ready .import-title,
.draggable-modal-ready .batch-cat-title,
.draggable-modal-ready .batch-price-title,
.draggable-modal-ready .batch-edit-title,
.draggable-modal-ready .delete-modal-title,
.draggable-modal-ready .cat-mgr-head,
.draggable-modal-ready .cat-pick-title,
.draggable-modal-ready .cat-edit-title,
.draggable-modal-ready .prod-edit-title{cursor:move}

@media (max-width:560px){
  .export-modal{
    width:calc(100vw - 20px);
    height:min(88svh,760px);
    padding:10px;
  }
  .export-title{
    font-size:18px;
    margin-bottom:8px;
  }
  .export-options-row{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    margin-bottom:8px;
  }
  .export-mode,
  .export-file-type{
    flex-wrap:wrap;
    gap:10px;
  }
  .export-mode label,
  .export-file-type label{
    gap:6px;
    font-size:13px;
  }
  .export-mode input[type="radio"],
  .export-file-type input[type="radio"]{
    width:17px;
    height:17px;
  }
  .export-mode input[type="radio"]:checked::after,
  .export-file-type input[type="radio"]:checked::after{
    left:5px;
    top:5px;
    width:7px;
    height:7px;
  }
  .export-cols-wrap{
    padding:6px;
    border-radius:9px;
  }
  .export-cols{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .export-cols label{
    min-height:34px;
    align-items:flex-start;
    gap:5px;
    padding:6px 7px;
    border-radius:8px;
    font-size:12px;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:break-word;
  }
  .export-cols input[type="checkbox"]{
    width:18px;
    height:18px;
    flex:0 0 auto;
  }
  .export-cols input[type="checkbox"]:checked::after{
    left:5px;
    top:1px;
    width:5px;
    height:10px;
    border-right-width:2.5px;
    border-bottom-width:2.5px;
  }
  .export-actions{
    align-items:flex-start;
    flex-direction:column;
    margin-top:8px;
  }
  .export-actions-left,.export-actions-right{width:100%;justify-content:flex-end}
  .export-actions-left{justify-content:flex-start}
  .export-actions button{
    height:34px;
    padding:0 12px;
    font-size:13px;
  }
  .export-delisted-days{height:34px}
}