/* ===== منتقل‌شده از CSS اسکوپ‌شده‌ی Blazor: PriceImportAdmin.razor.css + ProductImportAdmin.razor.css =====
   اکنون سراسری است؛ برای حفظ همان اولویت قبلی (specificity) انتخاب‌گرها ایمن‌سازی شده‌اند. */
.import-page.import-page { display: flex; flex-direction: column; gap: 18px; }

.import-card.import-card { padding: 20px 22px; }
.import-card.import-card:hover { transform: none; }

.import-step.import-step { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }

.import-step-no.import-step-no {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
}

.import-step-text.import-step-text { flex: 1 1 260px; min-width: 0; }
.import-step-text.import-step-text h4 { margin: 0 0 4px; font-size: 16px; }
.import-step-text.import-step-text p { margin: 0; font-size: 13px; color: var(--text-muted); line-height: 1.8; }

.import-download.import-download { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.import-download.import-download svg { width: 18px; height: 18px; }

.import-columns.import-columns { margin-top: 16px; }
.import-columns.import-columns summary { cursor: pointer; font-weight: 700; font-size: 14px; padding: 6px 0; }
.import-db-field.import-db-field { font-size: 12px; white-space: nowrap; }

.import-form.import-form { margin-top: 16px; max-width: 640px; }
.import-file.import-file { padding: 8px 10px; }
.import-file-name.import-file-name { margin-top: 6px; font-size: 12px; color: var(--text-muted); }

.import-check.import-check { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 6px 0 16px; cursor: pointer; }

.import-actions.import-actions { display: flex; }

.import-summary.import-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

.import-chip.import-chip {
    border-radius: 14px;
    padding: 14px 10px;
    text-align: center;
    font-size: 13px;
    background: rgba(238, 242, 255, .75);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.import-chip-num.import-chip-num { font-size: 24px; font-weight: 800; }
.import-chip-ok.import-chip-ok { background: rgba(209, 250, 229, .9); color: #047857; }
.import-chip-bad.import-chip-bad { background: var(--danger-light); color: var(--danger); }

.import-success.import-success { margin-top: 14px; padding: 10px 14px; border-radius: 10px; background: rgba(209, 250, 229, .9); color: #047857; font-weight: 600; font-size: 13px; }

.import-errors-title.import-errors-title { margin: 18px 0 4px; font-size: 15px; }
.import-errors-hint.import-errors-hint { margin: 0 0 10px; font-size: 12px; color: var(--text-muted); line-height: 1.8; }
.import-errors.import-errors { max-height: 360px; overflow: auto; }

@media (max-width: 600px) {
    .import-card.import-card { padding: 16px 14px; }
    .import-summary.import-summary { grid-template-columns: 1fr; }
    .import-download.import-download { width: 100%; justify-content: center; }
}

.import-summary-4.import-summary-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 760px) {
    .import-summary-4.import-summary-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}