diff --git a/backend/api/v1/modules/a76/app_settings/schemas.py b/backend/api/v1/modules/a76/app_settings/schemas.py
index a15d8e22..4bd2118b 100644
--- a/backend/api/v1/modules/a76/app_settings/schemas.py
+++ b/backend/api/v1/modules/a76/app_settings/schemas.py
@@ -120,22 +120,29 @@ class SSisGenSettings(BaseModel):
     muestra_copias_codbarras: Optional[int] = None
     activar_revision_fracciones: Optional[int] = None
     usarcoveenarchsaaim3: Optional[int] = None
-    DownloadFTP: Optional[str] = None
-    MinsDownLFTP: Optional[int] = None
-    DownloadFTPPath: Optional[str] = None
-    DescargarFTPoLocal: Optional[str] = None
-    ServerFTP: Optional[str] = None
-    UserFTP: Optional[str] = None
-    PasswordFTP: Optional[str] = None
-    DirectorioFTP: Optional[str] = None
-    PathLocalParaDescDe: Optional[str] = None
-    AgregarRemplazarAutomatico: Optional[str] = None
-    ActivarProcesoVEquipment: Optional[int] = None
-    ActivarProcesoDesperdicioJDEdwards: Optional[int] = None
-    UsarFechaEmisionFactura: Optional[int] = None
-    Campo18Valsaaim3: Optional[int] = None
+    downloadftp: Optional[str] = None
+    minsdownlftp: Optional[int] = None
+    downloadftppath: Optional[str] = None
+    descargarftpolocal: Optional[str] = None
+    serverftp: Optional[str] = None
+    userftp: Optional[str] = None
+    passwordftp: Optional[str] = None
+    directorioftp: Optional[str] = None
+    pathlocalparadescde: Optional[str] = None
+    agregarremplazarautomatico: Optional[str] = None
+    activarprocesovequipment: Optional[int] = None
+    activarprocesodesperdiciojdedwards: Optional[int] = None
+    usarfechaemisionfactura: Optional[int] = None
+    campo18valsaaim3: Optional[int] = None
     actvaloragre: Optional[int] = None
     valoragregadogen: Optional[Decimal] = None
+    validarseries: Optional[int] = None
+    emailas: Optional[int] = None
+    afostrofe: Optional[int] = None
+    codigobarrasesp: Optional[int] = None
+    asignainfoparte: Optional[int] = None
+    pathnaftaccs: Optional[str] = None
+
 
 
 class SSisGen2Settings(BaseModel):
@@ -681,6 +688,13 @@ class QSisGenSettings(BaseModel):
     calcularcostounitarioenbaseavalortotalscaf: Optional[int] = None
     impresionfacturaalterna: Optional[int] = None
     transmitirfacalterna: Optional[int] = None
+    validarseries: Optional[int] = None
+    emailas: Optional[int] = None
+    afostrofe: Optional[int] = None
+    codigobarrasesp: Optional[int] = None
+    muestra_copias_codbarras: Optional[int] = None
+    asignainfoparte: Optional[int] = None
+    pathnaftaccs: Optional[str] = None
 
 
 class QSisExpoRepSettings(BaseModel):
diff --git a/frontend/src/lib/components/dashboard/invoices/edit/continuation-tab-form.svelte b/frontend/src/lib/components/dashboard/invoices/edit/continuation-tab-form.svelte
index 4e8fb53c..2aa6b9e5 100644
--- a/frontend/src/lib/components/dashboard/invoices/edit/continuation-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/edit/continuation-tab-form.svelte
@@ -98,6 +98,14 @@
 			if (formData.es_ferrocarril === undefined) formData.es_ferrocarril = 'no';
 			if (formData.is_mixed === undefined) formData.is_mixed = false;
 			if (formData.reason_export === undefined) formData.reason_export = '1';
+			if (formData.fue_revisado_equipo === undefined) formData.fue_revisado_equipo = false;
+			if (formData.sub_division === undefined) formData.sub_division = false;
+			if (formData.funge_como_cd === undefined) formData.funge_como_cd = false;
+			if (formData.llego_pedimento === undefined) formData.llego_pedimento = false;
+			if (formData.semaforo_verde_aduana_mexicana === undefined) formData.semaforo_verde_aduana_mexicana = false;
+			if (formData.semaforo_verde_aduana_americana === undefined) formData.semaforo_verde_aduana_americana = false;
+			if (formData.semaforo_rojo_aduana_mexicana === undefined) formData.semaforo_rojo_aduana_mexicana = false;
+			if (formData.semaforo_rojo_aduana_americana === undefined) formData.semaforo_rojo_aduana_americana = false;
 		}
 	});
 
diff --git a/frontend/src/lib/components/dashboard/invoices/edit/invoice-top-fields.svelte b/frontend/src/lib/components/dashboard/invoices/edit/invoice-top-fields.svelte
index 324b171f..50fb3b84 100644
--- a/frontend/src/lib/components/dashboard/invoices/edit/invoice-top-fields.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/edit/invoice-top-fields.svelte
@@ -150,53 +150,55 @@
 
 <!-- Datos Principales en una fila compacta (reusable across tabs) -->
 <div class="flex flex-wrap items-end gap-3 pb-3">
-	<div class="min-w-[100px] flex-1 space-y-1">
-		<Label for="operation_type" class="text-xs"
-			>Tipo de Operación<span class="text-red-500">*</span></Label
-		>
-		<Select.Root
-			type="single"
-			value={formData.operation_type || ''}
-			onValueChange={(v) => {
-				formData.operation_type = v;
-			}}
-		>
-			<Select.Trigger id="operation_type" class="h-8 text-sm">
-				<span class="truncate">
-					{formData.operation_type ? (formData.operation_type === 'exp' ? 'Exp' : 'Imp') : '...'}
-				</span>
-			</Select.Trigger>
-			<Select.Content>
-				<Select.Item value="exp">Exportación</Select.Item>
-				<Select.Item value="imp">Importación</Select.Item>
-			</Select.Content>
-		</Select.Root>
-	</div>
-	<div class="min-w-[100px] flex-1 space-y-1">
-		<Label for="operation_type" class="text-xs"
-			>Tipo de factura <span class="text-red-500">*</span></Label
-		>
-		<Select.Root
-			type="single"
-			value={formData.invoice_type || ''}
-			onValueChange={(v) => {
-				formData.invoice_type = v ?? '';
-			}}
-		>
-			<Select.Trigger id="invoice_type" class="h-7 text-xs">
-				<span class="truncate">
-					{formData.invoice_type ? `${formData.invoice_type}` : '...'}
-				</span>
-			</Select.Trigger>
-			<Select.Content class="max-h-[300px]">
-				{#each filteredInvoiceTypes as type}
-					<Select.Item value={type.key}>
-						{type.key} - {type.description}
-					</Select.Item>
+	{#if !isSettings}
+		<div class="min-w-[100px] flex-1 space-y-1">
+			<Label for="operation_type" class="text-xs"
+				>Tipo de Operación<span class="text-red-500">*</span></Label
+			>
+			<Select.Root
+				type="single"
+				value={formData.operation_type || ''}
+				onValueChange={(v) => {
+					formData.operation_type = v;
+				}}
+			>
+				<Select.Trigger id="operation_type" class="h-8 text-sm">
+					<span class="truncate">
+						{formData.operation_type ? (formData.operation_type === 'exp' ? 'Exp' : 'Imp') : '...'}
+					</span>
+				</Select.Trigger>
+				<Select.Content>
+					<Select.Item value="exp">Exportación</Select.Item>
+					<Select.Item value="imp">Importación</Select.Item>
+				</Select.Content>
+			</Select.Root>
+		</div>
+		<div class="min-w-[100px] flex-1 space-y-1">
+			<Label for="operation_type" class="text-xs"
+				>Tipo de factura <span class="text-red-500">*</span></Label
+			>
+			<Select.Root
+				type="single"
+				value={formData.invoice_type || ''}
+				onValueChange={(v) => {
+					formData.invoice_type = v ?? '';
+				}}
+			>
+				<Select.Trigger id="invoice_type" class="h-7 text-xs">
+					<span class="truncate">
+						{formData.invoice_type ? `${formData.invoice_type}` : '...'}
+					</span>
+				</Select.Trigger>
+				<Select.Content class="max-h-[300px]">
+					{#each filteredInvoiceTypes as type}
+						<Select.Item value={type.key}>
+							{type.key} - {type.description}
+						</Select.Item>
 				{/each}
-			</Select.Content>
-		</Select.Root>
-	</div>
+				</Select.Content>
+			</Select.Root>
+		</div>
+	{/if}
 
 	{#if invoiceType !== 'MEX'}
 		<div class="flex flex-col items-center space-y-1 pb-1">
diff --git a/frontend/src/lib/components/dashboard/invoices/edit/observations-tab-form.svelte b/frontend/src/lib/components/dashboard/invoices/edit/observations-tab-form.svelte
index 63e1e2fb..8fac8831 100644
--- a/frontend/src/lib/components/dashboard/invoices/edit/observations-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/edit/observations-tab-form.svelte
@@ -112,6 +112,16 @@
 		};
 		exists = false;
 	}
+	
+	$effect.pre(() => {
+		if (formData) {
+			if (formData.sub_division === undefined) formData.sub_division = 'no';
+			if (formData.acts_as_cd === undefined) formData.acts_as_cd = false;
+			if (formData.is_mixed === undefined) formData.is_mixed = false;
+			if (formData.incoterm === undefined) formData.incoterm = '';
+			if (formData.valuation_method === undefined) formData.valuation_method = '';
+		}
+	});
 </script>
 
 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
diff --git a/frontend/src/lib/components/dashboard/invoices/edit/others-tab-form.svelte b/frontend/src/lib/components/dashboard/invoices/edit/others-tab-form.svelte
index e68ec0f2..819e2ee5 100644
--- a/frontend/src/lib/components/dashboard/invoices/edit/others-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/edit/others-tab-form.svelte
@@ -102,6 +102,11 @@
 		if (formData) {
 			if (formData.transport_mode === undefined) formData.transport_mode = 'TRUCK';
 			if (formData.is_mixed === undefined) formData.is_mixed = false;
+			if (formData.print_stamp === undefined) formData.print_stamp = false;
+			if (formData.rule_3121_parties_ii === undefined) formData.rule_3121_parties_ii = false;
+			if (formData.contingency_mode === undefined) formData.contingency_mode = false;
+			if (formData.delivered_status === undefined) formData.delivered_status = false;
+			if (formData.option_iv18 === undefined) formData.option_iv18 = '';
 		}
 	});
 
diff --git a/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte b/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte
index 06205d22..a2272735 100644
--- a/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte
@@ -7,8 +7,12 @@
 	import { RadioGroup, RadioGroupItem } from '$lib/components/ui/radio-group';
 
 	let {
-		formData = $bindable()
-	}: { formData: any } = $props();
+		formData = $bindable(),
+		activeSystem = 'ssisgen'
+	}: {
+		formData: any;
+		activeSystem?: 'ssisgen' | 'qsisgen';
+	} = $props();
 
 	const defaultFormData = {
 		// General — Reporte de descarga
@@ -81,6 +85,7 @@
 		// Americana
 		TomarValorMexEnFacAme: false,
 		MuestraFree: false,
+		NumParteAme: false,
 		CodigoSCAC: false,
 		ValorPacking1Dlls: false,
 		PrefijoFraccMult: false,
@@ -112,7 +117,14 @@
 		LocLeyendaPacking: '',
 		PackingOrdenVenta: false,
 		IncluirLineaDelPO: false,
-		PackingPedClave: false
+		PackingPedClave: false,
+
+		// SCAF specific
+		AsignaValoresTC: 'exportacion',
+		pagoimpuesto: 'no',
+		formapago: '',
+		SolicitarPswdDesactualizar: false,
+		ActualizarPartePartida: false
 	};
 
 	if (!formData) formData = { ...defaultFormData };
@@ -128,79 +140,261 @@
 	});
 
 	let activeSubTab = $state('general');
+
+	$effect(() => {
+		// Reset active tab if switching systems to prevent blank content
+		if (activeSystem === 'qsisgen' && ['general2', 'desperdicio'].includes(activeSubTab)) {
+			activeSubTab = 'general';
+		}
+	});
 </script>
 
 <div class="w-full">
 	<Tabs.Root bind:value={activeSubTab} class="flex flex-col">
-		<div class="w-full overflow-x-auto pb-2 mb-4">
-			<Tabs.List class="inline-flex md:flex w-full bg-muted/60 p-1 rounded-md">
+		<div class="mb-4 w-full overflow-x-auto pb-2">
+			<Tabs.List class="inline-flex w-full rounded-md bg-muted/60 p-1 md:flex">
 				<Tabs.Trigger value="general" class="flex-1 text-xs">General</Tabs.Trigger>
-				<Tabs.Trigger value="general2" class="flex-1 text-xs">General 2</Tabs.Trigger>
+				{#if activeSystem !== 'qsisgen'}
+					<Tabs.Trigger value="general2" class="flex-1 text-xs">General 2</Tabs.Trigger>
+				{/if}
 				<Tabs.Trigger value="mexicana" class="flex-1 text-xs">Fact. Mexicana</Tabs.Trigger>
 				<Tabs.Trigger value="americana" class="flex-1 text-xs">Fact. Americana</Tabs.Trigger>
-				<Tabs.Trigger value="desperdicio" class="flex-1 text-xs">Desperdicio</Tabs.Trigger>
+				{#if activeSystem !== 'qsisgen'}
+					<Tabs.Trigger value="desperdicio" class="flex-1 text-xs">Desperdicio</Tabs.Trigger>
+				{/if}
 				<Tabs.Trigger value="packing" class="flex-1 text-xs">Packing</Tabs.Trigger>
 			</Tabs.List>
 		</div>
 
 		<!-- ===== GENERAL ===== -->
 		<Tabs.Content value="general" class="space-y-6">
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF General Tab -->
+				<div class="space-y-4">
+					<!-- Top Section (Decimales + Asignación/Partidas) -->
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+						<!-- Decimales -->
+						<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+							<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase text-red-700">
+								Número de Decimales en los Campos
+							</h4>
+							<div class="grid grid-cols-2 gap-x-4 gap-y-3 pt-2">
+								<div class="flex items-center justify-between">
+									<Label class="text-xs">De Peso Neto y Bruto:</Label>
+									<Input type="number" bind:value={formData.DecimalesPeso} class="h-8 w-16 text-sm" />
+								</div>
+								<div class="flex items-center justify-between">
+									<Label class="text-xs">De Cantidades:</Label>
+									<Input type="number" bind:value={formData.DecimalesCant} class="h-8 w-16 text-sm" />
+								</div>
+								<div class="flex items-center justify-between">
+									<Label class="text-xs">De Costos Unitarios:</Label>
+									<Input type="number" bind:value={formData.DecimalesCosto} class="h-8 w-16 text-sm" />
+								</div>
+								<div class="flex items-center justify-between">
+									<Label class="text-xs">De Valores:</Label>
+									<Input type="number" bind:value={formData.DecimalesValor} class="h-8 w-16 text-sm" />
+								</div>
+							</div>
+						</div>
 
-			<!-- Reporte de descarga -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Reporte de descarga según el tipo de factura</h4>
-				<p class="text-xs text-muted-foreground italic">Incluye en la columna descripción:</p>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-1">
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_FraccMexDes" bind:checked={formData.FraccMexDes} />
-						<Label for="cr_FraccMexDes" class="text-sm">La Fracción Arancelaria</Label>
+						<!-- Asignación TC y Partidas -->
+						<div class="flex flex-col gap-4">
+							<!-- TC -->
+							<div class="space-y-2 rounded-md border bg-muted/10 p-4 pb-3">
+								<Label class="text-xs font-semibold text-muted-foreground uppercase">
+									Asigna Valores a partidas en Base al T.C de:
+								</Label>
+								<RadioGroup
+									value={formData.AsignaValoresTC}
+									onValueChange={(v) => (formData.AsignaValoresTC = v)}
+									class="flex gap-6 justify-center mt-2"
+								>
+									<div class="flex items-center gap-2">
+										<RadioGroupItem value="importacion" id="cr_tc_imp" />
+										<Label for="cr_tc_imp" class="text-sm">Importación</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<RadioGroupItem value="exportacion" id="cr_tc_exp" />
+										<Label for="cr_tc_exp" class="text-sm">Exportación</Label>
+									</div>
+								</RadioGroup>
+							</div>
+
+							<!-- Partidas -->
+							<div class="space-y-2 rounded-md border bg-muted/10 p-4 pb-3 flex-1 flex flex-col justify-center">
+								<Label class="text-xs font-semibold text-muted-foreground uppercase mb-1">Partidas</Label>
+								<div class="flex items-center gap-6">
+									<div class="space-y-1">
+										<Label class="text-xs text-muted-foreground">Se Pagó el Impuesto</Label>
+										<RadioGroup
+											value={formData.pagoimpuesto}
+											onValueChange={(v) => (formData.pagoimpuesto = v)}
+											class="flex gap-4"
+										>
+											<div class="flex items-center gap-2">
+												<RadioGroupItem value="si" id="cr_pago_si" />
+												<Label for="cr_pago_si" class="text-sm">Si</Label>
+											</div>
+											<div class="flex items-center gap-2">
+												<RadioGroupItem value="no" id="cr_pago_no" />
+												<Label for="cr_pago_no" class="text-sm">No</Label>
+											</div>
+										</RadioGroup>
+									</div>
+									<div class="flex items-center gap-2">
+										<Label class="text-xs text-muted-foreground whitespace-nowrap">Forma Pago:</Label>
+										<Input bind:value={formData.formapago} class="h-8 w-20 text-sm" />
+									</div>
+								</div>
+							</div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_TipoFraccMexDes" bind:checked={formData.TipoFraccMexDes} />
-						<Label for="cr_TipoFraccMexDes" class="text-sm">Preferencia Arancelaria</Label>
+
+					<!-- Middle Section (Límites) -->
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+						<!-- Mínimos -->
+						<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+							<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase text-red-700">
+								Mínimos límites para actualizar facturas
+							</h4>
+							<div class="space-y-3 pt-2">
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Cantidad Mín. para Exportar:</Label>
+									<Input type="number" bind:value={formData.CantLimiteMin} class="h-8 w-32 text-sm text-right" />
+								</div>
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Peso Mín. para Exportar:</Label>
+									<Input type="number" bind:value={formData.PesoLimiteMin} class="h-8 w-32 text-sm text-right" />
+								</div>
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Valor Mín. para Exportar:</Label>
+									<Input type="number" bind:value={formData.ValorLimiteMin} class="h-8 w-32 text-sm text-right" />
+								</div>
+							</div>
+						</div>
+
+						<!-- Máximos -->
+						<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+							<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase text-red-700">
+								Máximos límites para actualizar facturas
+							</h4>
+							<div class="space-y-3 pt-2">
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Cantidad Max. para Exportar:</Label>
+									<Input type="number" bind:value={formData.CantLimite} class="h-8 w-32 text-sm text-right" />
+								</div>
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Peso Max. para Exportar:</Label>
+									<Input type="number" bind:value={formData.PesoLimite} class="h-8 w-32 text-sm text-right" />
+								</div>
+								<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1">
+									<Label class="text-xs">Valor Max. para Exportar:</Label>
+									<Input type="number" bind:value={formData.ValorLimite} class="h-8 w-32 text-sm text-right" />
+								</div>
+							</div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_ColValorDes" bind:checked={formData.ColValorDes} />
-						<Label for="cr_ColValorDes" class="text-sm">Ocultar la Columna de Valor del Reporte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_ColPesoDes" bind:checked={formData.ColPesoDes} />
-						<Label for="cr_ColPesoDes" class="text-sm">Ocultar la Columna de Peso Neto del Reporte</Label>
+
+					<!-- Bottom Section (Checkboxes) -->
+					<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_scaf_VentQueueAct" bind:checked={formData.VentQueueAct} />
+							<Label for="cr_scaf_VentQueueAct" class="text-sm">Mostrar la ventana de la descarga de la factura</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_scaf_ColCantPorPeso" bind:checked={formData.ColCantPorPeso} />
+							<Label for="cr_scaf_ColCantPorPeso" class="text-sm">Reemplaza la columna cantidad por la columna de Peso Neto.</Label>
+						</div>
+						
+						<!-- Row with two auth checkboxes side by side -->
+						<div class="flex flex-col md:flex-row gap-8">
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_scaf_SolicitarPswdActual" bind:checked={formData.SolicitarPswdActual} />
+								<Label for="cr_scaf_SolicitarPswdActual" class="text-sm">Solicitar Autorización para Actualizar Facturas.</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_scaf_SolicitarPswdDesactualizar" bind:checked={formData.SolicitarPswdDesactualizar} />
+								<Label for="cr_scaf_SolicitarPswdDesactualizar" class="text-sm">Solicitar Autorización para Desactualizar Facturas.</Label>
+							</div>
+						</div>
+
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_scaf_SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} />
+							<Label for="cr_scaf_SolicitarContrasenaAdministrador" class="text-sm">Solicitar Autorización para Pasar por Alto la Validacion de Tipo de Cambio de Fecha de Pago de Pedimento</Label>
+						</div>
 					</div>
 				</div>
-			</div>
+			{:else}
+				<!-- SCAII General Tab -->
+				<div class="space-y-6">
+					<!-- Reporte de descarga -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Reporte de descarga según el tipo de factura
+						</h4>
+						<p class="text-xs text-muted-foreground italic">Incluye en la columna descripción:</p>
+						<div class="grid grid-cols-1 gap-3 pt-1 md:grid-cols-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_FraccMexDes" bind:checked={formData.FraccMexDes} />
+								<Label for="cr_FraccMexDes" class="text-sm">La Fracción Arancelaria</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_TipoFraccMexDes" bind:checked={formData.TipoFraccMexDes} />
+								<Label for="cr_TipoFraccMexDes" class="text-sm">Preferencia Arancelaria</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_ColValorDes" bind:checked={formData.ColValorDes} />
+								<Label for="cr_ColValorDes" class="text-sm">Ocultar la Columna de Valor del Reporte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_ColPesoDes" bind:checked={formData.ColPesoDes} />
+								<Label for="cr_ColPesoDes" class="text-sm">Ocultar la Columna de Peso Neto del Reporte</Label>
+							</div>
+						</div>
+					</div>
 
-			<!-- Número de decimales -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Número de Decimales en los Campos</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
-					<div class="space-y-1.5">
-						<Label class="text-xs">De Peso Neto y Bruto</Label>
-						<Input type="number" bind:value={formData.DecimalesPeso} class="h-8 text-sm" />
+					<!-- Número de decimales -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Número de Decimales en los Campos
+						</h4>
+						<div class="grid grid-cols-1 gap-4 pt-2 md:grid-cols-2 lg:grid-cols-4">
+							<div class="space-y-1.5">
+								<Label class="text-xs">De Peso Neto y Bruto</Label>
+								<Input type="number" bind:value={formData.DecimalesPeso} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">De Cantidades</Label>
+								<Input type="number" bind:value={formData.DecimalesCant} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">De Costos Unitarios</Label>
+								<Input type="number" bind:value={formData.DecimalesCosto} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">De Valores</Label>
+								<Input type="number" bind:value={formData.DecimalesValor} class="h-8 text-sm" />
+							</div>
+						</div>
 					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">De Cantidades</Label>
-						<Input type="number" bind:value={formData.DecimalesCant} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">De Costos Unitarios</Label>
-						<Input type="number" bind:value={formData.DecimalesCosto} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">De Valores</Label>
-						<Input type="number" bind:value={formData.DecimalesValor} class="h-8 text-sm" />
-					</div>
-				</div>
-			</div>
 
 			<!-- Formas de cálculo -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Formas del Cálculo de Valores y V.A.</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-2">
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Formas del Cálculo de Valores y V.A.
+				</h4>
+				<div class="grid grid-cols-1 gap-6 pt-2 md:grid-cols-2">
 					<!-- BaseCostoMPoTotal -->
 					<div class="space-y-2">
-						<Label class="text-xs font-semibold">Cálculo del valor con base en costo capturado</Label>
-						<RadioGroup value={formData.BaseCostoMPoTotal} onValueChange={(v) => formData.BaseCostoMPoTotal = v} class="flex gap-4">
+						<Label class="text-xs font-semibold"
+							>Cálculo del valor con base en costo capturado</Label
+						>
+						<RadioGroup
+							value={formData.BaseCostoMPoTotal}
+							onValueChange={(v) => (formData.BaseCostoMPoTotal = v)}
+							class="flex gap-4"
+						>
 							<div class="flex items-center gap-2">
 								<RadioGroupItem value="materia_prima" id="cr_base_mp" />
 								<Label for="cr_base_mp" class="text-sm">Materia Prima</Label>
@@ -214,44 +408,61 @@
 
 					<!-- CalVATotAgreMP -->
 					<div class="space-y-2" class:opacity-50={formData.BaseCostoMPoTotal !== 'valor_total'}>
-						<Label class="text-xs font-semibold">Fórmula de cálculo cuando es por valor total</Label>
+						<Label class="text-xs font-semibold">Fórmula de cálculo cuando es por valor total</Label
+						>
 						<RadioGroup
 							value={formData.CalVATotAgreMP}
-							onValueChange={(v) => formData.CalVATotAgreMP = v}
+							onValueChange={(v) => (formData.CalVATotAgreMP = v)}
 							class="flex flex-col gap-2"
 						>
 							<div class="flex items-start gap-2">
 								<RadioGroupItem value="mp_formula" id="cr_calva_mp" class="mt-0.5" />
-								<Label for="cr_calva_mp" class="text-sm leading-tight">MP = Valor total − Valor Agregado</Label>
+								<Label for="cr_calva_mp" class="text-sm leading-tight"
+									>MP = Valor total − Valor Agregado</Label
+								>
 							</div>
 							<div class="flex items-start gap-2">
 								<RadioGroupItem value="va_formula" id="cr_calva_va" class="mt-0.5" />
-								<Label for="cr_calva_va" class="text-sm leading-tight">VA = Valor Total − Valor Descarga</Label>
+								<Label for="cr_calva_va" class="text-sm leading-tight"
+									>VA = Valor Total − Valor Descarga</Label
+								>
 							</div>
 						</RadioGroup>
 					</div>
 				</div>
 
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-4 border-t mt-2">
+				<div class="mt-2 grid grid-cols-1 gap-3 border-t pt-4 md:grid-cols-2">
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_CalVABaseCapt" bind:checked={formData.CalVABaseCapt} />
-						<Label for="cr_CalVABaseCapt" class="text-sm">Cálculo del Valor Agregado en Base a lo capturado</Label>
+						<Label for="cr_CalVABaseCapt" class="text-sm"
+							>Cálculo del Valor Agregado en Base a lo capturado</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_CalEmpaqueBaseCapt" bind:checked={formData.CalEmpaqueBaseCapt} />
-						<Label for="cr_CalEmpaqueBaseCapt" class="text-sm">Cálculo del Valor Empaque en Base a lo capturado</Label>
+						<Label for="cr_CalEmpaqueBaseCapt" class="text-sm"
+							>Cálculo del Valor Empaque en Base a lo capturado</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_CalPesoBaseDescarga" bind:checked={formData.CalPesoBaseDescarga} />
-						<Label for="cr_CalPesoBaseDescarga" class="text-sm">Cálculo de Pesos Neto/Bruto en Base a lo Descargado</Label>
+						<Label for="cr_CalPesoBaseDescarga" class="text-sm"
+							>Cálculo de Pesos Neto/Bruto en Base a lo Descargado</Label
+						>
 					</div>
 				</div>
 
 				<!-- Combinación de Parámetros -->
-				<div class="pt-4 border-t mt-2 space-y-2">
-					<Label class="text-xs font-semibold text-muted-foreground uppercase">Combinación de Parámetros</Label>
-					<RadioGroup value={formData.LocCombinacionParametro} onValueChange={(v) => formData.LocCombinacionParametro = v} class="flex flex-wrap gap-3">
-						{#each ['F1','F2','F3','F4','F5','F6'] as opt}
+				<div class="mt-2 space-y-2 border-t pt-4">
+					<Label class="text-xs font-semibold text-muted-foreground uppercase"
+						>Combinación de Parámetros</Label
+					>
+					<RadioGroup
+						value={formData.LocCombinacionParametro}
+						onValueChange={(v) => (formData.LocCombinacionParametro = v)}
+						class="flex flex-wrap gap-3"
+					>
+						{#each ['F1', 'F2', 'F3', 'F4', 'F5', 'F6'] as opt}
 							<div class="flex items-center gap-1.5">
 								<RadioGroupItem value={opt} id="cr_comb_{opt}" />
 								<Label for="cr_comb_{opt}" class="text-sm">{opt}</Label>
@@ -262,41 +473,56 @@
 			</div>
 
 			<!-- Opciones de descarga al actualizar -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones de Descarga al Actualizar Factura</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-2">
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Opciones de Descarga al Actualizar Factura
+				</h4>
+				<div class="grid grid-cols-1 gap-3 pt-2 md:grid-cols-2">
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_DescargaSust" bind:checked={formData.DescargaSust} />
-						<Label for="cr_DescargaSust" class="text-sm">1) En caso de insuficiencias descargar por Sustituto</Label>
+						<Label for="cr_DescargaSust" class="text-sm"
+							>1) En caso de insuficiencias descargar por Sustituto</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_DescargaClase" bind:checked={formData.DescargaClase} />
-						<Label for="cr_DescargaClase" class="text-sm">2) En caso de insuficiencias Descargar por Clase</Label>
+						<Label for="cr_DescargaClase" class="text-sm"
+							>2) En caso de insuficiencias Descargar por Clase</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_DescargaDef" bind:checked={formData.DescargaDef} />
-						<Label for="cr_DescargaDef" class="text-sm">3) Descarga de definitivo en caso de insuficiencia TEM</Label>
+						<Label for="cr_DescargaDef" class="text-sm"
+							>3) Descarga de definitivo en caso de insuficiencia TEM</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_VentQueueAct" bind:checked={formData.VentQueueAct} />
-						<Label for="cr_VentQueueAct" class="text-sm">Mostrar la ventana de la descarga de la factura</Label>
+						<Label for="cr_VentQueueAct" class="text-sm"
+							>Mostrar la ventana de la descarga de la factura</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_ColCantPorPeso" bind:checked={formData.ColCantPorPeso} />
-						<Label for="cr_ColCantPorPeso" class="text-sm">Remplaza Columna Cantidad por la de Peso Neto</Label>
+						<Label for="cr_ColCantPorPeso" class="text-sm"
+							>Remplaza Columna Cantidad por la de Peso Neto</Label
+						>
 					</div>
 				</div>
 			</div>
