/* =========================================================================
   🌐 ERP FRAGATA - HOJA DE COMPONENTES UNIFICADOS Y ADAPTATIVOS
   ========================================================================= */
/* ⚠️ Interruptor de seguridad de costos */
.switch-container-mostrador {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 15px !important;
	padding-top: 12px !important;
	border-top: 1px solid #e2e8f0 !important;
}

.switch-container-mostrador .switch-flexbox {
	display: flex;
	align-items: center;
}

.switch-container-mostrador input[type="checkbox"] {
	cursor: pointer !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	accent-color: var(--theme-text-panel, #0f172a) !important;
}

.switch-container-mostrador label {
	font-size: 11px !important;
	color: #bd6513 !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 0.3px !important;
	user-select: none !important;
	margin-left: 8px !important;
	cursor: pointer;
}

/* Botonera de acciones */
.perfil-btn-guardar {
	color: #ffffff !important;
	text-align: center !important;
	text-decoration: none !important;
	display: block !important;
	padding: 10px 0;
	border-radius: 6px;
	font-weight: bold;
	font-size: 13px;
	box-sizing: border-box;
}

a.perfil-btn-guardar {
	background: #475569 !important;
	/* Gris slate pulido para neutralizar el regreso */
	border: 1px solid #475569;
}

a.perfil-btn-guardar:hover {
	filter: brightness(90%);
}

button.perfil-btn-guardar {
	background: var(--theme-accent, #2563eb) !important;
	width: 100% !important;
	border: none !important;
	cursor: pointer;
}

button.perfil-btn-guardar:hover {
	filter: brightness(90%);
}


/* =========================================================================
   🎛️ COMPONENTE 2: COMANDERA EXPRESS B2B (MÓDULO RAPIDO DE Articulo)
   ========================================================================= */
.cmd-card {
	background: #ffffff;
	border: 1px solid rgba(var(--theme-accent-rgb), 0.15);
	border-radius: 12px;
	margin-top: 20px;
	overflow: hidden;
	font-family: 'Segoe UI', Arial, sans-serif;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

.cmd-card-header {
	background: linear-gradient(135deg, var(--theme-header-start) 0%, var(--theme-header-end) 100%) !important;
	color: var(--theme-text-panel, #0f172a) !important;
	padding: 16px 24px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(var(--theme-text-panel), 0.08);
}

.cmd-badge-modo {
	font-size: 11px;
	background: rgba(var(--theme-text-panel), 0.06);
	color: var(--theme-text-mutado, #475569);
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: none;
	font-weight: 600;
	border: 1px solid rgba(var(--theme-text-panel), 0.1);
}

.cmd-card-body {
	padding: 24px;
	box-sizing: border-box;
	background: #ffffff;
}

.cmd-entrada-rapida-bar {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	gap: 15px !important;
	background: #ffffff !important;
	padding: 15px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.cmd-input-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	box-sizing: border-box !important;
}

.cmd-flex-1 {
	flex: 1 !important;
}

.cmd-width-120 {
	width: 120px !important;
}

.cmd-label {
	font-size: 12px !important;
	/* Aumentado simétricamente */
	font-weight: 700 !important;
	color: var(--theme-text-mutado, #475569) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.6px !important;
	margin: 0 !important;
}

.cmd-entrada-rapida-bar input[type="text"],
.cmd-entrada-rapida-bar input[type="number"],
.cmd-btn-agregar {
	height: 38px !important;
	/* Un poco más de empaque vertical táctil */
	font-size: 14px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

.cmd-entrada-rapida-bar input {
	width: 100% !important;
	padding: 8px 12px !important;
	background-color: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 6px !important;
	outline: none !important;
	color: var(--theme-text-panel, #0f172a) !important;
	transition: all 0.2s ease !important;
}

.cmd-entrada-rapida-bar input:focus {
	background-color: #ffffff !important;
	border-color: var(--theme-accent, #2563eb) !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.cmd-btn-agregar {
	background-color: var(--theme-accent, #2563eb) !important;
	border: 1px solid var(--theme-accent, #2563eb) !important;
	color: #ffffff !important;
	padding: 0 24px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
}

.cmd-btn-agregar:hover {
	filter: brightness(90%) !important;
	transform: translateY(-1px) !important;
}

.cmd-tabla-scroll {
	overflow-x: auto;
	width: 100%;
	margin-top: 15px;
}

.cmd-tabla {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	font-size: 13px;
}

.cmd-tabla thead tr {
	background: var(--theme-header-start, #e2e8f0);
	color: var(--theme-text-panel, #0f172a);
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
}

.cmd-tabla th,
.cmd-tabla td {
	padding: 12px;
}

.cmd-tabla tbody tr {
	border-bottom: 1px solid #e2e8f0;
	color: var(--theme-text-panel, #0f172a);
}

.cmd-tabla tbody tr:hover {
	background: #f8fafc;
}

/*
.cmd-resumen-bar {
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(135deg, #94a3b8 0%, #dbdfe6 100%) !important;
	border: 1px solid rgba(var(--theme-text-panel), 0.08);
	color: var(--theme-text-mutado, #0f172a);
	padding: 16px 24px;
	border-radius: 8px;
	box-sizing: border-box;
}

.cmd-resumen-label {
	font-size: 12px;
	color: var(--theme-text-mutado, #475569);
	display: block;
}

.cmd-resumen-value {
	color: var(--theme-text-mutado, #0f172a);
	font-size: 14px;
	font-weight: 600;
}

.cmd-total-bloque {
	text-align: right;
}

.cmd-total-precio {
	display: block;
	font-size: 24px;
	font-weight: 800;
	color: #096d4c;
}


.toast-alerta-local {
	padding: 14px 18px !important;
	border-radius: 8px !important;
	margin-bottom: 22px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.toast-alerta-local.success {
	background: #dcfce7 !important;
	color: #15803d !important;
	border: 1px solid #bbf7d0 !important;
}

.toast-alerta-local.danger {
	background: #fee2e2 !important;
	color: #b91c1c !important;
	border: 1px solid #fca5a5 !important;
}
*/

/* =========================================================================
   📱 REGLAS DE ADAPTACIÓN MÓVIL CRÍTICAS (RESPONSIVE BLINDADO)
   ========================================================================= */
/*
@media (max-width: 767.98px) {

	/* Ajustes Comandera Móvil 
	.cmd-card {
		margin-top: 12px !important;
		border-radius: 8px !important;
	}

	.cmd-card-header {
		padding: 12px 16px !important;
		font-size: 14px !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px !important;
	}

	.cmd-card-body {
		padding: 12px !important;
	}

	.cmd-entrada-rapida-bar {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
		padding: 12px !important;
	}

	.cmd-flex-1,
	.cmd-width-120 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.cmd-entrada-rapida-bar input {
		padding: 12px !important;
		font-size: 14px !important;
	}

	#cmd-cantidad {
		text-align: left !important;
	}

	.cmd-btn-agregar {
		width: 100% !important;
		height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.cmd-resumen-bar {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 12px !important;
		padding: 12px 16px !important;
	}

	.cmd-total-bloque {
		text-align: left !important;
		border-top: 1px solid rgba(var(--theme-text-panel), 0.08) !important;
		padding-top: 8px !important;
	}
}
*/
/* =========================================================================
   🛡️ CANDADO DE CIERRE UNIVERSAL (AL FINAL DE COMPONENTES.CSS)
   ========================================================================= */

/* Forzamos por cascada definitiva a todas las etiquetas del portal 
   a heredar la variable de tipografía del :root, barriendo cualquier font individual 
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button,
select,
textarea {
    font-family: var(--fuente-principal) !important;
} */