.admin-import-section { margin-bottom: 24px; }

.import-mode-badge {

    padding: 2px 6px; background: var(--bg-page); border-radius: 4px;

    font-size: 0.7rem; font-weight: 600;

}

#import-progress-block { display: none; margin-top: 16px; }

#import-progress-bar { height: 100%; width: 0%; background: var(--primary); transition: width 0.3s; }



/* Компактный выбор режима импорта */

.import-mode-toggle {

    display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 8px;

}

.import-mode-btn {

    padding: 4px 8px;

    font-size: 0.7rem;

    line-height: 1.2;

    border: 1px solid var(--border, #e5e7eb);

    border-radius: 6px;

    background: var(--bg-page, #f9fafb);

    color: var(--text-secondary, #6b7280);

    cursor: pointer;

    transition: background 0.15s, border-color 0.15s, color 0.15s;

}

.import-mode-btn:hover {

    border-color: var(--primary, #007656);

    color: var(--primary, #007656);

}

.import-mode-btn.active {

    background: var(--primary, #007656);

    border-color: var(--primary, #007656);

    color: #fff;

    font-weight: 600;

}

.import-dry-run-check {

    font-size: 0.75rem;

    margin-top: 4px;

    display: flex;

    align-items: center;

    gap: 6px;

}



/* Мелкие кнопки действий в таблице и виджете */

.import-action-btn,

.import-table-actions .import-action-btn {

    padding: 2px 6px;

    font-size: 0.65rem;

    line-height: 1.2;

    min-height: 22px;

    border: 1px solid var(--border, #e5e7eb);

    border-radius: 4px;

    background: var(--bg-card, #fff);

    color: var(--text-secondary);

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 3px;

}

.import-action-btn:hover {

    border-color: var(--primary);

    color: var(--primary);

}

.import-action-btn.import-action-btn-primary {

    background: var(--primary, #007656);

    border-color: var(--primary, #007656);

    color: #fff;

}

.import-action-btn.import-action-btn-primary:hover {

    opacity: 0.9;

}

.import-header-actions {

    display: flex;

    gap: 4px;

    flex-wrap: wrap;

}

.import-table-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 3px;

}