+			</div>
+			{/if}
 		</Tabs.Content>
 
 		<!-- ===== GENERAL 2 ===== -->
 		<Tabs.Content value="general2" class="space-y-6">
-
 			<!-- Límites min/max en grid 2 col -->
-			<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 				<!-- Mínimos -->
-				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Mínimos límites para actualizar facturas</h4>
+				<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+					<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+						Mínimos límites para actualizar facturas
+					</h4>
 					<div class="space-y-3 pt-2">
 						<div class="space-y-1.5">
 							<Label class="text-xs">Cantidad Mínima para Exportar</Label>
@@ -314,8 +540,10 @@
 				</div>
 
 				<!-- Máximos -->
-				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Máximos límites para actualizar facturas</h4>
+				<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+					<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+						Máximos límites para actualizar facturas
+					</h4>
 					<div class="space-y-3 pt-2">
 						<div class="space-y-1.5">
 							<Label class="text-xs">Cantidad Máxima para Exportar</Label>
@@ -334,209 +562,435 @@
 			</div>
 
 			<!-- Límite Peso Neto diferencial -->
-			<div class="border rounded-md p-4 bg-muted/10 space-y-1.5">
-				<Label class="text-xs font-semibold text-muted-foreground uppercase">Límite entre Peso Neto Fac vs Peso Neto Descarga</Label>
-				<Input type="number" bind:value={formData.PesoNetoDesDifFac} class="h-8 text-sm max-w-xs" />
+			<div class="space-y-1.5 rounded-md border bg-muted/10 p-4">
+				<Label class="text-xs font-semibold text-muted-foreground uppercase"
+					>Límite entre Peso Neto Fac vs Peso Neto Descarga</Label
+				>
+				<Input type="number" bind:value={formData.PesoNetoDesDifFac} class="h-8 max-w-xs text-sm" />
 			</div>
 
 			<!-- Opciones -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Otras Opciones</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-2">
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_RestringeExpoMP" bind:checked={formData.RestringeExpoMP} class="mt-0.5" />
-						<Label for="cr_RestringeExpoMP" class="text-sm leading-snug">Restringe la exportación de Materias Primas (excepto Material EV y EM)</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_OcultCantCons" bind:checked={formData.OcultCantCons} />
-						<Label for="cr_OcultCantCons" class="text-sm">Oculta la Columna Cantidad en el Consolidado</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_DescExtraAmePartes" bind:checked={formData.DescExtraAmePartes} class="mt-0.5" />
-						<Label for="cr_DescExtraAmePartes" class="text-sm leading-snug">Asignar el campo de número de parte desperdicio de partes, en la Descripción Extra Ame</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_InCambioRegDesc" bind:checked={formData.InCambioRegDesc} class="mt-0.5" />
-						<Label for="cr_InCambioRegDesc" class="text-sm leading-snug">Incluye Descargos en Cambios de Régimen Factura Mex. Vertical por Orden Captura</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_DescNoContemCant" bind:checked={formData.DescNoContemCant} class="mt-0.5" />
-						<Label for="cr_DescNoContemCant" class="text-sm leading-snug">No contempla la cantidad de la partida y se va directo al BOM</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_ValidaCantparCanDes" bind:checked={formData.ValidaCantparCanDes} class="mt-0.5" />
-						<Label for="cr_ValidaCantparCanDes" class="text-sm leading-snug">Valida Totales de las Cantidades de las Partidas vs las Cantidades de las Descargas</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_SolicitarPswdActual" bind:checked={formData.SolicitarPswdActual} />
-						<Label for="cr_SolicitarPswdActual" class="text-sm">Solicitar Autorización para Actualizar Facturas</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} class="mt-0.5" />
-						<Label for="cr_SolicitarContrasenaAdministrador" class="text-sm leading-snug">Solicitar Autorización para Pasar por Alto la Validación de Temporalidad en Base a la Fecha de Pago de Pedimento</Label>
-					</div>
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Otras Opciones
+				</h4>
+				<div class="grid grid-cols-1 gap-3 pt-2 md:grid-cols-2">
+					{#if activeSystem === 'qsisgen'}
+						<!-- SCAF Simplified Options -->
+						<div class="flex items-center gap-2">
+							<Checkbox id="scaf_ActualizarParte_cr" bind:checked={formData.ActualizarPartePartida} />
+							<Label for="scaf_ActualizarParte_cr" class="text-sm">Actualizar datos del número de parte en base de a la captura de las partidas</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="scaf_SolicitarAuth_cr" bind:checked={formData.SolicitarContrasenaAdministrador} />
+							<Label for="scaf_SolicitarAuth_cr" class="text-sm font-bold">
+								Solicitar autorizacion para pasar por alto la validacion de tipo de cambio de fecha de pago de pedimento
+							</Label>
+						</div>
+					{:else}
+						<!-- SCAII Original Options -->
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_RestringeExpoMP"
+								bind:checked={formData.RestringeExpoMP}
+								class="mt-0.5"
+							/>
+							<Label for="cr_RestringeExpoMP" class="text-sm leading-snug"
+								>Restringe la exportación de Materias Primas (excepto Material EV y EM)</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_OcultCantCons" bind:checked={formData.OcultCantCons} />
+							<Label for="cr_OcultCantCons" class="text-sm"
+								>Oculta la Columna Cantidad en el Consolidado</Label
+							>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_DescExtraAmePartes"
+								bind:checked={formData.DescExtraAmePartes}
+								class="mt-0.5"
+							/>
+							<Label for="cr_DescExtraAmePartes" class="text-sm leading-snug"
+								>Asignar el campo de número de parte desperdicio de partes, en la Descripción Extra
+								Ame</Label
+							>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_InCambioRegDesc"
+								bind:checked={formData.InCambioRegDesc}
+								class="mt-0.5"
+							/>
+							<Label for="cr_InCambioRegDesc" class="text-sm leading-snug"
+								>Incluye Descargos en Cambios de Régimen Factura Mex. Vertical por Orden Captura</Label
+							>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_DescNoContemCant"
+								bind:checked={formData.DescNoContemCant}
+								class="mt-0.5"
+							/>
+							<Label for="cr_DescNoContemCant" class="text-sm leading-snug"
+								>No contempla la cantidad de la partida y se va directo al BOM</Label
+							>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_ValidaCantparCanDes"
+								bind:checked={formData.ValidaCantparCanDes}
+								class="mt-0.5"
+							/>
+							<Label for="cr_ValidaCantparCanDes" class="text-sm leading-snug"
+								>Valida Totales de las Cantidades de las Partidas vs las Cantidades de las Descargas</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_SolicitarPswdActual" bind:checked={formData.SolicitarPswdActual} />
+							<Label for="cr_SolicitarPswdActual" class="text-sm"
+								>Solicitar Autorización para Actualizar Facturas</Label
+							>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_SolicitarContrasenaAdministrador"
+								bind:checked={formData.SolicitarContrasenaAdministrador}
+								class="mt-0.5"
+							/>
+							<Label for="cr_SolicitarContrasenaAdministrador" class="text-sm leading-snug"
+								>Solicitar Autorización para Pasar por Alto la Validación de Temporalidad en Base a la
+								Fecha de Pago de Pedimento</Label
+							>
+						</div>
+					{/if}
 				</div>
 			</div>
 		</Tabs.Content>
 
 		<!-- ===== FACTURA MEXICANA ===== -->
 		<Tabs.Content value="mexicana" class="space-y-6">
-
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorParteClaseMex} onValueChange={(v) => formData.PorParteClaseMex = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="cr_mex_parte" />
-						<Label for="cr_mex_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="cr_mex_clase" />
-						<Label for="cr_mex_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
-
-			<!-- Grid: Código de barras (izq) + Incluir en descripción (der) -->
-			<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-				<!-- Código de barras -->
-				<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Código de Barras</h4>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_CodigoBarras" bind:checked={formData.CodigoBarras} />
-						<Label for="cr_CodigoBarras" class="text-sm">Imprimir código de barras en la parte inferior</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_CantPNCodBar" bind:checked={formData.CantPNCodBar} />
-						<Label for="cr_CantPNCodBar" class="text-sm">Sustituir la Cantidad por el Peso Neto</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_DTACeroCodBar" bind:checked={formData.DTACeroCodBar} />
-						<Label for="cr_DTACeroCodBar" class="text-sm">Sustituir el valor del DTA por el valor cero</Label>
-					</div>
-
-					<!-- Mostrar en la factura (debajo de código de barras) -->
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2 pt-4 mt-4">Mostrar en la Factura</h4>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_ValorDllsMexPesos" bind:checked={formData.ValorDllsMexPesos} class="mt-0.5" />
-						<Label for="cr_ValorDllsMexPesos" class="text-sm leading-snug">Total en Dólares al T.C. de la Factura Expo (aplica en moneda nacional)</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_CostoUnitMPMex" bind:checked={formData.CostoUnitMPMex} />
-						<Label for="cr_CostoUnitMPMex" class="text-sm">Costo Unitario Materia Prima</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_OcultaColVA" bind:checked={formData.OcultaColVA} />
-						<Label for="cr_OcultaColVA" class="text-sm">Ocultar Columna de Valor Agregado</Label>
-					</div>
-				</div>
-
-				<!-- Incluir en descripción -->
-				<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la Columna de Descripción</h4>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_NumParteMex" bind:checked={formData.NumParteMex} />
-						<Label for="cr_NumParteMex" class="text-sm">El Número de Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
-						<Label for="cr_PaisOrigenMex" class="text-sm">El País de Origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_FraccionExp" bind:checked={formData.FraccionExp} />
-						<Label for="cr_FraccionExp" class="text-sm">La Fracción Arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_TipoFraccMex" bind:checked={formData.TipoFraccMex} />
-						<Label for="cr_TipoFraccMex" class="text-sm">Preferencia de la Fracción</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
-						<Label for="cr_TasaFraccMex" class="text-sm">La Tasa de la Fracción</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_CostoUnitMex" bind:checked={formData.CostoUnitMex} />
-						<Label for="cr_CostoUnitMex" class="text-sm">El Costo Unitario</Label>
-					</div>
-					<div class="flex items-start gap-2">
-						<Checkbox id="cr_OrdenCompMex" bind:checked={formData.OrdenCompMex} class="mt-0.5" />
-						<Label for="cr_OrdenCompMex" class="text-sm leading-snug">El No. de Orden de Venta (factura por orden de captura)</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
-						<Label for="cr_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
-					</div>
-
-					<!-- Parte Complementaria -->
-					<div class="pt-3 border-t space-y-2">
-						<p class="text-xs font-semibold text-muted-foreground uppercase">Parte Complementaria de:</p>
-						<div class="flex items-center gap-2">
-							<Checkbox id="cr_ParteComplementariaMex" bind:checked={formData.ParteComplementariaMex} />
-							<Label for="cr_ParteComplementariaMex" class="text-sm">Número de parte</Label>
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF LAYOUT (Modern 3-Column) -->
+				<div class="space-y-6">
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+						<!-- Panel izquierdo: Código de barras -->
+						<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-max max-w-sm">
+							<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2 text-red-700">Código de Barras</h4>
+							<div class="space-y-3 pt-2">
+								<div class="flex items-start gap-2">
+									<Checkbox id="cr_scaf_CodigoBarras" bind:checked={formData.CodigoBarras} class="mt-0.5" />
+									<Label for="cr_scaf_CodigoBarras" class="text-sm leading-snug">Imprimir código de barras en la parte inferior</Label>
+								</div>
+								<div class="flex items-start gap-2">
+									<Checkbox id="cr_scaf_CantPNCodBar" bind:checked={formData.CantPNCodBar} class="mt-0.5" />
+									<Label for="cr_scaf_CantPNCodBar" class="text-sm leading-snug">Sustituir la Cantidad Por el Peso Neto (Solo Parte de Factura)</Label>
+								</div>
+							</div>
 						</div>
-						<div class="flex items-center gap-2">
-							<Checkbox id="cr_ParteCompleMexPartida" bind:checked={formData.ParteCompleMexPartida} />
-							<Label for="cr_ParteCompleMexPartida" class="text-sm">La partida</Label>
+
+						<!-- Panel derecho: Incluir en descripción -->
+						<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-max max-w-sm">
+							<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2 text-red-700">Incluir en Descripcion</h4>
+							<div class="space-y-3 pt-2">
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_NumParteMex" bind:checked={formData.NumParteMex} />
+									<Label for="cr_scaf_NumParteMex" class="text-sm">El Número de Parte.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
+									<Label for="cr_scaf_PaisOrigenMex" class="text-sm">El País de Origen.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_FraccionExp" bind:checked={formData.FraccionExp} />
+									<Label for="cr_scaf_FraccionExp" class="text-sm">La Fracción Arancelaria.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_TipoFraccMex" bind:checked={formData.TipoFraccMex} />
+									<Label for="cr_scaf_TipoFraccMex" class="text-sm">Preferencia de la Fracción.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
+									<Label for="cr_scaf_TasaFraccMex" class="text-sm">La Tasa de la Fracción.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_CostoUnitMex" bind:checked={formData.CostoUnitMex} />
+									<Label for="cr_scaf_CostoUnitMex" class="text-sm">El Costo Unitario.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_OrdenCompMex" bind:checked={formData.OrdenCompMex} />
+									<Label for="cr_scaf_OrdenCompMex" class="text-sm">La Orden de venta <span class="text-xs text-muted-foreground">(Facturas y Packing List)</span></Label>
+								</div>
+								<div class="flex items-center gap-4">
+									<div class="flex items-center gap-2">
+										<Checkbox id="cr_scaf_ImprimirLote" bind:checked={formData.ImprimirLote} />
+										<Label for="cr_scaf_ImprimirLote" class="text-sm">Lote</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="cr_scaf_ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
+										<Label for="cr_scaf_ImprimirNumEntrada" class="text-sm">Num. Entrada</Label>
+									</div>
+								</div>
+							</div>
 						</div>
 					</div>
 
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_IncluirFracAmeBil" bind:checked={formData.IncluirFracAmeBil} />
-						<Label for="cr_IncluirFracAmeBil" class="text-sm">La Fracción Americana</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_ImprimirLote" bind:checked={formData.ImprimirLote} />
-						<Label for="cr_ImprimirLote" class="text-sm">Lote</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
-						<Label for="cr_ImprimirNumEntrada" class="text-sm">Núm. Entrada</Label>
+					<div class="space-y-4 pt-4">
+						<div class="space-y-2">
+							<Label for="cr_scaf_FirmaFMex" class="text-sm font-semibold text-foreground">Firma en Factura:</Label>
+							<Textarea id="cr_scaf_FirmaFMex" bind:value={formData.FirmaFMex} class="h-28 w-full max-w-2xl resize-y" />
+						</div>
 					</div>
 				</div>
-			</div>
+			{:else}
+				<!-- SCAII LAYOUT -->
+				<!-- Imprimir por -->
+				<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+					<RadioGroup
+						value={formData.PorParteClaseMex}
+						onValueChange={(v) => (formData.PorParteClaseMex = v)}
+						class="flex gap-4"
+					>
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="parte" id="cr_mex_parte" />
+							<Label for="cr_mex_parte" class="text-sm">Parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="clase" id="cr_mex_clase" />
+							<Label for="cr_mex_clase" class="text-sm">Clase</Label>
+						</div>
+					</RadioGroup>
+				</div>
 
-			<!-- Ocultar en factura -->
-			<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Ocultar en Factura</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-1">
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_OcultarEmpaqueMex" bind:checked={formData.OcultarEmpaqueMex} />
-						<Label for="cr_OcultarEmpaqueMex" class="text-sm">El Material Tipo (EM)</Label>
+				<!-- Grid: Código de barras (izq) + Incluir en descripción (der) -->
+				<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
+					<!-- Código de barras -->
+					<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Código de Barras
+						</h4>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_CodigoBarras" bind:checked={formData.CodigoBarras} />
+							<Label for="cr_CodigoBarras" class="text-sm"
+								>Imprimir código de barras en la parte inferior</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_CantPNCodBar" bind:checked={formData.CantPNCodBar} />
+							<Label for="cr_CantPNCodBar" class="text-sm"
+								>Sustituir la Cantidad por el Peso Neto</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_DTACeroCodBar" bind:checked={formData.DTACeroCodBar} />
+							<Label for="cr_DTACeroCodBar" class="text-sm"
+								>Sustituir el valor del DTA por el valor cero</Label
+							>
+						</div>
+
+						<!-- Mostrar en la factura (debajo de código de barras) -->
+						<h4 class="mt-4 border-b pt-4 pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Mostrar en la Factura
+						</h4>
+						<div class="flex items-start gap-2">
+							<Checkbox
+								id="cr_ValorDllsMexPesos"
+								bind:checked={formData.ValorDllsMexPesos}
+								class="mt-0.5"
+							/>
+							<Label for="cr_ValorDllsMexPesos" class="text-sm leading-snug"
+								>Total en Dólares al T.C. de la Factura Expo (aplica en moneda nacional)</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_CostoUnitMPMex" bind:checked={formData.CostoUnitMPMex} />
+							<Label for="cr_CostoUnitMPMex" class="text-sm">Costo Unitario Materia Prima</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_OcultaColVA" bind:checked={formData.OcultaColVA} />
+							<Label for="cr_OcultaColVA" class="text-sm">Ocultar Columna de Valor Agregado</Label>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
-						<Label for="cr_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+
+					<!-- Incluir en descripción -->
+					<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Incluir en la Columna de Descripción
+						</h4>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_NumParteMex" bind:checked={formData.NumParteMex} />
+							<Label for="cr_NumParteMex" class="text-sm">El Número de Parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
+							<Label for="cr_PaisOrigenMex" class="text-sm">El País de Origen</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_FraccionExp" bind:checked={formData.FraccionExp} />
+							<Label for="cr_FraccionExp" class="text-sm">La Fracción Arancelaria</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_TipoFraccMex" bind:checked={formData.TipoFraccMex} />
+							<Label for="cr_TipoFraccMex" class="text-sm">Preferencia de la Fracción</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
+							<Label for="cr_TasaFraccMex" class="text-sm">La Tasa de la Fracción</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_CostoUnitMex" bind:checked={formData.CostoUnitMex} />
+							<Label for="cr_CostoUnitMex" class="text-sm">El Costo Unitario</Label>
+						</div>
+						<div class="flex items-start gap-2">
+							<Checkbox id="cr_OrdenCompMex" bind:checked={formData.OrdenCompMex} class="mt-0.5" />
+							<Label for="cr_OrdenCompMex" class="text-sm leading-snug"
+								>El No. de Orden de Venta (factura por orden de captura)</Label
+							>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
+							<Label for="cr_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
+						</div>
+
+						<!-- Parte Complementaria -->
+						<div class="space-y-2 border-t pt-3">
+							<p class="text-xs font-semibold text-muted-foreground uppercase">
+								Parte Complementaria de:
+							</p>
+							<div class="flex items-center gap-2">
+								<Checkbox
+									id="cr_ParteComplementariaMex"
+									bind:checked={formData.ParteComplementariaMex}
+								/>
+								<Label for="cr_ParteComplementariaMex" class="text-sm">Número de parte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox
+									id="cr_ParteCompleMexPartida"
+									bind:checked={formData.ParteCompleMexPartida}
+								/>
+								<Label for="cr_ParteCompleMexPartida" class="text-sm">La partida</Label>
+							</div>
+						</div>
+
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_IncluirFracAmeBil" bind:checked={formData.IncluirFracAmeBil} />
+							<Label for="cr_IncluirFracAmeBil" class="text-sm">La Fracción Americana</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_ImprimirLote" bind:checked={formData.ImprimirLote} />
+							<Label for="cr_ImprimirLote" class="text-sm">Lote</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
+							<Label for="cr_ImprimirNumEntrada" class="text-sm">Núm. Entrada</Label>
+						</div>
 					</div>
 				</div>
-			</div>
 
-			<!-- Firma -->
-			<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-				<Label for="cr_FirmaFMex" class="text-sm font-semibold text-muted-foreground uppercase">Firma en Factura</Label>
-				<Textarea id="cr_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
-			</div>
+				<!-- Ocultar en factura -->
+				<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+					<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+						Ocultar en Factura
+					</h4>
+					<div class="grid grid-cols-1 gap-3 pt-1 md:grid-cols-2">
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_OcultarEmpaqueMex" bind:checked={formData.OcultarEmpaqueMex} />
+							<Label for="cr_OcultarEmpaqueMex" class="text-sm">El Material Tipo (EM)</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
+							<Label for="cr_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+						</div>
+					</div>
+				</div>
+
+				<!-- Firma -->
+				<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+					<Label for="cr_FirmaFMex" class="text-sm font-semibold text-muted-foreground uppercase"
+						>Firma en Factura</Label
+					>
+					<Textarea id="cr_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
+				</div>
+			{/if}
 		</Tabs.Content>
 
 		<!-- ===== FACTURA AMERICANA ===== -->
 		<Tabs.Content value="americana" class="space-y-6">
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF Factura Americana -->
+				<div class="space-y-6">
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+						<!-- Panel izquierdo: Incluir en descripción -->
+						<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-max max-w-sm">
+							<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2 text-red-700">Incluir en Descripción</h4>
+							<div class="space-y-3 pt-2">
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_NumParteAme" bind:checked={formData.NumParteAme} />
+									<Label for="cr_scaf_NumParteAme" class="text-sm">El Número de Parte.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
+									<Label for="cr_scaf_PaisOrigenAme" class="text-sm">El País de Origen.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_FraccionAme" bind:checked={formData.FraccionAme} />
+									<Label for="cr_scaf_FraccionAme" class="text-sm">La Fracción Americana.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cr_scaf_FDAInformacionAME" bind:checked={formData.FDAInformacionAME} />
+									<Label for="cr_scaf_FDAInformacionAME" class="text-sm">La información del FDA y FCC.</Label>
+								</div>
+							</div>
+						</div>
 
-			<!-- Imprimir por: solo Parte -->
-			<div class="space-y-2 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<p class="text-sm text-muted-foreground">Se imprime por <span class="font-semibold text-foreground">Parte</span></p>
-			</div>
+						<!-- Panel derecho: Checkboxes sueltos -->
+						<div class="space-y-3 pt-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_scaf_CodigoSCAC" bind:checked={formData.CodigoSCAC} />
+								<Label for="cr_scaf_CodigoSCAC" class="text-sm">Imprimir el Código de Barras SCAC</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cr_scaf_OrdenCompAme" bind:checked={formData.ImprimirOrdenVenta} />
+								<Label for="cr_scaf_OrdenCompAme" class="text-sm">Imprimir Orden de Compra en Factura Americana Consolidada</Label>
+							</div>
+						</div>
+					</div>
 
-			<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+					<!-- Inferior: Firma -->
+					<div class="space-y-4 pt-4">
+						<div class="space-y-2">
+							<Label for="cr_scaf_FirmaFAme" class="text-sm font-semibold text-foreground">Firma de la Factura:</Label>
+							<Textarea id="cr_scaf_FirmaFAme" bind:value={formData.FirmaFAme} class="h-28 w-full max-w-2xl resize-y" />
+						</div>
+					</div>
+				</div>
+			{:else}
+				<!-- SCAII Factura Americana -->
+				<!-- Imprimir por: solo Parte -->
+				<div class="space-y-2 rounded-md border bg-muted/10 p-4">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+					<p class="text-sm text-muted-foreground">
+						Se imprime por <span class="font-semibold text-foreground">Parte</span>
+					</p>
+				</div>
+
+			<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
 				<!-- Opciones principales -->
-				<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones</h4>
+				<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+					<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+						Opciones
+					</h4>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_TomarValorMexEnFacAme" bind:checked={formData.TomarValorMexEnFacAme} />
 						<Label for="cr_TomarValorMexEnFacAme" class="text-sm">Toma Valor de la Descarga</Label>
 					</div>
 					<div class="flex items-start gap-2">
 						<Checkbox id="cr_MuestraFree" bind:checked={formData.MuestraFree} class="mt-0.5" />
-						<Label for="cr_MuestraFree" class="text-sm leading-snug">Muestra FREE si en la columna Duty Rate es 0</Label>
+						<Label for="cr_MuestraFree" class="text-sm leading-snug"
+							>Muestra FREE si en la columna Duty Rate es 0</Label
+						>
 					</div>
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_CodigoSCAC" bind:checked={formData.CodigoSCAC} />
@@ -547,50 +1001,90 @@
 						<Label for="cr_ValorPacking1Dlls" class="text-sm">Valor Packing a 1 Dlls</Label>
 					</div>
 					<div class="flex items-start gap-2">
-						<Checkbox id="cr_PrefijoFraccMult" bind:checked={formData.PrefijoFraccMult} class="mt-0.5" />
-						<Label for="cr_PrefijoFraccMult" class="text-sm leading-snug">Imprime Prefijo a Nivel Partes en las Fracciones Americanas</Label>
+						<Checkbox
+							id="cr_PrefijoFraccMult"
+							bind:checked={formData.PrefijoFraccMult}
+							class="mt-0.5"
+						/>
+						<Label for="cr_PrefijoFraccMult" class="text-sm leading-snug"
+							>Imprime Prefijo a Nivel Partes en las Fracciones Americanas</Label
+						>
 					</div>
 					<div class="flex items-start gap-2">
 						<Checkbox id="cr_PaisOpcAme" bind:checked={formData.PaisOpcAme} class="mt-0.5" />
-						<Label for="cr_PaisOpcAme" class="text-sm leading-snug">Mostrar el país opcional para las partidas de la factura</Label>
+						<Label for="cr_PaisOpcAme" class="text-sm leading-snug"
+							>Mostrar el país opcional para las partidas de la factura</Label
+						>
 					</div>
 					<div class="flex items-start gap-2">
-						<Checkbox id="cr_CostAmePaisParte" bind:checked={formData.CostAmePaisParte} class="mt-0.5" />
-						<Label for="cr_CostAmePaisParte" class="text-sm leading-snug">Cálculo de los Costos Americanos en Base al País de Origen de la Partida</Label>
+						<Checkbox
+							id="cr_CostAmePaisParte"
+							bind:checked={formData.CostAmePaisParte}
+							class="mt-0.5"
+						/>
+						<Label for="cr_CostAmePaisParte" class="text-sm leading-snug"
+							>Cálculo de los Costos Americanos en Base al País de Origen de la Partida</Label
+						>
 					</div>
 
 					<!-- Fracción 9801 -->
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_AsignaFracc9801" bind:checked={formData.AsignaFracc9801} />
-						<Label for="cr_AsignaFracc9801" class="text-sm">Asigna fracción 9801 donde el país de origen es USA con valor mayor de:</Label>
+						<Label for="cr_AsignaFracc9801" class="text-sm"
+							>Asigna fracción 9801 donde el país de origen es USA con valor mayor de:</Label
+						>
 					</div>
 					<div class="flex items-center gap-2 pl-6" class:opacity-50={!formData.AsignaFracc9801}>
-						<Input type="number" bind:value={formData.ValorExcFracc9801} disabled={!formData.AsignaFracc9801} class="h-8 text-sm w-32" />
+						<Input
+							type="number"
+							bind:value={formData.ValorExcFracc9801}
+							disabled={!formData.AsignaFracc9801}
+							class="h-8 w-32 text-sm"
+						/>
 						<span class="text-sm text-muted-foreground">dlls por No. parte</span>
 					</div>
 
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_CalcCostosAmeBaseMex" bind:checked={formData.CalcCostosAmeBaseMex} />
-						<Label for="cr_CalcCostosAmeBaseMex" class="text-sm">Cálculo Especial de Costos Americanos</Label>
+						<Label for="cr_CalcCostosAmeBaseMex" class="text-sm"
+							>Cálculo Especial de Costos Americanos</Label
+						>
 					</div>
 					<div class="flex items-start gap-2">
 						<Checkbox id="cr_CostosAmePais" bind:checked={formData.CostosAmePais} class="mt-0.5" />
-						<Label for="cr_CostosAmePais" class="text-sm leading-snug">Calcula los Costos Americanos en Base al País de Exportación para las Materias Primas Retornadas</Label>
+						<Label for="cr_CostosAmePais" class="text-sm leading-snug"
+							>Calcula los Costos Americanos en Base al País de Exportación para las Materias Primas
+							Retornadas</Label
+						>
 					</div>
 					<div class="flex items-start gap-2">
-						<Checkbox id="cr_ImprimirOrdenVenta" bind:checked={formData.ImprimirOrdenVenta} class="mt-0.5" />
-						<Label for="cr_ImprimirOrdenVenta" class="text-sm leading-snug">Imprimir Orden Venta en Factura Americana Consolidada por Parte</Label>
+						<Checkbox
+							id="cr_ImprimirOrdenVenta"
+							bind:checked={formData.ImprimirOrdenVenta}
+							class="mt-0.5"
+						/>
+						<Label for="cr_ImprimirOrdenVenta" class="text-sm leading-snug"
+							>Imprimir Orden Venta en Factura Americana Consolidada por Parte</Label
+						>
 					</div>
 					<div class="flex items-start gap-2">
-						<Checkbox id="cr_CalcularValoresAmericanosEnBaseAPartida" bind:checked={formData.CalcularValoresAmericanosEnBaseAPartida} class="mt-0.5" />
-						<Label for="cr_CalcularValoresAmericanosEnBaseAPartida" class="text-sm leading-snug">Tomar Valores de la Partida en Factura Americana</Label>
+						<Checkbox
+							id="cr_CalcularValoresAmericanosEnBaseAPartida"
+							bind:checked={formData.CalcularValoresAmericanosEnBaseAPartida}
+							class="mt-0.5"
+						/>
+						<Label for="cr_CalcularValoresAmericanosEnBaseAPartida" class="text-sm leading-snug"
+							>Tomar Valores de la Partida en Factura Americana</Label
+						>
 					</div>
 				</div>
 
 				<!-- Derecha: Incluir en descripción + Ocultar -->
 				<div class="space-y-4">
-					<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en Descripción</h4>
+					<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Incluir en Descripción
+						</h4>
 						<div class="flex items-center gap-2">
 							<Checkbox id="cr_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
 							<Label for="cr_PaisOrigenAme" class="text-sm">El País de Origen</Label>
@@ -613,8 +1107,10 @@
 						</div>
 					</div>
 
-					<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Ocultar en Factura y en Generación de Interfase</h4>
+					<div class="space-y-3 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Ocultar en Factura y en Generación de Interfase
+						</h4>
 						<div class="flex items-center gap-2">
 							<Checkbox id="cr_OcultarEmpaqueAme" bind:checked={formData.OcultarEmpaqueAme} />
 							<Label for="cr_OcultarEmpaqueAme" class="text-sm">El Material de Empaque (EM)</Label>
@@ -624,16 +1120,26 @@
 			</div>
 
 			<!-- Decimales + textos -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Decimales</h4>
-				<div class="grid grid-cols-2 md:grid-cols-4 gap-4 pt-2">
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Decimales
+				</h4>
+				<div class="grid grid-cols-2 gap-4 pt-2 md:grid-cols-4">
 					<div class="space-y-1.5">
 						<Label class="text-xs">Peso</Label>
-						<Input type="number" bind:value={formData.LocDecimalesPesosAmericana} class="h-8 text-sm" />
+						<Input
+							type="number"
+							bind:value={formData.LocDecimalesPesosAmericana}
+							class="h-8 text-sm"
+						/>
 					</div>
 					<div class="space-y-1.5">
 						<Label class="text-xs">Cant</Label>
-						<Input type="number" bind:value={formData.LocDecimalesCantidadAme} class="h-8 text-sm" />
+						<Input
+							type="number"
+							bind:value={formData.LocDecimalesCantidadAme}
+							class="h-8 text-sm"
+						/>
 					</div>
 					<div class="space-y-1.5">
 						<Label class="text-xs">Costos</Label>
@@ -646,50 +1152,63 @@
 				</div>
 			</div>
 
-			<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-				<Label for="cr_FirmaFAme" class="text-sm font-semibold text-muted-foreground uppercase">Firma de la Factura</Label>
-				<Textarea id="cr_FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
-			</div>
-
-			<div class="space-y-3 border rounded-md p-4 bg-muted/10">
-				<Label for="cr_InfoAdicional" class="text-sm font-semibold text-muted-foreground uppercase">Información Adicional</Label>
-				<Textarea id="cr_InfoAdicional" bind:value={formData.InfoAdicional} class="h-24 resize-y" />
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firma y Notas</h4>
+				<div class="space-y-2">
+					<Label for="cr_FirmaFAme" class="text-xs font-semibold text-muted-foreground uppercase">Firma en factura americana</Label>
+					<Textarea id="cr_FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
+				</div>
+				{#if activeSystem === 'ssisgen'}
+					<div class="space-y-2 pt-2">
+						<Label class="text-xs font-semibold text-muted-foreground uppercase">Información Adicional (SCAII Only)</Label>
+						<Textarea bind:value={formData.InfoAdicional} class="h-20" />
+					</div>
+				{/if}
 			</div>
+			{/if}
 		</Tabs.Content>
 
 		<!-- ===== DESPERDICIO ===== -->
 		<Tabs.Content value="desperdicio" class="space-y-6">
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Forma de Descarga de Merma y Desperdicio</h4>
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Forma de Descarga de Merma y Desperdicio
+				</h4>
 				<RadioGroup
 					value={formData.FormaDesperdicio}
-					onValueChange={(v) => formData.FormaDesperdicio = v}
+					onValueChange={(v) => (formData.FormaDesperdicio = v)}
 					class="flex flex-col gap-4 pt-2"
 				>
-					<div class="flex items-start gap-3 p-3 rounded-md border bg-background">
+					<div class="flex items-start gap-3 rounded-md border bg-background p-3">
 						<RadioGroupItem value="0" id="cr_desp_0" class="mt-0.5" />
-						<Label for="cr_desp_0" class="text-sm leading-snug cursor-pointer">
+						<Label for="cr_desp_0" class="cursor-pointer text-sm leading-snug">
 							<span class="font-semibold">0)</span> No contempla la Merma y Desperdicios
 						</Label>
 					</div>
-					<div class="flex items-start gap-3 p-3 rounded-md border bg-background">
+					<div class="flex items-start gap-3 rounded-md border bg-background p-3">
 						<RadioGroupItem value="1" id="cr_desp_1" class="mt-0.5" />
-						<Label for="cr_desp_1" class="text-sm leading-snug cursor-pointer">
+						<Label for="cr_desp_1" class="cursor-pointer text-sm leading-snug">
 							<span class="font-semibold">1)</span> Descarga Merma y Genera Reporte de Desperdicio
 						</Label>
 					</div>
-					<div class="flex items-start gap-3 p-3 rounded-md border bg-background">
+					<div class="flex items-start gap-3 rounded-md border bg-background p-3">
 						<RadioGroupItem value="2" id="cr_desp_2" class="mt-0.5" />
-						<Label for="cr_desp_2" class="text-sm leading-snug cursor-pointer">
-							<span class="font-semibold">2)</span> Genera Reporte de Desperdicio y Merma para ser sugerido
-							<span class="block text-xs text-muted-foreground mt-0.5">(Aparta el desperdicio para que después sea descargado — primeras entradas/salidas)</span>
+						<Label for="cr_desp_2" class="cursor-pointer text-sm leading-snug">
+							<span class="font-semibold">2)</span> Genera Reporte de Desperdicio y Merma para ser
+							sugerido
+							<span class="mt-0.5 block text-xs text-muted-foreground"
+								>(Aparta el desperdicio para que después sea descargado — primeras entradas/salidas)</span
+							>
 						</Label>
 					</div>
-					<div class="flex items-start gap-3 p-3 rounded-md border bg-background">
+					<div class="flex items-start gap-3 rounded-md border bg-background p-3">
 						<RadioGroupItem value="3" id="cr_desp_3" class="mt-0.5" />
-						<Label for="cr_desp_3" class="text-sm leading-snug cursor-pointer">
+						<Label for="cr_desp_3" class="cursor-pointer text-sm leading-snug">
 							<span class="font-semibold">3)</span> Aparta Desperdicio y Descarga Merma
-							<span class="block text-xs text-muted-foreground mt-0.5">(Descarga parcialmente el desperdicio y descarga la merma en base a la importación, considerando la cantidad exportada)</span>
+							<span class="mt-0.5 block text-xs text-muted-foreground"
+								>(Descarga parcialmente el desperdicio y descarga la merma en base a la importación,
+								considerando la cantidad exportada)</span
+							>
 						</Label>
 					</div>
 				</RadioGroup>
@@ -698,30 +1217,41 @@
 
 		<!-- ===== PACKING ===== -->
 		<Tabs.Content value="packing" class="space-y-6">
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones de Packing List</h4>
+			<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+				<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+					Opciones de Packing List
+				</h4>
 
 				<div class="space-y-2 pt-2">
-					<Label for="cr_LocLeyendaPacking" class="text-xs font-semibold text-muted-foreground uppercase">Leyenda Packing (Adicional)</Label>
-					<Textarea id="cr_LocLeyendaPacking" bind:value={formData.LocLeyendaPacking} class="h-20 resize-y" />
+					<Label
+						for="cr_LocLeyendaPacking"
+						class="text-xs font-semibold text-muted-foreground uppercase"
+						>Leyenda Packing (Adicional)</Label
+					>
+					<Textarea
+						id="cr_LocLeyendaPacking"
+						bind:value={formData.LocLeyendaPacking}
+						class="h-20 resize-y"
+					/>
 				</div>
 
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-3 pt-2 border-t mt-4">
+				<div class="mt-4 grid grid-cols-1 gap-3 border-t pt-2 md:grid-cols-2">
 					<div class="flex items-center gap-2">
 						<Checkbox id="cr_PackingOrdenVenta" bind:checked={formData.PackingOrdenVenta} />
 						<Label for="cr_PackingOrdenVenta" class="text-sm">Imprimir Orden de Venta</Label>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_IncluirLineaDelPO" bind:checked={formData.IncluirLineaDelPO} />
-						<Label for="cr_IncluirLineaDelPO" class="text-sm">Incluir Línea Del PO</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cr_PackingPedClave" bind:checked={formData.PackingPedClave} />
-						<Label for="cr_PackingPedClave" class="text-sm">Imprimir el Pedimento y Clave</Label>
-					</div>
+					{#if activeSystem !== 'qsisgen'}
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_IncluirLineaDelPO" bind:checked={formData.IncluirLineaDelPO} />
+							<Label for="cr_IncluirLineaDelPO" class="text-sm">Incluir Línea Del PO</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cr_PackingPedClave" bind:checked={formData.PackingPedClave} />
+							<Label for="cr_PackingPedClave" class="text-sm">Imprimir el Pedimento y Clave</Label>
+						</div>
+					{/if}
 				</div>
 			</div>
 		</Tabs.Content>
-
 	</Tabs.Root>
 </div>
diff --git a/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte.patch b/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte.patch
new file mode 100644
index 00000000..b09bdd8b
--- /dev/null
+++ b/frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte.patch
@@ -0,0 +1,28 @@
+--- frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte
++++ frontend/src/lib/components/dashboard/invoices/settings/sscr-settings-form.svelte
+@@ -126,15 +126,17 @@
+ 		ActualizarPartePartida: false
+ 	};
+ 
+- // Initialize defaults safely once during component setup to prevent infinite $effect reactivity loops
+- if (!formData) {
+- formData = { ...defaultFormData };
+- } else {
+- for (const key in defaultFormData) {
+- backend/if (formData[key] === undefined) {
+- docs/formData[key] = defaultFormData[key as keyof typeof defaultFormData];
++// Initialize defaults safely after component mounts to prevent render-phase mutations
++let initialized = false;
++$effect(() => {
+c++ if (!initialized && formData) {
+c++filt for (const key in defaultFormData) {
+Dism++ARM64.exe if (formData[key] === undefined) {
+Dism++x64.exe formData[key] = defaultFormData[key as keyof typeof defaultFormData];
+Dism++ARM64.exe }
+ 			}
+c++filt initialized = true;
+ 		}
+- }
++});
+ 
+ 	let activeSubTab = $state('general');
diff --git a/frontend/src/lib/components/dashboard/invoices/settings/ssicm-settings-form.svelte b/frontend/src/lib/components/dashboard/invoices/settings/ssicm-settings-form.svelte
index 990c3702..79a2f02e 100644
--- a/frontend/src/lib/components/dashboard/invoices/settings/ssicm-settings-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/settings/ssicm-settings-form.svelte
@@ -11,10 +11,12 @@
 
 	let {
 		formData = $bindable(),
-		drivers = []
+		drivers = [],
+		activeSystem = 'ssisgen'
 	}: {
 		formData: any;
 		drivers?: any[];
+		activeSystem?: 'ssisgen' | 'qsisgen';
 	} = $props();
 
 	const transportOptions = [
@@ -49,9 +51,12 @@
 		UMEquivalenteMex: false,
 		AgregarVAenProdTerminados: false,
 		OcultarFechaHora: false,
+		ImprimirLote: false,
+		ImprimirNumEntrada: false,
+		ObservacionFMex: '',
 		FirmaFMex: '',
 
-		// Americana (igual que temporal)
+		// Americana (legacy/SCAII)
 		PorParteClaseAMe: 'parte',
 		NumParteAme: false,
 		FraccionAme: false,
@@ -60,7 +65,7 @@
 		LeyendaFacAme: '',
 		FirmaFAme: '',
 
-		// Packing List (solo orden de compra + línea PO)
+		// Packing List
 		PackingOrdenCompra: false,
 		IncluirLineaDelPO: false
 	};
@@ -81,7 +86,7 @@
 
 	let activeSubTab = $state('general');
 
-	// Conductor picker modal (simple: muestra una selección del catálogo de drivers)
+	// Conductor picker modal
 	let showConductorPicker = $state(false);
 
 	function selectConductor(driver: any) {
@@ -122,16 +127,17 @@
 	<Tabs.Root bind:value={activeSubTab} class="flex flex-col">
 		<div class="w-full overflow-x-auto pb-2 mb-4">
 			<Tabs.List class="inline-flex md:flex w-full bg-muted/60 p-1 rounded-md">
-				<Tabs.Trigger value="general" class="flex-1">General</Tabs.Trigger>
-				<Tabs.Trigger value="mexicana" class="flex-1">Factura Mexicana y Bilingüe</Tabs.Trigger>
-				<Tabs.Trigger value="americana" class="flex-1">Factura Americana</Tabs.Trigger>
+				<Tabs.Trigger value="general" class="flex-1">Generales</Tabs.Trigger>
+				<Tabs.Trigger value="mexicana" class="flex-1">Factura Mexicana Bilingüe</Tabs.Trigger>
+				{#if activeSystem !== 'qsisgen'}
+					<Tabs.Trigger value="americana" class="flex-1">Factura Americana</Tabs.Trigger>
+				{/if}
 				<Tabs.Trigger value="packing" class="flex-1">Packing List</Tabs.Trigger>
 			</Tabs.List>
 		</div>
 
 		<!-- GENERAL TAB -->
 		<Tabs.Content value="general" class="space-y-6">
-
 			<!-- Conductor y Transporte -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
 				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Datos de Transporte</h4>
@@ -164,10 +170,10 @@
 						<Select
 							type="single"
 							value={formData.Transporte}
-							onValueChange={(v) => formData.Transporte = v}
+							onValueChange={(v) => (formData.Transporte = v)}
 						>
 							<SelectTrigger class="h-8 text-sm">
-								{transportOptions.find(o => o.value === formData.Transporte)?.label || 'Seleccionar...'}
+								{transportOptions.find((o) => o.value === formData.Transporte)?.label || 'Seleccionar...'}
 							</SelectTrigger>
 							<SelectContent>
 								{#each transportOptions as opt}
@@ -211,151 +217,230 @@
 
 		<!-- MEXICANA TAB -->
 		<Tabs.Content value="mexicana" class="space-y-6">
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup
-					value={formData.PorParteClaseMex}
-					onValueChange={(v) => formData.PorParteClaseMex = v}
-					class="flex gap-4"
-				>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="cm_mex_imprimir_parte" />
-						<Label for="cm_mex_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="cm_mex_imprimir_clase" />
-						<Label for="cm_mex_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF DESIGN (Based on image) -->
+				<div class="space-y-6">
+					<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+						<!-- Incluir en la descripción (Panel Izquierdo) -->
+						<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-full">
+							<h4 class="text-xs font-bold text-red-600/80 dark:text-red-400 uppercase border-b pb-2 tracking-tight">
+								Incluir en la columna de descripción
+							</h4>
+							<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3 pt-2">
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_TipoFraccMex_scaf" bind:checked={formData.TipoFraccMex} />
+									<Label for="cm_TipoFraccMex_scaf" class="text-sm">El Tipo de Fracción.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_PaisOrigenMex_scaf" bind:checked={formData.PaisOrigenMex} />
+									<Label for="cm_PaisOrigenMex_scaf" class="text-sm">El país de origen.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_TasaFraccMex_scaf" bind:checked={formData.TasaFraccMex} />
+									<Label for="cm_TasaFraccMex_scaf" class="text-sm">La tasa de la Fracción.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_FraccionImp_scaf" bind:checked={formData.FraccionImp} />
+									<Label for="cm_FraccionImp_scaf" class="text-sm">La fracción Arancelaria.</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_ImprimirLote_scaf" bind:checked={formData.ImprimirLote} />
+									<Label for="cm_ImprimirLote_scaf" class="text-sm">Lote</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="cm_ImprimirNumEntrada_scaf" bind:checked={formData.ImprimirNumEntrada} />
+									<Label for="cm_ImprimirNumEntrada_scaf" class="text-sm">Num. Entrada</Label>
+								</div>
+							</div>
+						</div>
 
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_NumParteMex" bind:checked={formData.NumParteMex} />
-						<Label for="cm_NumParteMex" class="text-sm">El número de parte</Label>
+						<!-- Firma (Panel Derecho) -->
+						<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-full">
+							<Label for="cm_FirmaFMex_scaf" class="text-sm font-semibold block mb-2">Firma en factura:</Label>
+							<Textarea 
+								id="cm_FirmaFMex_scaf" 
+								bind:value={formData.FirmaFMex} 
+								class="h-[calc(100%-2rem)] min-h-[120px] resize-none" 
+							/>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_TipoFraccMex" bind:checked={formData.TipoFraccMex} />
-						<Label for="cm_TipoFraccMex" class="text-sm">El tipo de fracción</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
-						<Label for="cm_TasaFraccMex" class="text-sm">La tasa de fracción</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_UMAlternaMex" bind:checked={formData.UMAlternaMex} />
-						<Label for="cm_UMAlternaMex" class="text-sm">Cantidad alterna</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
-						<Label for="cm_PaisOrigenMex" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_FraccionImp" bind:checked={formData.FraccionImp} />
-						<Label for="cm_FraccionImp" class="text-sm">La fracción arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
-						<Label for="cm_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
+
+					<!-- Observaciones (Panel Inferior) -->
+					<div class="space-y-2 border rounded-md p-4 bg-muted/10">
+						<Label for="cm_ObservacionFMex_scaf" class="text-sm font-semibold">
+							Observación de la Factura Mexicana y Bilingüe:
+						</Label>
+						<Textarea 
+							id="cm_ObservacionFMex_scaf" 
+							bind:value={formData.ObservacionFMex} 
+							class="h-32 resize-y" 
+						/>
 					</div>
 				</div>
-
-				<!-- Opciones adicionales fuera de la sub-sección -->
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t mt-4">
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_AgregarVAenProdTerminados" bind:checked={formData.AgregarVAenProdTerminados} />
-						<Label for="cm_AgregarVAenProdTerminados" class="text-sm">Agregar VA en Prod. Terminados</Label>
+			{:else}
+				<!-- SCAII DESIGN (Traditional) -->
+				<div class="space-y-6">
+					<!-- Imprimir por -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+						<RadioGroup
+							value={formData.PorParteClaseMex}
+							onValueChange={(v) => (formData.PorParteClaseMex = v)}
+							class="flex gap-4"
+						>
+							<div class="flex items-center gap-2">
+								<RadioGroupItem value="parte" id="cm_mex_imprimir_parte" />
+								<Label for="cm_mex_imprimir_parte" class="text-sm">Parte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<RadioGroupItem value="clase" id="cm_mex_imprimir_clase" />
+								<Label for="cm_mex_imprimir_clase" class="text-sm">Clase</Label>
+							</div>
+						</RadioGroup>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
-						<Label for="cm_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+
+					<!-- Incluir en la columna de descripción -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">
+							Incluir en la columna de descripción
+						</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_NumParteMex" bind:checked={formData.NumParteMex} />
+								<Label for="cm_NumParteMex" class="text-sm">El número de parte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_TipoFraccMex" bind:checked={formData.TipoFraccMex} />
+								<Label for="cm_TipoFraccMex" class="text-sm">El tipo de fracción</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
+								<Label for="cm_TasaFraccMex" class="text-sm">La tasa de fracción</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_UMAlternaMex" bind:checked={formData.UMAlternaMex} />
+								<Label for="cm_UMAlternaMex" class="text-sm">Cantidad alterna</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
+								<Label for="cm_PaisOrigenMex" class="text-sm">El país de origen</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_FraccionImp" bind:checked={formData.FraccionImp} />
+								<Label for="cm_FraccionImp" class="text-sm">La fracción arancelaria</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
+								<Label for="cm_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
+							</div>
+						</div>
+
+						<!-- Opciones adicionales fuera de la sub-sección -->
+						<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t mt-4">
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_AgregarVAenProdTerminados" bind:checked={formData.AgregarVAenProdTerminados} />
+								<Label for="cm_AgregarVAenProdTerminados" class="text-sm">Agregar VA en Prod. Terminados</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="cm_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
+								<Label for="cm_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+							</div>
+						</div>
+					</div>
+
+					<!-- Firma -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firma</h4>
+						<div class="space-y-2 pt-2">
+							<Textarea id="cm_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
+						</div>
 					</div>
 				</div>
-			</div>
-
-			<!-- Firma -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firma en Lecturas</h4>
-				<div class="space-y-2 pt-2">
-					<Textarea id="cm_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
-				</div>
-			</div>
+			{/if}
 		</Tabs.Content>
 
-		<!-- AMERICANA TAB (igual que temporal) -->
-		<Tabs.Content value="americana" class="space-y-6">
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup
-					value={formData.PorParteClaseAMe}
-					onValueChange={(v) => formData.PorParteClaseAMe = v}
-					class="flex gap-4"
-				>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="cm_ame_imprimir_parte" />
-						<Label for="cm_ame_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="cm_ame_imprimir_clase" />
-						<Label for="cm_ame_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
+		<!-- AMERICANA TAB -->
+		{#if activeSystem !== 'qsisgen'}
+			<Tabs.Content value="americana" class="space-y-6">
+				<!-- Imprimir por -->
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+					<RadioGroup
+						value={formData.PorParteClaseAMe}
+						onValueChange={(v) => (formData.PorParteClaseAMe = v)}
+						class="flex gap-4"
+					>
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="parte" id="cm_ame_imprimir_parte" />
+							<Label for="cm_ame_imprimir_parte" class="text-sm">Parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="clase" id="cm_ame_imprimir_clase" />
+							<Label for="cm_ame_imprimir_clase" class="text-sm">Clase</Label>
+						</div>
+					</RadioGroup>
+				</div>
 
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_NumParteAme" bind:checked={formData.NumParteAme} />
-						<Label for="cm_NumParteAme" class="text-sm">El número de parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_FraccionAme" bind:checked={formData.FraccionAme} />
-						<Label for="cm_FraccionAme" class="text-sm">La fracción americana</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
-						<Label for="cm_PaisOrigenAme" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_UMEquivalenteAme" bind:checked={formData.UMEquivalenteAme} />
-						<Label for="cm_UMEquivalenteAme" class="text-sm">La U.M. N. Equivalente</Label>
+				<!-- Incluir en la columna de descripción -->
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">
+						Incluir en la columna de descripción
+					</h4>
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
+						<div class="flex items-center gap-2">
+							<Checkbox id="cm_NumParteAme" bind:checked={formData.NumParteAme} />
+							<Label for="cm_NumParteAme" class="text-sm">El número de parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cm_FraccionAme" bind:checked={formData.FraccionAme} />
+							<Label for="cm_FraccionAme" class="text-sm">La fracción americana</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cm_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
+							<Label for="cm_PaisOrigenAme" class="text-sm">El país de origen</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="cm_UMEquivalenteAme" bind:checked={formData.UMEquivalenteAme} />
+							<Label for="cm_UMEquivalenteAme" class="text-sm">La U.M. N. Equivalente</Label>
+						</div>
 					</div>
 				</div>
-			</div>
 
-			<!-- Textos libres -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<div class="space-y-2">
-					<Label for="cm_LeyendaFacAme" class="text-sm font-semibold text-muted-foreground">Leyenda factura</Label>
-					<Textarea id="cm_LeyendaFacAme" bind:value={formData.LeyendaFacAme} class="h-24 resize-y" />
+				<!-- Textos libres -->
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<div class="space-y-2">
+						<Label for="cm_LeyendaFacAme" class="text-sm font-semibold text-muted-foreground">
+							Leyenda factura
+						</Label>
+						<Textarea id="cm_LeyendaFacAme" bind:value={formData.LeyendaFacAme} class="h-24 resize-y" />
+					</div>
+					<div class="space-y-2 pt-4">
+						<Label for="cm_FirmaFAme" class="text-sm font-semibold text-muted-foreground">
+							Firma en factura americana
+						</Label>
+						<Textarea id="cm_FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
+					</div>
 				</div>
-				<div class="space-y-2 pt-4">
-					<Label for="cm_FirmaFAme" class="text-sm font-semibold text-muted-foreground">Firma en factura americana</Label>
-					<Textarea id="cm_FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
-				</div>
-			</div>
-		</Tabs.Content>
+			</Tabs.Content>
+		{/if}
 
 		<!-- PACKING LIST TAB -->
 		<Tabs.Content value="packing" class="space-y-6">
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones de Packing List</h4>
+				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">
+					Opciones de Packing List
+				</h4>
 				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
 					<div class="flex items-center gap-2">
 						<Checkbox id="cm_PackingOrdenCompra" bind:checked={formData.PackingOrdenCompra} />
 						<Label for="cm_PackingOrdenCompra" class="text-sm">Imprimir orden de compra</Label>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="cm_IncluirLineaDelPO" bind:checked={formData.IncluirLineaDelPO} />
-						<Label for="cm_IncluirLineaDelPO" class="text-sm">Incluir línea de PO</Label>
-					</div>
+					{#if activeSystem !== 'qsisgen'}
+						<div class="flex items-center gap-2">
+							<Checkbox id="cm_IncluirLineaDelPO" bind:checked={formData.IncluirLineaDelPO} />
+							<Label for="cm_IncluirLineaDelPO" class="text-sm">Incluir línea de PO</Label>
+						</div>
+					{/if}
 				</div>
 			</div>
 		</Tabs.Content>
diff --git a/frontend/src/lib/components/dashboard/invoices/settings/ssimp-settings-form.svelte b/frontend/src/lib/components/dashboard/invoices/settings/ssimp-settings-form.svelte
index 59f38ecb..5bc84a4f 100644
--- a/frontend/src/lib/components/dashboard/invoices/settings/ssimp-settings-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/settings/ssimp-settings-form.svelte
@@ -5,11 +5,14 @@
 	import { Checkbox } from '$lib/components/ui/checkbox';
 	import { Textarea } from '$lib/components/ui/textarea';
 	import { RadioGroup, RadioGroupItem } from '$lib/components/ui/radio-group';
+	import { Button } from '$lib/components/ui/button';
 
 	let {
-		formData = $bindable()
+		formData = $bindable(),
+		activeSystem = 'ssisgen'
 	}: {
 		formData: any;
+		activeSystem?: 'ssisgen' | 'qsisgen';
 	} = $props();
 
 	const defaultFormData = {
@@ -33,18 +36,22 @@
 		CalcIGIBaseCapt: false,
 		LocAPOrigen: false,
 		SolicitarContrasenaAdministrador: false,
+		
+		// SCAF specific (backend persist)
+		pagoimpuesto: 'no',
+		formapago: '',
 
 		// Mexicana
 		PorParteClaseMex: 'parte',
 		NumParteMex: false,
 		PaisOrigenMex: false,
-		PerPagRenglon: false,
 		UMEquivalenteMex: false,
 		UMAlternaMex: false,
 		FraccionImp: false,
 		TasaFraccMex: false,
-		TipoFraccMex: false,
-		ImpOrdenCom: false,
+		TipoFraccMex: false, 
+		ImpOrdenCom: false, 
+		PerPagRenglon: false, 
 		ParteComplementariaMex: false,
 		ParteCompleMexPartida: false,
 		ImprimirLote: false,
@@ -99,7 +106,9 @@
 			</Tabs.List>
 		</div>
 
-		<!-- GENERAL TAB -->
+		<!-- ========================================================================= -->
+		<!-- TAB: GENERAL -->
+		<!-- ========================================================================= -->
 		<Tabs.Content value="general" class="space-y-6">
 			<!-- Configuración de Decimales -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
@@ -124,299 +133,260 @@
 				</div>
 			</div>
 
-			<!-- Control Remesa -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<div class="flex items-center gap-2 mb-2 border-b pb-2">
-					<Checkbox id="ControlRemesa" bind:checked={formData.ControlRemesa} />
-					<Label for="ControlRemesa" class="font-semibold text-muted-foreground uppercase">Control Remesa por Rangos</Label>
-				</div>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4" class:opacity-50={!formData.ControlRemesa}>
-					<div class="space-y-1.5">
-						<Label class="text-xs">De la Remesa</Label>
-						<Input type="number" bind:value={formData.RemesaInicio} disabled={!formData.ControlRemesa} class="h-8 text-sm" />
+			<!-- SCAII: Control Remesa -->
+			{#if activeSystem === 'ssisgen'}
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<div class="flex items-center gap-2 mb-2 border-b pb-2">
+						<Checkbox id="ControlRemesa" bind:checked={formData.ControlRemesa} />
+						<Label for="ControlRemesa" class="font-semibold text-muted-foreground uppercase">Control Remesa por Rangos</Label>
 					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">A la Remesa</Label>
-						<Input type="number" bind:value={formData.RemesaFinal} disabled={!formData.ControlRemesa} class="h-8 text-sm" />
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4" class:opacity-50={!formData.ControlRemesa}>
+						<div class="space-y-1.5">
+							<Label class="text-xs">De la Remesa</Label>
+							<Input type="number" bind:value={formData.RemesaInicio} disabled={!formData.ControlRemesa} class="h-8 text-sm" />
+						</div>
+						<div class="space-y-1.5">
+							<Label class="text-xs">A la Remesa</Label>
+							<Input type="number" bind:value={formData.RemesaFinal} disabled={!formData.ControlRemesa} class="h-8 text-sm" />
+						</div>
+					</div>
+				</div>
+			{/if}
+
+			<!-- SCAF: Sub sección Partidas & Formas de Pago -->
+			{#if activeSystem === 'qsisgen'}
+				<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Sub sección Partidas</h4>
+						<div class="space-y-3">
+							<Label class="text-sm font-medium">¿Se pagó el impuesto?</Label>
+							<RadioGroup value={formData.pagoimpuesto} onValueChange={(v) => formData.pagoimpuesto = v} class="flex gap-4">
+								<div class="flex items-center gap-2">
+									<RadioGroupItem value="si" id="pago_si" />
+									<Label for="pago_si" class="text-sm cursor-pointer">Si</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<RadioGroupItem value="no" id="pago_no" />
+									<Label for="pago_no" class="text-sm cursor-pointer">No</Label>
+								</div>
+							</RadioGroup>
+						</div>
+					</div>
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Formas de Pago</h4>
+						<div class="space-y-2">
+							<Label class="text-sm font-medium">Seleccionar Forma de Pago</Label>
+							<div class="flex gap-2">
+								<Input bind:value={formData.formapago} placeholder="Ej. 0, 21..." class="h-9" />
+								<Button variant="outline" size="sm" class="h-9 px-3 shrink-0">Catálogo</Button>
+							</div>
+						</div>
+					</div>
+				</div>
+			{/if}
+
+			<!-- Limites Min/Max (Shared) -->
+			<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Mínimos límites para actualizar</h4>
+					<div class="grid grid-cols-2 gap-4 pt-2">
+						<div class="space-y-1"><Label class="text-[10px]">Cantidad</Label><Input type="number" bind:value={formData.CantLimiteMin} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Peso</Label><Input type="number" bind:value={formData.PesoLimiteMin} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Valor</Label><Input type="number" bind:value={formData.ValorLimiteMin} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Valor Part.</Label><Input type="number" bind:value={formData.ValorLimiteParMin} class="h-7 text-xs" /></div>
+					</div>
+				</div>
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Máximos límites para actualizar</h4>
+					<div class="grid grid-cols-2 gap-4 pt-2">
+						<div class="space-y-1"><Label class="text-[10px]">Cantidad</Label><Input type="number" bind:value={formData.CantLimite} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Peso</Label><Input type="number" bind:value={formData.PesoLimite} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Valor</Label><Input type="number" bind:value={formData.ValorLimite} class="h-7 text-xs" /></div>
+						<div class="space-y-1"><Label class="text-[10px]">Valor Part.</Label><Input type="number" bind:value={formData.ValorLimitePar} class="h-7 text-xs" /></div>
 					</div>
 				</div>
 			</div>
 
-			<!-- Limites Minimos -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Mínimos límites para actualizar las facturas</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
-					<div class="space-y-1.5">
-						<Label class="text-xs">Cantidad Mínima</Label>
-						<Input type="number" bind:value={formData.CantLimiteMin} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Peso Mínimo</Label>
-						<Input type="number" bind:value={formData.PesoLimiteMin} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Mínimo</Label>
-						<Input type="number" bind:value={formData.ValorLimiteMin} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Mínimo por Partida</Label>
-						<Input type="number" bind:value={formData.ValorLimiteParMin} class="h-8 text-sm" />
-					</div>
-				</div>
-			</div>
-
-			<!-- Limites Maximos -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Máximos límites para actualizar las facturas</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
-					<div class="space-y-1.5">
-						<Label class="text-xs">Cantidad Máxima</Label>
-						<Input type="number" bind:value={formData.CantLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Peso Máximo</Label>
-						<Input type="number" bind:value={formData.PesoLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Máximo</Label>
-						<Input type="number" bind:value={formData.ValorLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Máximo por Partida</Label>
-						<Input type="number" bind:value={formData.ValorLimitePar} class="h-8 text-sm" />
-					</div>
-				</div>
-			</div>
-
-			<!-- Otras Opciones (Footer) -->
+			<!-- Otras Opciones -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
 				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Otras Opciones</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="RestringeImpoPT" bind:checked={formData.RestringeImpoPT} />
-						<Label for="RestringeImpoPT" class="text-sm">Restringe la importación de Productos Terminados</Label>
+				{#if activeSystem === 'qsisgen'}
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+						<div class="flex items-center gap-2">
+							<Checkbox id="scaf_ActualizarParte" bind:checked={formData.ActualizarPartePartida} />
+							<Label for="scaf_ActualizarParte" class="text-sm">Actualizar datos del número de parte en base de a la captura de las partidas</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="scaf_SolicitarAuth" bind:checked={formData.SolicitarContrasenaAdministrador} />
+							<Label for="scaf_SolicitarAuth" class="text-sm font-bold">
+								Solicitar autorizacion para pasar por alto la validacion de tipo de cambio de fecha de pago de pedimento
+							</Label>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="ActualizarPartePartida" bind:checked={formData.ActualizarPartePartida} />
-						<Label for="ActualizarPartePartida" class="text-sm">Actualiza datos del número de parte en base a captura de partidas</Label>
+				{:else}
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
+						<div class="flex items-center gap-2"><Checkbox id="RestringeImpoPT" bind:checked={formData.RestringeImpoPT} /><Label for="RestringeImpoPT" class="text-sm">Restringe la importación de Productos Terminados</Label></div>
+						<div class="flex items-center gap-2"><Checkbox id="ActualizarPartePartida" bind:checked={formData.ActualizarPartePartida} /><Label for="ActualizarPartePartida" class="text-sm">Actualiza datos del número de parte en base a captura de partidas</Label></div>
+						<div class="flex items-center gap-2"><Checkbox id="CalcIGIBaseCapt" bind:checked={formData.CalcIGIBaseCapt} /><Label for="CalcIGIBaseCapt" class="text-sm">Cálculo del Valor IGI en Base a lo capturado</Label></div>
+						<div class="flex items-center gap-2"><Checkbox id="LocAPOrigen" bind:checked={formData.LocAPOrigen} /><Label for="LocAPOrigen" class="text-sm">Advertencia País de Origen</Label></div>
+						<div class="flex items-center gap-2 col-span-2"><Checkbox id="SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} /><Label for="SolicitarContrasenaAdministrador" class="text-sm">Solicitar Autorización para Pasar por Alto la Validacion de Temporalidad en Base a Fecha de Pago de Pedimento</Label></div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="CalcIGIBaseCapt" bind:checked={formData.CalcIGIBaseCapt} />
-						<Label for="CalcIGIBaseCapt" class="text-sm">Cálculo del Valor IGI en Base a lo capturado</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="LocAPOrigen" bind:checked={formData.LocAPOrigen} />
-						<Label for="LocAPOrigen" class="text-sm">Advertencia País de Origen</Label>
-					</div>
-					<div class="flex items-center gap-2 md:col-span-2">
-						<Checkbox id="SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} />
-						<Label for="SolicitarContrasenaAdministrador" class="text-sm">Solicitar Autorización para Pasar por Alto la Validacion de Temporalidad en Base a Fecha de Pago de Pedimento</Label>
-					</div>
-				</div>
+				{/if}
 			</div>
 		</Tabs.Content>
 
-		<!-- MEXICANA TAB -->
+		<!-- ========================================================================= -->
+		<!-- TAB: MEXICANA -->
+		<!-- ========================================================================= -->
 		<Tabs.Content value="mexicana" class="space-y-6">
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorParteClaseMex} onValueChange={(v) => formData.PorParteClaseMex = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="mex_imprimir_parte" />
-						<Label for="mex_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="mex_imprimir_clase" />
-						<Label for="mex_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
-
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="NumParteMex" bind:checked={formData.NumParteMex} />
-						<Label for="NumParteMex" class="text-sm">El número de parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
-						<Label for="PaisOrigenMex" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="PerPagRenglon" bind:checked={formData.PerPagRenglon} />
-						<Label for="PerPagRenglon" class="text-sm">Permiso y la Página - Renglón</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
-						<Label for="UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="UMAlternaMex" bind:checked={formData.UMAlternaMex} />
-						<Label for="UMAlternaMex" class="text-sm">Cantidad Alterna</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="FraccionImp" bind:checked={formData.FraccionImp} />
-						<Label for="FraccionImp" class="text-sm">Fracción Arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="TasaFraccMex" bind:checked={formData.TasaFraccMex} />
-						<Label for="TasaFraccMex" class="text-sm">Tasa de la Fracción Arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="TipoFraccMex" bind:checked={formData.TipoFraccMex} />
-						<Label for="TipoFraccMex" class="text-sm">Preferencia de la Fracción Arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="ImpOrdenCom" bind:checked={formData.ImpOrdenCom} />
-						<Label for="ImpOrdenCom" class="text-sm">Orden de Compra (Solo OC)</Label>
-					</div>
-				</div>
-
-				<!-- Parte Complementaria -->
-				<div class="mt-4 pt-4 border-t space-y-2">
-					<h5 class="text-xs font-semibold text-muted-foreground uppercase mb-2">Parte Complementaria de:</h5>
-					<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 pl-2">
-						<div class="flex items-center gap-2">
-							<Checkbox id="ParteComplementariaMex" bind:checked={formData.ParteComplementariaMex} />
-							<Label for="ParteComplementariaMex" class="text-sm">Número de parte</Label>
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF LAYOUT (Modern Style) -->
+				<div class="space-y-6">
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Factura Mexicana y Bilingüe</h4>
+						
+						<div class="flex items-center gap-2 mb-4">
+							<Checkbox id="scaf_CodigoBarras" bind:checked={formData.CodigoBarras} />
+							<Label for="scaf_CodigoBarras" class="text-sm">Imprimir Código de Barras en la parte inferior de la factura.</Label>
 						</div>
-						<div class="flex items-center gap-2">
-							<Checkbox id="ParteCompleMexPartida" bind:checked={formData.ParteCompleMexPartida} />
-							<Label for="ParteCompleMexPartida" class="text-sm">La partida</Label>
+
+						<div class="space-y-4 border rounded-md p-4 bg-muted/5">
+							<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
+							<div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-2">
+								<!-- Column 1 -->
+								<div class="space-y-3">
+									<div class="flex items-center gap-2">
+										<Checkbox id="m1_pais" bind:checked={formData.PaisOrigenMex} />
+										<Label for="m1_pais" class="text-sm">El País de Origen.</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="m1_perm" bind:checked={formData.PerPagRenglon} />
+										<Label for="m1_perm" class="text-sm">Permiso y la Página - Renglón.</Label>
+									</div>
+									<div class="flex flex-col gap-0.5">
+										<div class="flex items-center gap-2">
+											<Checkbox id="m1_ord" bind:checked={formData.ImpOrdenCom} />
+											<Label for="m1_ord" class="text-sm">Orden de Compra.</Label>
+										</div>
+										<span class="text-[10px] text-muted-foreground ml-6 font-medium">(Facturas y Packing List)</span>
+									</div>
+								</div>
+								<!-- Column 2 -->
+								<div class="space-y-3">
+									<div class="flex items-center gap-2">
+										<Checkbox id="m2_frac" bind:checked={formData.FraccionImp} />
+										<Label for="m2_frac" class="text-sm">Fracción Arancelaria.</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="m2_tasa" bind:checked={formData.TasaFraccMex} />
+										<Label for="m2_tasa" class="text-sm">Tasa de la Fracción Arancelaria.</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="m2_pref" bind:checked={formData.TipoFraccMex} />
+										<Label for="m2_pref" class="text-sm">La Preferencia de la Fracción Arancelaria.</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="m2_num" bind:checked={formData.NumParteMex} />
+										<Label for="m2_num" class="text-sm">Número de Parte.</Label>
+									</div>
+								</div>
+								<!-- Column 3 -->
+								<div class="space-y-3">
+									<div class="flex items-center gap-2">
+										<Checkbox id="m3_lote" bind:checked={formData.ImprimirLote} />
+										<Label for="m3_lote" class="text-sm">Lote</Label>
+									</div>
+									<div class="flex items-center gap-2">
+										<Checkbox id="m3_ent" bind:checked={formData.ImprimirNumEntrada} />
+										<Label for="m3_ent" class="text-sm">Num. Entrada</Label>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div class="space-y-2 pt-4 flex flex-col items-center">
+							<Label for="scaf_Firma" class="text-xs font-semibold text-muted-foreground">Firma en Factura Mexicana:</Label>
+							<Textarea id="scaf_Firma" bind:value={formData.FirmaFMex} class="h-24 w-full max-w-xl resize-y" />
 						</div>
 					</div>
 				</div>
-
-				<!-- Más opciones -->
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-4 border-t mt-4">
-					<div class="flex items-center gap-2">
-						<Checkbox id="ImprimirLote" bind:checked={formData.ImprimirLote} />
-						<Label for="ImprimirLote" class="text-sm">Lote</Label>
+			{:else}
+				<!-- SCAII LAYOUT -->
+				<div class="space-y-6">
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Imprimir por</h4>
+						<RadioGroup value={formData.PorParteClaseMex} onValueChange={(v) => formData.PorParteClaseMex = v} class="flex gap-6">
+							<div class="flex items-center gap-2"><RadioGroupItem value="parte" id="s_p" /><Label for="s_p" class="text-sm">Parte</Label></div>
+							<div class="flex items-center gap-2"><RadioGroupItem value="clase" id="s_c" /><Label for="s_c" class="text-sm">Clase</Label></div>
+						</RadioGroup>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
-						<Label for="ImprimirNumEntrada" class="text-sm">Núm. Entrada</Label>
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en descripción</h4>
+						<div class="grid grid-cols-2 md:grid-cols-3 gap-4">
+							<div class="flex items-center gap-2"><Checkbox id="sn_p" bind:checked={formData.NumParteMex} /><Label for="sn_p" class="text-xs">Número de parte</Label></div>
+							<div class="flex items-center gap-2"><Checkbox id="sn_o" bind:checked={formData.PaisOrigenMex} /><Label for="sn_o" class="text-xs">País de origen</Label></div>
+							<div class="flex items-center gap-2"><Checkbox id="sn_e" bind:checked={formData.UMEquivalenteMex} /><Label for="sn_e" class="text-xs">U.M. Equivalente</Label></div>
+							<div class="flex items-center gap-2"><Checkbox id="sn_a" bind:checked={formData.UMAlternaMex} /><Label for="sn_a" class="text-xs">Cantidad Alterna</Label></div>
+							<div class="flex items-center gap-2"><Checkbox id="sn_f" bind:checked={formData.FraccionImp} /><Label for="sn_f" class="text-xs">Fracción Arancelaria</Label></div>
+							<div class="flex items-center gap-2"><Checkbox id="sn_t" bind:checked={formData.TasaFraccMex} /><Label for="sn_t" class="text-xs">Tasa Fracción</Label></div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="CodigoBarras" bind:checked={formData.CodigoBarras} />
-						<Label for="CodigoBarras" class="text-sm">Imprimir Código de Barras en parte inferior</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="UMAuxiliarMex" bind:checked={formData.UMAuxiliarMex} />
-						<Label for="UMAuxiliarMex" class="text-sm">Muestra UM Auxiliar por UM Comercial</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="AgregarVAenProdTerminados" bind:checked={formData.AgregarVAenProdTerminados} />
-						<Label for="AgregarVAenProdTerminados" class="text-sm">Agregar VA en Prod. Terminados</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
-						<Label for="OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+					<div class="space-y-2 border rounded-md p-4 bg-muted/10">
+						<Label class="text-sm font-semibold">Firma Mexicana</Label>
+						<Textarea bind:value={formData.FirmaFMex} class="h-20" />
 					</div>
 				</div>
-			</div>
-
-			<!-- Firma -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firmas</h4>
-				<div class="space-y-2 pt-2">
-					<Label for="FirmaFMex" class="text-sm">Firma en Factura Mexicana:</Label>
-					<Textarea id="FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
-				</div>
-			</div>
+			{/if}
 		</Tabs.Content>
 
-		<!-- AMERICANA TAB -->
+		<!-- ========================================================================= -->
+		<!-- TAB: AMERICANA -->
+		<!-- ========================================================================= -->
 		<Tabs.Content value="americana" class="space-y-6">
-			<!-- Imprimir por -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorParteClaseAMe} onValueChange={(v) => formData.PorParteClaseAMe = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="ame_imprimir_parte" />
-						<Label for="ame_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="ame_imprimir_clase" />
-						<Label for="ame_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
-
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="NumParteAme" bind:checked={formData.NumParteAme} />
-						<Label for="NumParteAme" class="text-sm">El número de parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="FraccionAme" bind:checked={formData.FraccionAme} />
-						<Label for="FraccionAme" class="text-sm">La fracción americana</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
-						<Label for="PaisOrigenAme" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="UMEquivalenteAme" bind:checked={formData.UMEquivalenteAme} />
-						<Label for="UMEquivalenteAme" class="text-sm">La U.M. N. Equivalente</Label>
-					</div>
+				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en descripción</h4>
+				<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+					<div class="flex items-center gap-2"><Checkbox id="a_p" bind:checked={formData.NumParteAme} /><Label for="a_p" class="text-sm">Número de parte</Label></div>
+					<div class="flex items-center gap-2"><Checkbox id="a_f" bind:checked={formData.FraccionAme} /><Label for="a_f" class="text-sm">Fracción Americana</Label></div>
+					<div class="flex items-center gap-2"><Checkbox id="a_o" bind:checked={formData.PaisOrigenAme} /><Label for="a_o" class="text-sm">País de origen</Label></div>
+					{#if activeSystem === 'ssisgen'}
+						<div class="flex items-center gap-2"><Checkbox id="a_e" bind:checked={formData.UMEquivalenteAme} /><Label for="a_e" class="text-sm">U.M. Equivalente</Label></div>
+					{/if}
 				</div>
 			</div>
-
-			<!-- Entradas grandes de texto -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+				{#if activeSystem === 'ssisgen'}
+					<div class="space-y-2">
+						<Label class="text-xs font-semibold text-muted-foreground uppercase">Leyenda factura</Label>
+						<Textarea bind:value={formData.LeyendaFacAme} class="h-20" />
+					</div>
+				{/if}
 				<div class="space-y-2">
-					<Label for="LeyendaFacAme" class="text-sm font-semibold text-muted-foreground">Leyenda factura</Label>
-					<Textarea id="LeyendaFacAme" bind:value={formData.LeyendaFacAme} class="h-24 resize-y" />
-				</div>
-				<div class="space-y-2 pt-4">
-					<Label for="FirmaFAme" class="text-sm font-semibold text-muted-foreground">Firma en factura americana</Label>
-					<Textarea id="FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
+					<Label class="text-xs font-semibold text-muted-foreground uppercase">Firma en factura americana</Label>
+					<Textarea bind:value={formData.FirmaFAme} class="h-24 resize-y" />
 				</div>
 			</div>
 		</Tabs.Content>
 
-		<!-- PACKING LIST TAB -->
+		<!-- ========================================================================= -->
+		<!-- TAB: PACKING -->
+		<!-- ========================================================================= -->
 		<Tabs.Content value="packing" class="space-y-6">
-			<!-- Opciones de Packing List -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones de Packing List</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
+				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Opciones</h4>
+				<div class="space-y-3">
 					<div class="flex items-center gap-2">
-						<Checkbox id="PackingPedClave" bind:checked={formData.PackingPedClave} />
-						<Label for="PackingPedClave" class="text-sm">Muestra el número de pedimento y su clave de pedimento en el Packing List</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="PackingOrdenCompra" bind:checked={formData.PackingOrdenCompra} />
-						<Label for="PackingOrdenCompra" class="text-sm">Imprimir orden de compra</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="IncluirLineaDelPO" bind:checked={formData.IncluirLineaDelPO} />
-						<Label for="IncluirLineaDelPO" class="text-sm">Incluir línea de PO</Label>
+						<Checkbox id="p_oc" bind:checked={formData.PackingOrdenCompra} />
+						<Label for="p_oc" class="text-sm">
+							{activeSystem === 'qsisgen' ? 'imprimir orden de compra' : 'Imprimir orden de compra'}
+						</Label>
 					</div>
+					{#if activeSystem === 'ssisgen'}
+						<div class="flex items-center gap-2"><Checkbox id="p_pc" bind:checked={formData.PackingPedClave} /><Label for="p_pc" class="text-sm">Muestra pedimento y clave</Label></div>
+						<div class="flex items-center gap-2"><Checkbox id="p_pl" bind:checked={formData.IncluirLineaDelPO} /><Label for="p_pl" class="text-sm">Incluir línea de PO</Label></div>
+					{/if}
 				</div>
 			</div>
-
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorOrdenPorOCPack} onValueChange={(v) => formData.PorOrdenPorOCPack = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="captura" id="pack_imprimir_captura" />
-						<Label for="pack_imprimir_captura" class="text-sm">Orden de captura</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="compra" id="pack_imprimir_compra" />
-						<Label for="pack_imprimir_compra" class="text-sm">Orden de compra</Label>
-					</div>
-				</RadioGroup>
-			</div>
 		</Tabs.Content>
 	</Tabs.Root>
 </div>
diff --git a/frontend/src/lib/components/dashboard/invoices/settings/ssisdef-settings-form.svelte b/frontend/src/lib/components/dashboard/invoices/settings/ssisdef-settings-form.svelte
index 2000d398..2eb5e57b 100644
--- a/frontend/src/lib/components/dashboard/invoices/settings/ssisdef-settings-form.svelte
+++ b/frontend/src/lib/components/dashboard/invoices/settings/ssisdef-settings-form.svelte
@@ -5,11 +5,14 @@
 	import { Checkbox } from '$lib/components/ui/checkbox';
 	import { Textarea } from '$lib/components/ui/textarea';
 	import { RadioGroup, RadioGroupItem } from '$lib/components/ui/radio-group';
+	import { Button } from '$lib/components/ui/button';
 
 	let {
-		formData = $bindable()
+		formData = $bindable(),
+		activeSystem = 'ssisgen'
 	}: {
 		formData: any;
+		activeSystem?: 'ssisgen' | 'qsisgen';
 	} = $props();
 
 	const defaultFormData = {
@@ -17,7 +20,6 @@
 		DecimalesCant: null,
 		DecimalesValor: null,
 		DecimalesCosto: null,
-		// Sin ControlRemesa, RemesaInicio, RemesaFinal (no aplica en definitiva)
 		CantLimiteMin: null,
 		PesoLimiteMin: null,
 		ValorLimiteMin: null,
@@ -28,9 +30,12 @@
 		ValorLimitePar: null,
 		RestringeImpoPT: false,
 		ActualizarPartePartida: false,
-		// Sin CalcIGIBaseCapt (no aplica en definitiva)
 		LocAPOrigen: false,
 		SolicitarContrasenaAdministrador: false,
+		
+		// SCAF specific
+		pagoimpuesto: 'no',
+		formapago: '',
 
 		// Mexicana
 		PorParteClaseMex: 'parte',
@@ -41,7 +46,6 @@
 		UMAlternaMex: false,
 		FraccionImp: false,
 		TasaFraccMex: false,
-		// Sin TipoFraccMex (Preferencia de la Fracción Arancelaria — no aplica en definitiva)
 		ImpOrdenCom: false,
 		ParteComplementariaMex: false,
 		ParteCompleMexPartida: false,
@@ -99,259 +103,395 @@
 
 		<!-- GENERAL TAB -->
 		<Tabs.Content value="general" class="space-y-6">
-			<!-- Configuración de Decimales -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Configuración de Decimales</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
-					<div class="space-y-1.5">
-						<Label class="text-xs">Decimales (Peso Neto y Bruto)</Label>
-						<Input type="number" bind:value={formData.DecimalesPeso} class="h-8 text-sm" />
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF General Tab -->
+				<div class="space-y-6">
+					<!-- Se Pago Impuesto (Partidas) -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">Partidas</h4>
+						<div class="flex flex-col gap-2">
+							<Label class="text-xs font-semibold text-muted-foreground uppercase">
+								¿Se pagó el impuesto?
+							</Label>
+							<RadioGroup
+								value={formData.pagoimpuesto}
+								onValueChange={(v) => (formData.pagoimpuesto = v)}
+								class="flex gap-6"
+							>
+								<div class="flex items-center gap-2">
+									<RadioGroupItem value="si" id="def_pago_si" />
+									<Label for="def_pago_si" class="text-sm">Sí</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<RadioGroupItem value="no" id="def_pago_no" />
+									<Label for="def_pago_no" class="text-sm">No</Label>
+								</div>
+							</RadioGroup>
+						</div>
 					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Decimales (Cantidades)</Label>
-						<Input type="number" bind:value={formData.DecimalesCant} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Decimales (Valores)</Label>
-						<Input type="number" bind:value={formData.DecimalesValor} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Decimales (Costos Unitarios)</Label>
-						<Input type="number" bind:value={formData.DecimalesCosto} class="h-8 text-sm" />
-					</div>
-				</div>
-			</div>
 
-			<!-- Limites Minimos -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Mínimos límites para actualizar las facturas</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
-					<div class="space-y-1.5">
-						<Label class="text-xs">Cantidad Mínima</Label>
-						<Input type="number" bind:value={formData.CantLimiteMin} class="h-8 text-sm" />
+					<!-- Formas de Pago -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Formas de Pago
+						</h4>
+						<div class="flex items-end gap-3">
+							<div class="flex-1 space-y-2">
+								<Label for="def_formapago" class="text-xs font-semibold text-muted-foreground uppercase">
+									SisImp: FormaPago
+								</Label>
+								<Input id="def_formapago" bind:value={formData.formapago} class="h-9" readonly />
+							</div>
+							<Button variant="outline" class="h-9 px-4 uppercase text-xs font-bold tracking-tight">
+								Catálogo...
+							</Button>
+						</div>
 					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Peso Mínimo</Label>
-						<Input type="number" bind:value={formData.PesoLimiteMin} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Mínimo</Label>
-						<Input type="number" bind:value={formData.ValorLimiteMin} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Mínimo por Partida</Label>
-						<Input type="number" bind:value={formData.ValorLimiteParMin} class="h-8 text-sm" />
-					</div>
-				</div>
-			</div>
 
-			<!-- Limites Maximos -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Máximos límites para actualizar las facturas</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
-					<div class="space-y-1.5">
-						<Label class="text-xs">Cantidad Máxima</Label>
-						<Input type="number" bind:value={formData.CantLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Peso Máximo</Label>
-						<Input type="number" bind:value={formData.PesoLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Máximo</Label>
-						<Input type="number" bind:value={formData.ValorLimite} class="h-8 text-sm" />
-					</div>
-					<div class="space-y-1.5">
-						<Label class="text-xs">Valor Máximo por Partida</Label>
-						<Input type="number" bind:value={formData.ValorLimitePar} class="h-8 text-sm" />
+					<!-- Otras Opciones (SCAF) -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Otras Opciones
+						</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_ActualizarParte_scaf" bind:checked={formData.ActualizarPartePartida} />
+								<Label for="def_ActualizarParte_scaf" class="text-sm">Actualizar datos del número de parte en base de a la captura de las partidas</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_SolicitarAuth_scaf" bind:checked={formData.SolicitarContrasenaAdministrador} />
+								<Label for="def_SolicitarAuth_scaf" class="text-sm font-bold">
+									Solicitar autorizacion para pasar por alto la validacion de tipo de cambio de fecha de pago de pedimento
+								</Label>
+							</div>
+						</div>
 					</div>
 				</div>
-			</div>
+			{:else}
+				<!-- SCAII General Tab (Legacy) -->
+				<div class="space-y-6">
+					<!-- Configuración de Decimales -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase">Configuración de Decimales</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+							<div class="space-y-1.5">
+								<Label class="text-xs">Decimales (Peso Neto y Bruto)</Label>
+								<Input type="number" bind:value={formData.DecimalesPeso} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Decimales (Cantidades)</Label>
+								<Input type="number" bind:value={formData.DecimalesCant} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Decimales (Valores)</Label>
+								<Input type="number" bind:value={formData.DecimalesValor} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Decimales (Costos Unitarios)</Label>
+								<Input type="number" bind:value={formData.DecimalesCosto} class="h-8 text-sm" />
+							</div>
+						</div>
+					</div>
 
-			<!-- Otras Opciones (Footer) -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Otras Opciones</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_RestringeImpoPT" bind:checked={formData.RestringeImpoPT} />
-						<Label for="def_RestringeImpoPT" class="text-sm">Restringe la importación de Productos Terminados</Label>
+					<!-- Limites Minimos -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Mínimos límites para actualizar las facturas</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
+							<div class="space-y-1.5">
+								<Label class="text-xs">Cantidad Mínima</Label>
+								<Input type="number" bind:value={formData.CantLimiteMin} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Peso Mínimo</Label>
+								<Input type="number" bind:value={formData.PesoLimiteMin} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Valor Mínimo</Label>
+								<Input type="number" bind:value={formData.ValorLimiteMin} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Valor Mínimo por Partida</Label>
+								<Input type="number" bind:value={formData.ValorLimiteParMin} class="h-8 text-sm" />
+							</div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_ActualizarPartePartida" bind:checked={formData.ActualizarPartePartida} />
-						<Label for="def_ActualizarPartePartida" class="text-sm">Actualiza datos del número de parte en base a captura de partidas</Label>
+
+					<!-- Limites Maximos -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Máximos límites para actualizar las facturas</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-2">
+							<div class="space-y-1.5">
+								<Label class="text-xs">Cantidad Máxima</Label>
+								<Input type="number" bind:value={formData.CantLimite} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Peso Máximo</Label>
+								<Input type="number" bind:value={formData.PesoLimite} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Valor Máximo</Label>
+								<Input type="number" bind:value={formData.ValorLimite} class="h-8 text-sm" />
+							</div>
+							<div class="space-y-1.5">
+								<Label class="text-xs">Valor Máximo por Partida</Label>
+								<Input type="number" bind:value={formData.ValorLimitePar} class="h-8 text-sm" />
+							</div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_LocAPOrigen" bind:checked={formData.LocAPOrigen} />
-						<Label for="def_LocAPOrigen" class="text-sm">Advertencia País de Origen</Label>
-					</div>
-					<div class="flex items-center gap-2 md:col-span-2">
-						<Checkbox id="def_SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} />
-						<Label for="def_SolicitarContrasenaAdministrador" class="text-sm">Solicitar Autorización para Pasar por Alto la Validacion de Temporalidad en Base a Fecha de Pago de Pedimento</Label>
+
+					<!-- Otras Opciones (Footer) -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Otras Opciones</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_RestringeImpoPT" bind:checked={formData.RestringeImpoPT} />
+								<Label for="def_RestringeImpoPT" class="text-sm">Restringe la importación de Productos Terminados</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_ActualizarPartePartida" bind:checked={formData.ActualizarPartePartida} />
+								<Label for="def_ActualizarPartePartida" class="text-sm">Actualiza datos del número de parte en base a captura de partidas</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_LocAPOrigen" bind:checked={formData.LocAPOrigen} />
+								<Label for="def_LocAPOrigen" class="text-sm">Advertencia País de Origen</Label>
+							</div>
+							<div class="flex items-center gap-2 md:col-span-2">
+								<Checkbox id="def_SolicitarContrasenaAdministrador" bind:checked={formData.SolicitarContrasenaAdministrador} />
+								<Label for="def_SolicitarContrasenaAdministrador" class="text-sm">Solicitar Autorización para Pasar por Alto la Validacion de Temporalidad en Base a Fecha de Pago de Pedimento</Label>
+							</div>
+						</div>
 					</div>
 				</div>
-			</div>
+			{/if}
 		</Tabs.Content>
 
 		<!-- MEXICANA TAB -->
 		<Tabs.Content value="mexicana" class="space-y-6">
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorParteClaseMex} onValueChange={(v) => formData.PorParteClaseMex = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="def_mex_imprimir_parte" />
-						<Label for="def_mex_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="def_mex_imprimir_clase" />
-						<Label for="def_mex_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
-
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_NumParteMex" bind:checked={formData.NumParteMex} />
-						<Label for="def_NumParteMex" class="text-sm">El número de parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
-						<Label for="def_PaisOrigenMex" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_PerPagRenglon" bind:checked={formData.PerPagRenglon} />
-						<Label for="def_PerPagRenglon" class="text-sm">Permiso y la Página - Renglón</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
-						<Label for="def_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_UMAlternaMex" bind:checked={formData.UMAlternaMex} />
-						<Label for="def_UMAlternaMex" class="text-sm">Cantidad Alterna</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_FraccionImp" bind:checked={formData.FraccionImp} />
-						<Label for="def_FraccionImp" class="text-sm">Fracción Arancelaria</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
-						<Label for="def_TasaFraccMex" class="text-sm">Tasa de la Fracción Arancelaria</Label>
-					</div>
-					<!-- Sin TipoFraccMex (Preferencia de la Fracción Arancelaria): no aplica en Importación Definitiva -->
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_ImpOrdenCom" bind:checked={formData.ImpOrdenCom} />
-						<Label for="def_ImpOrdenCom" class="text-sm">Orden de Compra (Solo OC)</Label>
-					</div>
-				</div>
-
-				<!-- Parte Complementaria -->
-				<div class="mt-4 pt-4 border-t space-y-2">
-					<h5 class="text-xs font-semibold text-muted-foreground uppercase mb-2">Parte Complementaria de:</h5>
-					<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 pl-2">
-						<div class="flex items-center gap-2">
-							<Checkbox id="def_ParteComplementariaMex" bind:checked={formData.ParteComplementariaMex} />
-							<Label for="def_ParteComplementariaMex" class="text-sm">Número de parte</Label>
+			{#if activeSystem === 'qsisgen'}
+				<!-- SCAF Mexicana (Modern Grid) -->
+				<div class="space-y-6">
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">
+							Opciones de Impresión
+						</h4>
+						<div class="flex items-center gap-2 py-2">
+							<Checkbox id="def_CodigoBarras_scaf" bind:checked={formData.CodigoBarras} />
+							<Label for="def_CodigoBarras_scaf" class="text-sm font-semibold">
+								Imprimir código de barras en la parte inferior de la factura
+							</Label>
 						</div>
-						<div class="flex items-center gap-2">
-							<Checkbox id="def_ParteCompleMexPartida" bind:checked={formData.ParteCompleMexPartida} />
-							<Label for="def_ParteCompleMexPartida" class="text-sm">La partida</Label>
+
+						<div class="space-y-4 pt-2">
+							<h5 class="flex items-center gap-2 text-xs font-bold tracking-wider text-primary uppercase">
+								<span class="h-px flex-1 bg-border"></span>
+								Incluir en la columna de descripción
+								<span class="h-px flex-1 bg-border"></span>
+							</h5>
+
+							<div class="grid grid-cols-1 gap-x-8 gap-y-4 md:grid-cols-2 lg:grid-cols-3">
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_PaisOrigenMex_scaf" bind:checked={formData.PaisOrigenMex} />
+									<Label for="def_PaisOrigenMex_scaf" class="text-sm">El país de origen</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_PerPagRenglon_scaf" bind:checked={formData.PerPagRenglon} />
+									<Label for="def_PerPagRenglon_scaf" class="text-sm">Permiso y la Página - Renglón</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_ImpOrdenCom_scaf" bind:checked={formData.ImpOrdenCom} />
+									<Label for="def_ImpOrdenCom_scaf" class="text-sm">Orden de compra (Facturas y Packing List)</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_FraccionImp_scaf" bind:checked={formData.FraccionImp} />
+									<Label for="def_FraccionImp_scaf" class="text-sm">Fracción arancelaria</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_TasaFraccMex_scaf" bind:checked={formData.TasaFraccMex} />
+									<Label for="def_TasaFraccMex_scaf" class="text-sm">Tasa de la fracción</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_ImprimirLote_scaf" bind:checked={formData.ImprimirLote} />
+									<Label for="def_ImprimirLote_scaf" class="text-sm font-bold text-primary">Lote</Label>
+								</div>
+							</div>
+						</div>
+					</div>
+
+					<!-- Firma (SCAF Mexicana) -->
+					<div class="space-y-4 rounded-md border bg-muted/10 p-4">
+						<h4 class="border-b pb-2 text-sm font-semibold text-muted-foreground uppercase">Firma</h4>
+						<div class="space-y-2">
+							<Label for="def_FirmaFMex_scaf" class="text-xs font-semibold text-muted-foreground uppercase">Firma en factura mexicana</Label>
+							<Textarea id="def_FirmaFMex_scaf" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
 						</div>
 					</div>
 				</div>
+			{:else}
+				<!-- SCAII Mexicana (Legacy) -->
+				<div class="space-y-6">
+					<!-- Imprimir por -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+						<RadioGroup value={formData.PorParteClaseMex} onValueChange={(v) => formData.PorParteClaseMex = v} class="flex gap-4">
+							<div class="flex items-center gap-2">
+								<RadioGroupItem value="parte" id="def_mex_imprimir_parte" />
+								<Label for="def_mex_imprimir_parte" class="text-sm">Parte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<RadioGroupItem value="clase" id="def_mex_imprimir_clase" />
+								<Label for="def_mex_imprimir_clase" class="text-sm">Clase</Label>
+							</div>
+						</RadioGroup>
+					</div>
 
-				<!-- Más opciones -->
-				<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-4 border-t mt-4">
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_ImprimirLote" bind:checked={formData.ImprimirLote} />
-						<Label for="def_ImprimirLote" class="text-sm">Lote</Label>
+					<!-- Incluir en la columna de descripción -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-2">
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_NumParteMex" bind:checked={formData.NumParteMex} />
+								<Label for="def_NumParteMex" class="text-sm">El número de parte</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_PaisOrigenMex" bind:checked={formData.PaisOrigenMex} />
+								<Label for="def_PaisOrigenMex" class="text-sm">El país de origen</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_PerPagRenglon" bind:checked={formData.PerPagRenglon} />
+								<Label for="def_PerPagRenglon" class="text-sm">Permiso y la Página - Renglón</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_UMEquivalenteMex" bind:checked={formData.UMEquivalenteMex} />
+								<Label for="def_UMEquivalenteMex" class="text-sm">La U.M. Equivalente</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_UMAlternaMex" bind:checked={formData.UMAlternaMex} />
+								<Label for="def_UMAlternaMex" class="text-sm">Cantidad Alterna</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_FraccionImp" bind:checked={formData.FraccionImp} />
+								<Label for="def_FraccionImp" class="text-sm">Fracción Arancelaria</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_TasaFraccMex" bind:checked={formData.TasaFraccMex} />
+								<Label for="def_TasaFraccMex" class="text-sm">Tasa de la Fracción Arancelaria</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_ImpOrdenCom" bind:checked={formData.ImpOrdenCom} />
+								<Label for="def_ImpOrdenCom" class="text-sm">Orden de Compra (Solo OC)</Label>
+							</div>
+						</div>
+
+						<!-- Parte Complementaria -->
+						<div class="mt-4 pt-4 border-t space-y-2">
+							<h5 class="text-xs font-semibold text-muted-foreground uppercase mb-2">Parte Complementaria de:</h5>
+							<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 pl-2">
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_ParteComplementariaMex" bind:checked={formData.ParteComplementariaMex} />
+									<Label for="def_ParteComplementariaMex" class="text-sm">Número de parte</Label>
+								</div>
+								<div class="flex items-center gap-2">
+									<Checkbox id="def_ParteCompleMexPartida" bind:checked={formData.ParteCompleMexPartida} />
+									<Label for="def_ParteCompleMexPartida" class="text-sm">La partida</Label>
+								</div>
+							</div>
+						</div>
+
+						<!-- Más opciones -->
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 pt-4 border-t mt-4">
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_ImprimirLote" bind:checked={formData.ImprimirLote} />
+								<Label for="def_ImprimirLote" class="text-sm">Lote</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
+								<Label for="def_ImprimirNumEntrada" class="text-sm">Núm. Entrada</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_CodigoBarras" bind:checked={formData.CodigoBarras} />
+								<Label for="def_CodigoBarras" class="text-sm">Imprimir Código de Barras en parte inferior</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_UMAuxiliarMex" bind:checked={formData.UMAuxiliarMex} />
+								<Label for="def_UMAuxiliarMex" class="text-sm">Muestra UM Auxiliar por UM Comercial</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_AgregarVAenProdTerminados" bind:checked={formData.AgregarVAenProdTerminados} />
+								<Label for="def_AgregarVAenProdTerminados" class="text-sm">Agregar VA en Prod. Terminados</Label>
+							</div>
+							<div class="flex items-center gap-2">
+								<Checkbox id="def_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
+								<Label for="def_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+							</div>
+						</div>
 					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_ImprimirNumEntrada" bind:checked={formData.ImprimirNumEntrada} />
-						<Label for="def_ImprimirNumEntrada" class="text-sm">Núm. Entrada</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_CodigoBarras" bind:checked={formData.CodigoBarras} />
-						<Label for="def_CodigoBarras" class="text-sm">Imprimir Código de Barras en parte inferior</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_UMAuxiliarMex" bind:checked={formData.UMAuxiliarMex} />
-						<Label for="def_UMAuxiliarMex" class="text-sm">Muestra UM Auxiliar por UM Comercial</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_AgregarVAenProdTerminados" bind:checked={formData.AgregarVAenProdTerminados} />
-						<Label for="def_AgregarVAenProdTerminados" class="text-sm">Agregar VA en Prod. Terminados</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_OcultarFechaHora" bind:checked={formData.OcultarFechaHora} />
-						<Label for="def_OcultarFechaHora" class="text-sm">Ocultar Fecha y Hora</Label>
+
+					<!-- Firma (SCAII Moderna) -->
+					<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+						<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firmas</h4>
+						<div class="space-y-2 pt-2">
+							<Label for="def_FirmaFMex" class="text-sm uppercase text-xs font-bold text-muted-foreground">Firma en Factura Mexicana:</Label>
+							<Textarea id="def_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
+						</div>
 					</div>
 				</div>
-			</div>
-
-			<!-- Firma -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firmas</h4>
-				<div class="space-y-2 pt-2">
-					<Label for="def_FirmaFMex" class="text-sm">Firma en Factura Mexicana:</Label>
-					<Textarea id="def_FirmaFMex" bind:value={formData.FirmaFMex} class="h-24 resize-y" />
-				</div>
-			</div>
+			{/if}
 		</Tabs.Content>
 
 		<!-- AMERICANA TAB -->
 		<Tabs.Content value="americana" class="space-y-6">
-			<!-- Imprimir por -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
-				<RadioGroup value={formData.PorParteClaseAMe} onValueChange={(v) => formData.PorParteClaseAMe = v} class="flex gap-4">
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="parte" id="def_ame_imprimir_parte" />
-						<Label for="def_ame_imprimir_parte" class="text-sm">Parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<RadioGroupItem value="clase" id="def_ame_imprimir_clase" />
-						<Label for="def_ame_imprimir_clase" class="text-sm">Clase</Label>
-					</div>
-				</RadioGroup>
-			</div>
+			<!-- Opciones Compartidas -->
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+				<!-- Imprimir por -->
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-full">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase">Imprimir por</h4>
+					<RadioGroup value={formData.PorParteClaseAMe} onValueChange={(v) => formData.PorParteClaseAMe = v} class="flex gap-4">
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="parte" id="def_ame_imprimir_parte" />
+							<Label for="def_ame_imprimir_parte" class="text-sm">Parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<RadioGroupItem value="clase" id="def_ame_imprimir_clase" />
+							<Label for="def_ame_imprimir_clase" class="text-sm">Clase</Label>
+						</div>
+					</RadioGroup>
+				</div>
 
-			<!-- Incluir en la columna de descripción -->
-			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
-				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la columna de descripción</h4>
-				<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_NumParteAme" bind:checked={formData.NumParteAme} />
-						<Label for="def_NumParteAme" class="text-sm">El número de parte</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_FraccionAme" bind:checked={formData.FraccionAme} />
-						<Label for="def_FraccionAme" class="text-sm">La fracción americana</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
-						<Label for="def_PaisOrigenAme" class="text-sm">El país de origen</Label>
-					</div>
-					<div class="flex items-center gap-2">
-						<Checkbox id="def_UMEquivalenteAme" bind:checked={formData.UMEquivalenteAme} />
-						<Label for="def_UMEquivalenteAme" class="text-sm">La U.M. N. Equivalente</Label>
+				<!-- Incluir en la descripción -->
+				<div class="space-y-4 border rounded-md p-4 bg-muted/10 h-full">
+					<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Incluir en la descripción</h4>
+					<div class="grid grid-cols-1 md:grid-cols-2 gap-4 pt-2">
+						<div class="flex items-center gap-2">
+							<Checkbox id="def_NumParteAme" bind:checked={formData.NumParteAme} />
+							<Label for="def_NumParteAme" class="text-sm">El número de parte</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="def_FraccionAme" bind:checked={formData.FraccionAme} />
+							<Label for="def_FraccionAme" class="text-sm">La fracción americana</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="def_PaisOrigenAme" bind:checked={formData.PaisOrigenAme} />
+							<Label for="def_PaisOrigenAme" class="text-sm">El país de origen</Label>
+						</div>
+						<div class="flex items-center gap-2">
+							<Checkbox id="def_UMEquivalenteAme" bind:checked={formData.UMEquivalenteAme} />
+							<Label for="def_UMEquivalenteAme" class="text-sm">La U.M. N. Equivalente</Label>
+						</div>
 					</div>
 				</div>
 			</div>
 
-			<!-- Entradas grandes de texto -->
+			<!-- Firma y Notas -->
 			<div class="space-y-4 border rounded-md p-4 bg-muted/10">
+				<h4 class="text-sm font-semibold text-muted-foreground uppercase border-b pb-2">Firma y Notas</h4>
 				<div class="space-y-2">
-					<Label for="def_LeyendaFacAme" class="text-sm font-semibold text-muted-foreground">Leyenda factura</Label>
-					<Textarea id="def_LeyendaFacAme" bind:value={formData.LeyendaFacAme} class="h-24 resize-y" />
-				</div>
-				<div class="space-y-2 pt-4">
-					<Label for="def_FirmaFAme" class="text-sm font-semibold text-muted-foreground">Firma en factura americana</Label>
+					<Label for="def_FirmaFAme" class="text-xs font-semibold text-muted-foreground uppercase">Firma en factura americana</Label>
 					<Textarea id="def_FirmaFAme" bind:value={formData.FirmaFAme} class="h-24 resize-y" />
 				</div>
+				<div class="space-y-2 pt-2">
+					<Label for="def_LeyendaFacAme" class="text-xs font-semibold text-muted-foreground uppercase">Leyenda factura</Label>
+					<Textarea id="def_LeyendaFacAme" bind:value={formData.LeyendaFacAme} class="h-20 resize-y" />
+				</div>
 			</div>
 		</Tabs.Content>
 
diff --git a/frontend/src/lib/components/dashboard/settings/QsisGenTabsForm.svelte b/frontend/src/lib/components/dashboard/settings/QsisGenTabsForm.svelte
new file mode 100644
index 00000000..7a4da151
--- /dev/null
+++ b/frontend/src/lib/components/dashboard/settings/QsisGenTabsForm.svelte
@@ -0,0 +1,526 @@
+<script lang="ts">
+	import * as Tabs from '$lib/components/ui/tabs';
+	import SettingFormField from './SettingFormField.svelte';
+	import { Button } from '$lib/components/ui/button';
+	import { AlertTriangle, CreditCard, FileEdit, RefreshCw } from 'lucide-svelte';
+	import { onMount } from 'svelte';
+
+	interface Props {
+		currentData: any;
+		onUpdate: (data: any) => void;
+	}
+
+	let { currentData = {}, onUpdate }: Props = $props();
+
+	// Labels — mismos que SCAII más los específicos de SCAF
+	const FIELD_LABELS: Record<string, string> = {
+		// General (heredados de SsisGen)
+		factoriva: 'Factor IVA (Aplica en compras)',
+		dta: 'DTA',
+		actseguridad: 'Activar la seguridad del sistema',
+		// SIN mensajevenc / diavencimiento (no aplica en SCAF)
+		calvalbasetcped: 'Cálculo en base al TC fecha pago (Importación)',
+		calvalbasetcpedexpo: 'Cálculo en base al TC fecha pago (Exportación)',
+		controldes: 'Asignar fecha límite para desactualizar facturas',
+		diadesactual: 'Días para desactualizar facturas (Impo/Expo)',
+		decimalespeso: 'Peso neto y bruto',
+		decimalescant: 'Cantidades',
+		decimalesvalor: 'Valores y costos',
+		filtrocantidad: 'Omitir Cantidades con balance menor a',
+		muestraarchcodbarras: 'Muestra archivo TXT al generar factura/remesa',
+		// SCAF extra en código de barras
+		codigobarrasesp: 'Imprimir 3 en código de barras',
+
+		// Archivos electrónicos
+		patharch: 'Generación de los archivos PDF en',
+		patharchtransmision: 'Generación de archivos electrónicos para transmitir en',
+		pathrespuesta: 'Dirección de espera de la respuesta del broker americano',
+		patharchped: 'Generación de archivos electrónicos para pedimentos en',
+
+		// Continuación 1
+		pathgenimpotemp: 'Ruta de los archivos CSV para importación temporal',
+		pathgenexpo: 'Ruta de los archivos CSV para exportación',
+		tipovenro: 'Tipo de validación para regla octava',
+		cantvenro: 'Cantidad (Porcentaje/Días)',
+		calcdepreciacion: 'Cálculo de la depreciación',
+		firmapacking: 'Esconder la Firma en el Packing List',
+		escondamepacking: 'Esconde el A. A. Mexicano en Packing List',
+		advertenciatm: 'Advertencia el Tipo de Moneda en Facturas',
+		valmanifusado: 'Activar Control de Manifiesto',
+		repdescargolineal: 'Generar Reporte de Descargo por Orden de factura',
+		muestra_copias_codbarras: 'Imprimir Código de Barras en las demás copias, aparte de la copia del transportista',
+
+		// Continuación 2
+		validadecencant: 'Invalida la Captura de Decimales en Cantidades con Unidad de Medida Pieza',
+		mostraradvertenciaro: 'Mostrar Advertencia de Valores de Regla Octava en Partidas',
+		usartranspamedocame: 'Utilizar Transportista Americano en el Packing List y en Bill Of Lading de Exportación',
+		cantvscantseries: 'Validar la Cantidad Contra la Cantidad de Series',
+		covefechaemision: 'Tomar la Fecha de Emision para la Generación del COVE',
+		usarcoveenarchsaaim3: 'Usar E-Document en Lugar del Número de Factura en el Archivo de Transferencia SAAIM3',
+		asignainfoparte: 'Asigna en Impo. Temporal, Definitiva y Compras Mex. la información completa del número de parte',
+		interfaceaatcfpff: 'En Interfaces (WINSAAI, SAAIM3), usar tipo de cambio de:',
+		incluirobscoveobsimpo: 'Incluir las Observaciones del COVE en las Observaciones en Importación',
+		agregarincreimpo: 'Agregar Incrementables, Fecha de Emisión y Factor de Multimoneda en las Facturas de Importación',
+
+		// Continuación 3
+		identificadornodoseriecove: 'Omitir datos de identificación en COVE (Regla 7.3.3 OEA)',
+		pathnaftaccs: 'Ruta NAFTA CSS',
+		actpdfreportes: 'Activa para que se generen los PDFs al momento de Actualización',
+		patharchpdfimpo: 'Generar Archivos PDF de Importación en',
+		patharchpdfexpo: 'Generar Archivos PDF de Exportación en',
+		mensajesvurfc: 'Desactivar mensajes de RFC en Transmision de VU',
+		mostrarpackinglistingles: 'Mostrar Packing List en Inglés',
+		enviarsubpartidascove: 'Enviar Sub Partidas a XML COVE',
+		utilizarfechapagopeddeundiaanterior: 'Utilizar Tipo de Cambio de la Fecha de Pago de Pedimento De Un Dia Anterior',
+		utilizartitulosalternativosimpresionfactura: 'Utilizar Títulos Alternativos en la Impresión de las Facturas',
+
+		// Continuación 4
+		usartcdelafechapagopedimpoendescarga: 'Usar Tipo de Cambio de la Fecha de Pago de Pedimento de Importación en Impresion de la Descarga',
+		usarvude128o256: 'Utilizar Ventanilla Unica con Encriptacion de 256',
+		agregarnumeroembarque: 'Agregar Numero Embarque',
+		afostrofe: 'Imprimir Caracter Especial en Columna Clase / Num. Parte (Exportar a Excel)',
+		utilizarumdeexistenciaentransmisionvu: 'Utilizar UM de Existencia En Transmision VU',
+		utilizarcodigodebrokerdeclienteenmainx30: 'Utilizar Codigo De Broker De Cliente En Main X 30',
+		hojacalculosepararincrementablesanexo3: 'En la Hoja de Calculo Separar los Incrementables en el Anexo 3',
+		hojacalculodesglosefacturaanexo3: 'En la Hoja de Calculo Desglosar las Facturas en el Anexo 3',
+		utilizarnombregenericomainx30: 'Utilizar Nombre Generico Mainx 30',
+		utilizartcrespectoatipoped: 'Utilizar TC Respecto Al Tipo de Pedimento',
+		utilizarsolopartesnaftaenco: 'Utilizar Solo Partes Nafta En CO',
+		cambiarpesosporcostounitario: 'Cambiar Pesos Por Costo Unitario En Exportación',
+		bloqueodeediciondefacturas: 'Bloqueo De Edición De Facturas',
+		impresionfacturaalterna: 'Imprimir Factura Alterna En Hoja De Calculo Y Manifestación Al Valor',
+
+		// Continuación 5
+		transmitirfacalterna: 'Transmitir Factura Alterna en VU',
+		validarseries: 'Omitir validación series en facturas',
+		emailas: 'Activar ventana EmailAS',
+	};
+
+	const canonicalize = (data: any) => {
+		const result: any = {};
+		const recognizedKeys = Object.keys(FIELD_LABELS);
+		for (const rawKey in data) {
+			const canonicalKey = recognizedKeys.find((k) => k.toLowerCase() === rawKey.toLowerCase());
+			if (canonicalKey) {
+				result[canonicalKey] = data[rawKey];
+			} else {
+				result[rawKey] = data[rawKey];
+			}
+		}
+		return result;
+	};
+
+	let formData: any = $state({
+		downloadftp: 'No',
+		descargarftpolocal: 'FTP',
+		minsdownlftp: 0,
+		usarfechaemisionfactura: 0,
+		campo18valsaaim3: 0,
+		...canonicalize(currentData)
+	});
+
+	// Guarda la última versión recibida del padre para detectar cambios reales vs. echo circular
+	let lastExternalData: string = JSON.stringify({ ...currentData });
+
+	$effect(() => {
+		const newData = { ...currentData };
+		const newDataStr = JSON.stringify(newData);
+		// Solo sincroniza si el dato cambió externamente (no es un echo de nuestro propio onUpdate)
+		if (newDataStr === lastExternalData) return;
+		lastExternalData = newDataStr;
+
+		const mapped = canonicalize(newData);
+		for (const key in mapped) {
+			formData[key] = mapped[key];
+		}
+	});
+
+	// Notifica al padre del estado completo al montar (incluyendo defaults)
+	onMount(() => {
+		lastExternalData = JSON.stringify({ ...currentData });
+		onUpdate({ ...formData });
+	});
+
+	function handleFieldChange(key: string, value: any) {
+		formData[key] = value;
+		onUpdate({ ...formData });
+	}
+
+	// Tab General — igual que SCAII pero SIN mensajevenc/diavencimiento, más codigobarrasEsp
+	const GENERAL_SECTIONS = [
+		{
+			title: 'Parámetros del Sistema',
+			fields: ['factoriva', 'dta', 'actseguridad']
+		},
+		{
+			title: 'Tipos de Cambio',
+			fields: ['calvalbasetcped', 'calvalbasetcpedexpo']
+		},
+		{
+			title: 'Desactualización de Facturas',
+			fields: ['controldes', 'diadesactual']
+		},
+		{
+			title: 'Número de decimales en reportes generales en',
+			fields: ['decimalespeso', 'decimalescant', 'decimalesvalor']
+		},
+		{
+			title: 'Filtrar por la cantidad',
+			fields: ['filtrocantidad']
+		},
+		{
+			title: 'Código de barras',
+			fields: ['muestraarchcodbarras', 'codigobarrasesp']
+		}
+	];
+
+	// Tab Archivos — solo 4 rutas (sin pathgenimpotemp/pathgenexpo/patharchpedconsm)
+	const ARCHIVOS_SECTIONS = [
+		{
+			title: 'Gestión de Archivos PDF y Electrónicos',
+			fields: [
+				'patharch',
+				'patharchtransmision',
+				'pathrespuesta',
+				'patharchped',
+			]
+		}
+	];
+
+	// Continuación 1
+	const CONTINUACION_SECTIONS = [
+		{
+			title: 'Rutas CSV',
+			fields: ['pathgenimpotemp', 'pathgenexpo']
+		},
+		{
+			title: 'Tipo de validación para regla octava',
+			fields: ['tipovenro', 'cantvenro']
+		},
+		{
+			title: 'Cálculo de la depreciación',
+			fields: ['calcdepreciacion']
+		},
+		{
+			title: 'Parámetros Adicionales y Visualización',
+			fields: [
+				'firmapacking',
+				'escondamepacking',
+				'advertenciatm',
+				'valmanifusado',
+				'repdescargolineal',
+				'muestra_copias_codbarras',
+			]
+		}
+	];
+
+	// Continuación 2
+	const CONT2_SECTIONS = [
+		{
+			title: 'Configuraciones de Pantalla y Validación',
+			fields: [
+				'validadecencant',
+				'mostraradvertenciaro',
+				'usartranspamedocame',
+				'cantvscantseries',
+				'covefechaemision',
+				'usarcoveenarchsaaim3',
+			]
+		},
+		{
+			title: 'SCAF.INI',
+			fields: ['asignainfoparte']
+		},
+		{
+			title: 'En Interfaces (WINSAAI, SAAIM3), usar tipo de cambio de:',
+			fields: ['interfaceaatcfpff']
+		},
+		{
+			title: 'COVE e Importación',
+			fields: ['incluirobscoveobsimpo', 'agregarincreimpo']
+		}
+	];
+
+	// Continuación 3
+	const CONT3_SECTIONS = [
+		{
+			id: 'rutas_pdf',
+			title: 'Rutas y Archivos PDF',
+			fields: [
+				'identificadornodoseriecove',
+				'pathnaftaccs',
+				'actpdfreportes',
+				'patharchpdfimpo',
+				'patharchpdfexpo',
+			]
+		},
+		{
+			id: 'opciones',
+			title: 'Opciones',
+			fields: [
+				'mensajesvurfc',
+				'mostrarpackinglistingles',
+				'enviarsubpartidascove',
+				'utilizarfechapagopeddeundiaanterior',
+				'utilizartitulosalternativosimpresionfactura',
+			]
+		}
+	];
+
+	// Continuación 4
+	const CONT4_FIELDS = [
+		'usartcdelafechapagopedimpoendescarga',
+		'usarvude128o256',
+		'agregarnumeroembarque',
+		'afostrofe',
+		'utilizarumdeexistenciaentransmisionvu',
+		'utilizarcodigodebrokerdeclienteenmainx30',
+		'hojacalculosepararincrementablesanexo3',
+		'hojacalculodesglosefacturaanexo3',
+		'utilizarnombregenericomainx30',
+		'utilizartcrespectoatipoped',
+		'utilizarsolopartesnaftaenco',
+		'cambiarpesosporcostounitario',
+		'bloqueodeediciondefacturas',
+		'impresionfacturaalterna',
+	];
+
+	// Continuación 5
+	const CONT5_FIELDS = [
+		'transmitirfacalterna',
+		'validarseries',
+		'emailas',
+	];
+
+	const TABS = [
+		{ id: 'general', label: 'General' },
+		{ id: 'archivos', label: 'Archivos electrónicos' },
+		{ id: 'continuacion', label: 'Continuación' },
+		{ id: 'cont2', label: 'Cont 2' },
+		{ id: 'cont3', label: 'Cont 3' },
+		{ id: 'cont4', label: 'Cont 4' },
+		{ id: 'cont5', label: 'Cont 5' },
+	];
+
+	const RULE_VALIDATOR_OPTIONS = [
+		{ value: 'Porcentaje', label: 'Porcentaje' },
+		{ value: 'Dias', label: 'Días' },
+		{ value: 'No aplica', label: 'No aplica' }
+	];
+
+	const DEPRECIACION_OPTIONS = [
+		{ value: 'MES', label: 'MES' },
+		{ value: 'DIA', label: 'DÍA' }
+	];
+
+	const INTERFACE_TC_OPTIONS = [
+		{ value: 'P', label: 'Fecha de Pago' },
+		{ value: 'F', label: 'Fecha de Factura' }
+	];
+</script>
+
+<div class="w-full">
+	<Tabs.Root value="general" class="flex flex-col h-full">
+		<Tabs.List class="grid w-full grid-cols-3 md:grid-cols-4 lg:grid-cols-7 bg-muted rounded-md p-1 mb-4">
+			{#each TABS as tab}
+				<Tabs.Trigger
+					value={tab.id}
+					class="w-full px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+				>
+					{tab.label}
+				</Tabs.Trigger>
+			{/each}
+		</Tabs.List>
+
+		<!-- GENERAL -->
+		<Tabs.Content value="general" class="space-y-6">
+			<div class="space-y-6 py-4">
+				{#each GENERAL_SECTIONS as section}
+					<div class="space-y-4">
+						<div class="flex items-center gap-4">
+							<h3 class="font-medium text-lg">{section.title}</h3>
+							<div class="h-px w-full bg-border mt-2"></div>
+						</div>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+							{#each section.fields as field}
+								<SettingFormField
+									key={field}
+									label={FIELD_LABELS[field] || field}
+									value={formData[field]}
+									onChange={(val) => handleFieldChange(field, val)}
+									type={field === 'DTA' ? 'number' : undefined}
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</Tabs.Content>
+
+		<!-- ARCHIVOS ELECTRÓNICOS — solo 4 rutas -->
+		<Tabs.Content value="archivos" class="space-y-6">
+			<div class="space-y-6 py-4">
+				{#each ARCHIVOS_SECTIONS as section}
+					<div class="space-y-6 max-w-3xl mx-auto">
+						<div class="flex items-center gap-4">
+							<h3 class="font-medium text-lg">{section.title}</h3>
+							<div class="h-px w-full bg-border mt-2"></div>
+						</div>
+						<div class="grid grid-cols-1 gap-4">
+							{#each section.fields as field}
+								<SettingFormField
+									key={field}
+									label={FIELD_LABELS[field] || field}
+									value={formData[field]}
+									onChange={(val) => handleFieldChange(field, val)}
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</Tabs.Content>
+
+		<!-- CONTINUACIÓN 1 -->
+		<Tabs.Content value="continuacion" class="space-y-6">
+			<div class="space-y-6 py-4">
+				{#each CONTINUACION_SECTIONS as section}
+					<div class="space-y-4">
+						<div class="flex items-center gap-4">
+							<h3 class="font-medium text-lg">{section.title}</h3>
+							<div class="h-px w-full bg-border mt-2"></div>
+						</div>
+						<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+							{#each section.fields as field}
+								<SettingFormField
+									key={field}
+									label={FIELD_LABELS[field] || field}
+									value={formData[field]}
+									onChange={(val) => handleFieldChange(field, val)}
+									options={
+										field === 'TipoVenRO' ? RULE_VALIDATOR_OPTIONS :
+										field === 'CalcDepreciacion' ? DEPRECIACION_OPTIONS :
+										undefined
+									}
+									type={
+										field === 'TipoVenRO' ? 'select' :
+										field === 'CalcDepreciacion' ? 'radio' :
+										field === 'CantVenRO' ? 'number' :
+										undefined
+									}
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</Tabs.Content>
+
+		<!-- CONTINUACIÓN 2 -->
+		<Tabs.Content value="cont2" class="space-y-6">
+			<div class="space-y-6 py-4">
+				{#each CONT2_SECTIONS as section}
+					<div class="space-y-6 max-w-4xl mx-auto">
+						<div class="flex items-center gap-4">
+							<h3 class="font-medium text-lg">{section.title}</h3>
+							<div class="h-px w-full bg-border mt-2"></div>
+						</div>
+						<div class="grid grid-cols-1 gap-4">
+							{#each section.fields as field}
+								<SettingFormField
+									key={field}
+									label={FIELD_LABELS[field] || field}
+									value={formData[field]}
+									onChange={(val) => handleFieldChange(field, val)}
+									type="switch"
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</Tabs.Content>
+
+		<!-- CONTINUACIÓN 3 -->
+		<Tabs.Content value="cont3" class="space-y-6">
+			<div class="space-y-6 py-4">
+				{#each CONT3_SECTIONS as section}
+					<div class="space-y-6 max-w-4xl mx-auto">
+						<div class="flex items-center gap-4">
+							<h3 class="font-medium text-lg">{section.title}</h3>
+							<div class="h-px w-full bg-border mt-2"></div>
+						</div>
+						<div class="grid grid-cols-1 gap-4">
+							{#each section.fields as field}
+								<SettingFormField
+									key={field}
+									label={FIELD_LABELS[field] || field}
+									value={formData[field]}
+									onChange={(val) => handleFieldChange(field, val)}
+									type={
+										field.toLowerCase().includes('path') || field.toLowerCase().includes('nafta') 
+										? undefined 
+										: 'switch'
+									}
+								/>
+							{/each}
+						</div>
+					</div>
+				{/each}
+			</div>
+		</Tabs.Content>
+
+		<!-- CONTINUACIÓN 4 -->
+		<Tabs.Content value="cont4" class="space-y-6">
+			<div class="space-y-6 py-4 max-w-4xl mx-auto">
+				<div class="flex items-center gap-4">
+					<h3 class="font-medium text-lg">Opciones Adicionales</h3>
+					<div class="h-px w-full bg-border mt-2"></div>
+				</div>
+				<div class="grid grid-cols-1 gap-4">
+					{#each CONT4_FIELDS as field}
+						<SettingFormField
+							key={field}
+							label={FIELD_LABELS[field] || field}
+							value={formData[field]}
+							onChange={(val) => handleFieldChange(field, val)}
+							type="switch"
+						/>
+					{/each}
+				</div>
+			</div>
+		</Tabs.Content>
+
+		<!-- CONTINUACIÓN 5 -->
+		<Tabs.Content value="cont5" class="space-y-6">
+			<div class="space-y-6 py-4 max-w-4xl mx-auto">
+				<div class="flex items-center gap-4">
+					<h3 class="font-medium text-lg">Configuraciones Adicionales</h3>
+					<div class="h-px w-full bg-border mt-2"></div>
+				</div>
+				<div class="grid grid-cols-1 gap-4">
+					{#each CONT5_FIELDS as field}
+						<SettingFormField
+							key={field}
+							label={FIELD_LABELS[field] || field}
+							value={formData[field]}
+							onChange={(val) => handleFieldChange(field, val)}
+							type="switch"
+						/>
+					{/each}
+				</div>
+			</div>
+		</Tabs.Content>
+
+	</Tabs.Root>
+</div>
+
+<style>
+	:global([data-radix-scroll-area-viewport]) {
+		scrollbar-width: none;
+		-ms-overflow-style: none;
+	}
+	:global([data-radix-scroll-area-viewport]::-webkit-scrollbar) {
+		display: none;
+	}
+</style>
diff --git a/frontend/src/lib/components/dashboard/settings/SsisGenTabsForm.svelte b/frontend/src/lib/components/dashboard/settings/SsisGenTabsForm.svelte
index f65b949a..5803f748 100644
--- a/frontend/src/lib/components/dashboard/settings/SsisGenTabsForm.svelte
+++ b/frontend/src/lib/components/dashboard/settings/SsisGenTabsForm.svelte
@@ -10,6 +10,7 @@
 		RefreshCw,
 		Layers
 	} from 'lucide-svelte';
+	import { onMount } from 'svelte';
 
 	interface Props {
 		currentData: any;
@@ -18,29 +19,6 @@
 
 	let { currentData = {}, onUpdate }: Props = $props();
 
-	// Initialize local/loc fields with defaults and keep in sync with currentData prop
-	let formData: any = $state({
-		DownloadFTP: 'No',
-		DescargarFTPoLocal: 'FTP',
-		MinsDownLFTP: 0,
-		UsarFechaEmisionFactura: 0,
-		Campo18Valsaaim3: 0,
-		...currentData 
-	});
-
-	$effect(() => {
-		// Update state when currentData prop changes from outside
-		const newData = { ...currentData };
-		for (const key in newData) {
-			formData[key] = newData[key];
-		}
-	});
-
-	function handleFieldChange(key: string, value: any) {
-		formData[key] = value;
-		onUpdate(formData);
-	}
-
 	// Translation Mapping for SSisGen
 	const FIELD_LABELS: Record<string, string> = {
 		consecutivo: "Número Consecutivo",
@@ -116,18 +94,18 @@
 		actpdfreportes: "Generar PDFs al momento de Actualización",
 		patharchpdfimpo: "Generar Archivos PDF de Importación en:",
 		patharchpdfexpo: "Generar Archivos PDF de Exportación en:",
-		DownloadFTP: "¿Desea Activar Descarga Desde Sitio FTP o Localmente?",
-		MinsDownLFTP: "En Intervalos de (Minutos)",
-		DownloadFTPPath: "Descargar Archivos en",
-		DescargarFTPoLocal: "Descargar Archivos Desde",
-		ServerFTP: "Servidor",
-		UserFTP: "Usuario",
-		PasswordFTP: "Contraseña",
-		DirectorioFTP: "Directorio en FTP",
-		PathLocalParaDescDe: "Ruta Local",
-		AgregarRemplazarAutomatico: "Agregar/Remplazar Aut",
-		ActivarProcesoVEquipment: "Activar/Desactivar proceso para JD Edwards",
-		ActivarProcesoDesperdicioJDEdwards: "Activar proceso de desperdicio para JD Edwards",
+		downloadftp: "¿Desea Activar Descarga Desde Sitio FTP o Localmente?",
+		minsdownlftp: "En Intervalos de (Minutos)",
+		downloadftppath: "Descargar Archivos en",
+		descargarftpolocal: "Descargar Archivos Desde",
+		serverftp: "Servidor",
+		userftp: "Usuario",
+		passwordftp: "Contraseña",
+		directorioftp: "Directorio en FTP",
+		pathlocalparadescde: "Ruta Local",
+		agregarremplazarautomatico: "Agregar/Remplazar Aut",
+		activarprocesovequipment: "Activar/Desactivar proceso para JD Edwards",
+		activarprocesodesperdiciojdedwards: "Activar proceso de desperdicio para JD Edwards",
 		utilizarnombregenericomainx30: "Utilizar Nombre Genérico Mainx 30",
 		utilizartcrespectoatipoped: "Utilizar TC Respecto Al Tipo de Pedimento",
 		tomardecimalescompletos: "Tomar Decimales Completos en las Impresiones de Facturas de Importación y Exportación",
@@ -144,7 +122,7 @@
 		restringpaisexpo: "Restringir país de Korea para operaciones de Exportación.",
 		bloqueoaldesactivarnumerodeparte: "Bloqueo para Desactivación y Activación de Número De Parte",
 		geninformeanexo31: "Inventario Inicial en Base al Sistema",
-		UsarFechaEmisionFactura: "Usar Fecha de Emision Factura en Manifestacion al Valor",
+		usarfechaemisionfactura: "Usar Fecha de Emision Factura en Manifestacion al Valor",
 		utilizarfechapagopeddeundiaanterior: "Utilizar Tipo de Cambio de la Fecha de Pago de Pedimento De Un Dia Anterior",
 		utilizartitulosalternativosimpresionfactura: "Utilizar Títulos Alternativos en la Impresión de las Facturas",
 		utilizarequivalenciasdeumpornumerodeparte: "Utilizar factor de conversión en número de parte para Importación y exportación.",
@@ -164,9 +142,61 @@
 		imprimirfacturaalterna: "Imprimir factura alterna en manifestación al valor y hoja de calculo",
 		informacionamericanasubtotal: "Mostrar Información Extra En Factura Americana SubTotal",
 		activarexpedienteelectronico: "Activar Expediente Electrónico",
-		Campo18Valsaaim3: "Mostrar Campo 18 en 551 Valsaaim3"
+		campo18valsaaim3: "Mostrar Campo 18 en 551 Valsaaim3"
 	};
 
+	const canonicalize = (data: any) => {
+		const result: any = {};
+		const recognizedKeys = Object.keys(FIELD_LABELS);
+		for (const rawKey in data) {
+			const canonicalKey = recognizedKeys.find((k) => k.toLowerCase() === rawKey.toLowerCase());
+			if (canonicalKey) {
+				result[canonicalKey] = data[rawKey];
+			} else {
+				result[rawKey] = data[rawKey];
+			}
+		}
+		return result;
+	};
+
+	// Initialize local/loc fields with defaults and keep in sync with currentData prop
+	let formData: any = $state({
+		downloadftp: 'No',
+		descargarftpolocal: 'FTP',
+		minsdownlftp: 0,
+		usarfechaemisionfactura: 0,
+		campo18valsaaim3: 0,
+		...canonicalize(currentData)
+	});
+
+	// Guarda la última versión recibida del padre para detectar cambios reales vs. echo circular
+	let lastExternalData: string = JSON.stringify({ ...currentData });
+
+	$effect(() => {
+		// Update state when currentData prop changes from outside
+		const newData = { ...currentData };
+		const newDataStr = JSON.stringify(newData);
+		// Solo sincroniza si el dato cambió externamente (no es un echo de nuestro propio onUpdate)
+		if (newDataStr === lastExternalData) return;
+		lastExternalData = newDataStr;
+
+		const mapped = canonicalize(newData);
+		for (const key in mapped) {
+			formData[key] = mapped[key];
+		}
+	});
+
+	// Notifica al padre del estado completo al montar (incluyendo defaults)
+	onMount(() => {
+		lastExternalData = JSON.stringify({ ...currentData });
+		onUpdate({ ...formData });
+	});
+
+	function handleFieldChange(key: string, value: any) {
+		formData[key] = value;
+		onUpdate({ ...formData });
+	}
+
 	// Grouped sections for the "General" tab
 	const GENERAL_SECTIONS = [
 		{
@@ -292,37 +322,37 @@
 		}
 	];
 
-	// Sections for "Cont 4" tab
+	// Groups for Cont 4
 	const CONT4_SECTIONS = [
 		{
 			id: 'ftp_master',
 			title: 'Activación y Frecuencia',
-			fields: ['DownloadFTP', 'MinsDownLFTP']
+			fields: ['downloadftp', 'minsdownlftp']
 		},
 		{
 			id: 'ftp_destino',
 			title: 'Destino de Descarga',
-			fields: ['DownloadFTPPath']
+			fields: ['downloadftppath']
 		},
 		{
 			id: 'ftp_origen',
 			title: 'Origen de Descarga',
-			fields: ['DescargarFTPoLocal']
+			fields: ['descargarftpolocal']
 		},
 		{
 			id: 'ftp_config',
 			title: 'Configuración FTP',
-			fields: ['ServerFTP', 'UserFTP', 'PasswordFTP', 'DirectorioFTP']
+			fields: ['serverftp', 'userftp', 'passwordftp', 'directorioftp']
 		},
 		{
 			id: 'local_config',
 			title: 'Configuración de Ruta Local',
-			fields: ['PathLocalParaDescDe']
+			fields: ['pathlocalparadescde']
 		},
 		{
 			id: 'additional_options',
 			title: 'Opciones Adicionales',
-			fields: ['AgregarRemplazarAutomatico', 'ActivarProcesoVEquipment', 'ActivarProcesoDesperdicioJDEdwards']
+			fields: ['agregarremplazarautomatico', 'activarprocesovequipment', 'activarprocesodesperdiciojdedwards']
 		}
 	];
 
@@ -342,7 +372,7 @@
 			id: 'config_adicionales',
 			title: 'Configuraciones Adicionales',
 			fields: [
-				'UsarFechaEmisionFactura',
+				'usarfechaemisionfactura',
 				'utilizarfechapagopeddeundiaanterior',
 				'utilizartitulosalternativosimpresionfactura',
 				'utilizarequivalenciasdeumpornumerodeparte',
@@ -389,7 +419,7 @@
 			fields: [
 				'desactivaciondemodulos',
 				'activarexpedienteelectronico',
-				'Campo18Valsaaim3'
+				'campo18valsaaim3'
 			]
 		}
 	];
@@ -622,25 +652,25 @@
 											label={FIELD_LABELS[field] || field}
 											value={formData[field]} 
 											onChange={(val) => handleFieldChange(field, val)} 
-											disabled={formData.DownloadFTP !== 'Si' && field !== 'DownloadFTP'}
-											type={
-												field === 'DownloadFTP' || field === 'DescargarFTPoLocal' ? 'radio' :
-												field === 'MinsDownLFTP' ? 'number' :
-												field === 'PasswordFTP' ? 'password' :
+											disabled={formData.downloadftp !== 'Si' && field !== 'downloadftp'}
+									type={
+												field === 'downloadftp' || field === 'descargarftpolocal' ? 'radio' :
+												field === 'minsdownlftp' ? 'number' :
+												field === 'passwordftp' ? 'password' :
 												undefined
 											}
 											options={
-												field === 'DownloadFTP' ? YES_NO_OPTIONS :
-												field === 'DescargarFTPoLocal' ? FTP_LOCAL_OPTIONS :
+												field === 'downloadftp' ? YES_NO_OPTIONS :
+												field === 'descargarftpolocal' ? FTP_LOCAL_OPTIONS :
 												undefined
 											}
 											hint={
-												field === 'DirectorioFTP' ? 'Ejemplo: /Folder 1/SubFolder' :
-												field === 'PathLocalParaDescDe' ? 'Ejemplo: C:\\Aduanas\\SCAIISQL' :
+												field === 'directorioftp' ? 'Ejemplo: /Folder 1/SubFolder' :
+												field === 'pathlocalparadescde' ? 'Ejemplo: C:\\Aduanas\\SCAIISQL' :
 												undefined
 											}
-											{...(section.id === 'ftp_config' && formData.DescargarFTPoLocal === 'Ruta Local' ? { disabled: true } : {})}
-											{...(section.id === 'local_config' && formData.DescargarFTPoLocal === 'FTP' ? { disabled: true } : {})}
+											{...(section.id === 'ftp_config' && formData.descargarftpolocal === 'Ruta Local' ? { disabled: true } : {})}
+											{...(section.id === 'local_config' && formData.descargarftpolocal === 'FTP' ? { disabled: true } : {})}
 										/>
 									{/each}
 								</div>
@@ -693,7 +723,7 @@
 										onChange={(val) => handleFieldChange(field, val)} 
 										type={
 											field === 'geninformeanexo31' ? 'radio' : 
-											(['UsarFechaEmisionFactura', 'agregarnumeroembarque', 'hojacalculosepararincrementablesanexo3', 'hojacalculodesglosefacturaanexo3'].includes(field) ? 'switch' : undefined)
+											(['usarfechaemisionfactura', 'agregarnumeroembarque', 'hojacalculosepararincrementablesanexo3', 'hojacalculodesglosefacturaanexo3'].includes(field) ? 'switch' : undefined)
 										}
 										options={field === 'geninformeanexo31' ? INICIAL_INV_OPTIONS : undefined}
 									/>
@@ -751,7 +781,7 @@
 										label={FIELD_LABELS[field] || field}
 										value={formData[field]} 
 										onChange={(val) => handleFieldChange(field, val)} 
-										type={field === 'Campo18Valsaaim3' ? 'switch' : undefined}
+										type={field === 'campo18valsaaim3' ? 'switch' : undefined}
 									/>
 								{/each}
 							</div>
diff --git a/frontend/src/routes/dashboard/invoices/settings/+page.svelte b/frontend/src/routes/dashboard/invoices/settings/+page.svelte
index bb25b22a..e513b760 100644
--- a/frontend/src/routes/dashboard/invoices/settings/+page.svelte
+++ b/frontend/src/routes/dashboard/invoices/settings/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
+	import { onMount, untrack } from 'svelte';
 	import { browser } from '$app/environment';
 	import { page } from '$app/stores';
 	import * as Tabs from '$lib/components/ui/tabs';
@@ -39,8 +39,13 @@
 	let isSaving = $state(false);
 	let activeTab = $state('general');
 	let companyStore: any = $state(undefined);
+	
+	// SCAII (ssisgen) | SCAF (qsisgen)
+	type SystemType = 'ssisgen' | 'qsisgen';
+	let activeSystem = $state<SystemType>('ssisgen');
 
 	// Form Data State - Initialize as null to let components self-initialize
+	let rawSettings = $state<any>({});
 	let InvoiceTopFieldsFormData = $state<any>(null);
 	let generalFormData = $state<any>(null);
 	let observationFormData = $state<any>(null);
@@ -48,6 +53,7 @@
 	let othersFormData = $state<any>(null);
 	let continuationFormData = $state<any>(null);
 	let ssimpFormData = $state<any>(null);
+	let lastLoadedKey = $state<string>('');
 
 	// Derived object for components to consume context
 	// We use a getter to avoid circular reactivity issues during initialization
@@ -89,33 +95,63 @@
 	});
 
 	async function loadSettings() {
-		if (!selectedInvoiceType || !selectedOperationType || !companyStore?.activeCompany?.id) return;
-
+		const cid = companyStore?.activeCompany?.id;
+		if (!selectedInvoiceType || !selectedOperationType || !cid) {
+			console.log('LOAD: Skipping - Missing Context', { selectedInvoiceType, selectedOperationType, cid });
+			return;
+		}
+		
+		const currentKey = `${selectedOperationType}:${selectedInvoiceType}:${cid}`;
+		if (currentKey === lastLoadedKey && !isLoading) {
+			console.log('LOAD: Skipping - Key match', currentKey);
+			return;
+		}
+		
+		if (isLoading) {
+			console.log('LOAD: Skipping - Already Loading');
+			return;
+		}
+		
+		console.log('LOAD: Starting...', currentKey);
 		isLoading = true;
 		try {
 			const res = await api.get(
-				`/v1/a76/invoice-settings/${selectedInvoiceType}?operation_type=${selectedOperationType}&company_id=${companyStore.activeCompany.id}`
+				`/v1/a76/invoice-settings/${selectedInvoiceType}?operation_type=${selectedOperationType}&company_id=${cid}`
 			);
 
 			if (res.status === 200 || res.data) {
 				const settingsData = res.data;
+				lastLoadedKey = currentKey; 
+				console.log('LOAD: Success', { hasSettings: !!settingsData?.settings });
 				if (settingsData && settingsData.settings) {
-					applySettings(settingsData.settings);
+					rawSettings = settingsData.settings;
+					applySettings(rawSettings);
 				} else {
+					rawSettings = {};
 					resetForms();
 				}
 			} else {
+				console.log('LOAD: Response format mismatch or failed', res.status);
+				lastLoadedKey = currentKey;
+				rawSettings = {};
 				resetForms();
 			}
 		} catch (error) {
-			console.error('Error loading settings', error);
+			console.error('LOAD: Exception', error);
+			lastLoadedKey = currentKey;
+			rawSettings = {};
 			resetForms();
 		} finally {
+			console.log('LOAD: Finished');
 			isLoading = false;
 		}
 	}
 
 	function applySettings(settings: any) {
+		// Separation logic: Check if we have nested settings for the active system
+		const systemData = settings[activeSystem] || (activeSystem === 'ssisgen' ? settings : {});
+
+		// If the systemData is empty/new, we still spread defaults above it
 		InvoiceTopFieldsFormData = {
 			is_pedimento_pending: false,
 			pedimento_id: '',
@@ -129,7 +165,7 @@
 			fecha_pedimento_al: '',
 			clave_pedimento: '',
 			regimen_pedimento: '',
-			...(settings.InvoiceTopFieldsFormData || {})
+			...(systemData.InvoiceTopFieldsFormData || {})
 		};
 		generalFormData = {
 			provider_header: 'proveedor',
@@ -152,7 +188,7 @@
 			transport_num: '',
 			aduana: '',
 			document_type: '',
-			...(settings.generalFormData || {})
+			...(systemData.generalFormData || {})
 		};
 		observationFormData = {
 			observation_es: '',
@@ -164,20 +200,30 @@
 			other_increments: null,
 			total_increments_mn: null,
 			total_increments_me: null,
-			incoterm: null,
+			incoterm: '',
 			enclosure: null,
 			num_seals: null,
 			movement_type: '',
 			alternate_invoice: '',
-			valuation_method: null,
-			...(settings.observationFormData || {})
+			valuation_method: '',
+			other_deductibles: null,
+			proforma_number: '',
+			sub_division: 'no',
+			acts_as_cd: false,
+			identifier_1: '',
+			complement_1: '',
+			identifier_2: '',
+			complement_2: '',
+			office_document: '',
+			is_mixed: false,
+			...(systemData.observationFormData || {})
 		};
-		itemsFormData = settings.itemsFormData || {};
-		ssimpFormData = settings.ssimpFormData || {};
+		itemsFormData = systemData.itemsFormData || {};
+		ssimpFormData = systemData.ssimpFormData || {};
 		othersFormData = {
 			comments_status: '',
 			transport_mode: 'TRUCK',
-			is_mixed: null,
+			is_mixed: false,
 			print_stamp: false,
 			rule_3121_parties_ii: false,
 			related_doc_id: null,
@@ -190,7 +236,16 @@
 			adendas: '',
 			observations_vu: '',
 			certified_number: '',
-			...(settings.othersFormData || {})
+			entry_exit_date: '',
+			payment_date: '',
+			bill_number: '',
+			guide_number: '',
+			shipment_number: '',
+			option_iv18: '',
+			delivered_status: false,
+			received_by: '',
+			delivery_date: '',
+			...(systemData.othersFormData || {})
 		};
 		continuationFormData = {
 			numero_tipo_transporte: '',
@@ -199,6 +254,7 @@
 			cantidad_guias_embarque: null,
 			destino_origen: '',
 			puerto_entrada: '',
+			vehicle_data: '',
 			fue_revisado_equipo: false,
 			sub_division: false,
 			funge_como_cd: false,
@@ -208,7 +264,15 @@
 			semaforo_verde_aduana_americana: false,
 			semaforo_rojo_aduana_mexicana: false,
 			semaforo_rojo_aduana_americana: false,
-			...(settings.continuationFormData || {})
+			is_mixed: false,
+			reason_export: '1',
+			purchase_order: '',
+			payment_terms: '',
+			handling_fees: 0,
+			cfdi_uuid: '',
+			path_pdf: '',
+			path_xml: '',
+			...(systemData.continuationFormData || {})
 		};
 
 		// The derived 'invoice' will update automatically because it spread InvoiceTopFieldsFormData
@@ -261,19 +325,29 @@
 			other_increments: null,
 			total_increments_mn: null,
 			total_increments_me: null,
-			incoterm: null,
+			incoterm: '',
 			enclosure: null,
 			num_seals: null,
 			movement_type: '',
 			alternate_invoice: '',
-			valuation_method: null
+			valuation_method: '',
+			other_deductibles: null,
+			proforma_number: '',
+			sub_division: 'no',
+			acts_as_cd: false,
+			identifier_1: '',
+			complement_1: '',
+			identifier_2: '',
+			complement_2: '',
+			office_document: '',
+			is_mixed: false
 		};
 		itemsFormData = {};
 		ssimpFormData = {};
 		othersFormData = {
 			comments_status: '',
 			transport_mode: 'TRUCK',
-			is_mixed: null,
+			is_mixed: false,
 			print_stamp: false,
 			rule_3121_parties_ii: false,
 			related_doc_id: null,
@@ -285,7 +359,16 @@
 			operation_num: '',
 			adendas: '',
 			observations_vu: '',
-			certified_number: ''
+			certified_number: '',
+			entry_exit_date: '',
+			payment_date: '',
+			bill_number: '',
+			guide_number: '',
+			shipment_number: '',
+			option_iv18: '',
+			delivered_status: false,
+			received_by: '',
+			delivery_date: ''
 		};
 		continuationFormData = {
 			numero_tipo_transporte: '',
@@ -294,6 +377,7 @@
 			cantidad_guias_embarque: null,
 			destino_origen: '',
 			puerto_entrada: '',
+			vehicle_data: '',
 			fue_revisado_equipo: false,
 			sub_division: false,
 			funge_como_cd: false,
@@ -302,7 +386,15 @@
 			semaforo_verde_aduana_mexicana: false,
 			semaforo_verde_aduana_americana: false,
 			semaforo_rojo_aduana_mexicana: false,
-			semaforo_rojo_aduana_americana: false
+			semaforo_rojo_aduana_americana: false,
+			is_mixed: false,
+			reason_export: '1',
+			purchase_order: '',
+			payment_terms: '',
+			handling_fees: 0,
+			cfdi_uuid: '',
+			path_pdf: '',
+			path_xml: ''
 		};
 		// The derived 'invoice' handles itself
 	}
@@ -356,8 +448,8 @@
 
 		isSaving = true;
 
-		// Use snaphot to get clean data from Svelte 5 proxies
-		const rawSettings = {
+		// Use snapshot to get clean data from Svelte 5 proxies
+		const systemCleanedData = cleanObject({
 			InvoiceTopFieldsFormData: $state.snapshot(InvoiceTopFieldsFormData),
 			generalFormData: $state.snapshot(generalFormData),
 			observationFormData: $state.snapshot(observationFormData),
@@ -365,15 +457,19 @@
 			ssimpFormData: $state.snapshot(ssimpFormData),
 			othersFormData: $state.snapshot(othersFormData),
 			continuationFormData: $state.snapshot(continuationFormData)
-		};
+		});
 
-		// Clean the settings to only save what's configured
-		const cleanedSettings = cleanObject(rawSettings);
+		// Nest the settings under the active system key
+		// Merge with existing rawSettings to preserve other system's data
+		const fullSettings = {
+			...$state.snapshot(rawSettings),
+			[activeSystem]: systemCleanedData
+		};
 
 		const settingsPayload = {
 			invoice_type: selectedInvoiceType,
 			operation_type: selectedOperationType,
-			settings: cleanedSettings
+			settings: fullSettings
 		};
 
 		try {
@@ -383,7 +479,9 @@
 			);
 
 			if (response.status === 200 || response.data) {
-				toast.success('Configuración guardada correctamente.');
+				// Update local cache
+				rawSettings = fullSettings;
+				toast.success(`Configuraciones de ${activeSystem === 'ssisgen' ? 'SCAII' : 'SCAF'} guardadas correctly.`);
 			} else {
 				console.error('Save error details:', response.error || response.validationErrors);
 				toast.error('Error al guardar la configuración.');
@@ -396,21 +494,35 @@
 		}
 	}
 
-	// Watch for selection changes
-	// We'll call loadSettings manually when selection changes to avoid reactive loops
+	// Effect to reload data when system changes
 	$effect(() => {
-		if (browser && !InvoiceTopFieldsFormData && companyStore?.activeCompany?.id) {
-			loadSettings();
+		const sys = activeSystem;
+		if (rawSettings) {
+			applySettings(rawSettings);
+		}
+	});
+
+	// NO MORE reactive loading effects. Manual triggers only to prevent loops.
+	// Initial mount load.
+	$effect(() => {
+		const cid = companyStore?.activeCompany?.id;
+		if (browser && cid && selectedOperationType && selectedInvoiceType && !lastLoadedKey && !isLoading) {
+			untrack(() => {
+				console.log('EFFECT: Initial load triggered');
+				loadSettings();
+			});
 		}
 	});
 
 	// Handle explicit changes
 	function handleOperationTypeChange(v: string) {
+		console.log('UI: Operation type change:', v);
 		selectedOperationType = v;
 		loadSettings();
 	}
 
 	function handleInvoiceTypeChange(v: string) {
+		console.log('UI: Invoice type change:', v);
 		selectedInvoiceType = v;
 		loadSettings();
 	}
@@ -498,13 +610,13 @@
 					</div>
 				{:else}
 					<div class="grid gap-6">
-						<!-- Top Fields (Header) -->
+						<!-- Top Fields (Header Defaults) -->
 						<div class="bg-background rounded-xl border-2 shadow-sm p-6">
 							<div class="flex items-center gap-2 mb-6 border-b pb-4">
 								<div class="p-1.5 bg-primary/10 rounded-md">
 									<FileText class="w-5 h-5 text-primary" />
 								</div>
-								<h3 class="text-lg font-bold">Encabezado Predeterminado</h3>
+								<h3 class="text-lg font-bold">Valores Predeterminados del Encabezado</h3>
 							</div>
 							
 							<InvoiceTopFields
@@ -518,109 +630,137 @@
 								isSettings={true}
 							/>
 						</div>
-
 						<div class="space-y-4">
 							<Tabs.Content value="general">
-								<GeneralTabForm
-									{invoice}
-									bind:formData={generalFormData}
-									invoiceTypes={data.invoiceTypes || []}
-									customsBrokers={data.customsBrokers || []}
-									clients={data.clients || []}
-									providers={data.providers || []}
-									currencyTypes={data.currencyTypes || []}
-									transportTypes={data.transportTypes || []}
-									transporters={data.transporters || []}
-									vehicles={data.vehicles || []}
-									drivers={data.drivers || []}
-									trailers={data.trailers || []}
-									customsSections={data.customsSections || []}
-									codePedimentoRegimens={data.codePedimentoRegimens || []}
-									operationType={operationTypeNumeric}
-									{invoiceType}
-									exchangeRate={0}
-									isSettings={true}
-								/>
-							</Tabs.Content>
+									<GeneralTabForm
+										{invoice}
+										bind:formData={generalFormData}
+										invoiceTypes={data.invoiceTypes || []}
+										customsBrokers={data.customsBrokers || []}
+										clients={data.clients || []}
+										providers={data.providers || []}
+										currencyTypes={data.currencyTypes || []}
+										transportTypes={data.transportTypes || []}
+										transporters={data.transporters || []}
+										vehicles={data.vehicles || []}
+										drivers={data.drivers || []}
+										trailers={data.trailers || []}
+										customsSections={data.customsSections || []}
+										codePedimentoRegimens={data.codePedimentoRegimens || []}
+										operationType={operationTypeNumeric}
+										{invoiceType}
+										exchangeRate={0}
+										isSettings={true}
+									/>
+								</Tabs.Content>
 
-							<Tabs.Content value="observations">
-								<ObservationsTabForm
-									{invoice}
-									bind:formData={observationFormData}
-									bind:exists={observationExists}
-									seals={[]}
-									incoterms={data.incoterms || []}
-									enclosure={[]}
-									operationType={operationTypeNumeric}
-									{invoiceType}
-									isSettings={true}
-								/>
-							</Tabs.Content>
+								<Tabs.Content value="observations">
+									<ObservationsTabForm
+										{invoice}
+										bind:formData={observationFormData}
+										bind:exists={observationExists}
+										seals={[]}
+										incoterms={data.incoterms || []}
+										enclosure={[]}
+										operationType={operationTypeNumeric}
+										{invoiceType}
+										isSettings={true}
+									/>
+								</Tabs.Content>
 
-							<Tabs.Content value="items">
-								<div class="p-12 border-2 border-dashed rounded-xl bg-muted/20 text-center flex flex-col items-center gap-4">
-									<div class="p-4 bg-muted rounded-full">
-										<DollarSign class="w-8 h-8 text-muted-foreground opacity-50" />
-									</div>
-									<div class="max-w-md">
-										<h4 class="font-bold text-lg">Configuración de Partidas</h4>
-										<p class="text-sm text-muted-foreground mt-1">
-											La configuración predeterminada de partidas es limitada desde esta sección. Los valores se heredarán de los maestros de productos cuando sea posible.
-										</p>
-									</div>
-								</div>
-							</Tabs.Content>
-
-							<Tabs.Content value="others">
-								<OthersTabForm
-									{invoice}
-									bind:formData={othersFormData}
-									bind:exists={othersExists}
-									transportModes={data.transportModes || []}
-									operationType={operationTypeNumeric}
-									{invoiceType}
-									isSettings={true}
-								/>
-							</Tabs.Content>
-
-							<Tabs.Content value="continuation">
-								<div class="space-y-6">
-									{#if invoiceType !== 'MEX'}
-										<div class="bg-background rounded-xl border p-6">
-											<h4 class="text-sm font-semibold uppercase text-muted-foreground mb-4">Captura de Valores por Defecto</h4>
-											<ContinuationTabForm
-												{invoice}
-												bind:formData={continuationFormData}
-												bind:exists={continuationExists}
-												operationType={operationTypeNumeric}
-												{invoiceType}
-												isSettings={true}
-											/>
+								<Tabs.Content value="items">
+									<div class="p-12 border-2 border-dashed rounded-xl bg-muted/20 text-center flex flex-col items-center gap-4">
+										<div class="p-4 bg-muted rounded-full">
+											<DollarSign class="w-8 h-8 text-muted-foreground opacity-50" />
 										</div>
-									{/if}
-								</div>
-							</Tabs.Content>
+										<div class="max-w-md">
+											<h4 class="font-bold text-lg">Configuración de Partidas</h4>
+											<p class="text-sm text-muted-foreground mt-1">
+												La configuración predeterminada de partidas es limitada desde esta sección. Los valores se heredarán de los maestros de productos cuando sea posible.
+											</p>
+										</div>
+									</div>
+								</Tabs.Content>
+
+								<Tabs.Content value="others">
+									<OthersTabForm
+										{invoice}
+										bind:formData={othersFormData}
+										bind:exists={othersExists}
+										transportModes={data.transportModes || []}
+										operationType={operationTypeNumeric}
+										{invoiceType}
+										isSettings={true}
+									/>
+								</Tabs.Content>
+
+								<Tabs.Content value="continuation">
+									<div class="space-y-6">
+										{#if invoiceType !== 'MEX'}
+											<div class="bg-background rounded-xl border p-6">
+												<h4 class="text-sm font-semibold uppercase text-muted-foreground mb-4">Captura de Valores por Defecto</h4>
+												<ContinuationTabForm
+													{invoice}
+													bind:formData={continuationFormData}
+													bind:exists={continuationExists}
+													operationType={operationTypeNumeric}
+													{invoiceType}
+													isSettings={true}
+												/>
+											</div>
+										{/if}
+									</div>
+								</Tabs.Content>
 
 							<Tabs.Content value="ssimp">
 								<div class="space-y-6">
 									<div class="bg-background rounded-xl border p-6">
-										<h4 class="text-sm font-semibold uppercase text-muted-foreground mb-4">
-											{selectedOperationType === 'exp'
-												? `Parámetros de Exportación — ${data.invoiceTypes?.find((t: any) => t.key === invoiceType)?.description || invoiceType}`
-												: invoiceType === 'DEF'
-												? 'Parámetros Adicionales SSisDef'
-												: invoiceType === 'MEX'
-												? 'Parámetros Adicionales SSICM'
-												: 'Parámetros Adicionales SSimp'}
-										</h4>
-										{#if selectedOperationType === 'exp'}
-											<SscrSettingsForm bind:formData={ssimpFormData} />
+										<div class="flex items-center justify-between mb-4 border-b pb-4">
+											<h4 class="text-sm font-semibold uppercase text-muted-foreground">
+												{#if selectedOperationType === 'exp'}
+													Parámetros de Exportación — {data.invoiceTypes?.find((t: any) => t.key === invoiceType)?.description || invoiceType}
+												{:else}
+													{#if invoiceType === 'CR' || invoiceType === 'REP' || invoiceType === 'REPAR'}
+														Parámetros de Cambio de Régimen/Reparación — {invoiceType}
+													{:else if invoiceType === 'DEF'}
+														Parámetros Adicionales SSisDef
+													{:else if invoiceType === 'MEX'}
+														Parámetros Adicionales SSICM
+													{:else}
+														Parámetros Adicionales SSimp
+													{/if}
+												{/if}
+											</h4>
+											
+											<!-- SCAF/SCAII Switcher -->
+											<div class="flex items-center bg-muted/30 p-1 rounded-lg border">
+												<Button 
+													variant={activeSystem === 'ssisgen' ? 'default' : 'ghost'} 
+													size="sm" 
+													class="h-7 text-[10px] uppercase font-bold px-3"
+													onclick={() => activeSystem = 'ssisgen'}
+												>
+													SCAII (Legacy)
+												</Button>
+												<Button 
+													variant={activeSystem === 'qsisgen' ? 'default' : 'ghost'} 
+													size="sm" 
+													class="h-7 text-[10px] uppercase font-bold px-3"
+													onclick={() => activeSystem = 'qsisgen'}
+												>
+													SCAF (Activos)
+												</Button>
+											</div>
+										</div>
+
+										{#if invoiceType === 'CR' || selectedOperationType === 'exp' || invoiceType === 'REP' || invoiceType === 'REPAR'}
+											<SscrSettingsForm bind:formData={ssimpFormData} {activeSystem} />
 										{:else if invoiceType === 'DEF'}
-											<SsisdefSettingsForm bind:formData={ssimpFormData} />
+											<SsisdefSettingsForm bind:formData={ssimpFormData} {activeSystem} />
 										{:else if invoiceType === 'MEX'}
-											<SsicmSettingsForm bind:formData={ssimpFormData} drivers={data.drivers || []} />
+											<SsicmSettingsForm bind:formData={ssimpFormData} drivers={data.drivers || []} {activeSystem} />
 										{:else}
-											<SsimpSettingsForm bind:formData={ssimpFormData} />
+											<SsimpSettingsForm bind:formData={ssimpFormData} {activeSystem} />
 										{/if}
 									</div>
 								</div>
diff --git a/frontend/src/routes/dashboard/settings/general/+page.svelte b/frontend/src/routes/dashboard/settings/general/+page.svelte
index 1787f659..eae93f88 100644
--- a/frontend/src/routes/dashboard/settings/general/+page.svelte
+++ b/frontend/src/routes/dashboard/settings/general/+page.svelte
@@ -1,38 +1,40 @@
 <script lang="ts">
 	import { appSettingsApi } from '$lib/api/dashboard/a76/app-settings';
 	import { toast } from 'svelte-sonner';
-	import { Settings2, Save, RefreshCw } from 'lucide-svelte';
+	import { Settings2, Save, RefreshCw, Database, Package } from 'lucide-svelte';
 	import { companyStore } from '$lib/stores/company.svelte';
 
 	// Componentes UI
 	import * as Card from '$lib/components/ui/card';
 	import { Button } from '$lib/components/ui/button';
+	import { Badge } from '$lib/components/ui/badge';
 
 	// Custom Components
 	import SsisGenTabsForm from '$lib/components/dashboard/settings/SsisGenTabsForm.svelte';
+	import QsisGenTabsForm from '$lib/components/dashboard/settings/QsisGenTabsForm.svelte';
 
 	let tenantIdVal = $derived(companyStore.activeCompany?.tenant_id || 0);
 	let companyIdVal = $derived(companyStore.activeCompany?.id || 0);
-	
-	let activeCategory = $state('ssisgen');
-	
+
+	// SCAII (ssisgen) | SCAF (qsisgen)
+	type SystemType = 'ssisgen' | 'qsisgen';
+	let activeSystem = $state<SystemType>('ssisgen');
+
 	let resolvedSettings = $state<any>(null);
 	let loading = $state(true);
 	let saving = $state(false);
 
-	// Form internal state tracking
 	let currentFormData = $state<any>({});
 
-	// Load when company changes or on mount
 	$effect(() => {
 		const companyId = companyIdVal;
 		const tenantId = tenantIdVal;
-		
 		if (companyId && tenantId) {
 			handleResolve();
 		} else {
 			loading = true;
 			resolvedSettings = null;
+			currentFormData = {};
 		}
 	});
 
@@ -41,18 +43,20 @@
 			toast.error('No hay contexto de empresa o tenant activo');
 			return;
 		}
-
 		saving = true;
 		try {
 			const payload = {
 				tenant_id: tenantIdVal,
 				company_id: companyIdVal,
 				settings: {
-					[activeCategory]: currentFormData
+					[activeSystem]: {
+						...currentFormData,
+						Type: activeSystem === 'ssisgen' ? 'SCAII' : 'SCAF'
+					}
 				}
 			};
 			await appSettingsApi.upsert(payload);
-			toast.success(`Configuraciones de ${activeCategory.toUpperCase()} guardadas correctamente`);
+			toast.success(`Configuraciones de ${activeSystem.toUpperCase()} guardadas correctamente`);
 			await handleResolve();
 		} catch (e: any) {
 			toast.error('Error al guardar: ' + e.message);
@@ -63,15 +67,13 @@
 
 	async function handleResolve() {
 		if (!companyIdVal || !tenantIdVal) return;
-		
 		loading = true;
 		try {
 			resolvedSettings = await appSettingsApi.getResolved(tenantIdVal, companyIdVal);
-			if (resolvedSettings && resolvedSettings[activeCategory]) {
-				currentFormData = { ...resolvedSettings[activeCategory] };
-			} else {
-				currentFormData = {};
-			}
+			// Carga los datos del sistema activo — sin $effect duplicado
+			currentFormData = resolvedSettings?.[activeSystem]
+				? { ...resolvedSettings[activeSystem] }
+				: {};
 		} catch (e: any) {
 			toast.error('Error al cargar configuraciones: ' + e.message);
 		} finally {
@@ -82,6 +84,17 @@
 	function handleFormUpdate(newData: any) {
 		currentFormData = newData;
 	}
+
+	function switchSystem(sys: SystemType) {
+		if (sys === activeSystem) return;
+		activeSystem = sys;
+		// Usa los datos ya cargados en caché; no hace re-fetch
+		if (resolvedSettings) {
+			currentFormData = resolvedSettings[sys] ? { ...resolvedSettings[sys] } : {};
+		} else {
+			currentFormData = {};
+		}
+	}
 </script>
 
 <svelte:head>
@@ -89,13 +102,43 @@
 </svelte:head>
 
 <div class="container mx-auto py-6 pb-32">
-	<div class="mb-6 flex items-center justify-between">
+	<div class="mb-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4">
 		<div>
 			<h1 class="text-2xl font-bold tracking-tight">Configuraciones Generales</h1>
 			<p class="text-muted-foreground">
-				Configura los parámetros del sistema (SSisGen).
+				Configura los parámetros del sistema.
 			</p>
 		</div>
+
+		<!-- Toggle SCAII / SCAF -->
+		<div class="flex items-center gap-2 bg-muted rounded-lg p-1 w-fit">
+			<button
+				onclick={() => switchSystem('ssisgen')}
+				class="flex items-center gap-2 px-4 py-2 rounded-md text-sm font-semibold transition-all duration-200
+					{activeSystem === 'ssisgen'
+						? 'bg-background text-foreground shadow-sm'
+						: 'text-muted-foreground hover:text-foreground'}"
+			>
+				<Database class="w-4 h-4" />
+				SCAII
+				{#if activeSystem === 'ssisgen'}
+					<Badge variant="secondary" class="text-[10px] px-1.5 py-0 ml-1">inv</Badge>
+				{/if}
+			</button>
+			<button
+				onclick={() => switchSystem('qsisgen')}
+				class="flex items-center gap-2 px-4 py-2 rounded-md text-sm font-semibold transition-all duration-200
+					{activeSystem === 'qsisgen'
+						? 'bg-background text-foreground shadow-sm'
+						: 'text-muted-foreground hover:text-foreground'}"
+			>
+				<Package class="w-4 h-4" />
+				SCAF
+				{#if activeSystem === 'qsisgen'}
+					<Badge variant="secondary" class="text-[10px] px-1.5 py-0 ml-1">fixed_asset</Badge>
+				{/if}
+			</button>
+		</div>
 	</div>
 
 	{#if loading && !resolvedSettings}
@@ -106,10 +149,17 @@
 	{:else}
 		<div class="grid gap-6">
 			<div class="bg-background rounded-lg border p-4">
-				<SsisGenTabsForm 
-					currentData={currentFormData} 
-					onUpdate={handleFormUpdate} 
-				/>
+				{#if activeSystem === 'ssisgen'}
+					<SsisGenTabsForm
+						currentData={currentFormData}
+						onUpdate={handleFormUpdate}
+					/>
+				{:else}
+					<QsisGenTabsForm
+						currentData={currentFormData}
+						onUpdate={handleFormUpdate}
+					/>
+				{/if}
 			</div>
 		</div>
 	{/if}
@@ -117,24 +167,21 @@
 
 <!-- Sticky Footer -->
 <div class="fixed bottom-0 left-0 right-0 bg-background/95 backdrop-blur border-t shadow-lg z-10 p-4 transition-all duration-300 group-has-data-[state=collapsed]/sidebar-wrapper:ml-[calc(var(--sidebar-width-icon))] ml-[calc(var(--sidebar-width))]">
-	<div class="container mx-auto max-w-[1400px] flex justify-end gap-3 pointer-events-none">
-		<div class="pointer-events-auto flex items-center gap-4">
-			{#if loading}
-				<div class="text-sm text-muted-foreground flex items-center gap-2">
-					<RefreshCw class="w-4 h-4 animate-spin" />
-					Cargando...
-				</div>
+	<div class="container mx-auto max-w-[1400px] flex justify-end items-center gap-4">
+		{#if loading}
+			<div class="text-sm text-muted-foreground flex items-center gap-2">
+				<RefreshCw class="w-4 h-4 animate-spin" />
+				Cargando...
+			</div>
+		{/if}
+		<Button onclick={handleSave} disabled={saving || loading}>
+			{#if saving}
+				<RefreshCw class="mr-2 h-4 w-4 animate-spin" />
+				Guardando...
+			{:else}
+				<Save class="mr-2 h-4 w-4" />
+				Guardar {activeSystem === 'ssisgen' ? 'SCAII' : 'SCAF'}
 			{/if}
-			
-			<Button onclick={handleSave} disabled={saving || loading}>
-				{#if saving}
-					<RefreshCw class="mr-2 h-4 w-4 animate-spin" />
-					Guardando...
-				{:else}
-					<Save class="mr-2 h-4 w-4" />
-					Guardar Configuración
-				{/if}
-			</Button>
-		</div>
+		</Button>
 	</div>
 </div>