body, input, button {font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;}
button:disabled {background: #eeeeee;color: #ababab;border: solid 1px #ababab;}
button:disabled:hover {cursor: not-allowed;opacity: 1;background: #eeeeee;}
input[type="radio"], label {cursor: pointer;}
 #shopperInventoryContainer, td.imgProd {display: none;}
table tbody {display: block;overflow-y: scroll;scrollbar-width: none;}
table thead, table tbody tr {display: table;width: 99.9%;table-layout: fixed;}
th {font-weight: normal;}
td {padding: 3px;}
th {padding: 10px 3px;}
th, td {border: unset;border-left: none;border-right: none;}
td.urlImg, td.imgPortada, td.imgsGaleria, td.oversized, td.isPallet, td.largeDesc, td.product_type, td.product_condition, td.product_type_data {display: none;}
.boton {background: linear-gradient(180deg, #f64f6f 0%, #e4002b 100%);}

input:disabled {opacity: 1;background: #f9f9f9;}
tbody tr:nth-child(even) {background-color: #e3f1f9;}
tr.trTdProductControls {height: 60px;background: #fff !important;}
tr.trTdProductControls td {background: #f5f5f5;text-align: center;}
.descProducto {word-wrap: break-word;padding-left: 10px;}
.precioProducto {text-align: center;}
#prodUSATbody td {border: unset;}
#inventoryTable {margin-bottom: 1em;border-radius: 0;}
#barraTop {display: flex;align-items: center;max-width: 93%;margin: 10px auto;padding: 1em 0.5em 0.5em 0.5em;border-radius: 15px;background: #ffffff;font-weight: 600;text-align: left;position: relative;z-index: 20;overflow: visible;}
#nombreUsuario {position: relative;top: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nombreUsuario {display: inline-flex;flex: 1 1 auto;min-width: 0;flex-direction: column;align-items: flex-start;gap: 4px;position: relative;left: 15px;vertical-align: middle;}
.liveNowBadge {display: inline-flex;align-items: center;gap: 7px;font-weight: 600;font-size: 0.9rem;line-height: 1;}
.liveNowBadgeDot {width: 8px;height: 8px;border-radius: 999px;}

.liveNowBadge.is-live {color: #1ca255;}
.liveNowBadge.is-live .liveNowBadgeDot {background: #23b35b;box-shadow: 0 0 0 2px rgba(35, 179, 91, 0.14);}
.liveNowBadge.is-live .liveNowBadgeText {color: #1ca255;}

.liveNowBadge.is-offline {color: #1ca255;}
.liveNowBadge.is-offline .liveNowBadgeDot {background: #23b35b;box-shadow: 0 0 0 2px rgba(35, 179, 91, 0.14);}
.liveNowBadge.is-offline .liveNowBadgeText {color: #1ca255;}

#logout {float: right;}
#logout, #cerrarPopupVentas, #cerrarTables, #cerrarPopupPagos {display: inline-block;background: #3383F5;color: #fff;padding: 3px 10px;border-radius: 5px;cursor: pointer;text-decoration: none;}
#historialNotas:hover, #logout:hover, #whatsapp_boton_span_pc:hover, #whatsapp_boton_span_cel:hover {opacity: 0.8;}
.idShopper {display: none;}
.tipoTransmi {display: none;}
#fieldIdShopperDiv {display: none;}
#tipoTRansmision {text-align: center;width: 10px;color: #fff;background: #0f5b9c;border: unset;font-size: 1em;}
#searchInput {margin: 0;width: 200px;height: 23px;text-align: center;border: solid 1px #4f9fe3;border-radius: 4px;outline: none;}
#startSellLive {font-weight: bold;}
#startSellLive, #endTransmitServMP {font-size: 1.1em;padding: 0.35em 0;margin-right: 10px;}
.selected-row {background-color: #f5f5f5 !important;color: #444;}
#showPopUp {font-size: 1.1em;padding: 0.35em 0;}

tbody:not(#tableTotalesNotaTbody) tr:hover {background-color: #fff9fa !important;cursor: pointer;}
#endTransmit {width: fit-content;padding: 0.35em 1.3em;font-size: 1.1em;margin-right: 0.5em;}
#servicioBdDiv, #transmisionBdDiv, #comisionProdBdDiv {display: none;}
#inptProduct {display: inline-block;}
#editProdTitleCerrar {margin: 0.5em 0;}
#idProductEditDivstyle {position: relative; display: inline-block;}
.tipoTransmisionAll {visibility: hidden;}
#transmiBDiv {display: none;}
#idTransmisionBD {letter-spacing: 1px;}
#searchInput2 {margin-left: 0.5em;border: solid 1px #4f9fe3;margin-top: 0.5em;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 16.2px;border-radius: 0.18519rem;outline: none;background: #fff;}

/*Alert Temporal*/
.jGrowl {width: 100%;justify-content: center;display: flex;}
.jGrowl-message {font-size: 2.5em;margin: 0.5em;}
.jGrowl-notification .jGrowl-close {font-size: 2em;font-weight: normal;}
.jGrowl-close:hover {opacity: 0.85;color: red;font-weight: bold;}

/* Popup btns menu */
#popupBtnsMenu {
	overflow: auto;
	background: rgba(18, 21, 32, 0.56);
	backdrop-filter: blur(10px);
	z-index: 12;
}

.popupBtnsMenu {
	position: fixed;
	inset: 0;
	height: 100vh;
}

#btnsMenuContainer.popupBtnsMenuLayout {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 36px 18px;
	background: #f4f7fb;
}

.live-title-container {
    width: min(100%, 500px);
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 23px 0;
    background: rgba(255, 255, 255, 0.98);
    border: 2px solid #cde0ff;
    border-radius: 10px;
    box-shadow: 0 20px 36px rgba(38, 58, 93, 0.08);
    position: static;
	justify-content: center;
}

.popupMenuHeroIconWrap {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #edf4ff;
	color: #0c5de7;
	margin-left: -50px;
}

.popupMenuHeroIcon {
	display: inline-flex;
	width: 40px;
	height: 40px;
	margin-left: 10px;
}

.popupMenuHeroIcon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.popupMenuHeroContent {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
}

.popupMenuHeroEyebrow {
	font-size: 0.98rem;
	font-weight: 500;
	color: #74809d;
}

.live-title-container.is-default .popupMenuHeroEyebrow {
	display: none;
}

.live-title-container.is-default {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	grid-template-areas:
		"icon content"
		"action action";
	align-items: center;
	gap: 18px;
}

.live-title-container.is-default .popupMenuHeroIconWrap {
	grid-area: icon;
    width: 65px;
    height: 65px;
    margin-left: 25px;
    justify-self: start;
    background: #edf4ff;
    color: #0c5de7;
    padding: 10px;
}

.live-title-container.is-default .popupMenuHeroIconWrap .popupMenuHeroIcon {
	display: inline-flex;
    width: unset;
    height: unset;
    margin-left: 0;
}

.live-title-container.is-default .popupMenuHeroContent {
	grid-area: content;
	align-self: center;
	margin-left: 10%;
}

.live-title-container.is-default .popupMenuHeroActionWrap {
	grid-area: action;
	display: block;
	text-align: center;
}

.live-title-container.is-default .live-title-text {
	font-size: 1rem;
	color: #6f7b96;
}

.live-title-container.is-default .popupMenuHeroAction {
	width: 88%;
	margin-top: 4px;
	font-weight: 600;
}

.live-title-tit {
	margin: 0;
	font-size: clamp(2rem, 6vw, 2.5rem);
	line-height: 1.03;
	font-weight: 600;
	color: #141c31;
}

.live-title-container.is-default .live-title-tit {font-size: clamp(2rem, 6vw, 2rem);}

.live-title-text {
	margin: 0;
	font-size: 1rem;
	line-height: 1.45;
	color: #6f7b96;
}

.popupMenuHeroActionWrap {
	display: block;
}

.popupMenuHeroAction {
	width: 100%;
	display: inline-flex;
	align-items: center;
	gap: 16px;
	justify-content: flex-start;
	padding: 20px 24px;
	border-radius: 10px;
	border: none;
	background: #0c5de7;
	color: #fff;
	font: inherit;
	font-size: 1.18rem;
	font-weight: 700;
	cursor: pointer;
}

.popupMenuHeroAction .popupMenuActionCard__icon {
	color: #fff;
	background: #ffffff24;
}

.popupMenuHeroAction .popupMenuActionCard__chevron {
	margin-left: auto;
	font-size: 2rem;
	line-height: 1;
}

.live-title-container.is-seller .popupMenuHeroIconWrap {
	background: #edf9f0;
	color: #16a34a;
}

.live-title-container.is-seller .popupMenuHeroActionWrap {
	display: none;
}

.popupBtnsMenuDiv {
	width: min(100%, 500px);
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 18px;
	position: static;
}

.popupBtnsMenuDiv.is-empty {
	display: none;
}

.popupMenuActionCard {
	width: 100%;
	display: inline-flex;
	align-items: center;
	gap: 18px;
	padding: 26px 24px;
	border-radius: 10px;
	border: 2px solid #e3e9f7;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 16px 30px rgba(18, 88, 212, 0.08);
	color: #162038;
	font: inherit;
	font-size: 1.25rem;
	font-weight: 500;
	cursor: pointer;
}

.popupMenuActionCard--primary {
	border: none;
	background: #0c5de7;
	color: #fff;
}

.popupMenuActionCard__icon {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f3f6ff;
	color: #0c5de7;
	flex: 0 0 52px;
}

.popupMenuActionCard__icon svg {
	width: 35px;
	height: 35px;
	display: block;
}

.popupMenuActionCard--primary .popupMenuActionCard__icon {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.popupMenuActionCard__label {
	flex: 1 1 auto;
	text-align: left;
	font-weight: 600;
}

.popupMenuActionCard__chevron {
	margin-left: auto;
	font-size: 1.9rem;
	line-height: 1;
	color: currentColor;
}

.popupMenuActionCard--sales .popupMenuActionCard__chevron, .popupMenuActionCard--products .popupMenuActionCard__chevron {
    color: #0c5de7;
}

.popupMenuActionCard--sales .popupMenuActionCard__icon {
	color: #0c5de7;
}

.popupMenuActionCard--earnings .popupMenuActionCard__icon {
	color: #0c5de7;
}

.popupMenuActionCard--products .popupMenuActionCard__icon {
	color: #0c5de7;
}

.popupMenuActionCard--sales svg path {
	fill: #0c5de7;
}

.popupMenuActionCard--products svg path {
	stroke: #0c5de7;
}

.popupMenuActionCard--products svg circle {
	fill: #0c5de7;
}

@media (max-width: 640px) {
	.live-title-container,
	.popupBtnsMenuDiv {
		width: min(100%, 396px);
	}

	.popupMenuHeroAction,
	.popupMenuActionCard {
		padding: 18px 20px;
	}

	.popupMenuActionCard__icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
	}
}

@media (max-width: 430px) {
	#btnsMenuContainer.popupBtnsMenuLayout {
		padding: 36px 12px 24px;
	}

	.live-title-tit {
		font-size: clamp(1.78rem, 9vw, 2.55rem);
	}

	.live-title-container.is-seller .live-title-tit {
		font-size: clamp(2.18rem, 10vw, 3rem);
	}

	.live-title-text,
	.popupMenuHeroEyebrow {
		font-size: 0.95rem;
	}
}
	
/* popupVentas redesign */
#popupVentas {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;background: #ebebeb;}
.overlayPopupVentas {position: fixed;inset: 0;z-index: 9;}
#popupVentasContainer {width: min(1080px, 100%);min-height: 100vh;margin: 10px auto;padding: 24px 18px 32px;box-sizing: border-box;background: #fff;border-radius: 13px;}
.salesPanelHeader {display: flex;flex-direction: column;gap: 14px;margin-bottom: 18px;}
#cerrarPopupVentas, #cerrarTables, #cerrarPendingGuidePopupSeller {display: inline-flex;align-items: center;justify-content: center;gap: 8px;width: fit-content;min-height: 35px;padding: 5px 18px 7px;border: none;border-radius: 7px;background: linear-gradient(180deg, #3b7cf5 0%, #2f6fe8 100%);color: #ffffff;font-size: 1em;font-weight: 500;line-height: 1;cursor: pointer;text-decoration: none;box-shadow: 0 10px 18px rgba(47, 111, 232, 0.22);appearance: none;}
#cerrarPopupVentas::before, #cerrarTables::before, #cerrarPendingGuidePopupSeller::before {content: "\2190";font-size: 18px;line-height: 1;}
#cerrarPopupVentas:hover, #cerrarTables:hover, #cerrarPendingGuidePopupSeller:hover {opacity: 0.92;background: linear-gradient(180deg, #3b7cf5 0%, #2f6fe8 100%);color: #ffffff;box-shadow: 0 10px 18px rgba(47, 111, 232, 0.22);}
#cerrarPopupVentas:focus-visible, #cerrarTables:focus-visible, #cerrarPendingGuidePopupSeller:focus-visible {outline: 3px solid rgba(18, 88, 212, 0.22);outline-offset: 2px;}
.salesPanelIntro {display: flex;flex-direction: column;gap: 6px;}
.salesPanelTitle {margin: 0;color: #273043;line-height: 1.05;font-weight: 700;letter-spacing: -0.04em;}
.salesPanelSubtitle {margin: 0;color: #727b90;font-size: 1.05rem;line-height: 1.5;}
.salesPanelSwitch {display: inline-grid;grid-template-columns: repeat(2, minmax(0, 1fr));width: min(430px, 100%);padding: 0;border-radius: 7px;border: 1px solid #d6dcebf2;}
.salesPanelSwitchBtn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 44px;padding: 0 16px;border: none;background: #fff;color: #6c758b;font-size: 0.98rem;font-weight: 700;cursor: pointer;border-radius: 0 7px 7px 0;transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;}
.salesPanelSwitchBtn:hover {color: #39445b;}
.salesPanelSwitchBtn.is-active {background: linear-gradient(180deg, #d9e7ff 0%, #c9dbff 100%);color: #2d73ee;border-radius: 7px 0 0 7px;}
.salesPanelSwitchIcon {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;}
.salesPanelSwitchIcon svg {width: 22px;height: 22px;fill: currentColor;}
#notashistorialDiv {padding: 0;}
.salesSearchShell {display: flex;align-items: center;gap: 12px;padding: 0 14px;margin-bottom: 14px;background: rgba(255, 255, 255, 0.92);border: 1px solid rgba(214, 220, 235, 0.95);border-radius: 7px;box-shadow: 0 10px 26px rgba(24, 38, 72, 0.05);}
.salesSearchIcon {display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;color: #a4adbc;flex-shrink: 0;}
.salesSearchIcon svg {width: 22px;height: 22px;fill: currentColor;}
#searchInputDiv2 #searchInput2 {flex: 1;height: 46px;margin: 0;border: none;background: transparent;font-size: 1rem;color: #334155;outline: none;padding: 0;}
#searchInputDiv2 #searchInput2::placeholder {color: #9aa3b2;}
#searchInputDiv2 .clsSearchInput {display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;padding: 0;border: none;border-radius: 50%;background: transparent;color: #98a0b0;font-size: 28px;line-height: 1;cursor: pointer;position: static;}
#searchInputDiv2 .clsSearchInput:hover {background: #eef2fb;color: #73809a;}
.salesHistoryCard {background: rgba(255, 255, 255, 0.8);border: 1px solid rgba(220, 225, 239, 0.95);border-radius: 15px;overflow: auto;box-shadow: 0 18px 34px rgba(19, 31, 58, 0.06);}
#historialNotasTab {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;margin: 0;}
#historialNotasTab thead {display: table-header-group;width: auto;}
#historialNotasTab thead tr {display: table-row;width: auto;}
#historialNotasTab tbody {display: table-row-group;max-height: none;overflow: visible;}
#historialNotasTab tbody tr {display: table-row;width: auto;table-layout: fixed;transition: background-color 0.18s ease;}
#historialNotasTab th, #historialNotasTab td {padding: 16px 20px;text-align: center;vertical-align: middle;border: 0;box-shadow: none;outline: 0;}
#historialNotasTab th {font-size: 0.98rem;font-weight: 700;color: #2d3548;background: rgba(255,255,255,0.98);}
#historialNotasTab .numNota {width: 34%;}
#historialNotasTab .status {width: 33%;}
#historialNotasTab .fecha {width: 33%;}
#historialNotasTab tbody tr:nth-child(odd) {background: rgba(255,255,255,0.98);}
#historialNotasTab tbody tr:nth-child(even) {background: #eef5ff;}
#historialNotasTab tbody tr:hover {background: #e7f0ff !important;color: inherit !important;cursor: default;}
#historialNotasTab tbody td {font-size: 1rem;color: #2d3548;}
.salesReportValue {display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 2px 0;border: none;background: transparent;color: #2f6fe8;font: inherit;font-weight: 600;line-height: 1.2;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;cursor: pointer;appearance: none;}
.salesReportValue::after {content: "";width: 6px;height: 6px;flex: 0 0 6px;position: relative;top: 2px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: rotate(45deg);}
.salesReportValue:hover {color: #174fab;}
.salesReportValue:focus-visible {outline: 3px solid rgba(47, 111, 232, 0.22);outline-offset: 3px;border-radius: 3px;}
.salesStatusPill {display: inline-flex;min-width: 70px;align-items: center;justify-content: center;gap: 8px;padding: 8px 12px;border-radius: 999px;font-weight: 500;line-height: 1;}
.salesStatusPill::before {content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor;}
.salesStatusPill.is-pending {background: #fff2cc;color: #c08b00;}
.salesStatusPill.is-paid {background: #dff6e8;color: #1c9251;}
#pendingReceipt {margin-top: 8px;}
#pendingReceipt span {display: inline-flex;align-items: center;padding: 4px 10px;border-radius: 999px;background: #edf4ff;color: #3c74d6;font-size: 0.78rem;font-weight: 600;border: none;}
.salesEmptyRow td {padding: 34px 20px !important;text-align: center !important;}
.salesEmptyState {display: inline-block;color: #6f7890;font-size: 0.98rem;}

@media (max-width: 553px) {
	#historialNotasTab {width: 100%;table-layout: fixed;}
	#historialNotasTab th, #historialNotasTab td {padding: 13px 6px;}
	#historialNotasTab th {font-size: 0.76rem;line-height: 1.2;}
	#historialNotasTab tbody td {font-size: 0.84rem;}
	#historialNotasTab .numNota {width: 35%;}
	#historialNotasTab .status {width: 34%;}
	#historialNotasTab .fecha {width: 31%;overflow-wrap: anywhere;}
	.salesReportValue {gap: 6px;font-size: 0.88rem;}
	.salesStatusPill {gap: 5px;padding: 7px 8px;font-size: 0.78rem;}
	.salesStatusPill::before {width: 7px;height: 7px;}
}

/* todaySales redesign */
#tables[data-sales-mode="today"] .todaySalesTable tbody {
	max-height: 205px;
}

#tables {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10;
	overflow: auto;
	padding: 24px 18px 36px;
	box-sizing: border-box;
	background: #efefef;
}

#tables .topbarPopups {
    max-width: 1028px;
    margin: 0 auto 0;
    padding: 0 4px;
    background: transparent;
}

#reportTit {
	display: none;
	color: #2b3454;
	padding: 0;
	margin: 13px 0;
	font-size: 1.35rem;
	letter-spacing: -0.03em;
}

#todaySalesTitle {
    display: none;
    margin: 13px 0;
    font-size: 1.35em;
}

#cerrarTablesDiv {
	float: none;
}

#tables[data-sales-mode="today"] .topbarPopups {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	max-width: 1055px;
	margin-bottom: 12px;
	box-sizing: border-box;
}

#tables[data-sales-mode="today"] #cerrarTablesDiv {
	flex: 0 0 auto;
}

#tables[data-sales-mode="today"] #todaySalesTitle {
	flex: 0 1 auto;
	margin: 0 0 0 auto;
	text-align: right;
}

#tableUSA,
#tableMexico,
#tableInter,
#tableTotalesNotaDiv {
	max-width: 1000px;
	margin: 0 auto 18px;
	padding: 18px 5px 14px;
	border: 1px solid rgba(217, 227, 245, 0.92);
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(240, 245, 254, 0.82) 100%);
	box-shadow: 0 18px 40px rgba(79, 102, 142, 0.08);
	backdrop-filter: blur(10px);
}

.tablesTitle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
    padding-left: 15px;
    color: #40577f;
    letter-spacing: -0.02em;
    font-size: 1.23rem;
}

#tableMexico .tablesTitle, #tableInter .tablesTitle {margin: 0 0 5px 0;}

#tableMexico .tablesTitleSub, #tableInter .tablesTitleSub {
    display: inline-flex;
	margin-bottom: 5px;
    color: #555;
    position: relative;
    top: -4px;
    left: 3px;
}

#tableUSA .tablesTitle::before,
#tableMexico .tablesTitle::before,
#tableInter .tablesTitle::before,
#tableTotalesNotaDiv .tablesTitle::before {
	content: "";
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#tableUSA .tablesTitle::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23bd3d44' d='M0 0h640v480H0'/%3E%3Cpath stroke='%23fff' stroke-width='37' d='M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640'/%3E%3Cpath fill='%23192f5d' d='M0 0h364v258H0'/%3E%3Cg fill='%23fff'%3E%3Cg id='s18'%3E%3Cg id='s9'%3E%3Cg id='s5'%3E%3Cg id='s4'%3E%3Cpath id='s' d='m31 26 9 27-23-17h28L22 53z'/%3E%3Cuse href='%23s' x='61'/%3E%3Cuse href='%23s' x='122'/%3E%3Cuse href='%23s' x='183'/%3E%3C/g%3E%3Cuse href='%23s' x='244'/%3E%3C/g%3E%3Cuse href='%23s4' y='55'/%3E%3C/g%3E%3Cuse href='%23s9' y='110'/%3E%3C/g%3E%3Cuse href='%23s18' y='220'/%3E%3C/g%3E%3C/svg%3E");
}

#tableMexico .tablesTitle::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a8cc7' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.2a15.6 15.6 0 0 0-1.7-5A8 8 0 0 1 18.9 11Zm-6.9 9a13.7 13.7 0 0 1-2.1-5h4.2A13.7 13.7 0 0 1 12 20Zm-2.5-7a11.7 11.7 0 0 1 0-2h5a11.7 11.7 0 0 1 0 2h-5Zm.4-7A13.7 13.7 0 0 1 12 4a13.7 13.7 0 0 1 2.1 5H9.9ZM10 6a15.6 15.6 0 0 0-1.7 5H5.1A8 8 0 0 1 10 6Zm-4.9 7h3.2a15.6 15.6 0 0 0 1.7 5A8 8 0 0 1 5.1 13Zm8.9 5a15.6 15.6 0 0 0 1.7-5h3.2A8 8 0 0 1 14 18Z'/%3E%3C/svg%3E");
}

#tableInter .tablesTitle::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a8cc7' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.2a15.6 15.6 0 0 0-1.7-5A8 8 0 0 1 18.9 11Zm-6.9 9a13.7 13.7 0 0 1-2.1-5h4.2A13.7 13.7 0 0 1 12 20Zm-2.5-7a11.7 11.7 0 0 1 0-2h5a11.7 11.7 0 0 1 0 2h-5Zm.4-7A13.7 13.7 0 0 1 12 4a13.7 13.7 0 0 1 2.1 5H9.9ZM10 6a15.6 15.6 0 0 0-1.7 5H5.1A8 8 0 0 1 10 6Zm-4.9 7h3.2a15.6 15.6 0 0 0 1.7 5A8 8 0 0 1 5.1 13Zm8.9 5a15.6 15.6 0 0 0 1.7-5h3.2A8 8 0 0 1 14 18Z'/%3E%3C/svg%3E");
}

#tableTotalesNotaDiv .tablesTitle::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a8cc7' d='M5 3h12a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2 4v2h8V7H7Zm0 4v2h8v-2H7Zm0 4v2h5v-2H7Z'/%3E%3C/svg%3E");
}

.todaySalesTable {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: none;
}

.todaySalesTable thead {
	display: none !important;
}

.todaySalesTable tbody {
	display: grid;
	gap: 10px;
	max-height: 280px;
	overflow: auto;
	padding: 2px 0 0;
}

.todaySalesTable tbody tr {
	display: grid;
	align-items: center;
	gap: 12px 18px;
	padding: 14px 16px;
	border: 1px solid rgba(226, 233, 245, 0.9);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.74) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.todaySalesTable td {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	color: #2d3554;
	font-size: 1rem;
	vertical-align: middle;
}

.todaySalesTable .imgProdQuery {
	display: flex;
	justify-content: center;
	grid-area: img;
}

.todaySalesTable .imgProdGralQuery {
	display: block;
	width: 48px;
	height: 48px;
	padding: 3px;
	border-radius: 12px;
	border: 1px solid rgba(215, 224, 240, 0.95);
	background: #ffffff;
	object-fit: cover;
	box-shadow: 0 6px 14px rgba(49, 69, 103, 0.06);
}

.todaySalesTable .todaySalesInfo {
	grid-area: info;
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.todaySalesTable .todaySalesMetaTop,
.todaySalesTable .todaySalesMetaBody {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	flex-wrap: wrap;
}

.todaySalesTable .idCompra {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	font-size: 0.9rem;
	font-weight: 500;
	color: #4f6282;
	letter-spacing: -0.01em;
}

.todaySalesOrderValue {
	display: inline-block;
}

.todaySalesTable .idProd {
	font-size: 0.85rem;
	font-weight: 700;
	color: #667692;
	white-space: nowrap;
}

.todaySalesTable .descProduct {
	min-width: 0;
	font-size: 0.82rem;
	font-weight: 500;
	color: #444;
}

.todaySalesTable .precioProd {
	grid-area: price;
	align-self: start;
	justify-self: end;
	font-size: 1.08rem;
	font-weight: 700;
	color: #26314d;
	white-space: nowrap;
}

.todaySalesTable .comiProd {
	font-size: 0.82rem;
	font-weight: 600;
	color: #4f6282;
	white-space: nowrap;
}

.todaySalesTable .btnGuia {
	grid-area: guide;
	justify-self: flex-start;
}

.todaySalesTable .btnGuia:empty {
	display: none;
}

#tables[data-sales-role="seller"] .todaySalesTable tbody tr.has-guide {
	grid-template-areas:
		"img info price"
		"img info guide";
}

#tables[data-sales-role="seller"] .todaySalesMetaTop {
	margin-bottom: 1px;
}

#tables[data-sales-role="seller"] .todaySalesTable .descProduct {
	font-size: 0.84rem;
}

#tables[data-sales-role="seller"] .todaySalesTable .comiProd,
#tables[data-sales-role="seller"] .todaySalesTable .delOrder {
	display: none !important;
}

#tables[data-sales-role="shopper"] .todaySalesTable tbody tr {
	grid-template-columns: 48px minmax(0, 1fr) auto;
	grid-template-areas: "img info price";
}

#tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete {
	grid-template-columns: 48px minmax(0, 1fr) auto 42px;
	grid-template-areas: "img info price "
						 "img info delete";
}

#tables[data-sales-role="shopper"] .todaySalesMetaBody {
	gap: 8px;
}

#tables[data-sales-role="shopper"] .todaySalesTable .comiProd::before {
	content: "Commn: ";
	font-weight: 700;
}

#tables[data-sales-role="shopper"] .todaySalesTable .precioProd {
	font-size: 1.15rem;
	color: #1f2540;
}

.delOrder {
	grid-area: delete;
	justify-self: end;
	align-self: center;
}

.delOrder button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 50%;
	border: none;
	background: linear-gradient(180deg, #ff1f56 0%, #e4002b 100%);
	box-shadow: 0 10px 18px rgba(228, 0, 43, 0.18);
	cursor: pointer;
}

.delOrder button:hover {
	opacity: 0.9;
}

.delOrder img {
	width: 15px;
	height: 15px;
	filter: brightness(0) invert(1);
}

.todaySalesOpenBanner,
.todaySalesEmptyStatePanel {
	display: flex;
	max-width: 1055px;
	margin: 0 auto 14px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid rgba(209, 223, 247, 0.94);
	background: #ffffff;
	box-shadow: 0 16px 34px rgba(58, 83, 126, 0.08);
}

.todaySalesOpenBanner {
	--today-sales-banner-icon-col: 28px;
	--today-sales-banner-gap: 13px;
	display: grid;
	grid-template-columns: var(--today-sales-banner-icon-col) minmax(0, 1fr);
	align-items: flex-start;
	column-gap: var(--today-sales-banner-gap);
	padding: 15px 17px;
}

.todaySalesOpenBannerIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #1c65e2;
}

.todaySalesOpenBannerIcon svg {
	display: block;
	width: 26px;
	height: 26px;
}

.todaySalesOpenBannerBody {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
	color: #2d3554;
}

.todaySalesOpenBannerBody strong {
	font-size: 1.03rem;
	color: #1f2e49;
}

.todaySalesOpenBannerBody span {
	font-size: 0.91rem;
	line-height: 1.35;
	color: #2f3033;
	font-weight: 600;
}

.todaySalesOpenBannerMeta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 7px;
	margin-left: calc((var(--today-sales-banner-icon-col) + var(--today-sales-banner-gap)) * -1);
	width: calc(100% + var(--today-sales-banner-icon-col) + var(--today-sales-banner-gap));
}

.todaySalesOpenBannerMetaItem {
	display: grid;
	grid-template-columns: var(--today-sales-banner-icon-col) minmax(0, 1fr);
	align-items: start;
	column-gap: var(--today-sales-banner-gap);
	color: #40577f;
}

.todaySalesOpenBannerMetaItem > span {
	font-weight: 600;
}

.todaySalesOpenBannerMetaIcon {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	margin-top: 1px;
	color: #1c65e2;
}

.todaySalesOpenBanner.has-no-sales {
	grid-template-columns: minmax(0, 1fr);
}

.todaySalesOpenBannerNoSales {
	display: flex;
	justify-self: left;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 4px 5px 4px 15px;
	color: #40577f;
}

.todaySalesOpenBannerNoSalesIcon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #eef4fe;
	color: #1c65e2;
}

.todaySalesOpenBannerNoSalesIcon svg {
	display: block;
	width: 24px;
	height: 24px;
}

.todaySalesOpenBannerNoSalesText {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.todaySalesOpenBannerNoSalesText strong {
	color: #1f2e49;
	font-size: 0.96rem;
	font-weight: 700;
}

.todaySalesOpenBannerNoSalesText small {
	color: #5e6272;
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.35;
}

.todaySalesEmptyStatePanel {
	display: none;
	flex-direction: column;
	gap: 5px;
	padding: 18px;
	color: #5e6272;
}

.todaySalesEmptyStatePanel strong {
	color: #2d3554;
	font-size: 1rem;
}

.todaySalesSectionTotal,
.todaySalesSectionCount {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	padding: 4px 10px;
	border-radius: 999px;
	background: #edf8f0;
	color: #159447;
	font-size: 0.92rem;
	font-weight: 800;
	white-space: nowrap;
}

#tables[data-sales-mode="today"] .tablesTitle {
	width: calc(100% - 16px);
	box-sizing: border-box;
	padding-right: 12px;
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr {
	grid-template-columns: 48px minmax(0, 1fr) auto 42px;
	grid-template-areas: "img info price actions";
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.92) !important;
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr.is-sold-out {
	background: #fbfbff !important;
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr.is-cancelled {
	background: #fffafa !important;
}

.todaySaleQty {
	font-size: 0.82rem;
	font-weight: 700;
	color: #3870d1;
	white-space: nowrap;
}

.todaySaleStatusBadge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border-radius: 999px;
	background: #f2f3f7;
	color: #646b7e;
	font-size: 0.76rem;
	font-weight: 800;
	white-space: nowrap;
}

.todaySaleStatusBadge.is-cancelled {
	border: 1px solid #ff7180;
	background: #fff4f5;
	color: #c7192d;
}

.todaySaleStatusBadge.is-refund-processing {
	border: 1px solid #2e76f4;
	background: #f6f9ff;
	color: #3870d1;
}

.todaySaleStatusBadge.is-refunded {
	border: 1px solid #65c987;
	background: #effbf3;
	color: #087a32;
}

.todaySaleStatusBadge.is-refund-review {
	border: 1px solid #d5a52b;
	background: #fff9e8;
	color: #795600;
}

.todaySaleStatusBadge.is-refund-failed {
	border: 1px solid #df6671;
	background: #fff2f3;
	color: #ad1322;
}

.todaySaleRowStatusStack {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
	margin-top: -4px;
	line-height: 1;
}

.todaySaleRowStatusStack .todaySaleStatusBadge {
	padding: 3px 6px;
	font-size: 0.68rem;
	font-weight: 600;
	line-height: 1.1;
}

.todaySaleActions {
	grid-area: actions;
	position: relative;
	justify-self: end;
	align-self: center;
}

.todaySaleMenuButton {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}

.todaySaleMenuButton:hover {
	background: #eef4fe;
}

.todaySaleMenuButton span {
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #54647f;
}

.todaySaleActionMenu {
	display: none;
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 20;
	min-width: 220px;
	padding: 8px;
	border-radius: 9px;
	border: 1px solid #dde6f5;
	background: #fff;
	box-shadow: 0 18px 38px rgba(26, 40, 65, 0.16);
}

.todaySaleActionMenu.is-open {
	display: grid;
	gap: 4px;
}

.todaySaleActionMenu button {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 11px;
	border: none;
	border-radius: 7px;
	background: transparent;
	color: #2d3554;
	font-size: 0.9rem;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.todaySaleActionMenu button:hover {
	background: #f1f6fe;
	color: #3870d1;
}

.todaySaleActionMenu button:disabled {
	cursor: default;
	opacity: 0.48;
}

.todaySaleModalOpen {
	overflow: hidden;
}

.todaySaleModal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
}

.todaySaleModal.is-open {
	display: block;
}

.todaySaleModalBackdrop {
	position: absolute;
	inset: 0;
	background: rgba(20, 28, 42, 0.46);
}

.todaySaleModalDialog {
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	width: min(480px, calc(100% - 28px));
	max-height: calc(100vh - 44px);
	overflow: auto;
	padding: 22px;
	box-sizing: border-box;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(18, 17, 35, 0.26);
}

.todaySaleModalClose {
	position: absolute;
	right: 14px;
	top: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 50%;
	background: #f2f5fb;
	color: #5b6a84;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.todaySaleDetailsHeader,
.todaySaleSoldOutDialog {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 10px;
	padding-right: 32px;
	color: #2d3554;
}

.todaySaleDetailsHeader {
	flex-direction: row;
	align-items: center;
	margin-bottom: 18px;
}

.todaySaleDetailsHeader img,
.todaySaleSoldOutDialog img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border: 1px solid #e6ecf6;
	border-radius: 10px;
	background: #fff;
}

.todaySaleDetailsHeader h3,
.todaySaleSoldOutDialog h3 {
	margin: 0;
	color: #1f2e49;
	font-size: 1.28rem;
	letter-spacing: 0;
}

.todaySaleDetailsHeader strong,
.todaySaleSoldOutDialog strong {
	color: #2d3554;
	font-size: 0.98rem;
}

.todaySaleDetailsHeader span,
.todaySaleSoldOutDialog span,
.todaySaleSoldOutDialog p,
.todaySaleModalMessage span {
	color: #6a7082;
	font-size: 0.9rem;
	line-height: 1.4;
}

.todaySaleDetailsGrid {
	display: grid;
	grid-template-columns: minmax(110px, auto) minmax(0, 1fr);
	gap: 0;
	border: 1px solid #e9eef8;
	border-radius: 9px;
	overflow: hidden;
}

.todaySaleDetailsGrid span,
.todaySaleDetailsGrid strong {
	padding: 9px 18px;
	border-bottom: 1px solid #e9eef8;
	font-size: 0.9rem;
	line-height: 1.25;
}

.todaySaleDetailsGrid span {
	background: transparent;
	color: #7b9ad0;
	font-weight: 500;
}

.todaySaleDetailsGrid strong {
	color: #2d3554;
	font-weight: 600;
	text-align: right;
}

.todaySaleDetailsGrid .todaySaleDetailsPayment {
	color: #10a848;
}

.todaySaleDetailsGrid span:nth-last-child(2),
.todaySaleDetailsGrid strong:last-child {
	border-bottom: none;
}

.todaySaleModalActions {
	display: flex;
	gap: 10px;
	margin-top: 18px;
}

.todaySalePrimaryBtn,
.todaySaleSecondaryBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 7px;
	font-size: 0.95rem;
	font-weight: 800;
	cursor: pointer;
}

.todaySalePrimaryBtn {
	flex: 1;
	border: none;
	background: linear-gradient(180deg, #0c5de9 0%, #1658cb 100%);
	color: #fff;
}

.todaySalePrimaryBtn:disabled {
	opacity: 0.55;
	cursor: default;
}

.todaySaleSecondaryBtn {
	flex: 1;
	border: 1px solid #d2dced;
	background: #fff;
	color: #3a5685;
}

.todaySaleLoading,
.todaySaleModalMessage {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 28px 8px 0;
}

.todaySaleModalMessage strong {
	color: #1f2e49;
	font-size: 1.08rem;
}

.todaySaleModalMessage.is-success strong {
	color: #138a41;
}

#tables .btn-descargar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 14px;
	border-radius: 7px;
	border: none;
	background: linear-gradient(180deg, #7f8eff 0%, #6678eb 100%);
	color: #ffffff;
	font-size: 0.88rem;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 10px 18px rgba(103, 120, 235, 0.2);
}

#tables .btn-descargar:hover {
	opacity: 0.92;
}

.sowMoreLess svg {
	width: 12px;
	height: 12px;
	fill: currentColor;
	float: right;
    position: relative;
    top: 2px;
    left: 5px;
}

.prodMexicoDiv,
.prodInternacionalDiv,
.pendingGuideSummarySeller {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	float: none;
	padding-right: 0;
	clear: both;
}

.prodMexicoDiv, .prodInternacionalDiv {
    float: right;
}

.pendingGuideSummarySeller {
    justify-content: left;
    margin: 0 0 10px 10px;
}

.pendingGuideSummaryText {
	font-size: 0.9rem;
	color: #586885;
}

.pendingGuideCountSeller {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #6f79e8;
	color: #ffffff;
	font-weight: 700;
}

#tableTotalesNota {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

#tableTotalesNota tbody {
	display: block;
	border: 1px solid rgba(224, 232, 245, 0.9);
	overflow: hidden;
	background: rgba(255, 255, 255, 0.66);
}

#tableTotalesNota tr {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 50%;
	align-items: center;
	gap: 18px;
	padding: 10px 16px;
}

#tableTotalesNota tr:nth-child(odd) {
	background: rgba(255, 255, 255, 0.42);
}

#tableTotalesNota tr:nth-child(even) {
	background: rgba(233, 241, 254, 0.58);
}

#tableTotalesNota #trCupon {
	display: none;
}

.titleTotales {
	text-align: left;
	padding-right: 0;
	color: #5a6982;
	font-size: 0.95rem;
	font-weight: 500;
}

.valTotales {
	text-align: left;
	padding-left: 0;
	color: #2f3654;
}

#tableTotalesNota #total .titleTotales {
	font-size: 1.1rem;
	font-weight: 500;
	color: #2d2f4f;
}

#tableTotalesNota #total .valTotales {
	font-size: 1rem;
	font-weight: 500;
	color: #3a8b60;
}

.verMasFeesToggle {
	display: inline-flex;
	margin-top: 3px;
	color: #6b74de;
	font-size: 0.9em;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

.feesVerMas,
.shippingVerMas {
	display: none;
	font-size: 0.9rem;
	line-height: 1.3;
	padding: 5px 0 0 5px;
}

#reqPayment {
	display: flex;
	justify-content: center;
	margin: 18px auto 0;
}

#numReporte {
	display: none;
}

.reqPaymentSpan {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 24px;
	border: none;
	border-radius: 14px;
	background: linear-gradient(180deg, #ff1f56 0%, #e4002b 100%);
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: 0 14px 24px rgba(228, 0, 43, 0.18);
}

.reqPaymentSpan:hover {
	opacity: 0.92;
}

.reqPaymentSpan img {
	position: static;
	width: 20px;
	height: 20px;
}

.reqPaymentSpan span {
	position: static;
	left: auto;
}

@media (max-width: 920px) {
	#tables {
		padding: 20px 12px 30px;
	}

	#tables .topbarPopups {
		padding: 0;
	}

	#tableUSA,
	#tableMexico,
	#tableInter,
	#tableTotalesNotaDiv {
		padding: 16px 14px 14px;
	}
}

@media (max-width: 680px) {
	#tables {
		padding: 16px 10px 28px;
	}

	#tables .topbarPopups {
		margin-bottom: 12px;
	}

	#reportTit {
		font-size: 1.35rem;
	}

	.tablesTitle {
		font-size: 1.1rem;
	}

	.todaySalesTable tbody {
		gap: 8px;
		max-height: 236px;
	}

	.todaySalesTable tbody tr {
		padding: 12px;
		border-radius: 16px;
	}

	.todaySalesTable .imgProdGralQuery {
		width: 55px !important;
		height: 55px !important;
		border-radius: 7px !important;
		margin-left: 5px;
	}

	.todaySalesTable .todaySalesInfo {
		gap: 6px;
	}

	.todaySalesTable .todaySalesMetaTop,
	.todaySalesTable .todaySalesMetaBody {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}

	.todaySalesTable .precioProd {
		font-size: 1rem;
	}

	#tables[data-sales-role="seller"] .todaySalesTable .precioProd {
		font-size: 0.98rem;
	}

	#tables[data-sales-role="shopper"] .todaySalesTable tbody tr {
		grid-template-columns: 60px minmax(0, 1fr) auto;
		grid-template-areas: "img info price";
		align-items: start;
	}

	#tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete {
		grid-template-columns: 60px minmax(0, 1fr) auto;
		grid-template-areas:
			"img info price"
			"img info delete";
		align-items: start;
	}

	#tables[data-sales-role="shopper"] .todaySalesTable .comiProd::before {
		content: "Commission: ";
	}

	.delOrder button {
		width: 42px;
		height: 42px;
	}

	#tableTotalesNota tr {
		padding: 9px 12px;
		gap: 12px;
	}

	.reqPaymentSpan {
		width: 100%;
		max-width: 320px;
	}
}

/* todaySales refinement v2 */
#tableUSA,
#tableMexico,
#tableInter,
#tableTotalesNotaDiv {
	padding: 14px 14px 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(238, 244, 254, 0.8) 100%);
	box-shadow: 0 16px 36px rgba(105, 130, 174, 0.08);
}

#tableTotalesNotaDiv .tablesTitle::before {
	display: none;
}

#tableTotalesNotaDiv .tablesTitle {
	gap: 0;
}


.todaySalesTable {
	display: block;
	width: 100%;
}
.todaySalesTable tbody {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
}

.todaySalesTable tbody tr {
	width: 100%;
	box-sizing: border-box;
	gap: 10px 16px;
	padding: 10px 20px;
	border: 0;
	border-top: 1px solid rgba(211, 224, 246, 0.9);
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
}

.todaySalesTable tbody tr:first-child {
	border-top: 1px solid rgba(211, 224, 246, 0.9);
}

.todaySalesTable .imgProdGralQuery {
	width: 58px;
	height: 40px;
	padding: 2px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(49, 69, 103, 0.05);
}

#prodMexicoTable, #prodInterTable {
    margin-top: 5px;
}

.todaySalesTable .todaySalesInfo {
	gap: 4px;
}

.todaySalesTable .todaySalesMetaTop,
.todaySalesTable .todaySalesMetaBody {
	gap: 6px 10px;
}

.todaySalesTable .idCompra {
	font-size: 1rem;
}

.todaySalesTable .idProd {
	font-size: 0.72rem;
	letter-spacing: 0;
}

.todaySalesTable .descProduct {
	font-size: 0.72rem;
	line-height: 1.3;
}

.todaySalesTable .precioProd {
	padding-left: 8px;
	font-size: 1.1rem;
	line-height: 1;
}

#tables[data-sales-role="seller"] .todaySalesTable tbody tr {
	grid-template-areas: "img info price";
	grid-template-columns: 100px minmax(0, 1fr) minmax(100px, max-content);
	align-items: center;
}

#tables[data-sales-role="seller"] .todaySalesMetaTop {
	margin-bottom: 0;
}

#tables[data-sales-role="seller"] .todaySalesMetaBody {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

#tables[data-sales-role="seller"] .todaySalesTable .idProd,
#tables[data-sales-role="seller"] .todaySalesTable .descProduct {
	font-size: 1.2rem;
}

#tables[data-sales-role="seller"] .todaySalesTable .precioProd {
	display: contents;
	color: #3c8f63;
	letter-spacing: -0.03em;
}

#tables[data-sales-role="shopper"] .todaySalesTable tbody tr {
	grid-template-columns: 58px minmax(0, 1fr) minmax(74px, max-content);
	align-items: center;
}

#tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete {
	grid-template-columns: 58px minmax(0, 1fr) minmax(74px, max-content) 42px;
}

#tables[data-sales-role="shopper"] .todaySalesMetaTop {
	align-items: center;
}

#tables[data-sales-role="shopper"] .todaySalesMetaBody {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

#tables[data-sales-role="shopper"] .todaySalesTable .idProd,
#tables[data-sales-role="shopper"] .todaySalesTable .descProduct,
#tables[data-sales-role="shopper"] .todaySalesTable .comiProd {
	font-size: 0.76rem;
}

.sowMoreLess {
	display: inline-flex;
    padding: 6px 13px;
    border-radius: 5px;
    font-size: 0.85em;
    box-shadow: 0 8px 16px rgba(103, 120, 235, 0.14);
    margin: 12px 0 0 0;
    background: linear-gradient(180deg, #7f8eff 0%, #6678eb 100%);
    color: #ffffff;
    cursor: pointer;
    width: fit-content;
	min-width: 110px;
	text-align: center;
}

#tableTotalesNota tbody {
	border: 1px solid rgba(215, 227, 247, 0.85);
	background: rgba(255, 255, 255, 0.56);
}

#tableTotalesNota tr {
	display: grid;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) 50%;
    gap: 18px;
    padding: 10px 16px;
}

@media (max-width: 680px) {
	#tableUSA,
	#tableInter,
	#tableTotalesNotaDiv {
		padding: 12px 12px 10px;
	}

	#tables[data-sales-mode="today"] .todaySalesTable tbody {
		max-height: 263px;
	}

	.todaySalesTable tbody tr {
		gap: 8px 10px;
		padding: 10px 4px;
	}

	.todaySalesTable .todaySalesInfo {
		gap: 3px;
	}

	.todaySalesTable .todaySalesMetaTop,
	.todaySalesTable .todaySalesMetaBody {
		gap: 3px 8px;
	}
	
	.todaySalesTable .idCompra {
		font-size: 0.9rem !important;
	}
	
	.todaySalesTable .idProd,
	.todaySalesTable .descProduct,
	.todaySalesTable .comiProd {
		font-size: 1.1rem !important;
	}
	
	#tables[data-sales-role="seller"] .todaySalesTable .precioProd {
        font-size: 1.1rem;
		margin: 14px 10px 0px 0px;
    }

	.todaySalesTable .precioProd {
		padding-left: 4px;
		font-size: 0.92rem;
	}

	#tables[data-sales-role="seller"] .todaySalesTable tbody tr {
		grid-template-columns: 100px minmax(0, 1fr) minmax(85px, max-content);
	}

	#tables[data-sales-role="seller"] .todaySalesMetaBody {
		flex-direction: column;
		align-items: flex-start;
	}

	#tables[data-sales-role="shopper"] .todaySalesTable tbody tr {
		grid-template-columns: 54px minmax(0, 1fr) minmax(66px, max-content);
		grid-template-areas:
			"img info price";
	}

	#tables[data-sales-role="shopper"] .todaySalesTable tbody tr.has-delete {
		grid-template-columns: 54px minmax(0, 1fr) minmax(58px, max-content);
		grid-template-areas:
			"img info price"
			"img info delete";
	}

	#tables[data-sales-role="shopper"] .todaySalesMetaTop,
	#tables[data-sales-role="shopper"] .todaySalesMetaBody {
		flex-direction: column;
		align-items: flex-start;
	}

	.sowMoreLess {
        padding: 8px 20px;
        font-size: 0.85rem;
	}

	#tableTotalesNota tr {
		padding: 8px 12px;
	}

}

#pendingGuidePopupSeller {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 11;
	padding: 26px 18px;
	overflow: auto;
	background: rgba(229, 235, 245, 0.82);
	backdrop-filter: blur(10px);
}

#pendingGuidePopupSeller .pendingGuidePopupSellerContent {
	max-width: 1000px;
	margin: 0 auto;
	padding: 18px 18px 22px;
	border: 1px solid rgba(209, 221, 242, 0.95);
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 244, 254, 0.94) 100%);
	box-shadow: 0 28px 70px rgba(83, 107, 149, 0.18);
}

#pendingGuidePopupSeller .topbarPopups {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
}

#cerrarPendingGuidePopupSeller:hover {
	opacity: 0.8;
}

#pendingGuidePopupSeller .tablesTitle {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 4px 0 5px;
	color: #40577f;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0;
}

#pendingGuidePopupSeller .tablesTitle::before {
	content: "";
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236a8cc7' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3.2a15.6 15.6 0 0 0-1.7-5A8 8 0 0 1 18.9 11Zm-6.9 9a13.7 13.7 0 0 1-2.1-5h4.2A13.7 13.7 0 0 1 12 20Zm-2.5-7a11.7 11.7 0 0 1 0-2h5a11.7 11.7 0 0 1 0 2h-5Zm.4-7A13.7 13.7 0 0 1 12 4a13.7 13.7 0 0 1 2.1 5H9.9ZM10 6a15.6 15.6 0 0 0-1.7 5H5.1A8 8 0 0 1 10 6Zm-4.9 7h3.2a15.6 15.6 0 0 0 1.7 5A8 8 0 0 1 5.1 13Zm8.9 5a15.6 15.6 0 0 0 1.7-5h3.2A8 8 0 0 1 14 18Z'/%3E%3C/svg%3E");
}

#pendingGuideTableSeller {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(213, 224, 244, 0.95);
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 14px 32px rgba(86, 109, 148, 0.08);
}

#pendingGuideTableSeller thead {
	background: linear-gradient(180deg, rgba(111, 121, 232, 0.97) 0%, rgba(108, 123, 255, 0.92) 100%);
}

#pendingGuideTableSeller thead,
#pendingGuideTableSeller tbody tr {
	width: 100%;
}

#pendingGuideTableSeller th,
#pendingGuideTableSeller td {
	text-align: center;
	border-color: rgba(215, 226, 244, 0.85);
}

#pendingGuideTableSeller th {
	padding: 16px 12px;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: 600;
}

#pendingGuideTableSeller td {
	padding: 14px 12px;
	color: #354259;
	font-size: 0.95rem;
	background: rgba(255, 255, 255, 0.62);
}

#pendingGuideTableSeller tbody tr:nth-child(even) td {
	background: rgba(233, 243, 255, 0.84);
}

#pendingGuideTableSeller tbody tr:hover td {
	background: rgba(218, 231, 253, 0.86) !important;
	color: #283345 !important;
}

#pendingGuideTableSeller .idCompra,
#pendingGuideTableSeller .descProduct {
	text-align: left;
}

#pendingGuideTableSeller .descProduct {
	font-size: 1rem;
	line-height: 1.35;
}

#pendingGuideTableSeller .descProduct span {
	display: block;
	margin-bottom: 2px;
	color: #586a8a;
	font-size: 0.92rem;
	font-weight: 600;
}

#pendingGuideTableSeller .idProd {
	display: none;
}

#pendingGuideTableSeller .imgProdQuery {
	width: 8%;
}

#pendingGuideTableSeller .imgProdGralQuery {
	width: 46px;
	height: 46px;
	border-radius: 12px;
	border: 1px solid rgba(204, 217, 240, 0.95);
	background: #ffffff;
	padding: 3px;
	box-shadow: 0 8px 18px rgba(97, 122, 164, 0.09);
	object-fit: cover;
	cursor: pointer;
}

#pendingGuideTableSeller .idCompra {
	width: 16%;
}

#pendingGuideTableSeller .descProduct {
	width: 42%;
}

#pendingGuideTableSeller .precioProd {
	width: 16%;
}

#pendingGuideTableSeller .numReporte {
	width: 18%;
}

#pendingGuideTbodySeller {
	max-height: 58vh;
}

#pendingGuidePopupSeller .sowMoreLess {
	display: inline-flex;
	align-items: center;
	margin-top: 14px;
	padding: 0.85em 1.25em;
	border-radius: 5px;
	background: linear-gradient(180deg, rgba(111, 121, 232, 0.97) 0%, rgba(108, 123, 255, 0.92) 100%);
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(96, 107, 220, 0.2);
}

#pendingGuidePopupSeller .sowMoreLess span,
#pendingGuidePopupSeller .sowMoreLess svg {
	color: inherit;
	fill: currentColor;
}

#pendingGuidePopupSeller .sowMoreLess:hover {
	opacity: 0.92;
}

@media (max-width: 820px) {
	#pendingGuidePopupSeller {
		padding: 14px 10px;
	}

	#pendingGuidePopupSeller .pendingGuidePopupSellerContent {
		padding: 14px 12px 18px;
		border-radius: 18px;
	}

	#pendingGuidePopupSeller .tablesTitle {
		font-size: 1.4rem;
		padding-bottom: 12px;
	}

	#pendingGuideTableSeller th,
	#pendingGuideTableSeller td {
		padding: 12px 8px;
		font-size: 0.88rem;
	}

	#pendingGuideTableSeller .imgProdGralQuery {
		width: 40px;
		height: 40px;
	}

	#pendingGuideTbodySeller {
		max-height: 62vh;
	}
}

@media (max-width: 650px) {
	#pendingGuidePopupSeller {
		padding: 10px 8px;
	}

	#pendingGuidePopupSeller .pendingGuidePopupSellerContent {
		padding: 14px 12px 18px;
		border-radius: 20px;
	}

	#pendingGuidePopupSeller .tablesTitle {
		gap: 10px;
		font-size: 1.2rem;
		line-height: 1.25;
	}

	#pendingGuideTableSeller {
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	#pendingGuideTableSeller thead {
		display: none;
	}

	#pendingGuideTableSeller,
	#pendingGuideTableSeller tbody,
	#pendingGuideTableSeller tr,
	#pendingGuideTableSeller td {
		display: block;
		width: 100%;
	}

	#pendingGuideTbodySeller {
		display: flex;
		flex-direction: column;
		gap: 12px;
		overflow: visible;
	}
	
	#pendingGuideTableSeller thead, #pendingGuideTableSeller tbody tr {
    width: 94.8%;
	}

	#pendingGuideTableSeller tbody tr {
		display: grid;
		grid-template-columns: 100px minmax(0, 1fr) minmax(85px, max-content);
		grid-template-areas:
			"image order price"
			"image desc report";
		align-items: center;
		gap: 6px 14px;
		padding: 14px 8px 15px;
		border: 1px solid rgba(213, 224, 244, 0.95);
		border-radius: 18px;
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 12px 26px rgba(86, 109, 148, 0.1);
	}

	#pendingGuideTableSeller tbody tr:nth-child(even) {
		background: rgba(247, 250, 255, 0.98);
	}

	#pendingGuideTableSeller tbody tr:hover {
		background: rgba(239, 244, 254, 0.98);
	}

	#pendingGuideTableSeller td {
		padding: 0;
		border: 0;
		background: transparent !important;
	}

	#pendingGuideTableSeller .imgProdQuery {
		grid-area: image;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: auto;
	}

	#pendingGuideTableSeller .imgProdGralQuery {
		width: 56px;
		height: 56px;
		border-radius: 12px;
	}

	#pendingGuidePopupSeller #pendingGuideTableSeller .idCompra {
		grid-area: order;
		display: block !important;
		width: auto;
		text-align: left;
		font-size: 0.82rem;
		font-weight: 600;
		color: #5e76a0;
		line-height: 1.2;
	}

	#pendingGuideTableSeller .descProduct {
		grid-area: desc;
		width: auto;
		text-align: left;
		font-size: 0.78rem;
		line-height: 1.15;
		color: #354259;
	}

	#pendingGuideTableSeller .descProduct span {
		margin-bottom: 6px;
		font-size: 0.82rem;
		font-weight: 700;
		color: #5e76a0;
	}

	#pendingGuideTableSeller .descProduct br {
		display: none;
	}

	#pendingGuideTableSeller .precioProd {
		grid-area: price;
		width: auto;
		text-align: left;
		font-size: 0.95rem;
		font-weight: 700;
		color: #3f9a6d;
		white-space: nowrap;
	}

	#pendingGuideTableSeller .numReporte {
		grid-area: report;
		width: auto;
		text-align: left;
		font-size: 0.78rem;
		font-weight: 600;
		color: #6d7f9d;
		line-height: 1.2;
	}

	#pendingGuideTableSeller .numReporte::before {
		content: "Report";
		display: block;
		margin-bottom: 2px;
		font-size: 0.64rem;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: #8ea1c1;
	}

	#pendingGuidePopupSeller .sowMoreLess {
		margin-top: 16px;
		padding: 8px 20px;
        font-size: 0.85rem;
	}
}

/*popUp popupTipoTransmision*/
#popupTipoTransmision {display: flex;justify-content: center;align-items: center;transition: opacity 1.5s ease;overflow: auto;padding: 0 3px;background: #fff;}
#btnsTipoTransmision {background: #fff;width: 45%;text-align: center;padding: 1.5em 0.5em 2em 0.5em;;border-radius: 5px;
	background-image: url(/wp-content/uploads/2026/03/Logo-mydeal.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

body.dashboard-initializing {overflow: hidden;}
body.dashboard-initializing #popupTipoTransmision {
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto;
	z-index: 9 !important;
}
body.dashboard-initializing #popupBtnsMenu,
body.dashboard-initializing #shopperInventoryContainer {
	visibility: hidden !important;
}

/*Boton wsp*/
#wspContainer {margin-top: 5px;}
#wspContainer a {text-decoration: unset;}
#whatsapp_boton_span_pc, .whatsapp_boton_span_pc {background: #25d366;color: #fff;border-radius: 5px;padding: 0.83em 5.35em;}
#whatsapp_boton_span_cel, .whatsapp_boton_span_cel {background: #25d366;color: #fff;border-radius: 5px;padding: 0.83em 5.35em;}
.whatsapp_boton_span:hover {opacity: 0.8;}
@media (min-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: contents;}
	#wspContainer .whatsapp_boton_cel {display: none;}
}
@media (max-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: none;}
	#wspContainer .whatsapp_boton_cel {display: contents;}
}

/*******Landing productos asociado******/
/*------Portada------*/
:root{--blue:linear-gradient(#278fdc, #005ca1); --green:#22C55E; --red:#E3392B;--text:#0F172A; --muted:#475569; --ring:#C7D2FE;--radius:14px;}
/******Radios idioma******/
#portadaAsocDiv {margin-top: 0.5em;}
#idiomaContainer fieldset {display: grid;min-width: 0;margin: 0.5em 0 0 0;padding: 0;justify-content: center;border: unset;}
#idiomaContainer .toggle {box-sizing: border-box;font-size: 0;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: stretch;}
#idiomaContainer .toggle input {width: 0;height: 0;position: absolute;left: -9999px;}
#idiomaContainer .toggle input + label {margin: 0;padding: 0.3rem 1rem;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 0.9rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;cursor: pointer;}
#idiomaContainer .toggle input:checked + label {background-color: #4B9DEA;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #4B9DEA;z-index: 1;}
#idiomaContainer .toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;}
#idiomaContainer .toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;}
#iframe_landingAsoc_pc .wpb_wrapper {padding: 0 1.1em;}
#videoContainer_landingAsoc {padding: 16em;}
#portadaDsk {max-width: 550px;}
@media (max-width: 768px) {#portadaDsk {max-width: 90%;}}
#sellerLiveTop {max-width: 800px;}
.sellerAsoc-wrap .btns-row {text-align: center;margin:20px 0;}
.sellerAsoc-wrap .seguirShopperDiv {height: 0;}
.sellerAsoc-wrap button.seguirShopper {width: 250px;border: unset;justify-content: center !important;padding: 10px 25px !important;background: #00a2fd !important;font-weight: 700;cursor: pointer;}
.sellerAsoc-wrap .btn{display:inline-flex; justify-content:end;padding:14px 16px; border-radius:var(--radius);font-weight:700; font-size:20px; text-decoration:none; color:#fff !important;transition:transform .05s, box-shadow .2s; box-shadow:0 4px 14px rgba(0,0,0,.08);}
.sellerAsoc-wrap .btn.full{ width:100%; }
.sellerAsoc-wrap .btn:active{ transform:translateY(1px); }
.sellerAsoc-wrap .btn-stack{ display:grid; gap:12px; margin-top:-11px; margin-bottom: 33px;}
.sellerAsoc-wrap .btn-inner {display: grid;gap: 12px;padding: 0 0.5em;}
.sellerAsoc-wrap .btn:hover {opacity: 0.85;text-decoration: unset;}
.sellerAsoc-wrap .txtStklimDiv {text-align: center;padding-top: 25px;gap: 5px;display: grid;}
#txtStklim1 {font-size: 1.3em;font-weight: 600;color: #615f60;}
#txtStklim2 {font-size: 1.5em;font-weight: 600;color: #00a2fd;}
.sellerAsoc-wrap .textbtn {width: 87%;text-align: left;}
.sellerAsoc-wrap  #slot-soporte-messenger .textbtn { width: 87%; }
.sellerAsoc-wrap .fa-brands.fa-facebook-messenger { width: 9%;text-align: left;font-size: 1.35em; }
.sellerAsoc-wrap .codigosIcon {width: 9%;position: relative;right: 4px;}
.sellerAsoc-wrap .fa-solid {text-align: left;}
.sellerAsoc-wrap .fa-solid.fa-check, .fa-solid.fa-calculator, .fa-solid.fa-headset, .fa-solid.fa-user {font-size: 1.2em;}
.sellerAsoc-wrap .fa-solid.fa-store  {font-size: 1.2em;position: relative;top: 2px;}
.sellerAsoc-wrap .fa-solid.fa-cart-shopping {font-size: 1.15em;position: relative;top: 2px;}
/*Botones wsp*/
.sellerAsoc-wrap .whatsapp_boton_pc, .sellerAsoc-wrap .whatsapp_boton_cel {width: 100%;text-decoration: unset !important;}
.sellerAsoc-wrap .fa-brands.fa-whatsapp {width: 9%;text-align: left;font-size: 1.5em;}
@media (min-width: 768px) {.sellerAsoc-wrap .whatsapp_boton_pc{display: inline-flex;} .sellerAsoc-wrap .whatsapp_boton_cel{display: none;}}
@media (max-width: 768px) {.sellerAsoc-wrap .whatsapp_boton_pc{display: none;}.sellerAsoc-wrap .whatsapp_boton_cel{display: inline-flex;}}
/* Acordeón */
iframe {border-radius: 12px;}
.sellerAsoc-wrap .chevron {width: 17px;height: 17px;background: transparent;text-indent: -9999px;border-top: 4px solid #fff;border-left: 4px solid #fff;transition: all 250ms ease-in-out;text-decoration: none;color: transparent;margin-left: 11px;border-radius: 3px;transform: rotate(-135deg);}
.sellerAsoc-wrap .wpb_content_element {margin-top: 10px;margin-bottom: 0;}
/*------WSP-Img------*/
#wspDiv {margin-top: 1em;}
#wspDiv .titleWsp {font-size: 2.2em;font-weight: bold;color: #1370b7;line-height: 1;display: block;padding: 0 0.3em;}
#wspDiv #wspContainer {margin: 1em 0;font-size: 1.2em;}
#wspDiv #wspContainer span {font-weight: bold;}
/*------Redes------*/
.all-networks{ margin:6px 0 6px; }
.redesAsocHTMLcontainer .redesUl{display:flex; gap:14px; align-items:center; justify-content: center; list-style:none; padding:0; margin:0;}
.redesAsocHTMLcontainer .redesUl li img {display:block;width:85px;border-radius: 20px;}
.redesAsocHTMLcontainer .redesUl li .facebook.onlive img { width: 85px !important;}
.redesAsocHTMLcontainer .redesUl li .facebook img { width: 65px !important;}
.noProdFound {margin-top: 0.5em;}

/*------Landing sellers top redesign------*/
.seller-live-store-top {
	max-width: 650px;
	margin: 0 auto;
	padding: 10px 14px 4px;
}

.seller-live-store-top ~ .mdp-topbar .logo {
	display: none !important;
}

.seller-live-store-top #landinAsocContainer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto auto auto;
	align-items: center;
	gap: 14px 16px;
	text-align: left;
}

.seller-live-store-top #idiomaContainer {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
	position: relative;
	z-index: 20;
	margin-top: 5px;
}

.seller-live-store-top #idiomaContainer fieldset {
	display: none;
}

.seller-live-store-top #idiomaContainer .switch-field {
	position: relative;
	width: 150px;
}

.seller-live-store-top #idiomaContainer .language-selected {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	border: 1px solid #e5e7eb;
	border-radius: 999px;
	background: #fff;
	color: #1f6ff2;
	font-size: 15px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	cursor: pointer;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.08);
	line-height: 1;
}

.seller-live-store-top #idiomaContainer .language-globe,
.seller-live-store-top #idiomaContainer .language-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #1f6ff2;
	line-height: 1;
}

.seller-live-store-top #idiomaContainer .language-globe {
	font-size: 22px;
}

.seller-live-store-top #idiomaContainer .language-arrow {
	font-size: 13px;
	transition: transform 0.18s ease;
}

.seller-live-store-top #idiomaContainer .switch-field.open .language-arrow {
	transform: rotate(180deg);
}

.seller-live-store-top #idiomaContainer .language-options {
	position: absolute;
	top: 52px;
	right: 0;
	width: 150px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
	overflow: hidden;
	display: none;
	z-index: 30;
}

.seller-live-store-top #idiomaContainer .switch-field.open .language-options {
	display: block;
}

.seller-live-store-top #idiomaContainer .language-options button {
	width: 100%;
	height: 42px;
	padding: 0 14px;
	border: none;
	background: #fff;
	color: #0f1b3d;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	text-align: left;
}

.seller-live-store-top #idiomaContainer .language-options button:hover,
.seller-live-store-top #idiomaContainer .language-options button:focus-visible {
	background: #f3f7ff;
	color: #1f6ff2;
	outline: none;
}

.seller-live-store-top #portadaAsocDiv {
	grid-column: 1;
	grid-row: 1;
	display: block;
	margin-top: 0;
	min-width: 0;
    margin-top: 5px;
}

.seller-live-store-top #portadaAsoc {
	width: 100%;
	height: 76px;
	border-radius: 0;
	overflow: hidden;
	background: #fff;
	box-shadow: none;
}

.seller-live-store-top .seller-cover-frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	gap: clamp(14px, 2vw, 20px);
	min-width: 0;
	overflow: visible;
}

.seller-live-store-top #portadaDsk {
	width: clamp(48px, 6vw, 64px);
	height: clamp(48px, 6vw, 64px);
	max-width: none;
	flex: 0 0 auto;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 50%;
}

.seller-live-store-top .seller-cover-brand {
	position: static;
	display: inline-flex;
	align-items: center;
	gap: clamp(4px, 0.6vw, 6px);
	max-width: none;
	min-width: 0;
	white-space: nowrap;
	pointer-events: none;
	flex: 0 1 auto;
}

.seller-live-store-top .seller-cover-alias {
	display: block;
	overflow: visible;
	text-overflow: clip;
	color: #050505;
	font-size: clamp(18px, 2.4vw, 28px);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
	flex: 0 1 auto;
}

.seller-live-store-top .seller-cover-verified {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: clamp(22px, 2.8vw, 28px);
	height: clamp(22px, 2.8vw, 28px);
	border-radius: 0;
	background: linear-gradient(180deg, #168bdc 0%, #0d6eaa 100%);
	color: #fff;
	font-size: clamp(8px, 1vw, 10px);
	clip-path: polygon(50% 0%,57% 8%,66% 4%,71% 14%,82% 13%,84% 24%,94% 29%,90% 39%,100% 50%,90% 61%,94% 71%,84% 76%,82% 87%,71% 86%,66% 96%,57% 92%,50% 100%,43% 92%,34% 96%,29% 86%,18% 87%,16% 76%,6% 71%,10% 61%,0% 50%,10% 39%,6% 29%,16% 24%,18% 13%,29% 14%,34% 4%,43% 8%);
	box-shadow: none;
}

.seller-live-store-top .seller-cover-verified i {
	filter: drop-shadow(0 1px 0 rgba(0,0,0,.08));
}

@media (max-width: 769px) {
	.seller-live-store-top .seller-cover-brand {
		flex: 1 1 auto;
		max-width: 100%;
		white-space: normal;
	}

	.seller-live-store-top .seller-cover-alias {
		min-width: 0;
		white-space: normal;
		overflow-wrap: normal;
		word-break: normal;
		line-height: .95;
		overflow: hidden;
	}
}

.seller-live-store-top #sellerLandingHowToSlot {
	grid-column: 1 / -1;
	grid-row: 2;
}

.seller-live-howto-card {
	background: #fff !important;
	border: 1px solid #edf0f4 !important;
	border-radius: 16px !important;
	overflow: visible !important;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04) !important;
}

.seller-live-howto-card > .accordion-trigger {
	width: 100% !important;
	min-height: 110px !important;
	padding: 9px 22px 9px 14px !important;
	border: none !important;
	background: #fff !important;
	box-shadow: none !important;
	border-radius: 16px !important;
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	cursor: pointer;
}

.seller-live-howto-card > .accordion-trigger .accordion-title-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 22px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.seller-live-howto-card > .accordion-trigger .textbtn {
	width: auto !important;
	color: #161642 !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	white-space: nowrap;
}

.seller-howto-thumb {
	width: 160px;
	height: 90px;
	min-width: 160px;
	border-radius: 10px;
	overflow: hidden;
	background: #eef2f7;
	position: relative;
	display: block;
}

.seller-howto-thumb img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	object-position: left center;
	display: block;
}

.seller-howto-play i {
	width: auto !important;
}

.seller-howto-duration {
	min-width: 58px;
	height: 36px;
	padding: 0 12px;
	border-radius: 999px;
	background: #eef5ff;
	color: #3174f2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 850;
	line-height: 1;
}

.seller-live-howto-card > .accordion-trigger .chevron {
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: 3px solid #171744 !important;
	border-bottom: 3px solid #171744 !important;
	border-radius: 2px !important;
	transform: rotate(45deg) !important;
	margin-left: 0 !important;
	text-indent: -9999px;
}

.seller-live-howto-card > .accordion-trigger[aria-expanded="true"] .chevron {
	transform: rotate(225deg) !important;
}

/* Boton "Ver como comprar" - mismo diseno que #btnSellers en compras_en_vivo2.php */
#btnSellers.md-live-video-toggle {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 96px !important;
	margin: 0 !important;
	padding: 12px 22px 12px 14px !important;
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	background: #ffffff !important;
	border: none !important;
	border-radius: 16px !important;
	box-shadow: none !important;
	cursor: pointer;
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	color: inherit;
}

#btnSellers .md-live-video-play {
	width: 92px;
	height: 68px;
	min-width: 92px;
	border-radius: 12px;
	background: url('/wp-content/uploads/2026/06/sellers-video.png') center center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex: 0 0 auto;
}

#btnSellers .md-live-video-play::after {
	content: "" !important;
	position: absolute !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #fff !important;
	border: 0 none !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='9,6 19,12 9,18' fill='%232563eb'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: 53% center !important;
	background-size: 19px !important;
}

#btnSellers .md-live-video-text {
	width: auto !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #111827 !important;
	line-height: 1.2 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

#btnSellers .md-live-video-time {
	display: none !important;
}

/* Vista recurrente (default): sin miniatura, solo texto */
#btnSellers .md-live-video-play {
	display: none !important;
}

#btnSellers:not(.is-first-visit).md-live-video-toggle {
	padding: 20px 26px 20px 20px !important;
}

#btnSellers:not(.is-first-visit) .md-live-video-text {
	font-size: 24px !important;
}

/* Vista primera visita: fondo celeste, miniatura mas grande, texto en 2 renglones */
#btnSellers.is-first-visit.md-live-video-toggle {
	background: #eaf4ff !important;
	padding: 18px 26px 18px 18px !important;
}

#btnSellers.is-first-visit .md-live-video-play {
	display: flex !important;
	width: 32% !important;
	height: auto !important;
	min-width: 0 !important;
	aspect-ratio: 4 / 3;
}

#btnSellers.is-first-visit .md-live-video-text {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	line-height: 1.25 !important;
	font-size: 18px !important;
}

@media (min-width: 768px) {
	#btnSellers.is-first-visit .md-live-video-play {
		width: auto !important;
		height: 96px !important;
		aspect-ratio: 4 / 3;
	}

	#btnSellers.is-first-visit .md-live-video-text {
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
}

#btnSellers .md-live-video-time::before {
	content: "" !important;
	display: inline-block !important;
	width: 14px !important;
	height: 14px !important;
	margin-right: 6px !important;
	vertical-align: -2px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 14'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

#btnSellers .md-live-video-arrow.chevron {
	width: 12px !important;
	height: 12px !important;
	min-width: 12px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: 2px solid #2563eb !important;
	border-bottom: 2px solid #2563eb !important;
	border-radius: 2px !important;
	background: transparent !important;
	transform: rotate(45deg) !important;
	margin-left: 4px !important;
	text-indent: -9999px;
	flex: 0 0 auto;
}

#btnSellers[aria-expanded="true"] .md-live-video-arrow.chevron {
	transform: rotate(225deg) !important;
}

@media (max-width: 767px) {
	#btnSellers.md-live-video-toggle {
		min-height: 90px !important;
		margin: 0 !important;
		padding: 10px 14px !important;
		gap: 12px !important;
	}

	#btnSellers .md-live-video-play {
		width: 78px;
		height: 58px;
		min-width: 78px;
	}

	#btnSellers .md-live-video-text {
		font-size: 16px !important;
	}

	#btnSellers:not(.is-first-visit) .md-live-video-text {
		font-size: 20px !important;
	}

	#btnSellers .md-live-video-time {
		font-size: 12px;
		padding: 4px 10px;
	}
}

@media (max-width: 400px) {
	#btnSellers.md-live-video-toggle {
		min-height: 80px !important;
		padding: 8px 10px !important;
		gap: 10px !important;
	}

	#btnSellers .md-live-video-play {
		width: 64px;
		height: 48px;
		min-width: 64px;
		border-radius: 10px;
	}

	#btnSellers .md-live-video-play::after {
		width: 22px !important;
		height: 22px !important;
		background-size: 15px !important;
	}

	#btnSellers .md-live-video-text {
		font-size: 14px !important;
	}

	#btnSellers .md-live-video-time {
		font-size: 11px;
		padding: 3px 8px;
	}

	#btnSellers .md-live-video-time::before {
		width: 12px !important;
		height: 12px !important;
		margin-right: 4px !important;
	}

	#btnSellers .md-live-video-arrow.chevron {
		margin-left: 2px !important;
	}
}

@media (max-width: 385px) {
	#btnSellers.is-first-visit .md-live-video-text {
		font-size: 16px !important;
	}
}

@media (max-width: 340px) {
	#btnSellers.md-live-video-toggle {
		gap: 8px !important;
	}

	#btnSellers .md-live-video-play {
		width: 56px;
		height: 42px;
		min-width: 56px;
	}

	#btnSellers .md-live-video-text {
		font-size: 13px !important;
	}

	#btnSellers .md-live-video-time {
		font-size: 10px;
		padding: 3px 7px;
	}
}

.seller-live-howto-card > .accordion-panel {
	padding: 0 22px 18px 22px !important;
	background: #fff !important;
	border-top: 1px solid #f0f2f5 !important;
	border-radius: 0 0 16px 16px !important;
}

.seller-live-howto-card .accordion-panel .accordion {
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.seller-live-howto-card .accordion-panel .accordion + .accordion {
	border-top: 1px solid #f0f2f5 !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-trigger {
	width: 100% !important;
	min-height: 64px !important;
	padding: 8px 0 !important;
	border: none !important;
	background: #fff !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	cursor: pointer;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-trigger .chevron {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	border: 2px solid #1688f0 !important;
	border-radius: 50% !important;
	background: #fff !important;
	position: relative;
	margin-left: 14px !important;
	transform: none !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-trigger .chevron::after {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 54% !important;
	width: 0 !important;
	height: 0 !important;
	transform: translate(-50%, -50%) !important;
	border-style: solid !important;
	border-width: 6px 0 6px 9px !important;
	border-color: transparent transparent transparent #1688f0 !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-trigger[aria-expanded="true"] .chevron {
	width: 13px !important;
	height: 13px !important;
	min-width: 13px !important;
	border: none !important;
	border-right: 3px solid #1688f0 !important;
	border-bottom: 3px solid #1688f0 !important;
	border-radius: 2px !important;
	background: transparent !important;
	transform: rotate(225deg) !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-trigger[aria-expanded="true"] .chevron::after {
	content: none !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-title-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-main-icon {
	width: 36px !important;
	height: 36px !important;
	min-width: 36px !important;
	border-radius: 50% !important;
	background: #eef7ff !important;
	color: #1688f0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 16px !important;
	line-height: 1 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

.seller-live-howto-card .accordion-panel .accordion .accordion-main-icon img {
	width: 60% !important;
	height: 60% !important;
	object-fit: contain !important;
}

.seller-live-howto-card .accordion-option-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.seller-live-howto-card .accordion-option-text .textbtn {
	width: auto !important;
	color: #111827 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

.seller-live-howto-card .accordion-subtitle {
	text-align: left;
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	
}

.seller-live-howto-card .wpb_video_widget,
.seller-live-howto-card .wpb_wrapper,
.seller-live-howto-card .wpb_video_wrapper {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.seller-live-howto-card #acc-intl,
.seller-live-howto-card #acc-usa {
	padding: 12px 0 18px 0 !important;
	background: #fff !important;
	height: auto !important;
	overflow: visible !important;
}

.seller-live-howto-card #videoContainer_compras_internacionales_cel,
.seller-live-howto-card #videoContainer_compras_usrs_usa_cel {
	width: 100% !important;
	max-width: 100% !important;
	height: 520px !important;
	min-height: 520px !important;
	display: block !important;
	position: relative !important;
	overflow: hidden !important;
	border-radius: 12px !important;
	background: #000 !important;
	box-sizing: border-box !important;
}

.seller-live-howto-card #videoContainer_compras_internacionales_cel iframe,
.seller-live-howto-card #videoContainer_compras_usrs_usa_cel iframe {
	width: 100% !important;
	height: 520px !important;
	min-height: 520px !important;
	display: block !important;
	position: relative !important;
	border: none !important;
	border-radius: 12px !important;
}

.seller-live-howto-card .vc_video-aspect-ratio-916 .wpb_video_wrapper,
.seller-live-howto-card .vc_video-aspect-ratio-169 .wpb_video_wrapper,
.seller-live-howto-card .vc_video-aspect-ratio-43 .wpb_video_wrapper {
	padding-top: 0 !important;
	height: auto !important;
}

.seller-live-store-top #redesAsocDiv {
	grid-column: 1;
	grid-row: 3;
	min-width: 0;
	margin: 10px 0;
}

.seller-live-store-top #landinAsocContainer > .btns-row {
	grid-column: 2;
	grid-row: 3;
	margin: 0;
	justify-self: end;
}

.seller-live-store-top .all-networks {
	margin: 0;
}

.seller-live-store-top .redesAsocHTMLcontainer .redesUl {
	justify-content: flex-start;
	gap: 22px;
}

.seller-live-store-top .redesAsocHTMLcontainer .redesUl li {
	position: relative;
}

.seller-live-store-top .seller-social-icon-wrap a,
.seller-live-store-top .seller-social-more-btn {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.seller-live-store-top .seller-social-icon-wrap a {
	background: #fff;
}

.seller-live-store-top .redesAsocHTMLcontainer .redesUl li img {
	width: 90px !important;
	height: 90px !important;
	border-radius: 50% !important;
	object-fit: cover;
	display: block;
}

#redesAsocDiv .redesAsocHTMLcontainer .redesUl .seller-social-more-icon.youtube img {
    height: 45px !important;
}

.seller-social-more {
	position: relative;
}

.seller-social-more-btn {
	border: none;
	background: #f3f5f9;
	color: #1f6ff2;
	font-size: 22px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.seller-social-more .seller-social-more-btn {
    width: 50px;
    height: 50px;
}

.seller-social-more-popover {
	position: absolute;
	top: calc(100% + 14px);
	left: 50%;
	transform: translateX(-50%);
	width: 210px;
	padding: 16px 12px 8px 30px;
	background: #fff;
	border: 1px solid #e8ecf4;
	border-radius: 12px;
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
	display: none;
	z-index: 99;
}

.seller-social-more-popover::before {
	content: "";
	position: absolute;
	top: -9px;
	left: 50%;
	width: 18px;
	height: 18px;
	background: #fff;
	border-left: 1px solid #e8ecf4;
	border-top: 1px solid #e8ecf4;
	transform: translateX(-50%) rotate(45deg);
}

.seller-social-more:hover .seller-social-more-popover,
.seller-social-more:focus-within .seller-social-more-popover {
	display: grid;
	gap: 10px;
}

.seller-social-more-item {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #151827;
	font-size: 22px;
	font-weight: 450;
	text-decoration: none !important;
}

.seller-social-more-icon,
.network-fallback {
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eef5ff;
	color: #1f6ff2;
	font-size: 20px;
	overflow: hidden;
}

.seller-social-more-icon img {
	width: 38px !important;
	height: 38px !important;
	border-radius: 10px !important;
}

.network-youtube,
.seller-social-more-icon.youtube {
	background: #ff1010;
	color: #fff;
}

.network-wechat,
.seller-social-more-icon.wechat {
	background: #19c51f;
	color: #fff;
}

.seller-live-store-top button.seguirShopper {
	width: auto !important;
	min-width: 150px !important;
	height: 52px !important;
	padding: 0 26px !important;
	border: 1px solid #1f6ff2 !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #1f6ff2 !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
	justify-content: center !important;
	align-items: center !important;
}

@media (max-width: 640px) {
	.seller-live-store-top #portadaAsoc {
		height: 62px;
	}

	.seller-live-store-top .seller-cover-frame {
		gap: 10px;
	}

	.seller-live-store-top #portadaDsk {
		width: 48px;
		height: 48px;
	}

	.seller-live-store-top .seller-cover-brand {
		gap: 5px;
		max-width: none;
	}

	.seller-live-store-top .seller-cover-alias {
		font-size: inherit;
	}

	.seller-live-store-top .seller-cover-verified {
		width: clamp(20px, 5vw, 24px);
		height: clamp(20px, 5vw, 24px);
		font-size: clamp(7px, 2vw, 9px);
	}
	
	.seller-social-more-popover {
		width: 165px;
    	padding: 12px 10px 3px 23px;
	}
	
	.seller-social-more-item { 
    	font-size: 16px;
	}
	
	.seller-live-store-top {
		padding: 8px 12px 2px;
	}

	.seller-live-store-top #landinAsocContainer {
		gap: 14px 10px;
	}

	.seller-live-store-top #portadaAsoc {
		height: 62px;
	}

	.seller-live-store-top #idiomaContainer .switch-field,
	.seller-live-store-top #idiomaContainer .language-options {
		width: 128px;
	}

	.seller-live-store-top #idiomaContainer .language-selected {
		height: 42px;
		font-size: 13px;
		padding: 0 10px;
		gap: 7px;
	}

	.seller-live-howto-card > .accordion-trigger {
		min-height: 80px !important;
		padding: 9px 14px 9px 10px !important;
		gap: 11px !important;
	}

	.seller-live-howto-card > .accordion-trigger .accordion-title-wrap {
		gap: 12px !important;
	}

	.seller-howto-thumb {
		width: 122px;
		height: 58px;
		min-width: 122px;
	}

	.seller-live-howto-card > .accordion-trigger .textbtn {
		font-size: 16px !important;
		white-space: normal;
	}

	.seller-howto-duration {
		min-width: 50px;
		height: 31px;
		font-size: 14px;
		padding: 0 9px;
	}

	.seller-live-howto-card #videoContainer_compras_internacionales_cel,
	.seller-live-howto-card #videoContainer_compras_usrs_usa_cel,
	.seller-live-howto-card #videoContainer_compras_internacionales_cel iframe,
	.seller-live-howto-card #videoContainer_compras_usrs_usa_cel iframe {
		height: 430px !important;
		min-height: 430px !important;
	}

	.seller-live-store-top .redesAsocHTMLcontainer .redesUl {
		gap: 13px;
	}

	.seller-social-more-btn {
		font-size: 18px;
		width: 37px !important;
        height: 37px !important;
	}

	.seller-live-store-top button.seguirShopper {
		min-width: 120px !important;
		height: 44px !important;
		padding: 0 18px !important;
		font-size: 16px !important;
	}
}

@media (max-width: 450px) {
	#barraTop #endTransmit,
	#barraTop #endTransmitServMP {
		margin-right: 0 !important;
	}

	.seller-live-store-top #landinAsocContainer {
		column-gap: 8px;
	}

	.seller-live-store-top #idiomaContainer .switch-field,
	.seller-live-store-top #idiomaContainer .language-options {
		width: 116px;
	}

	.seller-live-store-top #idiomaContainer .language-selected {
		height: 39px;
		font-size: 12px;
		gap: 6px;
	}

	.seller-live-store-top #portadaAsoc {
		height: 56px;
	}

	.seller-howto-thumb {
		width: 96px;
		min-width: 96px;
		height: 52px;
	}

	.seller-live-store-top .seller-social-icon-wrap a,
	.seller-live-store-top .redesAsocHTMLcontainer .redesUl li img {
		width: 62px !important;
		height: 62px !important;
	}

	.seller-live-store-top .redesAsocHTMLcontainer .redesUl {
		gap: 7px;
	}

	.seller-live-store-top button.seguirShopper {
		min-width: 96px !important;
		height: 39px !important;
		padding: 0 12px !important;
		font-size: 14px !important;
	}
}

/* Buscador productos */
.search-bar-container {text-align:center;}
.search-bar {display: inline-block;position: relative;text-align: left;}
#productSearch {max-width: 330px;width: 330px;height: 45px;padding: 10px 10px;border-radius: 12px;border: 1px solid #bbb;font-size: 15px;text-align: center;margin: 0;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}

/*------Clear input buscar------*/
#clearProductSearch {display:none;position: absolute;right: 7px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border: solid 2px #999;border-radius: 50%;text-align: center;line-height: 15px;font-size: 15px;font-weight: 400;color: #777;cursor: pointer;user-select: none;transition: background 0.2s;}
#clearProductSearch:hover {border: solid 2px #555;color: #555;}
#clearProductSearch:active {background: #999;}

/*------Productos------*/
#landinAsocContainer {text-align: center;}
.sellerAsoc-wrap {max-width:800px; margin:0 auto; padding:0 7px;}
#asocProdContent {text-align: center;padding: 3px;}
.product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block; vertical-align: top;border: solid 1px #ccc;background: #fff;border-radius: 5px;}
.product:hover {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.productidDiv {font-size: 0.8em;font-weight: bold;}
.descProd {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;font-weight: bold;font-size: 0.88em;}
.btnBuy, .btnSold {width: 85%;margin-top: 0.5em;padding: 10px 0;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 1em;cursor: pointer;border: unset;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;font-family: system-ui;font-weight: 600;text-decoration: none;}
.btnSold {background: #555;}
.btnBuy:hover, .btnSold:hover {opacity: 0.8;}
.product-image {cursor: pointer;margin: 0 0 5px 0;height: 200px;}
.product-image img {width: 100%;height: 100%;object-fit: contain;object-position: center center;border-radius: 3px;}
.infoProd span {display: block;margin: 5px;}
/*------Loading efecto------*/
#infiniteLoader {display: none;align-items: center;gap: .6rem;justify-content: center;padding: 12px 0;color: #666;font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial;}
#infiniteLoader.show { display: flex; }
#infiniteLoader .spinner {width: 18px; height: 18px; border-radius: 50%;border: 2px solid #ccc; border-top-color: #3b82f6;animation: spin .9s linear infinite;}
@keyframes spin { to { transform: rotate(360deg); } }
.product.skeleton {background: #f3f3f3; border-radius: 12px; overflow: hidden;} /* Skeletons */
.skel-img, .skel-text, .skel-btn {position: relative; overflow: hidden; background: #e9e9e9;}
.skel-img { aspect-ratio: 1/1; }
.skel-text { height: 16px; margin: 10px 12px; border-radius: 8px; }
.skel-text.long { width: 80%; }
.skel-text.short { width: 40%; }
.skel-btn { height: 36px; margin: 12px; border-radius: 999px; }
.skeleton .shine::after {content: ''; position: absolute; inset: 0;background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);transform: translateX(-100%); animation: shimmer 1.1s infinite;}
@keyframes shimmer { to { transform: translateX(100%); } }
/*------Popup gallery prod asoc------*/
.popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;}
.popup-content {position: relative;margin: 0 auto;padding: 10px 10px 20px 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;}
.close, .cerrar {position: absolute;top: 10px;right: 10px;font-size: 20px;background: #e4002b;color: #fff;border-radius: 3px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;}
.close:hover, .cerrar:hover {opacity: 0.8;}
#imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #f1eff0;padding: 0.3em;}
.popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;}
.nav-button {background: #f1eff0;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;}
.nav-button:hover {background-color: #222;color: #fff;}
#prevImage {left: 20px;}
#nextImage {right: 20px;}
.priceQty {display: flex;justify-content: center;font-weight: 400;}
.precProd {font-size: 0.9em;}
.qtyProd {font-size: 0.8em;}
#comprarGalleryBtn .btnBuy {width: 300px;}
.pagination-bullets {display: flex;place-content: center;align-items: center;padding: 0.5em 0;}
.bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;}
.bullet.active {background-color: #333;}
#popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;}
.image-flip-next {transform: rotateY(-90deg);}
.image-flip-prev {transform: rotateY(90deg);}
.popup-gallery {overflow: hidden;}
/*******Landing productos asociado******/

/*dropDown menu redesign*/
.dropdown {display: inline-flex;align-items: center;margin-left: 2%;position: relative;z-index: 25;}
.dropbtn {width: 40px;cursor: pointer;}
.dropbtn:hover {opacity: 0.9;}
.dropbtn svg {color: #333;}
#myDropdown {display: none;position: fixed;top: 0;left: 0;width: 355px;padding: 16px;background: #fff9fa;border: 1px solid rgba(210, 219, 236, 0.95);border-radius: 7px;box-shadow: 0 26px 50px rgba(26, 45, 86, 0.18);backdrop-filter: blur(12px);z-index: 9999;}
#myDropdown.show {display: block;}
#myDropdown > #datosShoppDiv {display: none;}
#myDropdown a {text-decoration: none;}
#myDropdown .divider_container {display: flex;justify-content: center;}
#myDropdown .divider {height: 0.8px;background-color: #efe8ef;line-height: 0.8px;font-size: 1px;width: 90%;}
.ai-dropdown-shell {display: flex;flex-direction: column;gap: 10px;}
.ai-dropdown-section {display: flex;flex-direction: column;gap: 8px;}
.ai-dropdown-title {padding: 0 4px;margin: 0;font-size: 11px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: #667aa4;text-align: left;}
.ai-dropdown-group {background: #fff8f8;border: 1px solid rgba(212, 220, 235, 0.9);border-radius: 5px;overflow: hidden;box-shadow: 0 10px 22px rgba(30, 48, 86, 0.05);}
.ai-dropdown-item {width: 100%;min-height: 40px;padding: 0 14px;display: grid;grid-template-columns: 28px minmax(0, 1fr) 16px;align-items: center;gap: 12px;background: transparent;border: none;color: #4b566e;font-size: 14px;font-weight: 500;line-height: 1.25;text-align: left;cursor: pointer;transition: background-color 0.2s ease, color 0.2s ease;}
.ai-dropdown-group .ai-dropdown-item:last-child {border-bottom: none;}
.ai-dropdown-item:hover, .ai-dropdown-item:focus-visible {background: #f3f7ff;color: #28344b;outline: none;}
.ai-dropdown-item__icon {display: inline-flex;align-items: center;justify-content: center;width: 25px;height: 25px;color: #98a2b8;}
.ai-dropdown-item__icon svg {display: block;width: 24px;height: 24px;fill: currentColor;}
.ai-dropdown-item__icon--whatsapp {color: #49c96b;}
.ai-dropdown-item__icon--messenger {color: #4a87f2;}
.ai-dropdown-item--live-store {min-height: 58px !important;line-height: 1.4;}
.ai-dropdown-item--live-store .ai-dropdown-item__icon {color: #6f7fb6;}
.ai-dropdown-item--live-store .ai-dropdown-item__icon svg {fill: none;}
.ai-dropdown-item__text {display: flex;flex-direction: column;gap: 2px;min-width: 0;}
.ai-dropdown-item__label {display: block;white-space: normal;}
.ai-dropdown-item__subtitle {display: block;color: #7d8aa6;font-size: 11px;font-weight: 400;line-height: 1.25;white-space: normal;}
.ai-dropdown-item__chevron {justify-self: end;font-size: 20px;line-height: 1;color: #acb6c9;}
.ai-dropdown-item--logout {color: #5a6478;}
.ai-dropdown-item--desktop {display: grid;}
.ai-dropdown-item--mobile {display: none;}
.show {display: block;}

@media (max-width: 768px) {
	#myDropdown {width: min(calc(95vw - 30px), 350px);left: -8px;padding: 14px;}
	.ai-dropdown-item {min-height: 46px;}
	.ai-dropdown-title {font-size: 10.5px;}
	.ai-dropdown-item--desktop {display: none;}
	.ai-dropdown-item--mobile {display: grid;}
}

/*sweetalert2*/
.swal2-confirm:hover {background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);opacity: 0.8}
.swal2-confirm:focus {box-shadow: 0 0 0 2px #56a6eb;}
.swal2-cancel:hover {background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);opacity: 0.8;}
div:where(.swal2-icon).swal2-question {border-color: #0f5b9c !important;color: #0f5b9c !important;font-weight: bold;}
.swal2-popup.swal2-modal.swal2-show {border-radius: 15px;}
#swal2-input {box-sizing: border-box;border: 1px solid #d7dff2;padding: 13px 16px;margin-bottom: 0;font-size: 1rem;border-radius: 12px;outline: none;background: #fff;color: #1f2937;}
.swal-link-input-wrap {position: relative;width: min(100%, 568px);margin: 1em auto 0;}
.swal-link-input-wrap #swal2-input {width: 98%;margin: 0 auto;padding-right: 54px;}
.swal-link-input-clear {position: absolute;top: 50%;right: 12px;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;border: none;border-radius: 999px;background: transparent;color: #8b95a7;font-size: 2.15rem;line-height: 1;cursor: pointer;transition: color 0.2s ease, background-color 0.2s ease;}
.swal-link-input-clear:hover {color: #5d6577;background: rgba(148, 163, 184, 0.12);}
.swal-link-input-clear:focus-visible {outline: 2px solid #8eb9ff;outline-offset: 1px;}
.swal2-styled {padding: 0.7em 1.5em;border-radius: 7px;border: none;background: linear-gradient(180deg, #ff446c 0%, #e90b38 100%);box-shadow: 0 16px 28px rgba(233, 11, 56, 0.18);width: 100px;}

/* sweetalert live warning */
.swal2-confirm.swalLiveWarningConfirm:focus-visible {outline: unset !important;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;}
.swal2-popup.swalLiveWarningPopup {width: min(600px, calc(100vw - 36px));padding: 28px 34px 36px;border-radius: 24px;background: #ffffff;box-shadow: 0 28px 60px rgba(15, 23, 42, 0.22);}
.swalLiveWarningPopup .swal2-html-container.swalLiveWarningHtml {margin: 0;padding: 0;color: inherit;}
.liveWarningDialog {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 15px;}
.liveWarningIconWrap {display: inline-flex;align-items: center;justify-content: center;width: 95px;height: 95px;border-radius: 999px;background: linear-gradient(180deg, rgba(255, 61, 108, 0.08) 0%, rgba(255, 61, 108, 0.14) 100%);color: #e83458;}
.liveWarningIcon {width: 60px;height: 60px;}
.livebtnIcon {width: 40px;height: 40px;}
.liveWarningTitle {margin: 0;font-size: clamp(2rem, 2.6vw, 3.25rem);line-height: 1.04;font-weight: 600;letter-spacing: -0.03em;color: #111827;}
.liveWarningText {margin: 0;max-width: 640px;font-size: 1em;line-height: 1.65;color: #4b5563;}
.liveWarningDivider {width: 100%;height: 1px;background: #e5e7eb;margin-top: 6px;}
.swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {width: 100%;margin: 26px 0 0;gap: 24px;justify-content: center;}
.swalLiveWarningCancel, .swalLiveWarningConfirm {margin: 0 !important;display: inline-flex !important;align-items: center;justify-content: center;flex: 1 1 0;min-height: 70px;max-width: 360px;padding: 10px 28px !important;border-radius: 10px !important;font-size: 1.05rem !important;font-weight: 600;line-height: 1.2;color: #111827;box-shadow: none !important;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;cursor: pointer;}
.swalLiveWarningCancel {border: 2px solid #dce7fb !important;background: #ffffff !important;color: #1d62df !important;}
.swalLiveWarningConfirm {border: 2px solid rgba(232, 52, 88, 0.52) !important;background: rgba(255, 246, 248, 0.92) !important;color: #e83458 !important;}
.liveWarningBtnInner {display: inline-flex;align-items: center;gap: 7px;}
.swalLiveWarningCancel:hover, .swalLiveWarningConfirm:hover {transform: translateY(-1px);box-shadow: 0 18px 30px rgba(15, 23, 42, 0.08) !important;}
.swalLiveWarningBtnInner {display: inline-flex;align-items: center;justify-content: center;gap: 14px;}
.swalLiveWarningBtnIcon {display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 999px;}
.swalLiveWarningCancel .swalLiveWarningBtnIcon {color: #1d62df;}
.swalLiveWarningConfirm .swalLiveWarningBtnIcon {color: #e83458;}
.swalLiveWarningBtnIcon svg {width: 26px;height: 26px;display: block;}

@media (max-width: 720px) {
	.swal2-popup.swalLiveWarningPopup {width: min(100vw - 24px, 680px);padding: 22px 20px 24px;border-radius: 22px;}
	.liveWarningDialog {gap: 14px;}
	.liveWarningIconWrap {width: 86px;height: 86px;}
	.liveWarningIcon {width: 50px;height: 50px;}
	.liveWarningTitle {font-size: 2.2rem;}
	.liveWarningText {font-size: 1rem;line-height: 1.55;}
	.swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {gap: 14px;}
	.swalLiveWarningCancel, .swalLiveWarningConfirm {min-height: 80px;padding: 16px 20px !important;font-size: 0.98rem !important;}
}

@media (max-width: 560px) {
	.swal2-popup.swalLiveWarningPopup {padding: 20px 16px 18px;border-radius: 20px;}
	.liveWarningTitle {font-size: 1.95rem;}
	.swalLiveWarningPopup .swal2-actions.swalLiveWarningActions {flex-direction: column-reverse;gap: 12px;}
	.swalLiveWarningCancel, .swalLiveWarningConfirm {width: 100%;max-width: none;min-height: 68px;padding: 15px 18px !important;border-radius: 16px !important;}
	.swalLiveWarningBtnIcon {width: 36px;height: 36px;}
}

/*input adjuntar tickets*/
#receiptUploadDiv {text-align: center;margin-bottom: 6em;}
.receipt-upload-label {display: inline-block;width: 200px;background-color: #007BFF;color: white;padding: 10px 0;border-radius: 4px;cursor: pointer;font-size: 14px;margin-bottom: 6px;}
.receipt-upload-label:hover, #receiptUploadBtn:hover {opacity: 0.8;}
.receipt-upload-input {display: none;}
.info-text {display: block;font-size: 13px;color: #555;}
.file-names {display: inline-block;text-align: left;font-size: 13px;color: #333;margin-top: 8px;list-style: decimal;}
.file-names li {margin-bottom: 4px;}
.file-warning {color: red;margin-top: 8px;font-size: 13px;}
#receiptUploadBtn {background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;padding: 10px 0;font-size: 14px;width: 200px;}
#receiptUploadedDiv {text-align: center;}
#receiptUploadedText {display: block;}
/* #pendingReceipt {margin-top: 6px;}
#pendingReceipt span {font-size: 13px;padding: 3px 6px;border-radius: 5px;border: solid 2px #3383f5;} */

/*Radios tipo de producto*/
fieldset {box-sizing: border-box;border: solid 1px #5fa3df;margin-bottom: 1em;border-radius: 3px;padding: 0;}
.titleRadTipProd {text-align: left;font-size: 0.9em;display: block;margin-bottom: 3px;}
.toggle {margin: 0.5em 0 0.3em 0 !important;box-sizing: border-box;display: inline-block;}
.toggle input {width: 0;height: 0;position: absolute;left: -9999px;}
.toggle input + label {margin: 0;padding: 0.75em 1.9em;box-sizing: border-box;position: relative;display: inline-block;border: solid 1px #DDD;background-color: #FFF;font-size: 1rem;line-height: 140%;font-weight: 600;text-align: center;box-shadow: 0 0 0 rgba(255, 255, 255, 0);transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;}
.toggle input + label:first-of-type {border-radius: 6px 0 0 6px;border-right: none;}
.toggle input + label:last-of-type {border-radius: 0 6px 6px 0;border-left: none;}
.toggle input:checked + label {background-color: #3383f5;color: #FFF;box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);border-color: #3383f5;z-index: 1;}
.toggle label:hover {opacity: 0.7;}

/* Mostrar imagen de producto generl popUp*/
#popupImgProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlayImgProd {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 2147483640;}
#popupImgProdContainer {width: 100%;display: inline-flex;justify-content: center;padding: 2em 1em;}
#cerrarPopUpImgProd {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;float: right;top: -25px;left: 13px;}
#cerrarPopUpCamara:hover {background: #f50532;}
.wrapImgProd {width: min(900px, 100%);background: #fff;border-radius: 8px;margin: 0 0.3em;padding: 1em 0.3em;position: relative;}
.popupImgProdHeading {display: flex;flex-direction: column;align-items: center;gap: 3px;margin-bottom: 0.9rem;padding: 0 3rem;text-align: center;}
.wraImgProdUrlCodeProd{display: block;text-align: center;font-weight: bold;font-size: 1.05rem;color: #111827;margin-bottom: 0;}
.wraImgProdUrlDescription {display: block;max-width: 100%;overflow: hidden;color: #4f5b70;font-size: 0.9rem;font-weight: 500;text-overflow: ellipsis;white-space: nowrap;}
#wraImgProdUrl img {max-width: 100%;}
.popupImgProdCarousel {display: flex;flex-direction: column;gap: 0.9rem;}
.popupImgProdStage {position: relative;display: flex;align-items: center;justify-content: center;min-height: 420px;padding: 0 3.5rem;}
.popupImgProdMainImage {display: block;max-width: min(100%, 720px);max-height: 72vh;width: auto;height: auto;object-fit: contain;border-radius: 10px;background: #fff;}
.popupImgProdNav {position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 46px;height: 46px;border: none;border-radius: 999px;background: rgba(17, 24, 39, 0.88);color: #fff;font-size: 1.45rem;font-weight: 700;cursor: pointer;box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);}
.popupImgProdNav--prev {left: 0.5rem;}
.popupImgProdNav--next {right: 0.5rem;}
.popupImgProdDots {display: flex;justify-content: center;align-items: center;gap: 0.55rem;padding-bottom: 0.25rem;}
.popupImgProdDot {width: 12px;height: 12px;border: none;border-radius: 999px;background: #cbd5e1;cursor: pointer;padding: 0;}
.popupImgProdDot.is-active {background: #111827;}

@media (max-width: 720px) {
	#popupImgProdContainer {padding: 1em 0.6em;}
	.wrapImgProd {padding: 0.8em 0.25em;}
	.popupImgProdStage {min-height: 300px;padding: 0 2.6rem;}
	.popupImgProdNav {width: 40px;height: 40px;font-size: 1.2rem;}
}

/*Checkboxes Persistent*/
div#chkPersistentDiv, div#chkPersistentVariablesDiv {
    display: none !important;
}
#chkPersistentDiv, #chkPersistentVariablesDiv  {display: none;}
.switch_box.box_1, .switch_box.box_2 {margin-bottom: 1em;}
.switch_box.box_2 {font-size: 0.9em;text-align: center;margin: 0.3em 0 0.8em 0;}
.switch_box.box_1 div, .switch_box.box_2 div {display: inline-flex;align-items: center;}
.switch_box label {float: unset !important;margin-right: 7px;}
input[type="checkbox"].switch_1:checked, input[type="checkbox"].switch_2:checked {background: #0ebeff !important;}
input[type="checkbox"].switch_1, input[type="checkbox"].switch_2 {font-size: 17px !important;appearance: none !important;width: 3.5em !important;height: 1.5em;border-radius: 3em !important;position: relative;cursor: pointer;outline: none;transition: all .2s ease-in-out !important;padding: 0 !important;margin: 0 !important;background: #f5f5f5;border: solid 1px #5fa3df;}
input[type="checkbox"].switch_1:checked:after, input[type="checkbox"].switch_2:checked:after {left: calc(100% - 1.5em);}
input[type="checkbox"].switch_1:after, input[type="checkbox"].switch_2:after {position: absolute;content: "";width: 1.5em;height: 1.5em;border-radius: 50%;background: #fff;box-shadow: 0 0 .25em rgba(0, 0, 0, .3);transform: scale(.85) !important;left: 0;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;top: -1px;}
div:where(.swal2-container) .swal2-input {font-size: 1em;}

/*Subir imagenes para productos sellers landingasoc*/
#popupfotosProdSellers {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;}
.overlayfotosProdSellers {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.58);backdrop-filter: blur(8px);transition: opacity 0.28s ease;z-index: 15;}
#popupfotosProdSellersContainer {width: 100%;display: flex;justify-content: center;align-items: flex-start;padding: 18px 16px 42px;box-sizing: border-box;}
#popupfotosProdSellersWrap {position: relative;width: min(540px, 100%);padding: 30px 10px 10px 10px;background: #fff;border-radius: 12px;box-shadow: 0 26px 56px rgba(16, 24, 40, 0.18);}
#cerrarPopUpfotosProdSellers {position: absolute;top: 12px;right: 14px;display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 999px;background: #1f2937;color: #fff;font-size: 1rem;font-weight: 700;cursor: pointer;transition: transform 0.18s ease, background-color 0.18s ease;}
#cerrarPopUpfotosProdSellers:hover {background: #111827;transform: scale(1.03);}
#popupfotosProdSellers .uploader-wrap {display: flex;flex-direction: column;gap: 14px;max-width: 100%;margin: 0 auto;font-family: system-ui, Segoe UI, Roboto, Helvetica, Arial;}
#popupfotosProdSellers .sellerPhotoTopbar {display: flex;flex-direction: column;gap: 4px;padding-right: 8px;}
#popupfotosProdSellers .sellerPhotoHeader {color: #111827;font-size: 1.02rem;font-weight: 700;line-height: 1.35;}
#popupfotosProdSellers .sellerPhotoCodeLine {color: #6b7280;font-size: 0.95rem;line-height: 1.3;text-align: right;height: 0;position: relative;top: 6px;}
#popupfotosProdSellers .sellerPhotoDropzone {border: 1px solid #d7deee;border-radius: 12px;padding: 12px;background: #fff;}
#popupfotosProdSellers #sellerPhotoInput {display: none;}
#popupfotosProdSellers .sellerPhotoGrid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
#popupfotosProdSellers .sellerPhotoCard {position: relative;border-radius: 10px;overflow: hidden;background: #f8fafc;border: 1px solid #e2e8f0;min-height: 95px;}
#popupfotosProdSellers .sellerPhotoThumb {cursor: grab;transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;touch-action: none;}
#popupfotosProdSellers .sellerPhotoThumb:active {cursor: grabbing;}
#popupfotosProdSellers .sellerPhotoThumb img {width: 100%;height: 100%;aspect-ratio: 1 / 1;display: block;object-fit: cover;-webkit-user-drag: none;transition: opacity 0.16s ease;pointer-events: none;-webkit-touch-callout: none;}
#popupfotosProdSellers .sellerPhotoThumb.is-drag-source {opacity: 0.34;transform: scale(0.97);}
#popupfotosProdSellers .sellerPhotoThumb.is-touch-source {opacity: 0.24;transform: scale(0.98);}
#popupfotosProdSellers .sellerPhotoThumb.is-drop-target,
#popupfotosProdSellers .sellerPhotoAddCard.is-drop-target {border-color: transparent;box-shadow: none;transform: none;}
#popupfotosProdSellers .sellerPhotoThumb.is-drop-target::after,
#popupfotosProdSellers .sellerPhotoAddCard.is-drop-target::after {content: '';position: absolute;inset: 0;border: 2px dashed #60a5fa;border-radius: 10px;background: rgba(147, 197, 253, 0.14);z-index: 2;pointer-events: none;}
#popupfotosProdSellers .sellerPhotoThumb.is-drop-target img {opacity: 0.18;}
#popupfotosProdSellers .sellerPhotoThumb.is-drop-target .btn-x,
#popupfotosProdSellers .sellerPhotoThumb.is-drop-target .sellerPhotoBadge {opacity: 0;}
#popupfotosProdSellers .sellerPhotoAddCard {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;min-height: 128px;border: 2px dashed #d8e0ef;background: #f4f7fb;color: #4b5563;cursor: pointer;transition: border-color 0.2s ease, background-color 0.2s ease;}
#popupfotosProdSellers .sellerPhotoAddCard:hover {border-color: #2d67d7;background: #eef4ff;}
#popupfotosProdSellers .sellerPhotoAddIcon {display: inline-flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 999px;background: #d7e3f8;}
#popupfotosProdSellers .sellerPhotoAddIcon img {width: 26px;height: 26px;object-fit: contain;}
#popupfotosProdSellers .sellerPhotoAddTitle {font-size: 1rem;font-weight: 700;color: #111827;line-height: 1;}
#popupfotosProdSellers .btn-x {position: absolute;top: 6px;right: 6px;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid #d1d5db;border-radius: 999px;background: #fff;color: #111827;font-size: 1.05rem;font-weight: 700;cursor: pointer;box-shadow: 0 6px 12px rgba(15, 23, 42, 0.08);}
#popupfotosProdSellers #sellerPhotoDrop > .btn-x {display: none !important;}
#popupfotosProdSellers .sellerPhotoBadge {position: absolute;left: 8px;bottom: 8px;display: inline-flex;align-items: center;justify-content: center;padding: 5px 9px;border-radius: 999px;background: rgba(17, 24, 39, 0.86);color: #fff;font-size: 0.74rem;font-weight: 700;letter-spacing: 0.02em;}
#popupfotosProdSellers .helper {display: none;font-size: 0.92rem;color: #6b7280;margin: 0;text-align: center;line-height: 1.4;}
#popupfotosProdSellers #sellerPhotoHelper {display: block;}
#popupfotosProdSellers .saveImagesDiv {text-align: center;padding-top: 4px;}
#popupfotosProdSellers .primary {display: inline-flex;align-items: center;justify-content: center;min-width: 250px;font-size: 1rem;font-weight: 700;background: linear-gradient(180deg, #f64f6f 0%, #e4002b 100%);color: #fff;border: none;border-radius: 10px;padding: 10px 24px;cursor: pointer;box-shadow: 0 12px 24px rgba(228, 0, 43, 0.18);}
#popupfotosProdSellers .primary:hover {opacity: 0.95;}
#popupfotosProdSellers .status {min-height: 20px;font-size: 0.92rem;text-align: center;}
#popupfotosProdSellers .status.ok {color: #065f46;}
#popupfotosProdSellers .status.err {color: #b91c1c;}
#popupfotosProdSellers.is-dragging .sellerPhotoDropzone {border-color: #2d67d7;box-shadow: 0 0 0 4px rgba(45, 103, 215, 0.12);}
#popupfotosProdSellers.is-touch-dragging .sellerPhotoDropzone {border-color: #2d67d7;box-shadow: 0 0 0 4px rgba(45, 103, 215, 0.12);}
#popupfotosProdSellers.is-processing #popupfotosProdSellersWrap::after {content: '';position: absolute;inset: 0;background: rgba(255, 255, 255, 0.34);border-radius: 12px;z-index: 30;}
#popupfotosProdSellers.is-processing .uploader-wrap {user-select: none;}
#popupfotosProdSellers.is-processing #cerrarPopUpfotosProdSellers {transform: none;}
#popupfotosProdSellersLoading {display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 52px;height: 52px;z-index: 999;}
.sellerPhotoTouchGhost {position: fixed;top: 0;left: 0;width: 88px;height: 88px;border-radius: 12px;overflow: hidden;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%) scale(1.05);box-shadow: 0 18px 30px rgba(15, 23, 42, 0.24);opacity: 0.96;}
.sellerPhotoTouchGhost img {width: 100%;height: 100%;display: block;object-fit: cover;}

@media (max-width: 540px) {
	#popupfotosProdSellersContainer {padding: 12px 10px 28px;}
	#popupfotosProdSellers .sellerPhotoGrid {grid-template-columns: repeat(3, minmax(0, 1fr));}
}

/*Barra flotante views*/
.barra-flotante {position: fixed;bottom: 0;left: 0;width: 100%;background: #f5f9ff;color: #111827;text-align: center;font-style: normal;padding: 9px 12px 11px 12px;font-size: 14px;font-weight: 500;line-height: 1.3;z-index: 999;box-shadow: 0 -1px 8px rgba(15, 23, 42, 0.08);border-top: 1px solid #edf0f4;opacity: 1;animation: none;display: flex;align-items: center;justify-content: center;gap: 4px;box-sizing: border-box;}

.barra-flotante-icon {
  color: #111827;
  font-size: 15px;
  margin-right: 6px;
}

#contador {
  color: #1688f0;
  font-weight: 800;
  margin: 0 3px;
}

.barra-flotante-text1,
.barra-flotante-text2 {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.numero-animado {display: inline-block;animation: bounce 0.5s ease;}
@keyframes bounce {
  0% { transform: scale(1); }
  30% { transform: scale(1.25); }
  60% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/*Responsive*/
@media (max-width: 1200px) {
	#btnsTipoTransmision {width: 55%;}
}
@media (max-width: 1100px) {
	#btnsTipoTransmision {width: 65%;}
}
@media (max-width: 926px) {.popup-content {width: 870px;}}
@media (max-width: 885px) {.popup-content {width: 840px;}}
@media (max-width: 855px) {.popup-content {width: 810px;}}
@media (max-width: 820px) {.popup-content {width: 780px;}}
@media (max-width: 790px) {.popup-content {width: 750px;}}
@media (max-width: 768px) {
	#editProdContainer {padding: 1em 0;}
	#btnsTipoTransmision {width: 100%;}
	.product {width: 32%;}
	.popup-content {width: 720px;}
}
@media (max-width: 735px) {.popup-content {width: 690px;}}
@media (max-width: 715px) {.popup-content {width: 660px;}}
@media (max-width: 675px) {.popup-content {width: 640px;}}
@media (max-width: 670px) {.popup-content {width: 620px;}
	#editProdContainer {padding: 3.65em 0;}
}
@media (max-width: 645px) {.popup-content {width: 620px;}}
@media (max-width: 630px) {.popup-content {width: 600px;}}
@media (max-width: 620px) {.popup-content {width: 580px;}}
@media (max-width: 600px) {
	#editProdContainer {padding: 0 0 2.55em 0;}
	#editProdFields {display: grid;}
	#searchCodeDel {width: unset;text-align: center;margin-right: 0;}
	#btnsDel {display: grid;width: 100%;}
	#delProduct {padding: 0.3em 2.5em;}
	#delAllProducts {padding: 0.3em 2.5em;}
	.idCompra {display: none;}
}
@media (max-width: 595px) {.popup-content {width: 560px;}}
@media (max-width: 580px) {
	#idProductEdit {display: inline-block;}
}
@media (max-width: 576px) {
	#idProductEdit {display: inline-block;}
    .page-id-10022 .vc_column_container>.vc_column-inner {padding-right: 0px;}
}
@media (max-width: 560px) {.popup-content {width: 540px;}}
@media (max-width: 550px) {
	#tableMexico .tablesTitleSub, #tableInter .tablesTitleSub {
    	left: 47px;
	}
}
@media (max-width: 540px) {.popup-content {width: 520px;}}
@media (max-width: 520px) {.popup-content {width: 500px;}}
@media (max-width: 500px) {
	.product {width: 49%;}
	.popup-content {width: 480px;}
}
@media (max-width: 490px) {.wrap {max-width: unset;width: 100%;}}
@media (max-width: 480px) {.popup-content {width: 460px;}}
@media (max-width: 460px) {.popup-content {width: 440px;}}
@media (max-width: 430px) {
	.popup-content {width: 420px;}
	#wraImgProdUrl img {max-width: unset;width: 100%;}
	#popupfotosProdSellers .wrap {width: 100%;}
}
@media (max-width: 420px) {.popup-content {width: 410px;}}
@media (max-width: 410px) {.popup-content {width: 400px;}}
@media (max-width: 400px) {.popup-content {width: 390px;}}
@media (max-width: 390px) {.popup-content {width: 380px;}}
@media (max-width: 385px) {#attributeArea {gap: 5px;}}
@media (max-width: 380px) {.popup-content {width: 360px;}}
@media (max-width: 360px) {.popup-content {width: 340px;}}
@media (max-width: 340px) {.popup-content {width: 320px;}}
@media (max-width: 320px) {.popup-content {width: 300px;}}

/* shopperInventoryContainer redesign */
#shopperInventoryContainer {
	margin: 0 auto;
	box-sizing: border-box;
	min-height: calc(100vh);
	background: #efefef;
}

#datosShoppSearchInptDiv, #inventoryTableDiv {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255, 255, 255, 0.84);
}

#datosShoppSearchInptDiv {
	margin-top: 0;
	margin-bottom: 0;
	padding: 20px 18px 6px;
	border-radius: 20px 20px 0 0;
	border: 1px solid rgba(227, 231, 242, 0.95);
    border-bottom: unset;
	position: relative;
	z-index: 5;
	overflow: visible;
}

#inventoryTableDiv {
	margin-bottom: 10px;
	padding: 0 18px 18px;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
	border: 1px solid rgba(227, 231, 242, 0.95);
    border-top: unset;
	position: relative;
	z-index: 1;
}

#showPopUpDiv {
    display: flex;
    align-items: center;
    justify-content: left;
	padding-left: 15px;
    gap: 12px;
}

#inventoryMetaBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 15px 0;
	flex-wrap: nowrap;
	position: relative;
	z-index: 6;
	overflow: visible;
}

.inventoryProductCount {
	font-size: 1rem;
	font-weight: 600;
	color: #667394;
	white-space: nowrap;
	flex: 1 1 auto;
	min-width: 0;
}

#inventoryFilterWrap {
	position: relative;
	flex: 0 0 auto;
	min-width: 0;
}

.inventoryFilterButton {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	height: 35px;
	padding: 0 12px 0 10px;
	border: 1px solid rgba(227, 231, 242, 0.95);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.98);
	color: #32465a;
	font-size: 0.92rem;
	font-weight: 500;
	box-shadow: 0 10px 22px rgba(35, 42, 79, 0.06);
	cursor: pointer;
}

.inventoryFilterButton:hover {
	border-color: rgba(162, 176, 208, 0.95);
}

.inventoryFilterButtonIcon,
.inventoryFilterButtonCaret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #5b6680;
}

.inventoryFilterButtonIcon svg {
	width: 16px;
	height: 16px;
}

.inventoryFilterButtonCaret svg {
	width: 16px;
	height: 16px;
}

#inventoryFilterLabel {
	white-space: nowrap;
}

.inventoryFilterMenu {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 30;
	min-width: 220px;
	margin: 0;
	padding: 8px;
	list-style: none;
	border: 1px solid rgba(227, 231, 242, 0.95);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.99);
	box-shadow: 0 18px 34px rgba(31, 41, 80, 0.14);
}

.inventoryFilterOption {
	display: flex;
	width: 100%;
	padding: 5px 12px;
	border: none;
	border-radius: 10px;
	background: transparent;
	color: #32465a;
	font-size: 0.92rem;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
}

.inventoryFilterOption:hover,
.inventoryFilterOption:focus-visible,
.inventoryFilterOption.is-active {
	background: #edf3ff;
	color: #1f5ec8;
	outline: none;
}

#endTransmitDiv {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 0 auto;
	flex: 0 0 auto;
}

#searchInputDiv {
	position: relative;
	flex: 1 1 320px;
	max-width: 360px;
}

#searchInputDiv::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 50%;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2397A1B4' d='M10.5 4a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13Zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm8.9 11.5 1.4 1.4-2 2-1.4-1.4-2.1-2.1 2-2 2.1 2.1Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	pointer-events: none;
}

#searchInput {
	width: 270px;
	height: 50px;
	margin: 0;
	padding: 0 42px 0 48px;
	border: 1px solid rgba(219, 224, 237, 0.95);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.96);
	color: #35415e;
	font-size: 1rem;
	text-align: left;
	outline: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

#searchInput::placeholder {
	color: #9aa4b6;
}

#searchInputDiv .clsSearchInput {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 21px;
	padding: 3px 3px 9px 3px;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: #98a1b3;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

#searchInputDiv .clsSearchInput:hover {
	background: #edf2fb;
	color: #72809a;
}

#startSellLive, #showPopUp, #endTransmit, #endTransmitServMP {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 176px;
	height: 45px;
	padding: 0 22px;
	margin: 0;
	border: none;
	border-radius: 7px;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

#startSellLive:hover,
#showPopUp:hover,
#endTransmit:hover,
#endTransmitServMP:hover {
	transform: translateY(-1px);
	opacity: 0.96;
}

#showPopUp {
	background: #0c5de7;
}

#endTransmit, #endTransmitServMP {
    color: #ec1b46;
    background: #fff;
    border: 1.5px solid rgba(255, 57, 99, 0.95);
}

#barraTop #endTransmit,
#barraTop #endTransmitServMP {
	width: 128px;
	min-width: 128px;
	height: 32px;
	padding: 0;
	margin-right: 13px;
	font-size: 0.85rem;
	box-shadow: none;
}

#barraTop #endTransmit svg,
#barraTop #endTransmitServMP svg {
	width: 22px !important;
	height: 22px;
}

#inventoryTable {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 20px;
	border: 1px solid rgba(227, 231, 242, 0.95);
    border-top: 2px solid rgba(230, 235, 245, 0.95);
	table-layout: fixed;
	box-shadow: unset;
}

#inventoryTable thead {
	background: transparent;
}

#inventoryTable thead tr {
	display: table-row !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.98) 100%);
}

#inventoryTable thead,
#inventoryTable tbody > tr {
	width: 100%;
	table-layout: fixed;
}

#inventoryTable tbody {
	display: block;
	max-height: calc(100vh - 230px) !important;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(179, 189, 211, 0.78) transparent;
}

#inventoryTable th.id,
#inventoryTable td.id,
#inventoryTable th.idShopper,
#inventoryTable td.idShopper,
#inventoryTable th.idProducto,
#inventoryTable td.idProducto,
#inventoryTable th.tipoTransmi,
#inventoryTable td.tipoTransmi,
#inventoryTable td.urlImg,
#inventoryTable td.oversized,
#inventoryTable td.isPallet,
#inventoryTable td.largeDesc,
#inventoryTable td.product_type,
#inventoryTable td.product_condition,
#inventoryTable td.product_type_data,
#inventoryTable td.imgPortada,
#inventoryTable td.imgsGaleria {
	display: none !important;
}

#inventoryTable th {
	padding: 14px 20px 16px;
	border: none;
	color: #54607f;
	font-size: 0.9rem;
	font-weight: 700;
	text-align: left;
}

#inventoryTable td {
	padding: 18px 20px;
	border: none;
	background: transparent;
	color: #2e3951;
	font-size: 0.9rem;
	vertical-align: middle;
}

#allProductShopper > tr {
	border-top: 1px solid rgba(230, 235, 245, 0.95);
	cursor: pointer;
}

#allProductShopper > tr:not(.trTdProductControls):nth-child(odd) {
	background: rgba(255, 255, 255, 0.9);
}

#allProductShopper > tr:not(.trTdProductControls):nth-child(even) {
	background: linear-gradient(180deg, #f5f9ff 0%, #eff5ff 100%);
}

#allProductShopper > tr:not(.trTdProductControls):hover {
	background: #eef4ff !important;
	color: inherit !important;
}

#allProductShopper > tr.selected-row {
	background: #fff9fa !important;
}

#allProductShopper > tr.selected-row:hover {
	background: #fff9fa !important;
}

#inventoryTable .imgProdGraltd {
	width: 15%;
	padding: 18px 12px 18px 28px;
}

#inventoryTable .descProducto {
    width: 25%;
}

#inventoryTable .precioProducto {
    width: 10%;
}

#inventoryTable .comisionProd {
    width: 20%;
	text-align: center;
}

.asoc_type_seller #inventoryTable .comisionProd {display: none;}

#inventoryTable .qtyProducto {
    width: 12%;
}

#inventoryTable .fechaProducto {
    width: 23%;
}

.imgProdGralContDiv {
	display: flex;
	justify-content: center;
}

.imgProdGralDiv {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	padding: 0;
	border-radius: 12px;
	border: 1px solid rgba(220, 225, 238, 0.96);
	background: #ffffff;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.imgProdGral {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
	cursor: pointer;
}

.imgProdGralQuery {
	width: 28px;
	height: 32px;
	padding: 2px;
	border-radius: 8px;
	border: 1px solid rgba(220, 225, 238, 0.96);
	background: #ffffff;
}

#inventoryTable td.descProducto {
	word-wrap: break-word;
}

#inventoryTable td.descProducto span {
	display: block;
	margin-bottom: 4px;
	padding: 0;
	color: #344f87;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.01em;
}

#inventoryTable td.descProducto .inventoryProductCode {
	display: flex;
	align-items: center;
	gap: 4px;
	width: fit-content;
	max-width: 100%;
}

#inventoryTable td.descProducto .inventoryShippingBadge {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 7px;
	width: fit-content;
	min-height: 24px;
	box-sizing: border-box;
	margin: 5px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #2e3951;
	font-size: 0.84rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
}

#inventoryTable td.descProducto .inventoryShippingBadge::before {
	content: "";
	display: inline-block;
	flex: 0 0 25px;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#inventoryTable td.descProducto .inventoryShippingBadge--oversized::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cg stroke='%230f66ffbf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 8.5 14 13 6 8.5 14 4Z'/%3E%3Cpath d='M6 8.5v9L14 22l8-4.5v-9'/%3E%3Cpath d='M14 13v9'/%3E%3Cpath d='M2.8 6.5v5.2M2.8 6.5h5.2M2.8 6.5l5.7 5.7'/%3E%3Cpath d='M25.2 21.5v-5.2M25.2 21.5H20M25.2 21.5l-5.7-5.7'/%3E%3C/g%3E%3C/svg%3E");
}

#inventoryTable td.descProducto .inventoryShippingBadge--pallet::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cg stroke='%230f66ffbf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5h6v6H8zM14 5h6v6h-6zM11 11h6v6h-6z'/%3E%3Cpath d='M5 18.5h18M7 18.5v4M13 18.5v4M19 18.5v4M4 22.5h20'/%3E%3Cpath d='M6 17 3.5 20M22 17l2.5 3'/%3E%3C/g%3E%3C/svg%3E");
}

#inventoryTable td.inventoryShippingType {
	display: none;
}

.inventoryLargeDescInfoBtn {
	width: 21px;
	height: 21px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: transparent;
	color: #7a8190;
	cursor: pointer;
	box-shadow: none;
}

.inventoryLargeDescInfoBtn:hover {
	background: transparent;
	color: #344f87;
}

.inventoryLargeDescInfoBtn svg {
	width: 19px;
	height: 19px;
	display: block;
	color: #277bc2;
}

.inventoryLargeDescViewOverlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 17;
	align-items: center;
	justify-content: center;
	padding: 18px 12px;
	background: rgba(17, 24, 39, 0.72);
	opacity: 0;
	transition: opacity 0.2s ease;
}

.inventoryLargeDescViewOverlay.is-open {
	display: flex;
	opacity: 1;
}

.inventoryLargeDescViewModal {
	position: relative;
	display: grid;
	grid-template-columns: 176px minmax(0, 1fr);
	gap: 22px;
	width: min(608px, 100%);
	max-height: min(82vh, 360px);
	box-sizing: border-box;
	padding: 24px 48px 18px 22px;
	border-radius: 18px;
	background: #fff;
	color: #27314f;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

.inventoryLargeDescViewClose {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	border-radius: 999px;
	background: #eef0f4;
	color: #2f3447;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
}

.inventoryLargeDescViewClose:hover {
	background: transparent;
	color: #111827;
}

.inventoryLargeDescViewImageWrap {
	width: 176px;
	height: 162px;
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.inventoryLargeDescViewImageWrap img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.inventoryLargeDescViewText {
	min-width: 0;
	padding-right: 6px;
}

.inventoryLargeDescViewText h3 {
	margin: 0 0 3px;
	color: #2f3447;
	font-size: 1.28rem;
	font-weight: 500;
	line-height: 1.18;
}

.inventoryLargeDescViewCondition {display: inline-flex;align-items: center;width: fit-content;margin: 0 0 10px;padding: 5px 9px;border-radius: 999px;background: #fff7ed;color: #9a3412;font-size: 0.78rem;font-weight: 700;line-height: 1.2;}
.inventoryLargeDescViewCondition[hidden] {display: none !important;}

.inventoryLargeDescViewText p {
	max-height: 150px;
	margin: 0;
	padding-right: 10px;
	overflow-y: auto;
	color: #2f3447;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	scrollbar-width: thin;
	scrollbar-color: rgba(120, 127, 143, 0.55) transparent;
}

#inventoryTable td.precioProducto {
	text-align: left;
}

tr.trTdProductControls {
	height: auto;
	background: #fff9fa !important;
	border: unset !important;
}

tr.trTdProductControls td {
	padding: 0px 20px 10px !important;
	background: transparent !important;
	text-align: center;
}

.copyProd, .linkMydealPay, .addFotoProdSeller, .editProdSeller {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 135px;
	padding: 6px 3px;
	border: 1px solid rgba(219, 225, 238, 0.95);
	border-radius: 7px;
	background: #ffffff;
	color: #555;
	font-size: 0.85rem;
	font-weight: 600;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.copyProd:hover,
.linkMydealPay:hover,
.addFotoProdSeller:hover,
.editProdSeller:hover {
	transform: translateY(-1px);
	opacity: 1;
}

.copyProd:before, .linkMydealPay:before, .addFotoProdSeller:before, .editProdSeller:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	padding: 0;
	margin-right: 0;
	border-radius: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	background-color: transparent;
}

.copyProd:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 4.5h8.1c1 0 1.9.8 1.9 1.9v11.1c0 1-.8 1.9-1.9 1.9H9c-1 0-1.9-.8-1.9-1.9V6.4c0-1 .8-1.9 1.9-1.9Z' stroke='%233b82f6' stroke-width='1.8'/%3E%3Cpath d='M5.1 8.5H4.9c-1 0-1.9.8-1.9 1.9v8.2c0 1 .8 1.9 1.9 1.9h8.2c1 0 1.9-.8 1.9-1.9v-.2' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M12.3 12.1v4.3M10.2 14.2h4.3' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.linkMydealPay:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 2 18.5 19' fill='none'%3E%3Cpath d='M14 5h5v5' stroke='%2316a34a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 5 10 14' stroke='%2316a34a' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M18 13.2v3.4A1.4 1.4 0 0 1 16.6 18H7.4A1.4 1.4 0 0 1 6 16.6V7.4A1.4 1.4 0 0 1 7.4 6H11' stroke='%2316a34a' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.addFotoProdSeller:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='5' width='17' height='14' rx='2.3' stroke='%233b82f6' stroke-width='1.8'/%3E%3Cpath d='m7.4 15.1 3-3 2.4 2.5 2.1-2.1 3.1 3.1' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.2' cy='9.4' r='1.2' fill='%233b82f6'/%3E%3Cpath d='M18.8 3.8v4.6M16.5 6.1h4.6' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

.editProdSeller:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 20h4.2l10.1-10.1a2 2 0 0 0 0-2.8l-1.4-1.4a2 2 0 0 0-2.8 0L4 15.8V20Z' stroke='%233b82f6' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='m12.7 7.1 4.2 4.2' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width: 960px) { 
	#startSellLive, #showPopUp {min-width: unset !important;width: 128px !important;}
	#endTransmit, #endTransmitServMP {min-width: unset !important;width: 100px !important;}
}

@media (max-width: 845px) {
	#shopperInventoryContainer {
		padding: 0 16px 16px 16px;
	}

	#inventoryTableDiv {
		padding: 0 14px 16px;
	}

	#showPopUpDiv {
		flex-wrap: wrap;
		gap: 10px 12px;
		padding-left: 0;
	}

	#searchInputDiv {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
		min-width: 0;
		margin-left: 0;
	}

	#searchInput {
		width: 100%;
		max-width: none;
		box-sizing: border-box;
	}
}

@media (max-width: 675px) {
    #shopperInventoryContainer {
        padding: 0;
    }
	
	#inventoryTable {
		border: none;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	#inventoryTable thead {
		display: none !important;
	}

	#inventoryTable,
	#inventoryTable tbody,
	#inventoryTable tbody tr,
	#inventoryTable tbody td {
		display: block;
		width: 98% !important;
        overflow: visible;
	}

	#inventoryTable tbody {
		max-height: none !important;
		overflow: visible;
		padding-right: 0;
	}

	#allProductShopper > tr:not(.trTdProductControls) {
		display: grid !important;
		grid-template-columns: clamp(78px, 23vw, 150px) minmax(0, 1fr) auto;
		align-items: center;
		margin: 0 0 14px;
		padding: 10px 16px 15px 16px;
		border: 1px solid rgba(223, 229, 240, 0.9);
		border-radius: 15px;
		box-shadow: 0 14px 28px rgba(44, 62, 92, 0.08);
	}
	
	.asoc_type_seller #allProductShopper > tr:not(.trTdProductControls) {
		grid-template-areas:
			"img stock stock"
			"img desc desc"
			"img price price"
			"img date date";
		gap: 0px 16px;
	}

	.asoc_type_seller #allProductShopper > tr.has-inventory-shipping:not(.trTdProductControls) {
		grid-template-areas:
			"img stock stock"
			"img desc desc"
			"img price price"
			"img date date"
			"img ship ship";
	}
	
	.asoc_type_shopper #allProductShopper > tr:not(.trTdProductControls) {
		grid-template-areas:
			"img stock stock"
			"img desc desc"
			"img price price"
			"img commis commis"
			"img date date";
		gap: 10px 16px;
	}

	.asoc_type_shopper #allProductShopper > tr.has-inventory-shipping:not(.trTdProductControls) {
		grid-template-areas:
			"img stock stock"
			"img desc desc"
			"img price price"
			"img commis commis"
			"img date date"
			"img ship ship";
	}

	#allProductShopper > tr:not(.trTdProductControls):hover,
	#allProductShopper > tr.selected-row:hover {
		background: #fff9fa !important;
	}

	#allProductShopper > tr.selected-row {
		margin-bottom: 0;
		padding-bottom: 5px;
		border-bottom-color: transparent;
		border-radius: 24px 24px 0 0;
		box-shadow: 0 10px 20px rgba(44, 62, 92, 0.06);
	}

	#allProductShopper > tr:not(.trTdProductControls) td {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		min-width: 0;
		margin-bottom: 3px;
	}

	#inventoryTable td.imgProdGraltd {
		grid-area: img;
		width: auto;
		padding: 0 !important;
	}

	.imgProdGralContDiv {
		justify-content: center;
	}

	.imgProdGralDiv {
		width: clamp(82px, 24vw, 110px);
		height: clamp(112px, 31vw, 150px);
		padding: 5px;
		border-radius: 15px;
		border: 1px solid rgba(223, 229, 239, 0.9);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
	}
	
	.imgProdGral {
		border-radius: 15px;
	}

	#inventoryTable td.descProducto {
		grid-area: desc;
		font-size: clamp(1rem, 3.7vw, 1.18rem);
		line-height: 1.2;
		font-weight: 700;
		color: #242d4e;
		margin-bottom: 5px;
	}

    #inventoryTable td.descProducto span {
        align-items: center;
        width: fit-content;
        margin: 0 0 8px 0;
        padding: 5px 25px;
        border: 1px solid rgba(223, 229, 240, 0.92);
        border-radius: 10px;
        background: #f1f5fb;
        color: #313b67;
        font-weight: 500;
        font-size: 0.85em;
    }

	#inventoryTable td.descProducto .inventoryProductCode {
		gap: 6px;
		padding: 5px 12px 5px 18px;
	}

	#inventoryTable td.descProducto .inventoryShippingBadge {
		display: none !important;
	}

	#inventoryTable td.descProducto .inventoryLargeDescInfoBtn {
		width: 20px;
		height: 20px;
		color: #7a8190;
	}

	#inventoryTable td.precioProducto {
        grid-area: price;
    }

    #inventoryTable td.qtyProducto, #inventoryTable td.comisionProd, #inventoryTable td.fechaProducto, #inventoryTable td.precioProducto {
        display: flex;
        align-items: center;
        gap: 3px;
        line-height: 1.5;
        text-align: left;
    }

	#inventoryTable td.qtyProducto {
		grid-area: stock;
        text-align: right;
        display: block;
        height: 0;
		position: relative;
        top: 10px;
	}
	
	/* Base común */
	#inventoryTable td.precioProducto::before,
	#inventoryTable td.qtyProducto::before,
	#inventoryTable td.comisionProd::before {
		display: inline-flex;
		align-items: center;
		flex: 0 0 auto;
		padding-left: 32px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 25px 25px;
	}

	/* Price */
	#inventoryTable td.precioProducto::before {
		content: "Price:";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.2 10.1 13.9 3.8a2.6 2.6 0 0 0-1.8-.8H5.8A1.8 1.8 0 0 0 4 4.8v6.3c0 .7.3 1.4.8 1.8l6.3 6.3a2 2 0 0 0 2.8 0l6.3-6.3a2 2 0 0 0 0-2.8Z' stroke='%23f03b59' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.4' cy='8.4' r='1.45' fill='%23f03b59'/%3E%3C/svg%3E");
	}

	/* Stock */
	#inventoryTable td.qtyProducto::before {
		content: "Stock:";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='fill:none'%3E%3Cg stroke='%23256ad9' stroke-width='1.2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 2 17 5 12 8 7 5 12 2Z'/%3E%3Cpath d='M7 5v6l5 3 5-3V5'/%3E%3Cpath d='M12 8v6'/%3E%3Cpath d='M7 10 12 13 7 16 2 13 7 10Z'/%3E%3Cpath d='M2 13v5l5 3 5-3v-5'/%3E%3Cpath d='M7 16v5'/%3E%3Cpath d='M17 10 22 13 17 16 12 13 17 10Z'/%3E%3Cpath d='M12 13v5l5 3 5-3v-5'/%3E%3Cpath d='M17 16v5'/%3E%3C/g%3E%3C/svg%3E");
		margin-right: 3px;
	}

	/* Commission */
	#inventoryTable td.comisionProd::before {
		content: "Commission:";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%233f84ff' stroke-width='2'/%3E%3Cpath fill='%233f84ff' d='M13 6v2.2c1.7.3 3 1.3 3 2.8h-2c0-.6-.7-1-1.5-1S11 10.4 11 11c0 .5.5.8 1.7 1.1 2 .4 3.3 1.2 3.3 2.9 0 1.5-1.3 2.6-3 2.9V20h-2v-2.1c-1.7-.3-3-1.4-3-3h2c0 .6.7 1 1.5 1s1.5-.4 1.5-1-.5-.8-1.7-1.1C10.3 12.9 9 12 9 10.5c0-1.4 1.2-2.5 3-2.9V6h2Z'/%3E%3C/svg%3E");
	}

	/* Fecha (diferente layout) */
	#inventoryTable td.fechaProducto::before {
		content: "";
		width: 20px;
		height: 20px;
		flex: 0 0 29px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px 22px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%233b82f6' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 3v4M16 3v4'/%3E%3C/g%3E%3C/svg%3E");
	}
	
	#inventoryTable td.comisionProd {
        grid-area: commis;
    }

	#inventoryTable td.fechaProducto {
		grid-area: date;
		white-space: normal;
        gap: 7px;
        margin-left: 4px;
        font-size: 0.85em !important;
		margin-left: -2px;
	}

	#inventoryTable td.inventoryShippingType {
		grid-area: ship;
		display: flex;
		align-items: center;
		width: auto !important;
	}

	.inventoryShippingMobileLabel {
		display: inline-flex;
		align-items: center;
		gap: 9px;
		min-width: 0;
	}

	.inventoryShippingMobileLabel::before {
		content: "";
		display: inline-block;
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	.inventoryShippingMobileLabel--oversized::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cg stroke='%230f66ffbf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4 22 8.5 14 13 6 8.5 14 4Z'/%3E%3Cpath d='M6 8.5v9L14 22l8-4.5v-9'/%3E%3Cpath d='M14 13v9'/%3E%3Cpath d='M2.8 6.5v5.2M2.8 6.5h5.2M2.8 6.5l5.7 5.7'/%3E%3Cpath d='M25.2 21.5v-5.2M25.2 21.5H20M25.2 21.5l-5.7-5.7'/%3E%3C/g%3E%3C/svg%3E");
        position: relative;
		top: 1px;
	}
	
	.inventoryShippingMobileLabel--pallet::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none'%3E%3Cg stroke='%230f66ffbf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5h6v6H8zM14 5h6v6h-6zM11 11h6v6h-6z'/%3E%3Cpath d='M5 18.5h18M7 18.5v4M13 18.5v4M19 18.5v4M4 22.5h20'/%3E%3Cpath d='M6 17 3.5 20M22 17l2.5 3'/%3E%3C/g%3E%3C/svg%3E");
	}

	#allProductShopper > tr.trTdProductControls {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		width: 98% !important;
		margin: -3px 0 18px;
		padding: 10px 16px;
		border: 1px solid rgba(223, 229, 240, 0.9) !important;
		border-top: none !important;
		border-radius: 0 0 24px 24px;
		box-shadow: 0 18px 28px rgba(44, 62, 92, 0.07);
	}
	
	.asoc_type_seller .copyProdCellTd, .asoc_type_seller .addFotoProdSellerTd {
    	text-align: right !important;
	}
	
	.asoc_type_seller .linkMydealPayTd, .asoc_type_seller .editProdSellerTd {
    	text-align: left !important;
	}
	
	.asoc_type_shopper .copyProdCellTd, .asoc_type_shopper .editProdSellerTd {
    	text-align: right !important;
	}
	
	.asoc_type_shopper .linkMydealPayTd {
    	text-align: left !important;
	}

	tr.trTdProductControls td {
		display: block;
		width: 100% !important;
		padding: 0 !important;
		background: transparent !important;
		text-align: center;
	}

	.inventoryLargeDescViewOverlay {
		align-items: center;
		padding: 12px;
	}

	.inventoryLargeDescViewModal {
		grid-template-columns: minmax(100px, 30%) minmax(0, 1fr);
        gap: 14px;
        width: min(100%, 608px);
        padding: 18px 10px 16px 10px;
        border-radius: 13px;
        height: 210px;
	}

	.inventoryLargeDescViewImageWrap {
		width: 100%;
		aspect-ratio: 1 / 1;
	}

	.inventoryLargeDescViewText h3 {
		font-size: 1.05rem;
	}

	.inventoryLargeDescViewText p {
		max-height: 150px;
		font-size: 0.92rem;
	}
}

@media (max-width: 550px) {
    #inventoryTableDiv {
        padding: 0px 13px 0 9px;
    }
}

@media (max-width: 500px) {
    #inventoryTableDiv {
        padding: 0 10px 0 5px;
    }
}

@media (max-width: 466px) {
    #inventoryTableDiv {
        padding: 0 10px 0 3px;
    }
}

@media (max-width: 455px) {
    #inventoryTableDiv {
        padding: 0px 10px 0 2px;
    }
	
	#showPopUpDiv {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		padding-left: 0;
	}
	
	#showPopUpDelBtns,
	#searchInputDiv {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	#startSellLive {
		width: 89% !important;
		min-width: 0 !important;
	}

	#showPopUp {
		width: 89% !important;
		min-width: 0 !important;
	}

	#inventoryMetaBar {
		gap: 10px;
		padding: 10px 0 0;
	}

	.inventoryProductCount {
		font-size: 0.95rem;
	}

	#inventoryFilterWrap {
		max-width: 52%;
	}

	.inventoryFilterButton {
		width: 100%;
		max-width: 100%;
		justify-content: space-between;
		padding-right: 10px;
	}

	.inventoryFilterMenu {
		left: auto;
		right: 0;
		min-width: min(220px, calc(100vw - 44px));
		max-width: calc(100vw - 44px);
	}
}

@media (max-width: 420px) {
    #inventoryTableDiv {
        padding: 0px 12px 0 2px;
    }
}

@media (max-width: 400px) {
    #inventoryTableDiv {
        padding: 0px 13px 0 2px;
    }
}
@media (max-width: 380px) {
    #inventoryTableDiv {
        padding: 0 15px 0 3px;
    }
}
@media (max-width: 355px) {
    #inventoryTableDiv {
        padding: 0 17px 0 3px;
    }
}

/* popupEditProd redesign */
#popupEditProd {
	display: none;
	opacity: 0;
	position: fixed;
	inset: 0;
	z-index: 9999;
	padding: 40px 18px 24px;
	overflow: auto;
	background: rgba(20, 27, 43, 0.3);
	backdrop-filter: blur(5px);
	transition: opacity 0.25s ease;
}

.overlayEditProd {
	position: fixed;
	inset: 0;
}

#editProdContainer {
	position: relative;
	width: min(620px, 100%);
	margin: 0 auto;
	padding: 20px 20px 18px;
	border: 1px solid rgba(226, 231, 242, 0.95);
	border-radius: 16px;
	background: linear-gradient(180deg, #ffffff 0%, #fffdfd 100%);
	box-shadow: 0 24px 50px rgba(33, 43, 72, 0.18);
	box-sizing: border-box;
}

#editProdContainer.is-pallet-edit {
	width: min(760px, 100%);
}

#cerrarPopUpEditDiv {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

#cerrarPopUpEdit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 27px;
    padding: 0 2px 5px 2px;
	border: 1px solid #dfe6f3;
	border-radius: 10px;
	background: #ffffff;
	color: #22304f;
	font-size: 27px;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(45, 66, 112, 0.08);
	transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

#cerrarPopUpEdit:hover {
	transform: translateY(-1px);
	background: #f9fbff;
}

#editProdFields {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	width: 100%;
	text-align: left;
}

#editProdHeader {
	display: grid;
	gap: 4px;
	padding-right: 52px;
}

#editProdPopupTitle {
	display: block;
	color: #243257;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}

#editProdPopupSubtitle {
	display: block;
	color: #7f8aa4;
	font-size: 0.95rem;
	font-weight: 400;
}

#editProdFormGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
}

#editProdFormGrid .editProdFieldGroup:nth-child(1),
#editProdFormGrid .editProdFieldGroup:nth-child(2) {
	grid-column: 1 / -1;
}

#editProdFormGrid .editProdLargeDescGroup {
	grid-column: 1 / -1;
	gap: 10px;
}

.editFragranceDetails {
	grid-column: 1 / -1;
}

.editFragranceDetails[hidden],
.editBeautyDetails[hidden],
.editElectronicDetails[hidden],
.editPalletBulkDetails[hidden] {
	display: none !important;
}

.editBeautyDetails,
.editElectronicDetails {
	grid-column: 1 / -1;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	padding: 14px;
	border: 1px solid #dde5f7;
	border-radius: 12px;
	background: #fbfcff;
}

.editBeautyDetails .editProdInputWrap--full,
.editElectronicDetails .editProdInputWrap--full {
	display: flex;
}

.editBeautyDetails .editProdInputWrap--full input,
.editElectronicDetails .editProdInputWrap--full input {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	border: none;
	outline: none;
	padding: 0 14px;
}

.editPalletBulkDetails {
	grid-column: 1 / -1;
	margin: 0;
}

.editPalletBulkDetails .palletBulkHeader {
	font-size: 1.05rem;
}

.editPalletBulkDetails .palletBulkGrid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editPalletBulkDetails .palletManifestUpload {
	margin-top: 12px;
}

.editPalletBulkDetails .palletShippingDetails {
	margin-bottom: 14px;
}

.editPalletBulkDetails .palletSpecialHandling {
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.editPalletBulkDetails .palletBulkGrid {
		grid-template-columns: 1fr;
	}
}

.editFragranceSizeGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(118px, 0.42fr);
	gap: 12px;
}

.editFragranceSelectWrap {
	position: relative;
	display: block;
	min-height: 44px;
	border: 1px solid rgba(212, 223, 241, 0.95);
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.editFragranceSelectWrap::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-right: 2px solid #25324f;
	border-bottom: 2px solid #25324f;
	pointer-events: none;
	transform: translateY(-65%) rotate(45deg);
}

.editFragranceSelectWrap select {
	width: 100%;
	min-height: 44px;
	padding: 0 38px 0 14px;
	border: none;
	outline: none;
	background: transparent;
	color: #243257;
	font-size: 0.92rem;
	font-weight: 400;
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	cursor: pointer;
}

.editFragranceHint {
	display: block;
	margin-top: -2px;
	padding-left: 5px;
	color: #667085;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.3;
}

.editProdInputWrap--full {
	grid-template-columns: minmax(0, 1fr);
}

.editBeautyHint,
.editElectronicHint {
	display: block;
	max-width: 420px;
	margin-top: -2px;
	padding-left: 0;
	color: #667085;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.3;
}

.editProdFieldGroup {
	display: grid;
	align-self: start;
	align-content: start;
	gap: 9px;
	min-width: 0;
}

.editProdFieldLabel {
	display: block;
	color: #2f3c63;
	font-size: 0.92rem;
	font-weight: 600;
}

.editProdInputWrap {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	min-height: 42px;
	border: 1px solid rgba(212, 223, 241, 0.95);
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.editProdInputWrap.is-readonly {
	background: linear-gradient(180deg, rgba(245, 248, 255, 0.92) 0%, #ffffff 100%);
}

.editProdInputIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	border-right: 1px solid rgba(221, 229, 244, 0.95);
	color: #8a95ac;
	background: linear-gradient(180deg, #f9fbff 0%, #f6f9ff 100%);
}

.editProdInputIcon svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}



.editProdInputIcon.is-text {
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1;
}

#idProductEdit,
#editDescProduct,
#editPriceProduct,
#editQtyProduct,
#editBeautyKeyDetail {
	width: 100%;
	height: 100%;
	padding: 0 14px;
	border: none;
	outline: none;
	background: transparent;
	color: #243257;
	font-size: 0.92rem;
	font-weight: 400;
	box-sizing: border-box;
}

#editDescProduct::placeholder,
#editPriceProduct::placeholder,
#editQtyProduct::placeholder,
#editBeautyKeyDetail::placeholder,
#idProductEdit::placeholder {
	color: #95a0b6;
}

#editPriceProduct::-webkit-outer-spin-button,
#editPriceProduct::-webkit-inner-spin-button,
#editQtyProduct::-webkit-outer-spin-button,
#editQtyProduct::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#editPriceProduct,
#editQtyProduct {
	appearance: textfield;
	-moz-appearance: textfield;
}

.editLargeDescToggle {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: fit-content;
	padding: 4px 0;
	border: none;
	background: transparent;
	color: #2f3c50;
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
	box-shadow: none;
}

.editLargeDescToggle:hover {
	background: transparent;
	color: #1f2a44;
}

#editLargeDescToggleIcon {
	width: 12px;
	height: 12px;
	fill: currentColor;
	transition: transform 0.18s ease;
}

#editLargeDescToggle[aria-expanded="true"] #editLargeDescToggleIcon {
	transform: rotate(180deg);
}

#editLargeDescPanel[hidden] {
	display: none;
}

#editLargeDescProduct {
	width: 100%;
	min-height: 95px;
	box-sizing: border-box;
	padding: 13px 14px;
	border: 1px solid rgba(212, 223, 241, 0.95);
	border-radius: 11px;
	outline: none;
	background: #fff;
	color: #243257;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 0.92rem;
	font-weight: 400;
	line-height: 1.4;
	resize: vertical;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#editLargeDescProduct::placeholder {
	color: #95a0b6;
}

#editProdActionRow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 0.25em;
}

#delProduct,
#saveProductChanges,
#delAllProducts {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 0 18px;
	border-radius: 11px;
	color: #ffffff;
	font-size: 0.98rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 12px 20px rgba(41, 83, 168, 0.12);
}

#saveProductChanges {
	border: none;
	background: linear-gradient(180deg, #2e7af2 0%, #1258d4 100%);
	color: #fff;
}

#delProduct {
	color: #ec1b46;
	background: #fff;
	border: 1.5px solid rgba(255, 57, 99, 0.95);
	box-shadow: none;
}

#delAllProducts {
	width: 100%;
	min-height: 46px;
	border: none;
	background: linear-gradient(180deg, #f43661 0%, #e4002b 100%);
	color: #fff;
	box-shadow: 0 12px 20px rgba(228, 0, 43, 0.14);
}

#saveProductChanges .editProdButtonIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#saveProductChanges .editProdButtonIcon svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

#saveProductChanges.is-saving {
	opacity: 0.75;
	cursor: wait;
}

#delProduct:hover,
#saveProductChanges:hover,
#delAllProducts:hover {
	transform: translateY(-1px);
	opacity: 0.94;
}

#delProduct svg,
#delAllProducts svg {
	width: 20px;
	height: 20px;
	margin: 0;
    fill: currentColor;
}

#editProdDivider {
	height: 1px;
	background: rgba(220, 227, 239, 0.92);
	margin: 4px 0 0;
}

#editProdMoreOptions {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 0;
	border: none;
	background: transparent;
	color: #22304f;
	font-size: 0.97rem;
	font-weight: 700;
	cursor: pointer;
}

#editProdMoreOptionsIcon {
	width: 14px;
	height: 14px;
	fill: currentColor;
	transition: transform 0.18s ease;
}

#editProdMoreOptions[aria-expanded="true"] #editProdMoreOptionsIcon {
	transform: rotate(180deg);
}

#editProdMorePanel {
	display: block;
	padding-top: 4px;
}

#editProdMorePanel[hidden] {
	display: none;
}

#editProdDangerCard {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	padding: 14px;
	border: 1px solid rgba(248, 220, 224, 0.95);
	border-radius: 14px;
	background: linear-gradient(180deg, #fff7f8 0%, #fffdfd 100%);
}

.editProdDangerIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff0f3 0%, #ffe7ec 100%);
	color: #f12c55;
	cursor: pointer;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.editProdDangerIcon:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 18px rgba(241, 44, 85, 0.12);
}

.editProdDangerIcon svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.editProdDangerBody {
	display: grid;
	gap: 3px;
	align-content: start;
}

.editProdDangerTitle {
	color: #22304f;
	font-size: 0.98rem;
	font-weight: 700;
}

.editProdDangerText {
	color: #68748f;
	font-size: 0.83rem;
}

.editProdDangerHint {
	color: #f12c55;
	font-size: 0.86rem;
	font-weight: 600;
}

#editProdFooterNote {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #79859d;
	font-size: 0.88rem;
	font-weight: 400;
}

.editProdFooterIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #5b86d8;
}

.editProdFooterIcon svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
}

@media (max-width: 680px) {
	#tableTotalesNota tr {
		grid-template-columns: minmax(0, 1fr) 40%;
	}

	#editProdContainer {
		width: min(470px, 100%);
		padding: 18px 16px 16px;
		border-radius: 18px;
	}
	
	#editProdActionRow {
		grid-template-columns: auto;
	}

	#delProduct,
	#saveProductChanges,
	#delAllProducts {
		min-height: 46px;
		border-radius: 9px;
	}

	.editProdDangerIcon {
		width: 46px;
		height: 46px;
	}
}

@media (max-width: 550px) {
	#tableTotalesNota tr {
		grid-template-columns: minmax(0, 1fr) 30%;
	}

	#editProdFormGrid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.editFragranceSizeGrid {
		grid-template-columns: 1fr;
	}

}

@media (max-width: 460px) {
	#popupEditProd {
    	padding: 40px 8px 24px;
	}
	
	#editProdContainer {
		width: 100%;
		padding: 22px 14px 18px;
	}

	.editProdFieldLabel {
		font-size: 0.9rem;
	}

	.editProdInputWrap {
		grid-template-columns: 42px minmax(0, 1fr);
		min-height: 46px;
	}

    #tables[data-sales-role="seller"] .todaySalesTable tbody tr {
        grid-template-columns: 80px minmax(0, 1fr) minmax(70px, max-content);
    }
}

/* Add Product redesign */
#popupAddProducto {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;}
#popupTipoTransmision.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;transition: opacity 500ms;z-index: 9;}
#popupAddProducto.overlay {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.58);backdrop-filter: blur(8px);transition: opacity 0.28s ease;z-index: 12;}
#addProductoContainer {width: 100%;display: flex;justify-content: center;align-items: flex-start;padding: 12px 16px 0;box-sizing: border-box;}
#camposaddProductoDiv {width: min(650px, 100%);background: #fff;box-shadow: 0 24px 54px rgba(29, 62, 116, 0.14);overflow: hidden;border-radius: 10px;}
.titleTopAddProduct {display: flex;align-items: center;justify-content: center;position: relative;padding: 18px 72px 17px;background: #0c5de7;}
#titleAddProducto {color: #fff;font-size: 1.2rem;line-height: 1.1;letter-spacing: -0.03em;font-weight: 500;}
#cerrarPopUp {position: absolute;top: 12px;right: 16px;width: 35px;height: 35px;display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 999px;background: #24262c;color: #fff;font-size: 1.1rem;font-weight: 500;cursor: pointer;transition: background-color 0.2s ease, transform 0.2s ease;}
#cerrarPopUp:hover {background: #17191e;transform: scale(1.03);}
#camposAddProducto {padding: 10px 18px 20px 24px;text-align: left;display: flex;flex-direction: column;gap: 18px;}
#camposAddProducto > div {margin-top: 0;}
#camposAddProducto label {float: none;display: block;margin: 0 0 8px;color: #364152;font-size: 15px;font-weight: 500;}
#popupAddProducto .addProductTypeSwitch {display: none;}
#popupAddProducto .titleRadTipProd {display: none;}
#popupAddProducto .toggle {display: none;}
#popupAddProducto .addProductField {margin-top: 0;}
#popupAddProducto input[type="text"],
#popupAddProducto input[type="number"] {width: 100%;box-sizing: border-box;padding: 10px 16px;margin-bottom: 0;border: 1px solid #ddd;border-radius: 9px;background: #fff;color: #20304f;font-family: system-ui;text-align: left;box-shadow: none;}
#popupAddProducto input[type="text"]::placeholder,
#popupAddProducto input[type="number"]::placeholder {color: #9aa4b8;}
#popupAddProducto input:focus-visible {outline: none;border-color: #0c5de7;box-shadow: 0 0 0 4px rgba(12, 93, 231, 0.12);}
#popupAddProducto #fieldComisionProdDiv {display: none;}
#popupAddProducto #fieldDescProd {font-size: 1.02rem !important;height: auto;}
.addProductDescBtn {display: inline-flex;align-items: baseline;gap: 6px;padding: 0;border: none;background: transparent;color: #0c5de7;font-size: 0.95rem;font-weight: 600;line-height: 1.4;cursor: pointer;box-shadow: none;}
.addProductDescBtn:hover {color: #0c5de7;background: transparent;opacity: 0.86;}
.addProductDescBtn:focus-visible {outline: 2px solid rgba(45, 103, 215, 0.35);outline-offset: 4px;border-radius: 4px;}
#fieldLargeDescMeta {color: #7a8190;font-weight: 400;}
#fieldLargeDescDiv.has-description #fieldLargeDescMeta {display: flex;align-items: end;color: #0c5de7;font-weight: 400;}
#fieldLargeDescDiv.has-description #fieldLargeDescMeta svg {width: 18px;height: 18px;margin: 0 2px 0 0;}
.largeDescOverlay {display: none;position: fixed;inset: 0;z-index: 16;align-items: flex-end;justify-content: center;background: rgba(15, 23, 42, 0.55);opacity: 0;transition: opacity 0.2s ease;}
.largeDescOverlay.is-open {display: flex;opacity: 1;}
.largeDescSheet {width: min(500px, 100%);box-sizing: border-box;padding: 15px 15px 10px 14px;background: #fff;border-radius: 18px 18px 0 0;box-shadow: 0 -18px 48px rgba(17, 24, 39, 0.2);}
.largeDescHeader {display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: 8px;}
.largeDescHeader h3 {margin: 0 0 0 5px;color: #24324d;font-weight: 500;}
.largeDescCloseBtn {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 35px;height: 35px;padding: 6px 8px 6px 8px;border: none;border-radius: 999px;background: #eef0f4;color: #20304f;font-size: 1.85rem;font-weight: 400;line-height: 1;cursor: pointer;position: relative;top: -3px;
right: 7px;}
.largeDescCloseBtn:hover {background: #e2e6ed;}
.largeDescTextareaWrap {position: relative;margin-bottom: 10px;}
#largeDescTextarea {width: 100%;min-height: 155px;box-sizing: border-box;padding: 15px 18px 18px 18px;border: 1px solid #d8deea;border-radius: 9px;background: #fff;color: #24324d;font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;font-size: 1rem;line-height: 1.4;resize: none;box-shadow: none;}
#largeDescTextarea::placeholder {color: #8f97a8;}
#largeDescTextarea:focus-visible {outline: none;border-color: #0c5de7;box-shadow: 0 0 0 4px rgba(12, 93, 231, 0.12);}
#largeDescCounter {position: absolute;right: 18px;bottom: 16px;color: #24324d;font-size: 0.9rem;font-weight: 500;}
.largeDescSaveBtn {width: 100%;height: 58px;border: none;border-radius: 9px;background: #0c5de7;color: #fff;font-size: 1.05rem;font-weight: 700;cursor: pointer;box-shadow: 0 10px 22px rgba(0, 80, 216, 0.18);}
.largeDescSaveBtn:hover {background: #0c5de7;opacity: 0.92;}
.productCodeRow {display: inline-grid;margin-bottom: 6px;grid-template-columns: minmax(120px, auto) 54px;gap: 0;align-items: stretch;max-width: 100%;border-radius: 9px;overflow: hidden;border: 1px solid #0c5de7;}
#popupAddProducto #fieldIdProd {width: 120px;height: 35px;min-width: 0;padding: 5px 15px;border: none;background: #2d70e1;color: #fff;font-weight: 600;font-size: 1.3em;text-align: center;letter-spacing: 0.02em;border-radius: 0;}
.productCodeCopyBtn {display: inline-flex;align-items:center;justify-content:center;border:none;border-left:1px solid rgba(255,255,255,0.22);border-radius:0;background:#0c5de7;color:#fff;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
.productCodeCopyBtn:hover {transform: none;box-shadow: inset 0 0 0 999px rgba(255,255,255,0.06);}
.productCodeCopyBtn:disabled {cursor: not-allowed;opacity: 0.55;transform: none;box-shadow: none;}
.productCodeCopyBtn.is-copied {background: #0c5de7;}
.productCodeCopyBtn svg {width: 20px;height: 20px;fill: currentColor;}
.addProductSizesBtn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 8px 16px;border: 1px solid #0c5de7;border-radius: 999px;background: #f2f5fc;color: #0c5de7;font-size: 1rem;font-weight: 600;cursor: pointer;box-shadow: 0 4px 12px rgba(77, 126, 212, 0.08);}
.addProductSizesBtn:hover {background: #edf3ff;}
.addProductFieldGrid {display: grid;margin-bottom: 20px;grid-template-columns: minmax(0, 1fr) minmax(170px, 1fr);gap: 16px;align-items: end;}
.fieldInputGroup {display: grid;grid-template-columns: 48px minmax(0, 1fr);align-items: stretch;border: 1px solid #dde5f7;border-radius: 9px;overflow: hidden;background: #fff;}
.fieldInputGroup input {border: none !important;border-radius: 0 !important;box-shadow: none !important;}
.fieldInputGroup select {width: 100%;min-height: 48px;border: none !important;border-radius: 0 !important;box-shadow: none !important;background: #fff;color: #1f2937;font: inherit;padding: 0 14px;outline: none;}
.fieldInputGroup--select {display: block;position: relative;}
.fieldInputGroup--select.is-locked select, .editProdInputWrap--select.is-locked select {padding-right: 46px;background: #f8faff;color: #4b5563;cursor: not-allowed;}
.productConditionLock {position: absolute;right: 13px;top: 50%;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;color: #7a8598;transform: translateY(-50%);pointer-events: none;}
.productConditionLock[hidden] {display: none !important;}
.productConditionLock svg {width: 19px;height: 19px;fill: currentColor;}
.fieldPrefix {display: inline-flex;align-items: center;justify-content: center;background: #f6f8ff;border-right: 1px solid #dde5f7;color: #666666;font-size: 1.3rem;font-weight: 600;}
.fieldPrefix svg {width: 20px;height: 20px;fill: currentColor;}
#popupAddProducto #fieldQtyProd {text-align: left;padding-right: 36px;}
.addProductField--product-type {padding-top: 4px;}
#productConditionDiv {margin-top: 10px !important;}
.productTypeHeader {display: flex;align-items: center;gap: 8px;margin-bottom: 4px;}
.productTypeHeader .productTypeTooltip {top: 3px;}
.productTypeTitle {color: #24324d;font-size: 1rem;font-weight: 700;}
.productTypeHint {display: block;margin: 0 0 10px;color: #667085;font-size: 0.88rem;line-height: 1.35;}
.productTypeTooltip {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;color: #0c5de7;outline: none;--product-tooltip-nudge-x: 0px;}
.productTypeTooltip svg {width: 21px;height: 21px;fill: currentColor;}
.productTypeTooltip--inline {flex: 0 0 auto;width: 21px;height: 21px;margin-left: -2px;font-style: normal;}
.productTypeTooltip--inline svg {width: 20px;height: 20px;}
.productTypeTooltipText {position: absolute;left: 50%;top: calc(100% + 12px);z-index: 30;width: min(394px, calc(100vw - 32px));box-sizing: border-box;padding: 12px 16px;border: 1px solid #d9deea;border-radius: 6px;background: #ffffff;color: #28344f;font-size: 0.92rem;font-weight: 600;line-height: 1.45;letter-spacing: 0;box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);opacity: 0;pointer-events: none;transform: translateX(-50%) translateX(var(--product-tooltip-nudge-x)) translateY(-4px);transition: opacity 0.16s ease, transform 0.16s ease;}
.productTypeTooltipText strong {display: block;margin-bottom: 6px;color: #17213a;font-weight: 700;}
.productTypeTooltipText::before {content: "";position: absolute;top: -8px;left: calc(50% - var(--product-tooltip-nudge-x));width: 14px;height: 14px;box-sizing: border-box;background: #ffffff;border-top: 1px solid #d9deea;border-left: 1px solid #d9deea;transform: translateX(-50%) rotate(45deg);}
.productTypeTooltip:hover .productTypeTooltipText, .productTypeTooltip:focus .productTypeTooltipText, .productTypeTooltip:focus-within .productTypeTooltipText {opacity: 1;transform: translateX(-50%) translateX(var(--product-tooltip-nudge-x)) translateY(0);}
.productTypeOptions {display: grid;gap: 9px;}
.productTypeOption {display: flex !important;align-items: flex-start;gap: 10px;margin: 0;color: #263653;font-size: 0.95rem;font-weight: 600;line-height: 1.28;}
.productTypeOption input[type="radio"] {flex: 0 0 auto;width: 20px;height: 20px;margin: 0;accent-color: #0c5de7;}
.productTypeOption.is-selected span {color: #0c5de7;}
.productConditionHint, .editProductConditionHint {display: block;margin-top: 6px;margin-bottom: 6px;padding-left: 5px;color: #b54708;font-size: 0.8rem;font-weight: 600;line-height: 1.3;}
.productConditionHint[data-variant="locked"], .editProductConditionHint[data-variant="locked"] {color: #667085;}
.productConditionHint[hidden], .editProductConditionHint[hidden] {display: none !important;}
.addProductField--large-desc.is-required .addProductDescBtn {border-color: #f59e0b;background: #fffbeb;color: #92400e;}
.luxuryDescriptionHint {display: block;margin: 7px 0 0;color: #667085;font-size: 0.88rem;font-weight: 600;line-height: 1.35;}
.luxuryDescriptionHint[hidden] {display: none !important;}
.fieldInputGroup--select select.is-placeholder {color: #98a2b3;}
.fragranceDetails, .beautyDetails, .electronicDetails, .luxuryDetails {box-sizing: border-box;margin: 16px 0 14px;padding: 16px;border: 1px solid #dde5f7;border-radius: 10px;background: #fbfcff;}
.fragranceDetails[hidden], .beautyDetails[hidden], .electronicDetails[hidden], .luxuryDetails[hidden] {display: none !important;}
.fragranceDetailsHeader, .beautyDetailsHeader, .electronicDetailsHeader, .luxuryDetailsHeader {margin-bottom: 12px;color: #24324d;font-size: 1rem;font-weight: 700;}
.fragranceDetails label, .beautyDetails label, .electronicDetails label, .luxuryDetails label {display: block;margin-bottom: 8px;color: #344054;font-size: 0.92rem;font-weight: 600;}
 .requiredMark {color: #e3392b;font-weight: 700;}
.fragranceSizeGrid {display: grid;grid-template-columns: minmax(0, 1fr) minmax(110px, 0.45fr);gap: 12px;}
.beautyDetails input, .electronicDetails input[type="text"] {box-sizing: border-box;width: 100%;height: 46px;padding: 0 14px;border: 1px solid #d7e1f2;border-radius: 10px;background: #ffffff;color: #25324f;font-size: 0.98rem;font-weight: 500;outline: none;}
.beautyDetails input:focus, .electronicDetails input[type="text"]:focus {border-color: #2f6fe4;box-shadow: 0 0 0 3px rgba(47, 111, 228, 0.12);}
.beautyDetailsHint, .electronicDetailsHint {display: block;margin-top: 8px;color: #667085;font-size: 0.88rem;font-weight: 600;line-height: 1.35;}
.fragranceNotice {margin: 12px 0 0;color: #4d5a73;font-size: 0.88rem;font-weight: 600;line-height: 1.45;}
.beautyNotice {display: flex;align-items: flex-start;gap: 14px;margin: 14px 0 0;padding: 13px 14px;border: 1px solid #d7e6ff;border-radius: 10px;background: #f2f7ff;color: #223457;font-size: 0.9rem;font-weight: 600;line-height: 1.38;}
.beautyNoticeIcon {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;color: #1976ff;}
.beautyNoticeIcon svg {width: 30px;height: 30px;}
.electronicNotice {display: flex;align-items: flex-start;gap: 14px;margin: 0 0 14px;padding: 13px 14px;border: 1px solid #d7e6ff;border-radius: 10px;background: #f2f7ff;color: #223457;font-size: 0.9rem;font-weight: 400;line-height: 1.38;}
.electronicNoticeIcon {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;color: #1976ff;}
.electronicNoticeIcon svg {width: 30px;height: 30px;}
.electronicNoticeDivider {display: block;height: 1px;margin: 11px 0;background: #cdd9ed;}
.electronicConfirmOption {display: flex !important;align-items: flex-start;gap: 10px;margin: 0 0 14px !important;padding: 12px;border: 1px solid #ef4444;border-radius: 10px;background: #ffffff;color: #263653;font-size: 0.9rem;font-weight: 600;line-height: 1.35;}
.electronicConfirmOption input[type="checkbox"] {flex: 0 0 auto;width: 20px;height: 20px;margin: 5px 0 0;accent-color: #2d67d7;}
.electronicConfirmOption.is-checked {border-color: #d7e1f2;}
.electronicConfirmOption.is-missing {border-color: #ef4444;}
.luxuryDetails {border-color: #b9d2fb;background: #fbfdff;}
.luxuryDetailsHeader {margin-bottom: 8px;color: #1d69e7;}
.luxuryNotice {margin: 0 0 12px;color: #344054;font-size: 0.9rem;font-weight: 500;line-height: 1.4;}
.luxuryConfirmOption {display: flex !important;align-items: flex-start;gap: 10px;margin: 0 !important;padding: 0;border: 1px solid transparent;border-radius: 8px;background: transparent;color: #263653;font-size: 0.9rem;font-weight: 600;line-height: 1.35;}
.luxuryConfirmOption input[type="checkbox"] {flex: 0 0 auto;width: 20px;height: 20px;margin: 6px 0 0;accent-color: #2d67d7;}
.luxuryConfirmOption.is-missing {padding: 10px;border-color: #ef4444;background: #fff;}
.luxuryConfirmOption.is-checked {border-color: transparent;}
.palletBulkDetails {box-sizing: border-box;margin: 16px 0 14px;padding: 16px;border: 1px solid #d7e1f2;border-radius: 10px;background: #fbfcff;color: #24324d;}
.palletBulkDetails[hidden] {display: none !important;}
.palletBulkHeader, .palletSectionTitle {margin: 0 0 12px;color: #24324d;font-size: 1rem;font-weight: 700;line-height: 1.25;}
.palletBulkGrid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}
.palletBulkField--full {grid-column: 1 / -1;}
.palletBulkField label, .palletDimensionGrid label {display: block;margin: 0 0 8px;color: #344054;font-size: 0.92rem;font-weight: 700;line-height: 1.25;}
.palletBulkField input, .palletDimensionGrid input {box-sizing: border-box;width: 100%;height: 40px;padding: 0 14px;border: 1px solid #d7e1f2;border-radius: 10px;background: #ffffff;color: #25324f;font-size: 0.98rem;font-weight: 400;outline: none;}
.palletBulkField input:focus, .palletDimensionGrid input:focus {border-color: #2f6fe4;box-shadow: 0 0 0 3px rgba(47, 111, 228, 0.12);}
.palletBulkField input.is-missing, .palletDimensionGrid input.is-missing, .palletBulkSelect.is-missing + .palletBulkDropdown .palletBulkDropdownBtn {border-color: #ef4444;box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);}
.palletFieldHint, .palletSupportText {display: block;margin: 7px 0 0;color: #667085;font-size: 0.86rem;font-weight: 600;line-height: 1.35;}
.palletBulkSelectWrap {overflow: visible;}
.palletBulkSelectWrap.has-pallet-dropdown select {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;}
.palletBulkDropdown {position: relative;width: 100%;min-height: 35px;}
.palletBulkDropdownBtn {display: flex;align-items: center;justify-content: space-between;gap: 5px;width: 100%;min-height: 35px;padding: 0 8px 0 12px;border: none;border-radius: 9px;background: #ffffff;color: #1f2937;font: inherit;text-align: left;cursor: pointer;box-shadow: none;}
.palletBulkDropdownBtn:hover, .palletBulkDropdownBtn:focus-visible {background: #f8faff;outline: none;}
.palletBulkDropdownLabel {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.palletBulkDropdown.is-placeholder .palletBulkDropdownLabel {color: #606877;position: relative;top: -2px;}
.palletBulkDropdownBtn svg {flex: 0 0 auto;width: 19px;height: 19px;color: #25324f;transition: transform 0.18s ease;}
.palletBulkDropdown.is-open .palletBulkDropdownBtn svg {transform: rotate(180deg);}
.palletBulkDropdownMenu {position: absolute;top: calc(100% + 8px);left: -1px;right: -1px;z-index: 66;box-sizing: border-box;max-height: 265px;margin: 0;padding: 6px;overflow-y: auto;list-style: none;border: 1px solid #d7e1f2;border-radius: 12px;background: #ffffff;box-shadow: 0 18px 36px rgba(28, 42, 74, 0.18);}
.palletBulkDropdownOption {display: flex;align-items: center;min-height: 17px;padding: 8px 5px;border-radius: 8px;color: #243257;font-size: 0.9rem;font-weight: 400;line-height: 1.2;cursor: pointer;}
.palletBulkDropdownOption:hover, .palletBulkDropdownOption:focus-visible {background: #f3f7ff;outline: none;}
.palletBulkDropdownOption.is-selected {background: #2f6fe4;color: #ffffff;}
.palletBulkDropdownOption.is-placeholder-option {cursor: default;color: #344054;}
.palletManifestUpload, .palletShippingDetails, .palletSpecialHandling, .palletFreightNotice {box-sizing: border-box;margin: 14px 0;padding: 14px;border: 1px solid #d7e6ff;border-radius: 10px;background: #ffffff;}
.palletShippingDetails {margin-bottom: 20px;}
.palletManifestUpload[hidden] {display: none !important;}
.palletManifestUpload {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;gap: 0 18px;padding: 15px 20px 8px 10px;border: 1px dashed #c9d8f4;border-radius: 6px;background: #ffffff;color: #223457;font-size: 0.82rem;font-weight: 500;line-height: 1.22;}
.palletManifestNotice {display: contents;}
.palletManifestNotice strong {display: block;margin-bottom: 4px;color: #24324d;font-weight: 700;}
.palletManifestFileIcon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 56px;height: 56px;color: #4d5bff;}
.palletManifestFileIcon svg {width: 56px;height: 56px;}
.palletManifestCopy {min-width: 0;}
.palletManifestCopy strong {display: block;margin-bottom: 4px;color: #24324d;font-size: 0.86rem;font-weight: 700;line-height: 1.1;}
.palletManifestUpload .palletSecondaryBtn {min-width: 115px;min-height: 35px;}
.palletInfoIcon {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;color: #1976ff;}
.palletInfoIcon svg {width: 30px;height: 30px;}
.palletSecondaryBtn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 40px;padding: 0 14px;border: 2px solid #1d69e7;border-radius: 9px;background: #ffffff;color: #1d69e7;font-size: 1rem;font-weight: 700;cursor: pointer;}
.palletSecondaryIcon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 18px;height: 18px;color: currentColor;line-height: 1;}
.palletSecondaryIcon svg {width: 18px;height: 18px;}
.palletSecondaryIcon--plus {font-size: 1.32rem;font-weight: 800;position: relative;top: -1px;}
.palletSecondaryBtn:hover {background: #f4f8ff;}
.palletManifestFileList {display: flex;flex-wrap: wrap;gap: 7px;margin-top: 10px;}
.palletManifestUpload .palletManifestFileList {grid-column: 1 / -1;}
.palletManifestFileList span {max-width: 100%;padding: 5px 9px;border-radius: 999px;background: #eef4ff;color: #24324d;font-size: 0.78rem;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.palletRows {display: grid;gap: 8px;margin: 12px 0;}
.palletCollapsedRow {display: flex;align-items: center;justify-content: space-between;gap: 12px;width: 100%;min-height: 42px;padding: 9px 12px;border: 1px solid #d7e1f2;border-radius: 9px;background: #f8fbff;color: #25324f;font-size: 0.9rem;font-weight: 700;text-align: left;cursor: pointer;}
.palletCollapsedTitle {flex: 0 0 auto;color: #1d69e7;font-weight: 800;}
.palletCollapsedMeta {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #3478e9;font-size: 1rem;font-weight: 600;text-align: right;}
.palletDeleteBtn {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 999px;color: #ef4444;}
.palletDeleteBtn svg {width: 20px;height: 20px;}
.palletEditor {margin-top: 10px;padding: 13px;border: 1px solid #e2e8f0;border-radius: 10px;background: #fbfdff;}
.palletEditorTitle {margin-bottom: 12px;color: #1d69e7;font-size: 0.9em;font-weight: 800;}
.palletDimensionGrid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.palletDimensionGrid input {margin-top: 8px;}
.palletActionRow {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;margin-top: 12px;}
.palletSummary {display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);align-items: center;gap: 16px;min-height: 36px;margin-top: 11px;padding: 6px 18px;border: 1px solid #c8dcff;border-radius: 6px;background: #f7f9ff;color: #24324d;font-size: 0.92rem;font-weight: 700;line-height: 1.25;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.75);}
.palletSummaryItem {display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-width: 0;}
.palletSummaryIcon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 22px;height: 22px;color: #3d68ff;}
.palletSummaryIcon svg {width: 22px;height: 22px;}
.palletSummaryDivider {width: 2px;height: 24px;border-radius: 999px;background: #365bff;}
.palletSummary strong {color: #1d69e7;font-weight: 700;}
.palletSpecialHandling {display: grid;gap: 0;}
.palletSpecialHandlingTitle {padding: 0;color: #24324d;font-size: 0.95rem;font-weight: 700;line-height: 1.3;}
.palletSpecialHandling p {margin: 0 0 10px;color: #667085;font-size: 0.88rem;font-weight: 600;line-height: 1.35;}
.palletSpecialHandling label {display: flex !important;align-items: flex-start;gap: 9px;margin: 0;color: #263653;font-size: 0.9rem;font-weight: 600;line-height: 1.28;}
.palletSpecialHandling input[type="checkbox"] {flex: 0 0 auto;width: 20px;height: 20px;margin: 0;accent-color: #2d67d7;}
.palletFreightNotice {display: flex;align-items: flex-start;gap: 12px;background: #f7faff;color: #24324d;}
.palletFreightIcon {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 26px;height: 26px;color: #245cff;}
.palletFreightIcon svg {width: 26px;height: 26px;}
.palletFreightNoticeBody {min-width: 0;}
.palletFreightNoticeBody strong {display: block;margin: 0 0 5px;color: #1b38df;font-size: 0.95rem;font-weight: 700;line-height: 1.15;}
.palletFreightNoticeBody ul {margin: 0;padding-left: 18px;color: #24324d;font-size: 0.9rem;font-weight: 400;line-height: 1.22;}
.palletFreightNoticeBody li {margin: 0;}
.palletFreightLegacy[hidden] {display: none !important;}
@media (max-width: 560px) {
	.palletBulkGrid,
	.palletDimensionGrid,
	.palletActionRow {grid-template-columns: 1fr;}
	.palletBulkDetails {padding: 14px;}
	.palletManifestUpload,
	.palletShippingDetails,
	.palletSpecialHandling,
	.palletFreightNotice {padding: 12px;}
	.palletManifestUpload {grid-template-columns: auto minmax(0, 1fr);align-items: flex-start;padding: 15px 20px 0 10px;gap: 15px;}
	.palletManifestUpload .palletSecondaryBtn {grid-column: 1 / -1;width: 80%;min-width: 0;margin: 5px auto -7px;}
}
.fieldInputGroup--select.has-custom-condition-dropdown {overflow: visible;}
.fieldInputGroup--select.has-custom-condition-dropdown select {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;}
.productConditionDropdown {position: relative;width: 100%;min-height: 48px;}
.productConditionDropdownBtn {display: flex;align-items: center;justify-content: space-between;gap: 12px;width: 100%;min-height: 48px;padding: 0 14px;border: none;background: #ffffff;color: #1f2937;font: inherit;text-align: left;cursor: pointer;box-shadow: none;border-radius: 9px;}
.productConditionDropdownBtn:hover, .productConditionDropdownBtn:focus-visible {background: #f8faff;outline: none;}
.productConditionDropdownBtn:disabled {cursor: not-allowed;color: #4b5563;background: #f8faff;}
.productConditionDropdownLabel {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productConditionDropdown.is-placeholder .productConditionDropdownLabel {color: #98a2b3;}
.productConditionDropdownBtn svg {flex: 0 0 auto;width: 19px;height: 19px;color: #25324f;transition: transform 0.18s ease;}
.productConditionDropdown.is-open .productConditionDropdownBtn svg {transform: rotate(180deg);}
.productConditionDropdownMenu {position: absolute;top: calc(100% + 8px);left: -1px;right: -1px;z-index: 65;box-sizing: border-box;max-height: 260px;margin: 0;padding: 6px;overflow-y: auto;list-style: none;border: 1px solid #d7e1f2;border-radius: 12px;background: #ffffff;box-shadow: 0 18px 36px rgba(28, 42, 74, 0.18);}
.productConditionDropdownOption {display: flex;align-items: center;min-height: 25px;padding: 7px 12px;border-radius: 8px;color: #243257;font-size: 0.94rem;font-weight: 400;line-height: 1.2;cursor: pointer;}
.productConditionDropdownOption[hidden] {display: none !important;}
.productConditionDropdownOption:hover, .productConditionDropdownOption:focus-visible {background: #f3f7ff;outline: none;}
.productConditionDropdownOption.is-selected {background: #2f6fe4;color: #ffffff;}
.productConditionDropdownOption.is-placeholder-option {cursor: default;color: #344054;}
.fieldInputGroup--select.is-locked .productConditionDropdownBtn {padding-right: 46px;}
.fieldInputGroup--select.is-locked .productConditionDropdownBtn svg {display: none;}
.editProdInputWrap--select {display: block;position: relative;overflow: visible;}
.editProdInputWrap--select select {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;pointer-events: none;}
.editConditionDropdown {position: relative;width: 100%;min-height: 46px;}
.editConditionDropdownBtn {display: flex;align-items: center;justify-content: space-between;gap: 12px;width: 100%;min-height: 46px;padding: 0 14px;border: none;background: transparent;color: #1f2937;font: inherit;text-align: left;cursor: pointer;box-shadow: none;}
.editConditionDropdownBtn:hover, .editConditionDropdownBtn:focus-visible {background: #f8faff;outline: none;}
.editConditionDropdownBtn:disabled {cursor: not-allowed;color: #4b5563;background: #f8faff;}
.editConditionDropdownLabel {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.editConditionDropdownBtn svg {flex: 0 0 auto;width: 19px;height: 19px;color: #25324f;transition: transform 0.18s ease;}
.editConditionDropdown.is-open .editConditionDropdownBtn svg {transform: rotate(180deg);}
.editConditionDropdownMenu {position: absolute;top: calc(100% + 8px);left: 0;right: 0;z-index: 60;box-sizing: border-box;max-height: 240px;margin: 0;padding: 6px;overflow-y: auto;list-style: none;border: 1px solid #d7e1f2;border-radius: 12px;background: #ffffff;box-shadow: 0 18px 36px rgba(28, 42, 74, 0.18);}
.editConditionDropdownOption {display: flex;align-items: center;min-height: 18px;padding: 8px 11px;border-radius: 8px;color: #243257;font-size: 0.94rem;font-weight: 400;line-height: 1.2;cursor: pointer;}
.editConditionDropdownOption[hidden] {display: none !important;}
.editConditionDropdownOption:hover, .editConditionDropdownOption:focus-visible {background: #f3f7ff;outline: none;}
.editConditionDropdownOption.is-selected {background: #2f6fe4;color: #ffffff;}
.editProdInputWrap--select.is-locked .editConditionDropdownBtn {padding-right: 46px;}
.editProdInputWrap--select.is-locked .editConditionDropdownBtn svg {display: none;}
.shippingSetupWidget {width: 100%;box-sizing: border-box;margin-top: 4px !important;padding: 15px 0 10px 18px;border: none;border-bottom: 1px solid #edf1f8;border-radius: 0;background: transparent;color: #25355a;box-shadow: none;}
.shippingSetupTitle {display: block;margin-bottom: 14px;color: #24324d;font-size: 1rem;font-weight: 600;letter-spacing: 0;}
.shippingOption {display: flex !important;align-items: center;gap: 10px;margin: 0 0 12px;color: #374151;font-size: 1.05rem;font-weight: 500;}
.shippingOption input[type="radio"] {width: 21px;height: 21px;margin: 0;accent-color: #0c5de7;}
.shippingOption:last-of-type {margin-bottom: 0;}
.shippingSetupHint {display: block;margin: 2px 0 0 0;color: #667085;font-size: 0.88rem;font-weight: 500;line-height: 1.35;}
.shippingSetupWidget.is-standard-only .shippingOption[for="shippingOversized"], .shippingSetupWidget.is-standard-only .oversized-card {display: none !important;}
#popupAddProducto .oversized-card {display: none;margin-top: 16px !important;border: 1px solid #d7e6ff;border-radius: 14px;background: #f8fbff;box-shadow: 0 10px 26px rgba(84, 102, 150, 0.08);overflow: hidden;}
#popupAddProducto .oversized-card.active {display: block;}
.oversized-card-copy {display: flex;flex-direction: column;padding: 28px 34px 10px;background: #f6f8fc;}
.oversized-card-title {margin: 0 0 10px;color: #1d69e7;font-size: 1.55rem;font-weight: 700;line-height: 1.15;}
.oversized-card-price {margin: 0 0 12px;color: #1d69e7;font-size: 1.25rem;font-weight: 500;line-height: 1.2;}
.oversized-card-paid {margin: 0 0 22px;color: #5e759d;font-size: 1rem;font-weight: 600;line-height: 1.25;}
.oversized-fee-tag {display: inline-flex;align-items: center;gap: 12px;margin-bottom: 10px;}
.oversized-fee-tag .oversized-fee-tag-txt1{font-size: 3rem;line-height: 0.92;font-weight: 600;letter-spacing: -0.06em;color: #1d69e7;}
.oversized-fee-tag .oversized-fee-tag-txt2 {font-size: 1.2em;margin-top: 5px;}
.oversized-copy-body ul {margin: 0;padding-left: 22px;color: #263653;font-size: 1.02rem;font-weight: 600;line-height: 1.5;}
.oversized-copy-body li + li {margin-top: 8px;}
.oversized-copy-body ul li strong {font-weight: 600;}
#popupAddProducto .oversized-image {display: block;align-self: center;width: calc(90% + 68px);max-width: none;border-radius: 0;margin-top: 10px;object-fit: cover;}
#popupAddProducto .pallet-card {background: linear-gradient(180deg, #fffafc 0%, #f2f6fe 100%);border-color: #d9e5fb;}
#popupAddProducto .pallet-card-copy {display: block;padding: 18px 18px;}
.pallet-card-lead {display: inline-flex;align-items: flex-start;gap: 12px;margin-bottom: 12px;color: #2d3153;font-size: 1.18rem;font-weight: 600;line-height: 1.25;}
.pallet-card-lead-icon {display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 999px;background: #fff5cf;color: #d1a11e;box-shadow: inset 0 0 0 1px rgba(209, 161, 30, 0.14);}
.pallet-card-lead-icon svg {width: 24px;height: 24px;}
.pallet-copy-body ul {padding-left: 22px;}
.pallet-copy-body li {color: #394661;font-size: 0.9rem;line-height: 1.48;}
.pallet-copy-body li strong {color: #25355a;font-weight: 600;}
.pallet-warehouses {margin-top: 14px;color: #4a5674;}
.pallet-warehouses-title {display: block;margin-bottom: 2px;font-size: 0.95rem;font-weight: 600;color: #394661;}
.pallet-warehouses-list {display: block;font-size: 0.9rem;line-height: 1.45;}
.pallet-copy-text {display: block;}
#popupAddProducto .pallet-image {display: block;justify-self: center;width: 100%;max-width: 220px;border-radius: 20px;margin-top: 12px;}
.addProductActions {display: flex;flex-direction: column;gap: 10px;margin-top: 17px;}
.addProductActionBtn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-height: 48px;border-radius: 10px;border: 1px solid #d8e1f6;background: #fff;color: #324160;font-size: 1.08rem;font-weight: 700;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;}
.addProductActionBtn svg {width: 25px;height: 25px;fill: currentColor;}
.addProductActionBtn:hover {transform: translateY(-1px);box-shadow: 0 10px 20px rgba(71, 100, 163, 0.12);}
.addProductActionBtn:disabled {cursor: not-allowed;opacity: 0.55;transform: none;box-shadow: none;}
.addProductActionBtn--primary {border-color: #0c5de7;background: #0c5de7;color: #fff;}
.addProductActionBtn--secondary {background: #0c5de7;color: #fff;border-color: #0c5de7;}
.addProductLegacyAction {display: none !important;}
.asoc_type_shopper #uploadGalleryBtn {background: #ffffff;color: #0c5de7;border-color: #0c5de7;}

/* Stock quantity selector popup */
body.stockQtySelectorOpen {overflow: hidden;}
#popupAddProducto #fieldQtyProd {cursor: pointer;}
#popupAddProducto #fieldQtyProd::selection {background: transparent;}
.stockQtySelectorPopup {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 0 18px;
	background: rgba(15, 23, 42, 0.38);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
	z-index: 24;
}
.stockQtySelectorPopup.is-open {
	opacity: 1;
	pointer-events: auto;
}
.stockQtySelectorDialog {
	width: min(420px, 100%);
	max-height: min(78vh, 620px);
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 22px 48px rgba(15, 23, 42, 0.2);
	overflow: hidden;
}
.stockQtySelectorHeader {
    position: relative;
    padding: 18px 25px 15px;
    border-bottom: 1px solid #0c5de7;
    background: #0c5de7;
    text-align: left;
}
.stockQtySelectorHeader h3 {
	margin: 0;
	color: #ffffff;
	font-weight: 500;
	line-height: 1.2;
}
.stockQtySelectorClose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	padding: 6px 9px 6px 9px;
	width: 35px;
    height: 35px;
	position: absolute;
    top: 10px;
    right: 17px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
}
.stockQtySelectorClose:hover {
	background: rgba(255, 255, 255, 0.26);
}

.stockQtySelectorInputWrap {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	margin: 14px 16px 0;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	background: #fff;
}
.stockQtySelectorInputLabel {
	display: inline-flex;
	align-items: center;
	padding: 0 14px;
	min-height: 44px;
	border-right: 1px solid #edf1f6;
	color: #111827;
	font-size: 0.98rem;
	font-weight: 600;
}
#stockQtySelectorInput {
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 0 14px;
	border: none;
	outline: none;
	box-shadow: none;
	color: #111827;
	font-size: 0.98rem;
	background: transparent;
}
#stockQtySelectorInput::placeholder {
	color: #9aa3b2;
}
#stockQtySelectorInput::-webkit-outer-spin-button,
#stockQtySelectorInput::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#stockQtySelectorInput[type="number"] {
	-moz-appearance: textfield;
}
.stockQtySelectorApply {
	width: 54px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-left: 1px solid #edf1f6;
	background: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}
.stockQtySelectorApply:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}
.stockQtySelectorApplyIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 2px solid #0c5de7;
	border-radius: 7px;
	color: #0c5de7;
	font-size: 1.1rem;
	font-weight: bolder;
	line-height: 1;
}
.stockQtySelectorList {
	margin-top: 12px;
	padding-bottom: 6px;
	overflow: auto;
}
.stockQtySelectorOption {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	border: none;
	border-top: 1px solid #eef1f6;
	background: #fff;
	color: #111827;
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}
.stockQtySelectorOption:first-child {
	border-top-color: #f4f6fb;
}
.stockQtySelectorOption:hover,
.stockQtySelectorOption:focus-visible {
	background: #f3f7ff;
	outline: none;
}
.stockQtySelectorOption.is-selected {
	color: #f28b1d;
}
.stockQtySelectorCheck {
	opacity: 0;
	color: #f28b1d;
	font-size: 1.2rem;
	font-weight: 700;
}
.stockQtySelectorOption.is-selected .stockQtySelectorCheck {
	opacity: 1;
}

/* popupCamara redesign */
#popupCamara {display: none;opacity: 0;transition: opacity 0.28s ease;overflow: auto;}
.overlayCamara {position: fixed;inset: 0;background: rgba(13, 18, 31, 0.78);backdrop-filter: blur(6px);transition: opacity 0.28s ease;z-index: 12;}
#popupCamaraContainer {width: 100%;min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 18px;box-sizing: border-box;}
.cameraModalWrap {width: min(550px, 100%);background: #fff;border-radius: 10px;padding:23px 15px 23px 15px;position: relative;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.32);}
#cerrarPopUpCamara {position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;border: none;border-radius: 10px;background: #00000082;color: #fff;font-size: 1.05rem;font-weight: 700;cursor: pointer;z-index: 2;}
#cerrarPopUpCamara:hover {background: rgba(53, 40, 24, 0.72);}
#popupCamaraContainer #fileInput,
#popupCamara #cameraBox,
#popupCamara #previewBox {display: none;}
#popupCamara.is-camera-mode #cameraBox {display: block;}
#popupCamara.is-preview-mode #previewBox {display: block;}
#popupCamara.is-preview-mode #cameraBox {display: none !important;}
#popupCamara .cameraStage {display: flex;flex-direction: column;gap: 18px;}
#popupCamara video,
#popupCamara img,
#popupCamara canvas {width: 100%;max-height: min(68vh, 560px);border-radius: 10px;background: #eef2ff;object-fit: cover;}
.cameraCaptureActions {display: flex;justify-content: center;padding: 18px 6px 4px;}
.cameraCaptureBtn,
.cameraPrimaryBtn,
.cameraSecondaryBtn {width: min(350px, 100%);min-height: 47px;padding: 0 18px;border: none;border-radius: 7px;font-size: 1.3rem;font-weight: 500;
cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;}
.cameraCaptureBtn,
.cameraPrimaryBtn {background: linear-gradient(135deg, #4d8ff5 0%, #2d67d7 100%);color: #fff;box-shadow: 0 16px 28px rgba(45, 103, 215, 0.2);}
.cameraCaptureBtn {display: inline-flex;align-items: center;justify-content: center;}
.cameraCaptureBtn:hover,
.cameraPrimaryBtn:hover,
.cameraSecondaryBtn:hover {transform: translateY(-1px);}
.cameraPrimaryBtn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;box-shadow: none;}
.cameraPreviewActions {display: flex;flex-direction: column;align-items: center;gap: 14px;padding: 22px 6px 4px;text-align: center;}
.cameraPreviewNote {margin: 0;color: #6b7280;font-size: 1rem;line-height: 1.45;}
.cameraSecondaryBtn {background: #fff;color: #374151;border: 1px solid #d4d8e4;box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);}
#popupCamara #msg {margin-top: 8px;}

@media (max-width: 560px) {
	#camposAddProducto {padding: 10px 18px 20px 24px;}
}

@media (max-width: 640px) {
	#addProductoContainer {padding: 0;}
	#camposaddProductoDiv {width: 98%;box-shadow: none;margin-top: 1em;}
	.titleTopAddProduct {padding: 18px 58px 16px;}
	#titleAddProducto {font-size: 1.2rem;}
	#cerrarPopUp {width: 30px;height: 30px;top: 12px;right: 10px;font-size: 1rem;}
	.productCodeRow {grid-template-columns: minmax(120px, auto) 54px;}
	.addProductFieldGrid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;}
	.shippingSetupWidget {padding: 18px 0;}
	.shippingSetupTitle {font-size: 1rem;}
	.shippingOption {font-size: 1rem;}
	.oversized-card-copy {grid-template-columns: 1fr;gap: 14px;padding: 18px 16px;}
	.oversized-copy-text {grid-template-columns: 1fr;gap: 12px;}
	.pallet-card-lead {font-size: 1.08rem;}
	#popupAddProducto .pallet-image {max-width: 260px;}
	.addProductActionBtn {min-height: 54px;font-size: 1rem;}
	#popupCamaraContainer {padding: 3px;}
	.cameraModalWrap {padding: 12px 12px 18px;border-radius: 24px;}
	#cerrarPopUpCamara {top: 12px;right: 12px;width: 42px;height: 42px;}
	#popupCamara video,
	#popupCamara img,
	#popupCamara canvas {max-height: 48vh;border-radius: 18px;}
	.cameraCaptureBtn,
	.cameraPrimaryBtn,
	.cameraSecondaryBtn {min-height: 52px;font-size: 1rem;}
	.cameraPreviewNote {font-size: 0.95rem;}
	.stockQtySelectorPopup {
		padding: 0;
		background: rgba(15, 23, 42, 0.3);
	}
	.stockQtySelectorDialog {
		width: 100%;
		max-height: min(82vh, 680px);
	}
	.stockQtySelectorHeader {
		padding-top: 16px;
		padding-bottom: 12px;
	}
	.stockQtySelectorHeader h3 {
		font-size: 1.08rem;
	}
	.stockQtySelectorInputWrap {
		margin: 12px 12px 0;
	}
	.stockQtySelectorOption {
		padding: 15px 16px;
		font-size: 1rem;
	}
}

@media (max-width: 430px) {
	.addProductFieldGrid {grid-template-columns: 1fr;}
	.fragranceSizeGrid {grid-template-columns: 1fr;}
	.shippingSetupTitle {font-size: 1.45rem;}
	.oversized-copy-body ul {font-size: 0.95rem;}
}

/* Live setup popups redesign */
#popupSelectTiendasPS,
#popupSelectTiendasMP {display: none;opacity: 0;transition: opacity 0.28s ease;overflow-y: auto;overflow-x: hidden;}
.popupSelectTiendasPS,
.popupSelectTiendasMP {position: fixed;inset: 0;background: rgba(15, 23, 42, 0.72);backdrop-filter: blur(7px);z-index: 999;}
#selectTiendasPSContainer,
#selectTiendasMPContainer {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 14px;
	box-sizing: border-box;
	position: static;
	top: auto;
	left: auto;
	transform: none;
	overflow-x: hidden;
}
#selectTiendasPS,
#containerMP {
	width: min(550px, 100%);
	display: flex;
	flex-direction: column;
	max-height: min(92vh, 860px);
	background: #fff;
	border: 1px solid #0c5de7;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24);
}
#selectTiendasPS,
#selectTiendasPS *,
#containerMP,
#containerMP * {
	box-sizing: border-box;
}
.liveSetupHeader {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 10px 6px 15px;
	background: #0c5de7;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.03em;
}
.liveSetupClose {
	position: absolute;
	top: 10px;
	right: 16px;
	width: 28px;
	height: 28px;
	display: inline-flex;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(255,255,255,0.16);
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
}
.liveSetupClose:hover {
	background: rgba(255,255,255,0.26);
}
.liveSetupBody {
	padding: 15px 20px 0;
	background: linear-gradient(180deg, #f7f8ff 0%, #f0f5fe 100%);
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
	width: 100%;
	max-height: calc(100vh - 60px);
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}
.liveSetupIntro {
	padding: 6px 6px 0;
	width: 100%;
	min-width: 0;
}
.liveSetupIntro .titlePlatforms {
	display: block;
	margin: 0 0 16px;
	text-align: center;
}
.liveSetupIntro--steps .titlePlatforms {
	text-align: left;
}
.liveSetupIntro .titleSeleTienPS-1,
.liveSetupIntro .titleSeleTienMP-1 {
	display: inline-block;
	color: #131c2f;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}
.liveSetupStepTitle {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
}
.liveSetupStepNumber {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	border: 1.5px solid #0c5de7;
	border-radius: 50%;
	color: #0c5de7;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
}
#popupSelectTiendasMP .liveSetupIntro .titleSeleTienMP-1 {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
}
.liveSetupSection {
	width: 100%;
	min-width: 0;
	background: rgba(255,255,255,0.75);
	border: 1px solid #e3e9f7;
	border-radius: 10px;
	padding: 18px 16px;
	box-shadow: 0 10px 30px rgba(96, 110, 157, 0.08);
}
.liveSetupSectionTitle {
	display: block;
	margin-bottom: 14px;
}
.liveSetupSectionTitle .titleSeleTienPS-1 {
	display: inline-block;
	color: #18233a;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}
.liveSetupPlatformsWrap,
.checkePlatformsContainer {display: block;width: 100%;}
#popupSelectTiendasPS .check-group,
#popupSelectTiendasMP .check-group {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
	min-width: 0;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
}
#popupSelectTiendasPS .check-group .platformContainer,
#popupSelectTiendasMP .check-group .platformContainer {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	width: 100%;
	min-width: 0;
	padding: 16px 18px;
	border: 1px solid #e3e9f7;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(84, 102, 150, 0.08);
}
#popupSelectTiendasPS .platformCard,
#popupSelectTiendasMP .platformCard {
	position: relative;
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	width: 100%;
	min-width: 0;
	cursor: pointer;
}
#popupSelectTiendasPS .checkbox__input,
#popupSelectTiendasMP .checkbox__input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
#popupSelectTiendasPS .checkbox__icon,
#popupSelectTiendasMP .checkbox__icon {
	width: 26px;
	height: 26px;
	border-radius: 8px;
	border: none;
	flex-shrink: 0;
}
#popupSelectTiendasPS .checkbox__icon rect,
#popupSelectTiendasMP .checkbox__icon rect {
	stroke: #9aa7c0;
	stroke-width: 1.4;
	rx: 5;
}
#popupSelectTiendasPS .checkbox__icon .tick,
#popupSelectTiendasMP .checkbox__icon .tick {
	stroke: #fff;
	stroke-dasharray: 20px;
	stroke-dashoffset: 20px;
	transition: stroke-dashoffset 0.2s ease-out;
}
#popupSelectTiendasPS .checkbox__input:checked + .checkbox__icon rect,
#popupSelectTiendasMP .checkbox__input:checked + .checkbox__icon rect {
	fill: #0c5de7;
	stroke: #0c5de7;
}
#popupSelectTiendasPS .checkbox__input:checked + .checkbox__icon .tick,
#popupSelectTiendasMP .checkbox__input:checked + .checkbox__icon .tick {
	stroke: #fff;
	stroke-dashoffset: 0;
}
#popupSelectTiendasPS .checkbox__input:disabled + .checkbox__icon rect,
#popupSelectTiendasMP .checkbox__input:disabled + .checkbox__icon rect {
	fill: #f3f5fa;
	stroke: #d2d9e7;
}
#popupSelectTiendasPS .platformBrandIcon,
#popupSelectTiendasMP .platformBrandIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex-shrink: 0;
}
#popupSelectTiendasPS .platformBrandIcon svg,
#popupSelectTiendasMP .platformBrandIcon svg {
	width: 100%;
	height: 100%;
	display: block;
}
#popupSelectTiendasPS .platformName,
#popupSelectTiendasMP .platformName {
	margin-left: 0;
	color: #18233a;
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#popupSelectTiendasPS .platformContainer[data-has-url="0"] .platformName,
#popupSelectTiendasMP .platformContainer[data-has-url="0"] .platformName {
	color: #67748d;
}
#popupSelectTiendasPS .addChangeLinkPlatform,
#popupSelectTiendasMP .addChangeLinkPlatform {
	border: none;
	background: transparent;
	padding: 0;
	align-self: center;
	justify-self: end;
	color: #0c5de7;
	font-size: 0.96rem;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
}

#popupSelectTiendasPS .platformContainer[data-has-url="0"] .addChangeLinkPlatform,
#popupSelectTiendasMP .platformContainer[data-has-url="0"] .addChangeLinkPlatform {
	color: #8b99b4;
}
.liveSetupSearchWrap {
	position: relative;
	width: 100%;
}
#buscarTiendaInpt {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d7dff2;
	padding: 13px 16px;
	margin-bottom: 0;
	font-size: 1rem;
	border-radius: 12px;
	outline: none;
	background: #fff;
	color: #1f2937;
}
#buscarTiendaInpt::placeholder {
	color: #95a0b4;
}
#buscarTiendaInpt:focus {
	border-color: #0c5de7;
	box-shadow: 0 0 0 4px rgba(12, 93, 231, 0.12);
}
#resultSearchSelTienda {
	display: none;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	width: auto;
	background: #fff;
	margin: 0;
	list-style: none;
	padding: 6px 0;
	border: 1px solid #d8dff1;
	max-height: 220px;
	overflow-y: auto;
	border-radius: 10px;
	box-shadow: 0 18px 38px rgba(53, 74, 117, 0.12);
}
#resultSearchSelTienda li {
	cursor: pointer;
	padding: 10px 14px;
	border-bottom: 1px solid #eef2fb;
}
#resultSearchSelTienda li:last-child {
	border-bottom: none;
}
#resultSearchSelTienda li:hover {background: #0c5de7;color: #fff;}
#resultSearchSelTienda #id-default {display: none;}
.liveSetupCommissionCard {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px 14px;
	margin: 0 0 12px;
	padding: 14px 16px;
	border: 1px solid #e3e9f7;
	border-radius: 10px;
	background: #fff;
}
.liveSetupCommissionCard--single {
	margin-bottom: 0;
	grid-template-columns: 22px minmax(0, 1fr);
}
.liveSetupCommissionCard input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #0c5de7;
	grid-column: 1;
	grid-row: 1 / span 2;
	align-self: start;
}
.liveSetupCommissionCard label {
	display: block;
	margin: 0;
	grid-column: 2 / -1;
	grid-row: 1;
	color: #1f2a44;
	font-size: 0.98rem;
	font-weight: 500;
	line-height: 1.34;
}
.liveSetupCommissionCard .inptComis {
	width: 140px;
	box-sizing: border-box;
	grid-column: 2;
	grid-row: 2;
	margin: 2px 0 0;
	border: 1px solid #d7dff2;
	padding: 11px 12px;
	font-size: 0.98rem;
	border-radius: 7px;
	outline: none;
	background: #fff;
	text-align: center;
}
.liveSetupCommissionCard .inptComis:focus {
	border-color: #0c5de7;
	box-shadow: 0 0 0 4px rgba(12, 93, 231, 0.12);
}
.liveSetupActionWrap {
	margin-top: 2px;
	margin-bottom: 15px;
	padding: 6px 0 2px;
	width: 100%;
	text-align: center;
}
#startBtn,
#startBtnMP {
	display: inline-flex;
	align-items: center;
    justify-content: center;
	width: 92%;
	margin: 0 auto;
	font-size: 1.15rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	padding: 0.5em 1em;
	border-radius: 10px;
	border: none;
	background: #0c5de7;
	box-shadow: 0 16px 28px rgba(7, 88, 232, 0.2);
}
#tiendasPSselect {display: none;}

@media (max-width: 640px) {
	#selectTiendasPSContainer,
	#selectTiendasMPContainer {
		align-items: flex-start;
		padding: 10px;
	}
	#selectTiendasPS,
	#containerMP {
		width: min(550px, 100%);
		border-radius: 18px;
	}
	.liveSetupHeader {
		padding: 10px 6px 15px;
		font-size: 1.2rem;
	}
	.liveSetupClose {
		top: 10px;
		right: 12px;
	}
	.liveSetupBody {
		padding: 15px 10px 0;
		gap: 14px;
		max-height: calc(100vh - 24px);
	}
	.liveSetupIntro .titleSeleTienPS-1,
	.liveSetupSectionTitle .titleSeleTienPS-1 {
		font-size: 0.96rem;
	}
	#popupSelectTiendasMP .liveSetupIntro .titleSeleTienMP-1 {
		font-size: 1.2rem;
	}
	#popupSelectTiendasPS .check-group .platformContainer,
	#popupSelectTiendasMP .check-group .platformContainer {
		padding: 14px 14px;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px;
	}
	#popupSelectTiendasPS .platformCard,
	#popupSelectTiendasMP .platformCard {
		gap: 10px;
		grid-template-columns: auto auto minmax(0, 1fr);
	}
	#popupSelectTiendasPS .platformBrandIcon,
	#popupSelectTiendasMP .platformBrandIcon {
		width: 36px;
		height: 36px;
	}
	#popupSelectTiendasPS .platformName,
	#popupSelectTiendasMP .platformName {
		font-size: 1rem;
	}
	#popupSelectTiendasPS .addChangeLinkPlatform,
	#popupSelectTiendasMP .addChangeLinkPlatform {
		font-size: 0.88rem;
	}
	.liveSetupSection {
		padding: 14px 12px;
	}
	.liveSetupCommissionCard {
		grid-template-columns: 20px minmax(0, 1fr) auto;
		padding: 12px 12px;
	}
	.liveSetupCommissionCard .inptComis {
		width: 112px;
		margin-left: 0;
	}
}

@media (max-width: 430px) {
	#popupSelectTiendasPS .addChangeLinkPlatform,
	#popupSelectTiendasMP .addChangeLinkPlatform {
		justify-self: start;
	}
	.liveSetupCommissionCard {
		grid-template-columns: 20px minmax(0, 1fr);
		gap: 8px 10px;
	}
	.liveSetupCommissionCard label {
		grid-column: 2;
	}
	.liveSetupCommissionCard .inptComis {
		width: 100%;
		grid-column: 2;
		grid-row: 2;
	}
	.liveSetupCommissionCard .porcentSigno {
		grid-column: 2;
		grid-row: 3;
		margin-top: -4px;
	}
}

/* =========================================================
   01. CONTENEDOR GENERAL DE LA SECCIÓN
========================================================= */

.seller-help-section {
  width: 100%;
  max-width: 800px;
  margin: 18px auto 0 auto;
  padding: 0 14px;
  box-sizing: border-box;
  padding-bottom: 4em;
}

.seller-help-section #sellerAsoc-accordion {
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .seller-help-section {
    max-width: 100%;
    padding: 0 12px;
    margin-top: 16px;
	padding-bottom: 3.5em;
  }
}


/* =========================================================
   02. HEADER SUPERIOR
========================================================= */

.seller-help-header {
  margin: 0 0 12px 0;
  padding: 0;
}

.seller-help-header h2 {
  margin: 0 0 5px 0;
  color: #111827;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.2px;
}

@media (max-width: 767px) {
  .seller-help-header h2 {
    font-size: 20px;
  }
}


/* =========================================================
   03. CARDS PRINCIPALES DE ACORDEÓN
========================================================= */

#sellerAsoc-accordion > .accordion {
  background: #fff !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 12px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}


/* =========================================================
   04. BOTONES PRINCIPALES
   How to shop / International shipping / Need help
========================================================= */

#sellerAsoc-accordion > .accordion > .accordion-trigger {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  cursor: pointer;
}

#sellerAsoc-accordion .accordion-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#sellerAsoc-accordion .accordion-main-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;

  background: #eef7ff !important;
  color: #1688f0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 17px !important;
  line-height: 1 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#sellerAsoc-accordion .accordion-main-icon img {
  width: 60% !important;
  height: 60% !important;
  object-fit: contain !important;
}

#sellerAsoc-accordion > .accordion > .accordion-trigger .textbtn {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion > .accordion > .accordion-trigger {
    min-height: 56px !important;
    padding: 0 16px !important;
  }

  #sellerAsoc-accordion .accordion-title-wrap {
    gap: 12px !important;
  }

  #sellerAsoc-accordion .accordion-main-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 16px !important;
  }

  #sellerAsoc-accordion > .accordion > .accordion-trigger .textbtn {
    font-size: 15px !important;
  }
}


/* =========================================================
   05. CHEVRON PRINCIPAL
========================================================= */

#sellerAsoc-accordion > .accordion > .accordion-trigger .chevron {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;

  border-right: 2px solid #1688f0 !important;
  border-bottom: 2px solid #1688f0 !important;

  transform: rotate(45deg) !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

#sellerAsoc-accordion > .accordion > .accordion-trigger[aria-expanded="true"] .chevron {
  transform: rotate(225deg) !important;
}


/* =========================================================
   06. PANELES PRINCIPALES ABIERTOS
========================================================= */

#sellerAsoc-accordion > .accordion > .accordion-panel {
  padding: 0 22px 14px 72px !important;
  background: #fff !important;
  border-top: 1px solid #f0f2f5 !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion > .accordion > .accordion-panel {
    padding: 0 16px 12px 54px !important;
  }
}


/* =========================================================
   07. ACORDEONES INTERNOS
   Opciones dentro de How to shop
========================================================= */

#sellerAsoc-accordion .accordion-panel .accordion {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

#sellerAsoc-accordion .accordion-panel .accordion + .accordion {
  border-top: 1px solid #f0f2f5 !important;
}

#sellerAsoc-accordion .accordion-panel .accordion .accordion-trigger {
  width: 100% !important;
  min-height: 66px !important;
  padding: 8px 0 !important;

  background: #fff !important;
  border: none !important;
  box-shadow: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  cursor: pointer;
}

#sellerAsoc-accordion .accordion-panel .accordion .accordion-trigger .chevron {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;

  border-right: 2px solid #1688f0 !important;
  border-bottom: 2px solid #1688f0 !important;

  transform: rotate(45deg) !important;
  margin-left: 14px !important;
  flex: 0 0 auto !important;
}

#sellerAsoc-accordion .accordion-panel .accordion .accordion-trigger[aria-expanded="true"] .chevron {
  transform: rotate(225deg) !important;
}

#sellerAsoc-accordion .accordion-panel .accordion .accordion-panel {
  padding: 10px 0 16px 0 !important;
  border-top: none !important;
  background: #fff !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion .accordion-panel .accordion .accordion-trigger {
    min-height: 64px !important;
    padding: 8px 0 !important;
  }
}


/* =========================================================
   08. TÍTULO + SUBTÍTULO EN OPCIONES INTERNAS
========================================================= */

#sellerAsoc-accordion .accordion-option-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;

  width: 100% !important;
  min-width: 0 !important;
}

#sellerAsoc-accordion .accordion-option-text .textbtn {
  display: block !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#sellerAsoc-accordion .accordion-subtitle {
  display: block !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  letter-spacing: 0.1px !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion .accordion-option-text {
    align-items: flex-start !important;
    text-align: left !important;
  }

  #sellerAsoc-accordion .accordion-option-text .textbtn {
    font-size: 15px !important;
    line-height: 1.18 !important;
    text-align: left !important;
    max-width: 100% !important;
  }

  #sellerAsoc-accordion .accordion-subtitle {
    font-size: 13px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   09. LINKS SECUNDARIOS BASE
   Tarifa / Solicitar envío / Soporte
========================================================= */

#sellerAsoc-accordion .btn,
#sellerAsoc-accordion .btn-blue,
#sellerAsoc-accordion .whatsapp_boton_pc,
#sellerAsoc-accordion .whatsapp_boton_cel,
#sellerAsoc-accordion .whatsapp_boton_span {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 !important;
  margin: 0 !important;

  background: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #111827 !important;
  text-decoration: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  box-sizing: border-box !important;
}


/* =========================================================
   10. CONTENEDOR WHATSAPP
========================================================= */

#sellerAsoc-accordion .wspContainer {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop: muestra botón PC */
#sellerAsoc-accordion .whatsapp_boton_pc {
  display: flex !important;
}

/* Desktop: oculta botón celular */
#sellerAsoc-accordion .whatsapp_boton_cel {
  display: none !important;
}

/* Mobile: oculta botón PC y muestra celular */
@media (max-width: 767px) {
  #sellerAsoc-accordion .whatsapp_boton_pc {
    display: none !important;
  }

  #sellerAsoc-accordion .whatsapp_boton_cel {
    display: flex !important;
  }
}


/* =========================================================
   11. CONTENIDO INTERNO DE LINKS SECUNDARIOS
========================================================= */

#sellerAsoc-accordion .secondary-link-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  gap: 14px !important;

  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

#sellerAsoc-accordion .secondary-link-content.no-icon {
  gap: 0 !important;
}

#sellerAsoc-accordion .secondary-link-content .textbtn,
#sellerAsoc-accordion .btn > .textbtn,
#sellerAsoc-accordion .btn-blue > .textbtn {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion .secondary-link-content {
    gap: 12px !important;
  }

  #sellerAsoc-accordion .secondary-link-content .textbtn,
  #sellerAsoc-accordion .btn > .textbtn,
  #sellerAsoc-accordion .btn-blue > .textbtn {
    font-size: 14px !important;
  }
}


/* =========================================================
   12. ÍCONOS SECUNDARIOS
========================================================= */

#sellerAsoc-accordion .secondary-link-content i {
  width: 24px !important;
  min-width: 24px !important;
  font-size: 19px !important;
  color: #1688f0 !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Oculta íconos viejos que hayan quedado fuera del wrapper */
#sellerAsoc-accordion .btn > i,
#sellerAsoc-accordion .btn-blue > i,
#sellerAsoc-accordion .whatsapp_boton_span > i {
  display: none !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion .secondary-link-content i {
    font-size: 18px !important;
    width: 22px !important;
    min-width: 22px !important;
  }
}


/* =========================================================
   13. FLECHA DERECHA EN LINKS SECUNDARIOS
========================================================= */

#sellerAsoc-accordion .secondary-arrow {
  width: 11px !important;
  min-width: 11px !important;
  height: 11px !important;

  border-right: 2px solid #1688f0 !important;
  border-bottom: 2px solid #1688f0 !important;

  transform: rotate(-45deg) !important;
  margin-left: 16px !important;
  flex: 0 0 auto !important;
  transition: transform 150ms ease !important;
}

#sellerAsoc-accordion .accordion-trigger[aria-expanded="true"] .secondary-arrow {
  transform: rotate(225deg) !important;
}


/* =========================================================
   14. SEPARADORES DE OPCIONES SECUNDARIAS
========================================================= */

#sellerAsoc-accordion #acc-faq-intl > a,
#sellerAsoc-accordion #acc-faq-intl > div,
#sellerAsoc-accordion #acc-faq-intl > button,
#sellerAsoc-accordion #acc-faq-usa > a,
#sellerAsoc-accordion #acc-faq-usa > div,
#sellerAsoc-accordion #acc-faq-usa > button,
#sellerAsoc-accordion #acc-need-help > div,
#sellerAsoc-accordion #acc-need-help > a {
  border-bottom: 1px solid #f0f2f5 !important;
}

#sellerAsoc-accordion #acc-faq-intl > *:last-child,
#sellerAsoc-accordion #acc-faq-usa > *:last-child,
#sellerAsoc-accordion #acc-need-help > *:last-child {
  border-bottom: none !important;
}


/* =========================================================
   15. AJUSTE ESPECÍFICO: USUARIOS INTERNACIONALES / USA (FAQ)
========================================================= */

#sellerAsoc-accordion #acc-faq-intl,
#sellerAsoc-accordion #acc-faq-usa {
  padding-left: 72px !important;
  padding-right: 22px !important;
}

#sellerAsoc-accordion #acc-faq-intl > a,
#sellerAsoc-accordion #acc-faq-intl > div,
#sellerAsoc-accordion #acc-faq-intl > button,
#sellerAsoc-accordion #acc-faq-usa > a,
#sellerAsoc-accordion #acc-faq-usa > div,
#sellerAsoc-accordion #acc-faq-usa > button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#sellerAsoc-accordion #acc-faq-intl .secondary-link-content,
#sellerAsoc-accordion #acc-faq-usa .secondary-link-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

#sellerAsoc-accordion #acc-faq-intl .secondary-link-content .textbtn,
#sellerAsoc-accordion #acc-faq-usa .secondary-link-content .textbtn {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion #acc-faq-intl,
  #sellerAsoc-accordion #acc-faq-usa {
    padding-left: 62px !important;
    padding-right: 16px !important;
  }
}


/* =========================================================
   16. AJUSTE ESPECÍFICO: NEED HELP
========================================================= */

#sellerAsoc-accordion #acc-need-help {
  padding-left: 72px !important;
  padding-right: 22px !important;
}

#sellerAsoc-accordion #acc-need-help > div,
#sellerAsoc-accordion #acc-need-help > a,
#sellerAsoc-accordion #acc-need-help .wspContainer,
#sellerAsoc-accordion #acc-need-help .wspContainer a,
#sellerAsoc-accordion #acc-need-help .whatsapp_boton_span {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  #sellerAsoc-accordion #acc-need-help {
    padding-left: 62px !important;
    padding-right: 16px !important;
  }
}


/* =========================================================
   17. VIDEOS
========================================================= */

/* Contenedores generales del video */
#sellerAsoc-accordion .wpb_video_widget,
#sellerAsoc-accordion .wpb_wrapper,
#sellerAsoc-accordion .wpb_video_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Panel donde se abre el video */
#sellerAsoc-accordion #acc-intl,
#sellerAsoc-accordion #acc-usa,
#sellerAsoc-accordion #acc-faq-intl-video,
#sellerAsoc-accordion #acc-faq-usa-video {
  padding: 12px 0 18px 0 !important;
  background: #fff !important;
  height: auto !important;
  overflow: visible !important;
}

/* Contenedor real del iframe */
#sellerAsoc-accordion #videoContainer_compras_internacionales_cel,
#sellerAsoc-accordion #videoContainer_compras_usrs_usa_cel,
#sellerAsoc-accordion #videoContainer_faq_compras_internacionales,
#sellerAsoc-accordion #videoContainer_faq_compras_usa {
  width: 100% !important;
  max-width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #000 !important;
  box-sizing: border-box !important;
}

/* Iframe de YouTube */
#sellerAsoc-accordion #videoContainer_compras_internacionales_cel iframe,
#sellerAsoc-accordion #videoContainer_compras_usrs_usa_cel iframe,
#sellerAsoc-accordion #videoContainer_faq_compras_internacionales iframe,
#sellerAsoc-accordion #videoContainer_faq_compras_usa iframe {
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
  display: block !important;
  position: relative !important;
  border: none !important;
  border-radius: 12px !important;
}

/* Evita que WPBakery fuerce proporciones raras */
#sellerAsoc-accordion .vc_video-aspect-ratio-916 .wpb_video_wrapper,
#sellerAsoc-accordion .vc_video-aspect-ratio-169 .wpb_video_wrapper,
#sellerAsoc-accordion .vc_video-aspect-ratio-43 .wpb_video_wrapper {
  padding-top: 0 !important;
  height: auto !important;
}

/* Mobile */
@media (max-width: 767px) {
  #sellerAsoc-accordion #videoContainer_compras_internacionales_cel,
  #sellerAsoc-accordion #videoContainer_compras_usrs_usa_cel,
  #sellerAsoc-accordion #videoContainer_faq_compras_internacionales,
  #sellerAsoc-accordion #videoContainer_faq_compras_usa {
    height: 430px !important;
    min-height: 430px !important;
  }

  #sellerAsoc-accordion #videoContainer_compras_internacionales_cel iframe,
  #sellerAsoc-accordion #videoContainer_compras_usrs_usa_cel iframe,
  #sellerAsoc-accordion #videoContainer_faq_compras_internacionales iframe,
  #sellerAsoc-accordion #videoContainer_faq_compras_usa iframe {
    height: 430px !important;
    min-height: 430px !important;
  }
}
/* =========================================================
   18. SHOP WITH CONFIDENCE
========================================================= */

.shop-confidence-box {
  margin: 12px 0 20px 0;
  padding: 16px 18px 14px 18px;
  background: #f5f9ff;
  border: 1px solid #edf3fb;
  border-radius: 12px;
  box-sizing: border-box;
}

.shop-confidence-box h3.shop-confidence-heading {
  margin: 0 0 14px 0;
  color: #111827;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 10px;
}

.shop-confidence-heading-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 10px;
  background: #eaf5ff;
  color: #1688f0;

  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-confidence-heading-icon i {
  color: #1688f0;
  font-size: 16px;
  line-height: 1;
}

.shop-confidence-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.shop-confidence-grid::before,
.shop-confidence-grid::after,
.shop-confidence-item::before,
.shop-confidence-item::after {
  display: none !important;
  content: none !important;
}

.shop-confidence-item {
  text-align: center;
  padding: 0 14px;
  position: relative;
}

.shop-confidence-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 78px;
  background: #dfe8f3;
}

.shop-confidence-icon {
  width: 40px;
  height: 40px;
  margin: 0 auto 8px auto;
  border-radius: 50%;
  background: #eaf5ff;
  color: #1688f0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-confidence-icon i {
  color: #1688f0;
  font-size: 19px;
  line-height: 1;
}

.shop-confidence-item h4 {
  margin: 0 0 5px 0;
  color: #111827;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.shop-confidence-item p {
  margin: 0;
  color: #374151;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .shop-confidence-box {
    padding: 16px 10px 14px 10px;
  }

.shop-confidence-box h3.shop-confidence-heading {
  font-size: 17px;
  margin: 0 0 14px 0;
  text-align: left;
  justify-content: flex-start;
}

  .shop-confidence-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    align-items: stretch;
  }

  .shop-confidence-item {
    display: grid;
    grid-template-rows: 42px 40px auto;
    justify-items: center;
    align-items: start;
    text-align: center;
    padding: 0 6px;
    position: relative;
  }

  .shop-confidence-item:not(:last-child) {
    border-bottom: none;
  }

  .shop-confidence-item:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 86px;
    background: #dfe8f3;
  }

  .shop-confidence-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    margin: 0 auto;
  }

  .shop-confidence-item h4 {
    margin: 0;
    font-size: 12px;
    line-height: 1.18;
    text-align: center;
    min-height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .shop-confidence-item p {
    margin: 0;
    font-size: 11.5px;
    line-height: 1.3;
    text-align: center;
  }
}

/* =========================================================
   19. QUITAR OUTLINE AZUL EN ACORDEONES
========================================================= */

#sellerAsoc-accordion .accordion-trigger:focus,
#sellerAsoc-accordion .accordion-trigger:active,
#sellerAsoc-accordion .accordion-trigger:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

#sellerAsoc-accordion .accordion-trigger {
  -webkit-tap-highlight-color: transparent;
}

/* =========================================================
   HELP BOX
   ========================================================= */

.faq-help-box::before,
.faq-help-box::after{
  content: none !important;
  display: none !important;
}

.faq-help-box {
  width: 100%;
  margin: 18px 0;
  padding: 21px 22px;
  min-height: 112px;
  border: 1px solid #e2ecff;
  border-radius: 15px;
  background: linear-gradient(120deg, #f2f7ff 0%, #edf4ff 100%);
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  box-sizing: border-box;
  text-align: left;
}

.faq-help-icon {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  background: #edf4ff;
  color: #0962f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  flex-shrink: 0;
}

.faq-help-content {
  min-width: 0;
}

.faq-help-content h3 {
  margin: 0 0 6px;
  color: #081c48;
  font-size: 17px;
  line-height: 1.28;
  font-weight: 750;
}

.faq-help-content p {
  margin: 0;
  color: #526078;
  font-size: 14px;
  line-height: 1.48;
  font-weight: 400;
}

/* Botón linkeable al Centro de ayuda */
.faq-help-btn {
  min-width: 190px;
  height: 52px;
  padding: 0 21px;
  border-radius: 11px;
  background: #0962f5;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14.5px;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  white-space: nowrap;
  box-shadow: 0 11px 22px rgba(9, 98, 245, 0.19);
  transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.faq-help-btn:hover {
  background: #0754d5;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 27px rgba(9, 98, 245, 0.25);
}

.faq-help-btn i {
  font-size: 12px;
}

@media (max-width: 768px) {
  /* Help box conserva el acomodo mobile apilado */
  .faq-help-box {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 14px;
    padding: 19px;
  }

  .faq-help-icon {
    width: 58px;
    height: 58px;
    font-size: 31px;
  }

  .faq-help-btn {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  .faq-help-box {
    margin-top: 16px;
    padding: 18px;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
    border-radius: 13px;
  }

  .faq-help-icon {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    font-size: 28px;
  }

  .faq-help-content h3 {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .faq-help-content p {
    font-size: 13.5px;
    line-height: 1.45;
  }

  .faq-help-btn {
    height: 48px;
    font-size: 14px;
    border-radius: 10px;
  }
}

/* Today Sales Word flow overrides */
#tables[data-sales-mode="today"] #tableUSA,
#tables[data-sales-mode="today"] #tableMexico,
#tables[data-sales-mode="today"] #tableInter,
#tables[data-sales-mode="today"] #tableTotalesNotaDiv {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.86);
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) minmax(78px, max-content) 42px !important;
	grid-template-areas: "img info price actions" !important;
	align-items: center;
	border-top: 1px solid rgba(211, 224, 246, 0.9);
}

#tables[data-sales-mode="today"] .todaySalesTable tbody {
	max-height: none !important;
	overflow: visible !important;
}

#tables[data-sales-mode="today"] .todaySalesTable .precioProd {
	display: block !important;
	grid-area: price;
	align-self: start;
	justify-self: end;
	margin: 0;
	padding-left: 0;
	color: #10a848 !important;
	font-size: 1.06rem;
	font-weight: 600;
	line-height: 2.6;
	letter-spacing: 0;
}

#tables[data-sales-mode="today"] .todaySalesTable .idProd,
#tables[data-sales-mode="today"] .todaySalesTable .descProduct,
#tables[data-sales-mode="today"] .todaySalesTable .todaySaleQty {
	font-size: 0.8rem !important;
}

#tables[data-sales-mode="today"] .todaySalesTable .todaySalesMetaBody {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

#tables[data-sales-mode="today"] .todaySaleActions {
	display: block;
}

@media (max-width: 680px) {
	#tables[data-sales-mode="today"] .todaySalesOpenBanner,
	#tables[data-sales-mode="today"] .todaySalesEmptyStatePanel {
		margin-bottom: 12px;
	}

	#tables[data-sales-mode="today"] .todaySalesOpenBanner {
		padding: 13px;
	}

	#tables[data-sales-mode="today"] .todaySalesOpenBannerMeta span {
		font-size: 0.84rem;
	}

	#tables[data-sales-mode="today"] .todaySalesTable tbody tr {
		grid-template-columns: 54px minmax(0, 1fr) minmax(68px, max-content) 36px !important;
		gap: 8px;
	}
	.todaySaleModalDialog {
		bottom: 10px;
		width: calc(100% - 20px);
		padding: 18px;
	}
}

/* Today Sales card polish */
#tables[data-sales-mode="today"] #tableUSA,
#tables[data-sales-mode="today"] #tableMexico,
#tables[data-sales-mode="today"] #tableInter {
	padding: 20px 26px 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 16px 38px rgba(59, 84, 126, 0.08);
}

#tables[data-sales-mode="today"] .tablesTitleSub {
	display: none !important;
}

#tables[data-sales-mode="today"] .tablesTitle {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto 18px;
	align-items: start;
	column-gap: 12px;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding-left: 0;
	color: #233450;
}

#tables[data-sales-mode="today"] #tableUSA .tablesTitle,
#tables[data-sales-mode="today"] #tableMexico .tablesTitle,
#tables[data-sales-mode="today"] #tableInter .tablesTitle {
	cursor: pointer;
}

#tables[data-sales-mode="today"] #tableUSA .tablesTitle:focus-visible,
#tables[data-sales-mode="today"] #tableMexico .tablesTitle:focus-visible,
#tables[data-sales-mode="today"] #tableInter .tablesTitle:focus-visible {
	outline: 2px solid rgba(36, 112, 243, 0.6);
	outline-offset: 4px;
	border-radius: 8px;
}

#tables[data-sales-mode="today"] .tablesTitle::before {
	grid-column: 1;
	width: 28px;
	height: 22px;
	margin-top: 2px;
}

#tables[data-sales-mode="today"] .todaySalesTitleText {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

#tables[data-sales-mode="today"] .todaySalesTitleText strong {
	font-size: 1.04rem;
	line-height: 1.15;
	color: #1f2e49;
}

#tables[data-sales-mode="today"] .todaySalesTitleText small {
	font-size: 0.78rem;
	line-height: 1.25;
	color: #596178;
}

#tables[data-sales-mode="today"] .todaySalesSectionTotal {
	align-self: start;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #10a848;
	font-size: 1.2rem;
	font-weight: 700;
	white-space: nowrap;
}

#tables[data-sales-mode="today"] .todaySalesSectionProductCount {
	display: block;
	margin-top: -2px;
	color: #2470f3;
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.15;
}

#tables[data-sales-mode="today"] .todaySalesTitleChevron {
	position: relative;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	color: #272381;
}

#tables[data-sales-mode="today"] .todaySalesTitleChevron::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 6px;
	width: 8px;
	height: 8px;
	border-left: 2px solid currentColor;
	border-top: 2px solid currentColor;
	transform: rotate(45deg);
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed {
	padding-bottom: 18px !important;
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .todaySalesTitleChevron::before {
	top: 2px;
	transform: rotate(225deg);
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .todaySalesCardPreview,
#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .todaySalesTable,
#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .sowMoreLess,
#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .pendingGuideSummarySeller,
#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .prodMexicoDiv,
#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .prodInternacionalDiv {
	display: none !important;
}

.todaySalesCardPreview {
	margin-top: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(217, 228, 246, 0.78);
}

.todaySalesCardThumbs {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.todaySalesCardThumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 64px;
	padding: 0;
	border: 1px solid rgba(216, 226, 242, 0.95);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}

.todaySalesCardThumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.todaySalesCardMore {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: #ebf2fe;
	color: #2470f3;
	font-size: 0.94rem;
	font-weight: 800;
}

.todaySalesCardCount {
	display: block;
	margin-top: 12px;
	color: #1f2e49;
	font-size: 0.94rem;
	line-height: 1.2;
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr,
#tables[data-sales-mode="today"][data-sales-role="seller"] .todaySalesTable tbody tr,
#tables[data-sales-mode="today"][data-sales-role="shopper"] .todaySalesTable tbody tr {
	grid-template-columns: 76px minmax(0, 1fr) minmax(78px, max-content) 28px !important;
	grid-template-areas: "img info price actions" !important;
	gap: 10px 14px;
	padding: 11px 0;
	border-top: 1px solid rgba(217, 228, 246, 0.78);
	border-radius: 0;
	background: transparent !important;
}

#tables[data-sales-mode="today"] .todaySalesTable tbody tr:first-child {
	border-top: 0;
}

#tables[data-sales-mode="today"] .todaySalesTable .imgProdGralQuery {
	width: 72px;
	height: 72px;
	padding: 0;
	border-radius: 8px;
	object-fit: cover;
}

#tables[data-sales-mode="today"] .todaySalesTable .todaySalesInfo {
	gap: 5px;
}

#tables[data-sales-mode="today"] .todaySalesTable .todaySalesMetaTop {
	gap: 7px;
	flex-direction: row;
	align-items: center;
}

#tables[data-sales-mode="today"] .todaySalesTable .todaySalesMetaBody {
	gap: 4px 7px;
	flex-direction: row;
	align-items: center;
}

#tables[data-sales-mode="today"] .todaySalesTable .idCompra {
	color: #2470f3;
	font-size: 0.85rem !important;
	font-weight: 700;
}

#tables[data-sales-mode="today"] .todaySalesTable .idProd {
	width: 100%;
	color: #25294c;
	font-size: 1rem !important;
	font-weight: 700;
	letter-spacing: -1px;
}

#tables[data-sales-mode="today"] .todaySalesTable .descProduct {
	width: 100%;
	color: #545664;
	font-size: 0.9rem !important;
	font-weight: 500;
}

#tables[data-sales-mode="today"] .todaySalesTable .todaySaleQty {
	color: #2470f3;
	font-size: 0.9rem !important;
	font-weight: 600;
}

#tables[data-sales-mode="today"] .todaySalesOpenBanner,
#tables[data-sales-mode="today"] .todaySalesEmptyStatePanel {
	background: #ffffff;
}

#tables[data-sales-mode="today"] .todaySalesChangeHint {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) 28px;
	align-items: center;
	gap: 0 14px;
	box-sizing: border-box;
	width: 100%;
	max-width: 1055px;
	margin: 14px auto 14px;
	padding: 16px 18px 16px 20px;
	border: 1px solid rgba(213, 227, 252, 0.95);
	border-radius: 10px;
	background: linear-gradient(180deg, #f6f9fe 0%, #edf3fe 100%);
	box-shadow: 0 15px 32px rgba(80, 119, 186, 0.08);
	color: #2d2b55;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	color: #2470f3;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintIcon svg {
	display: block;
	width: 44px;
	height: 44px;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintBody {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintBody strong {
	color: #2470f3;
	font-size: 0.98rem;
	font-weight: 800;
	line-height: 1.2;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintBody span {
	max-width: 650px;
	color: #323153;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.45;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintClose {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #9cb7e5;
	cursor: pointer;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintClose:hover {
	background: rgba(36, 112, 243, 0.08);
	color: #2470f3;
}

#tables[data-sales-mode="today"] .todaySalesChangeHintClose svg {
	display: block;
	width: 22px;
	height: 22px;
}

#tables:not([data-sales-mode="today"]) .todaySalesChangeHint {
	display: none !important;
}

#tableTotalesNotaDiv .tablesTitle {
	display: flex !important;
	padding-left: 3px !important;
	margin-bottom: 10px !important;
	font-size: 1em;
	font-weight: 500;
}

#tables[data-sales-mode="today"] .todaySalesTitleText strong {
	font-weight: 600;
}

#tables[data-sales-mode="today"] #tableUSA .todaySalesTitleText strong {
	font-size: 1.15rem !important;
}

#tables[data-sales-mode="today"] .todaySalesTitleText small {
	font-size: 0.85rem;
	font-weight: 500;
}

#tables[data-sales-mode="today"] .todaySalesSectionProductCount {
	font-size: 0.9rem;
	font-weight: 600;
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-open .todaySalesSectionProductCount {
	display: none;
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.is-collapsed .todaySalesSectionProductCount {
	display: block;
}

#tables[data-sales-mode="today"] .todaySaleActions {
	position: relative;
	z-index: 60;
	justify-self: end;
	align-self: start;
}

#tables[data-sales-mode="today"] #tableUSA,
#tables[data-sales-mode="today"] #tableMexico,
#tables[data-sales-mode="today"] #tableInter {
	position: relative;
	z-index: 1;
	overflow: visible;
}

#tables[data-sales-mode="today"] .todaySalesAccordionSection.has-open-action-menu {
	z-index: 80;
}

#tables[data-sales-mode="today"] .todaySaleMenuButton {
	width: 28px;
	height: 34px;
}

#tables[data-sales-mode="today"] .todaySaleActionMenu {
	right: 22px;
	top: 34px;
	z-index: 90;
	min-width: 220px;
	padding: 11px;
	border-radius: 10px;
	box-shadow: 0 18px 42px rgba(31, 46, 73, 0.16);
}

#tables[data-sales-mode="today"] .todaySaleActionMenu.opens-up {
	top: auto;
	bottom: 34px;
}

#tables[data-sales-mode="today"] .todaySaleActionMenu.is-open {
	gap: 5px;
}

#tables[data-sales-mode="today"] .todaySaleActionMenu button {
	gap: 12px;
	padding: 5px 10px;
	color: #2f315e;
	font-size: 0.86rem;
	font-weight: 600;
}

#tables[data-sales-mode="today"] .todaySaleActionMenu button svg {
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
	color: #35328a;
}

.todaySaleSoldOutModalDialog {
	top: 50%;
	bottom: auto;
	width: min(640px, calc(100% - 28px));
	padding: 25px 25px 15px 25px;
	overflow: visible;
	transform: translate(-50%, -50%);
	border-radius: 12px;
}

.todaySaleSoldOutModalDialog .todaySaleSoldOutDialog {
	display: block;
	padding: 0;
	color: #19184a;
}

.todaySaleSoldOutHeader {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: center;
	gap: 28px;
}

.todaySaleSoldOutModalDialog .todaySaleSoldOutHeader img {
	width: 112px;
	height: 112px;
	object-fit: cover;
	border: 1px solid #e7eefb;
	border-radius: 9px;
	background: #fff;
}

.todaySaleSoldOutIntro {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.todaySaleSoldOutIntro h3 {
	margin: 0;
	color: #0f1246;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.12;
}

.todaySaleSoldOutIntro strong {
	color: #22234f;
	font-size: 1.02rem;
	font-weight: 500;
	line-height: 1.25;
}

.todaySaleSoldOutIntro span {
	color: #22234f;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25;
}

.todaySaleSoldOutIntro b {
	color: #216ef3;
	font-weight: 600;
}

.todaySaleSoldOutIntro i {
	margin: 0 12px;
	color: #0f1246;
	font-style: normal;
}

.todaySaleSoldOutPrompt {
	max-width: 520px;
	margin: 20px auto 0;
	text-align: center;
}

.todaySaleSoldOutPrompt h4 {
	margin: 0 0 8px;
	color: #0f1246;
	font-size: 1.45rem;
	font-weight: 600;
	line-height: 1.18;
}

.todaySaleSoldOutPrompt p {
	margin: 0;
	color: #242854;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
}

.todaySaleSoldOutActions {
	gap: 3px;
	margin-top: 28px;
}

.todaySaleSoldOutActions .todaySalePrimaryBtn,
.todaySaleSoldOutActions .todaySaleSecondaryBtn {
	min-height: 58px;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 600;
}

.todaySaleSoldOutActions .todaySaleSecondaryBtn {
	border: 2px solid #216ef3;
	color: #216ef3;
}

.todaySaleSoldOutNotice {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	margin-top: 22px;
	padding: 15px 18px;
	border-radius: 8px;
	background: #edf3fe;
	color: #242854;
}

.todaySaleSoldOutNoticeIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border: 2px solid #216ef3;
	border-radius: 50%;
	color: #216ef3;
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1;
}

.todaySaleSoldOutNotice div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.todaySaleSoldOutNotice strong,
.todaySaleSoldOutNotice span {
	color: #242854;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1.3;
}

.todaySaleCancellationModalDialog {
	top: 50%;
	bottom: auto;
	width: min(640px, calc(100% - 28px));
	max-height: calc(100vh - 28px);
	padding: 18px 30px 24px;
	transform: translate(-50%, -50%);
	border-radius: 12px;
}

.todaySaleCancellationModalDialog .todaySaleModalClose {
	top: 7px;
	right: 9px;
	width: 36px;
	height: 36px;
	background: transparent;
	color: #216ef3;
	font-size: 31px;
	font-weight: 300;
}

.todaySaleCancellationDialog {
	color: #111446;
}

.todaySaleCancellationTitle {
	margin: 0 48px 14px 0;
	color: #111446;
	font-size: 1.45rem;
	font-weight: 600;
	line-height: 1.2;
}

.todaySaleCancellationProduct {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding: 10px;
	border: 1px solid #dee8f8;
	border-radius: 10px;
	background: #fff;
}

.todaySaleCancellationProduct > img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border: 1px solid #e6edf8;
	border-radius: 9px;
	background: #fff;
}

.todaySaleCancellationProductInfo {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.todaySaleCancellationProductInfo > strong {
	color: #101447;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25;
}

.todaySaleCancellationProductMeta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px 10px;
	color: #252957;
	font-size: 0.88rem;
	font-weight: 500;
	line-height: 1.25;
}

.todaySaleCancellationProductMeta b {
	color: #236ff3;
	font-weight: 600;
}

.todaySaleCancellationProductMeta strong {
	color: #252957;
	font-weight: 600;
}

.todaySaleCancellationProductMeta i {
	color: #111446;
	font-style: normal;
}

.todaySaleCancellationReasons {
	min-width: 0;
	margin: 17px 0 0;
	padding: 0;
	border: 0;
}

.todaySaleCancellationReasons legend {
	margin-bottom: 10px;
	padding: 0;
	color: #111446;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}

.todaySaleCancellationReasonList {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.todaySaleCancellationReason {
	display: flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	color: #1d2252;
	font-size: 0.92rem;
	font-weight: 500;
	line-height: 1.25;
	cursor: pointer;
}

.todaySaleCancellationReason input {
	display: grid;
	place-content: center;
	width: 20px;
	height: 20px;
	margin: 0;
	border: 2px solid #226ff3;
	border-radius: 50%;
	appearance: none;
	background: #fff;
	cursor: pointer;
}

.todaySaleCancellationReason input::before {
	width: 9px;
	height: 9px;
	transform: scale(0);
	transition: transform 0.12s ease-in-out;
	border-radius: 50%;
	background: #226ff3;
	content: '';
}

.todaySaleCancellationReason input:checked::before {
	transform: scale(1);
}

.todaySaleCancellationReason input:focus-visible {
	outline: 2px solid rgba(34, 111, 243, 0.35);
	outline-offset: 3px;
}

.todaySaleCancellationDetails {
	display: block;
	width: calc(100% - 32px);
	min-height: 60px;
	box-sizing: border-box;
	margin: 15px 0 0 0;
	padding: 12px 14px;
	resize: vertical;
	border: 1px solid #d8e2f3;
	border-radius: 9px;
	background: #fff;
	color: #252957;
	font: inherit;
	font-size: 0.86rem;
	line-height: 1.35;
}

.todaySaleCancellationDetails::placeholder {
	color: #8a8da5;
	opacity: 1;
}

.todaySaleCancellationDetails:focus {
	border-color: #2470f3;
	outline: none;
	box-shadow: 0 0 0 3px rgba(36, 112, 243, 0.1);
}

.todaySaleCancellationNotice {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
	margin-top: 15px;
	padding: 13px 17px;
	border-radius: 8px;
	background: #eef4fe;
}

.todaySaleCancellationNoticeIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border: 2px solid #216ef3;
	border-radius: 50%;
	color: #216ef3;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1;
}

.todaySaleCancellationNotice p {
	margin: 0;
	color: #252957;
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.4;
}

.todaySaleCancellationActions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 15px;
}

.todaySaleCancellationKeepBtn,
.todaySaleCancellationRefundBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 48px;
	padding: 0 16px;
	border-radius: 8px;
	font-size: 0.94rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.todaySaleCancellationKeepBtn {
	border: 2px solid #216ef3;
	background: #fff;
	color: #216ef3;
}

.todaySaleCancellationRefundBtn {
	border: 2px solid #ff1725;
	background: #ff1725;
	color: #fff;
}

.todaySaleCancellationKeepBtn:disabled,
.todaySaleCancellationRefundBtn:disabled {
	opacity: 0.65;
	cursor: wait;
}

.todaySaleCancellationError {
	margin: 10px 0 0;
	color: #c7192d;
	font-size: 0.84rem;
	font-weight: 600;
}

@media (max-width: 550px) {
	.todaySaleSoldOutModalDialog {
		padding: 25px 10px 15px 10px;
	}

	.todaySaleSoldOutHeader {
		display: block;
		text-align: center;
	}

	.todaySaleSoldOutIntro {
		margin-top: 14px;
		align-items: center;
	}

	.todaySaleSoldOutIntro b {
		display: block;
	}

	.todaySaleSoldOutIntro i {
		display: none;
	}

	.todaySaleCancellationModalDialog {
		width: calc(100% - 20px);
		padding: 18px 14px 16px;
	}

	.todaySaleCancellationTitle {
		font-size: 1.3rem;
	}

	.todaySaleCancellationProduct {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 11px;
		padding: 8px;
	}

	.todaySaleCancellationProduct > img {
		width: 68px;
		height: 68px;
	}

	.todaySaleCancellationProductInfo {
		gap: 5px;
	}

	.todaySaleCancellationProductMeta {
		gap: 4px 7px;
		font-size: 0.8rem;
	}

	.todaySaleCancellationDetails {
		width: 100%;
		margin-left: 0;
	}

	.todaySaleCancellationNotice {
		padding: 12px;
	}

	.todaySaleCancellationActions {
		gap: 8px;
	}

	.todaySaleCancellationKeepBtn,
	.todaySaleCancellationRefundBtn {
		padding: 0 8px;
		font-size: 0.86rem;
	}
}

#tables[data-sales-mode="today"] .sowMoreLess {
	display: none !important;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 9px 0 0;
	padding: 12px 16px;
	border-radius: 8px;
	background: #e9f1fe;
	box-shadow: none;
	color: #2470f3;
	font-weight: 800;
}

#tables[data-sales-mode="today"] .sowMoreLess svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

@media (max-width: 680px) {
	#tables[data-sales-mode="today"] #tableUSA,
	#tables[data-sales-mode="today"] #tableMexico,
	#tables[data-sales-mode="today"] #tableInter {
		padding: 18px 18px 0;
	}

	#tables[data-sales-mode="today"] .tablesTitle {
		grid-template-columns: 28px minmax(0, 1fr) auto 16px;
		column-gap: 9px;
	}

	.todaySalesCardThumb {
		width: 52px;
		height: 52px;
	}

	.todaySalesCardThumbs {
		gap: 9px;
	}

	.todaySalesCardMore {
		width: 42px;
		height: 42px;
	}

	#tables[data-sales-mode="today"] .todaySalesTable tbody tr,
	#tables[data-sales-mode="today"][data-sales-role="seller"] .todaySalesTable tbody tr,
	#tables[data-sales-mode="today"][data-sales-role="shopper"] .todaySalesTable tbody tr {
		grid-template-columns: 64px minmax(0, 1fr) minmax(66px, max-content) 24px !important;
		gap: 9px;
	}

	#tables[data-sales-mode="today"] .todaySalesTable .imgProdGralQuery {
		width: 58px;
		height: 58px;
	}
}

/* Closed report - phase 1 */
#tables[data-sales-mode="report"] > #tableUSA,
#tables[data-sales-mode="report"] > #tableMexico,
#tables[data-sales-mode="report"] > #tableInter {
	display: none !important;
}

#tables[data-sales-mode="report"] .topbarPopups,
#tables[data-sales-mode="report"] #tableTotalesNotaDiv {
	width: 100%;
	max-width: 1055px;
	box-sizing: border-box;
}

#tables[data-sales-mode="report"] .topbarPopups {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}

#tables[data-sales-mode="report"] #cerrarTablesDiv {
	flex: 0 0 auto;
}

#tables[data-sales-mode="report"] #reportTit {
	flex: 0 1 auto;
	margin: 0 0 0 auto;
	color: #233450;
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0;
	text-align: right;
}

#tables[data-sales-mode="report"] .reportTitleLabel {margin-right: 6px;vertical-align: middle;}
#tables[data-sales-mode="report"] .reportNumberRow {display: inline-grid;grid-template-columns: minmax(108px, auto) 38px;align-items: stretch;max-width: 100%;overflow: hidden;border: 1px solid #6f9be6;border-radius: 7px;vertical-align: middle;}
#tables[data-sales-mode="report"] #reportTitle {display: inline-flex;align-items: center;justify-content: center;min-height: 23px;padding: 4px 12px;background: linear-gradient(180deg, #3b7cf5 0%, #2f6fe8 100%);color: #ffffff;font-size: 0.95em;font-weight: 600;line-height: 1;letter-spacing: 0.02em;}
#tables[data-sales-mode="report"] .reportNumberCopyBtn {width: 38px;min-height: 23px;padding: 0;}
#tables[data-sales-mode="report"] .reportNumberCopyBtn svg {width: 17px;height: 17px;}

.closedReportView {
	width: 100%;
	max-width: 1055px;
	margin: 0 auto 12px;
	color: #232044;
	letter-spacing: 0;
}

.closedReportView[hidden] {
	display: none !important;
}

.closedReportLoading,
.closedReportEmptyState {
	display: flex;
	min-height: 140px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	box-sizing: border-box;
	padding: 24px;
	border: 1px solid #d9e3f5;
	border-radius: 8px;
	background: #ffffff;
	color: #64677a;
	text-align: center;
}

.closedReportEmptyState strong {
	color: #233450;
	font-size: 1.05rem;
}

.closedReportEmptyState.is-error {
	border-color: #efc8cf;
	background: #fffafb;
}

.closedReportSection {
	margin-bottom: 22px;
}

section.closedReportSection.closedReportSection--usa {
	padding: 15px 8px;
	border-radius: 8px;
	background: #fff;
}

section.closedReportSection.closedReportSection--international {
	margin-bottom: 12px !important;
}

.closedReportHeading {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 12px;
	padding: 0 2px;
}

section.closedReportSection.closedReportSection--international .closedReportHeading {
	padding: 10px 8px;
	border-radius: 8px;
	background: #fff;
}

.closedReportHeadingText {
	display: flex;
	min-width: 0;
	flex: 1 1 0;
	flex-direction: column;
	gap: 4px;
}

.closedReportHeading strong {
	color: #171540;
	font-size: 1.22rem;
	font-weight: 700;
	line-height: 1.2;
}

.closedReportHeading strong em {
	font-style: normal;
	font-weight: 600;
}

.closedReportHeading small {
	color: #5c6277;
	font-size: 0.88rem;
	font-weight: 500;
	line-height: 1.35;
}

.closedReportHeadingIcon {
	display: inline-flex;
	width: 28px;
	height: 23px;
	flex: 0 0 28px;
	align-items: center;
	justify-content: center;
	margin-top: 1px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	color: #2470f3;
}

.closedReportHeadingIcon--usa {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480'%3E%3Cpath fill='%23bd3d44' d='M0 0h640v480H0'/%3E%3Cpath stroke='%23fff' stroke-width='37' d='M0 55.3h640M0 129h640M0 203h640M0 277h640M0 351h640M0 425h640'/%3E%3Cpath fill='%23192f5d' d='M0 0h364v258H0'/%3E%3Cg fill='%23fff'%3E%3Cpath d='m31 26 9 27-23-17h28L22 53zM92 26l9 27-23-17h28L83 53zM153 26l9 27-23-17h28l-23 17zM214 26l9 27-23-17h28l-23 17zM275 26l9 27-23-17h28l-23 17zM31 81l9 27-23-17h28l-23 17zM92 81l9 27-23-17h28l-23 17zM153 81l9 27-23-17h28l-23 17zM214 81l9 27-23-17h28l-23 17zM275 81l9 27-23-17h28l-23 17zM31 136l9 27-23-17h28l-23 17zM92 136l9 27-23-17h28l-23 17zM153 136l9 27-23-17h28l-23 17zM214 136l9 27-23-17h28l-23 17zM275 136l9 27-23-17h28l-23 17zM31 191l9 27-23-17h28l-23 17zM92 191l9 27-23-17h28l-23 17zM153 191l9 27-23-17h28l-23 17zM214 191l9 27-23-17h28l-23 17zM275 191l9 27-23-17h28l-23 17z'/%3E%3C/g%3E%3C/svg%3E");
}

.closedReportHeadingIcon--globe svg {
	width: 25px;
	height: 25px;
	fill: currentColor;
}

.closedReportClosedBanner,
.closedReportImportantNote {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	box-sizing: border-box;
	padding: 15px 17px;
	border: 1px solid #d6e4fd;
	border-radius: 8px;
	background: #eef4fe;
}

.closedReportClosedBanner {
	margin-bottom: 12px;
}

.closedReportClosedBanner > span:last-child,
.closedReportImportantNote > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 4px;
}

.closedReportClosedBanner strong,
.closedReportImportantNote strong {
	color: #1c3560;
	font-size: 0.94rem;
	font-weight: 700;
}

.closedReportClosedBanner small,
.closedReportImportantNote small {
	color: #4f5369;
	font-size: 0.82rem;
	font-weight: 500;
	line-height: 1.45;
}

.closedReportClosedIcon {
	display: inline-flex;
	width: 23px;
	height: 23px;
	flex: 0 0 23px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2470f3;
	color: #ffffff;
	font-size: 0.82rem;
	font-weight: 800;
	font-style: normal;
}

.closedReportCustomerList,
.closedReportInternationalList {
	display: grid;
	gap: 10px;
}

.closedReportCustomerCard,
.closedReportInternationalGroup {
	overflow: hidden;
	border: 1px solid #dfe7f4;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 9px 22px rgba(54, 78, 120, 0.06);
}

.closedReportCustomerToggle,
.closedReportInternationalToggle {
	width: 100%;
	box-sizing: border-box;
	border: 0;
	background: transparent;
	color: inherit;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.closedReportCustomerToggle {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 18px;
	grid-template-areas:
		"preview total chevron"
		"title title chevron"
		"meta meta chevron"
		"orders package chevron";
	gap: 8px 14px;
	align-items: center;
	padding: 15px 17px;
}

.closedReportCustomerToggle:focus-visible,
.closedReportInternationalToggle:focus-visible,
.closedReportViewAllButton:focus-visible,
.closedReportViewGroupButton:focus-visible,
.closedReportCollapseButton:focus-visible,
.closedReportDownloadLabelBtn:focus-visible,
.closedReportDownloadAllBtn:focus-visible {
	outline: 2px solid #2470f3;
	outline-offset: -2px;
}

.closedReportPreview {
	grid-area: preview;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.closedReportPreviewImage {
	display: inline-flex;
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #e1e7f2;
	border-radius: 7px;
	background: #ffffff;
}

.closedReportPreviewImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.closedReportPreviewMore {
	display: inline-flex;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: #eef4fe;
	color: #2470f3;
	font-size: 0.86rem;
	font-weight: 700;
}

.closedReportCustomerTotal {
	grid-area: total;
	align-self: start;
	text-align: right;
	color: #0aa644;
	font-size: 1.05rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportCustomerTitle {
	grid-area: title;
	color: #20314f;
	font-size: 0.94rem;
	font-weight: 700;
}

.closedReportCustomerMeta {
	grid-area: meta;
	display: flex;
	flex-wrap: wrap;
	gap: 7px 18px;
	color: #5d6078;
	font-size: 0.82rem;
	font-weight: 500;
}

.closedReportCustomerMetaItem {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.closedReportCustomerMetaItem::before {
	content: "";
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.closedReportCustomerMetaItem--person::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232470f3' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3'/%3E%3Cpath d='M5.5 20c.5-4 2.7-6 6.5-6s6 2 6.5 6'/%3E%3C/svg%3E");
}

.closedReportCustomerMetaItem--location::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232470f3' stroke-width='1.8'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
}

.closedReportCustomerOrders {
	grid-area: orders;
	overflow: hidden;
	color: #555c75;
	font-size: 0.8rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportCustomerOrders b {
	color: #2c4063;
	font-weight: 700;
}

.closedReportChevron {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	color: #27477f;
}

.closedReportCustomerToggle > .closedReportChevron,
.closedReportInternationalToggle > .closedReportChevron {
	grid-area: chevron;
	justify-self: end;
}

.closedReportChevron::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-left: 2px solid currentColor;
	transform: rotate(45deg);
}

.is-collapsed > .closedReportCustomerToggle .closedReportChevron::before,
.is-collapsed > .closedReportInternationalToggle .closedReportChevron::before,
.closedReportChevron--down::before {
	top: 1px;
	transform: rotate(225deg);
}

.closedReportCustomerBody {
	border-top: 1px solid #e5ebf5;
	padding: 12px 17px 0;
}

.closedReportCustomerCard.is-collapsed .closedReportCustomerBody {
	display: none;
}

.closedReportProductCount {
	display: inline;
	margin: 0;
	color: #20314f;
	font-size: inherit;
	font-weight: 700;
}

.closedReportProductList {
	display: grid;
}

.closedReportProductRow {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	min-height: 82px;
	padding: 10px 0;
	border-top: 1px solid #e5ebf5;
}

.closedReportProductRow:first-child {
	border-top: 0;
}

.closedReportProductImage {
	width: 66px;
	height: 66px;
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid #dee5f0;
	border-radius: 7px;
	background: #ffffff;
	object-fit: cover;
	cursor: pointer;
}

.closedReportProductInfo {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.closedReportProductInfo > span:not(.closedReportProductRef) {
	overflow: hidden;
	color: #555b6e;
	font-size: 0.82rem;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportProductRef {
	color: #2470f3;
	font-size: 0.78rem;
	font-weight: 700;
}

.closedReportProductInfo > strong {
	color: #252747;
	font-size: 0.86rem;
	font-weight: 700;
}

.closedReportProductInfo small {
	color: #2470f3;
	font-size: 0.78rem;
	font-weight: 600;
}

.closedReportProductPrice {
	align-self: start;
	padding-top: 5px;
	color: #0aa644;
	font-size: 0.94rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportCollapseButton,
.closedReportViewAllButton,
.closedReportViewGroupButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 0;
	font-family: inherit;
	font-weight: 700;
	cursor: pointer;
}

.closedReportCollapseButton,
.closedReportViewAllButton {
	width: 100%;
}

.closedReportCollapseButton {
	margin-top: 6px;
	padding: 11px 15px;
	border-radius: 7px 7px 0 0;
	background: unset;
	color: #2470f3;
}

.closedReportViewAllButton {
	padding: 12px 16px;
	border-radius: 7px;
	background: #eaf1fe;
	color: #1462ea;
}

.closedReportCollapseButton .closedReportChevron::before,
.closedReportViewAllButton.is-expanded .closedReportChevron::before,
.closedReportViewGroupButton.is-expanded .closedReportChevron::before {
	top: 4px;
	transform: rotate(45deg);
}

.closedReportInternationalToggle {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto auto 18px;
	grid-template-areas: "icon title count total chevron";
	gap: 10px;
	align-items: start;
	padding: 14px 16px;
}

.closedReportPackageIcon {
	grid-area: icon;
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	border: 1px solid #d0e1fd;
	border-radius: 7px;
	color: #2470f3;
}

.closedReportPackageIcon svg {
	width: 19px;
	height: 19px;
	fill: currentColor;
}

.closedReportInternationalTitle {
	grid-area: title;
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.closedReportInternationalTitle strong {
	color: #20314f;
	font-size: 0.96rem;
	font-weight: 700;
}

.closedReportInternationalTitle small {
	color: #2470f3;
	font-size: 0.8rem;
	font-weight: 600;
}

.closedReportInternationalTitle em {
	color: #5a6076;
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 500;
}

.closedReportInternationalCount {
	grid-area: count;
	display: inline-flex;
	align-items: center;
	padding: 4px 7px;
	border-radius: 7px;
	background: #eef4fe;
	color: #2470f3;
	font-size: 0.73rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportInternationalTotal {
	grid-area: total;
	color: #0aa644;
	font-size: 0.98rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportInternationalBody {
	padding: 0 16px 12px;
	border-top: 1px solid #e5ebf5;
}

.closedReportInternationalGroup.is-collapsed .closedReportInternationalBody {
	display: none;
}

.closedReportInternationalGroup:not(.is-showing-all) .closedReportProductRow.is-extra {
	display: none;
}

.closedReportInternationalGroup:not(.is-showing-all) .closedReportInternationalCustomerGroup.is-extra {
	display: none;
}

.closedReportInternationalCustomerProductList {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px 0;
}

.closedReportInternationalCustomerGroup {
	overflow: hidden;
	border: 1px solid #dbe5f3;
	border-radius: 7px;
	background: #ffffff;
}

.closedReportInternationalCustomerGroupHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 12px;
	border-bottom: 1px solid #e4ebf5;
	background: #f4f8ff;
	color: #253551;
}

.closedReportInternationalCustomerGroupHeader > span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.closedReportInternationalCustomerGroupHeader strong {
	font-size: 0.88rem;
	font-weight: 600;
}

.closedReportInternationalCustomerGroupHeader small {
	color: #5f6c82;
	font-size: 0.72rem;
	font-weight: 500;
}

.closedReportInternationalCustomerGroupHeader b {
	flex: 0 0 auto;
	color: #1258d4;
	font-size: 0.75rem;
	font-weight: 600;
}

.closedReportInternationalCustomerGroupProducts {
	padding: 5px;
}

.closedReportInternationalCustomerGroupProducts .closedReportProductRow:last-child {
	border-bottom: 0;
}

.closedReportInternationalFooter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-top: 8px;
	border-top: 1px solid #e5ebf5;
}

.closedReportInternationalFooter > strong {
	color: #373953;
	font-size: 0.82rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportViewGroupButton {
	padding: 6px 0;
	background: transparent;
	color: #2470f3;
	font-size: 0.8rem;
}

.closedReportImportantNote {
	margin-top: 12px;
}

#tables[data-sales-mode="report"] #tableTotalesNotaDiv {
	padding: 16px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 9px 22px rgba(54, 78, 120, 0.06);
}

#tables[data-sales-mode="report"] #tableTotalesNotaDiv .tablesTitle {
	margin-bottom: 10px !important;
	padding-left: 3px !important;
	color: #233450;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
}

@media (max-width: 680px) {
	#tables[data-sales-mode="report"] {
		padding: 14px 10px 26px;
	}

	.closedReportCustomerToggle {
		grid-template-columns: minmax(0, 1fr) auto 16px;
		gap: 7px 9px;
		padding: 13px;
	}

	.closedReportPreview {
		gap: 6px;
	}

	.closedReportPreviewImage {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
	}

	.closedReportPreviewMore {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
	}

	.closedReportCustomerMeta {
		gap: 6px 12px;
	}

	.closedReportCustomerOrders {
		white-space: normal;
	}

	.closedReportCustomerBody {
		padding: 10px 13px 0;
	}

	.closedReportProductRow {
		grid-template-columns: 58px minmax(0, 1fr) auto;
		gap: 9px;
		min-height: 70px;
	}

	.closedReportProductImage {
		width: 56px;
		height: 56px;
	}

	.closedReportInternationalToggle {
		grid-template-columns: 28px minmax(0, 1fr) auto 16px;
		grid-template-areas:
			"icon title total chevron"
			"icon count total chevron";
		padding: 13px;
	}

	.closedReportInternationalCount {
		justify-self: start;
	}

	.closedReportInternationalBody {
		padding: 0 13px 11px;
	}

	.closedReportInternationalFooter {
		align-items: flex-end;
	}
}

@media (max-width: 430px) {
	.closedReportHeading strong {
		font-size: 1.08rem;
	}

	.closedReportHeading small {
		font-size: 0.82rem;
	}

	.closedReportClosedBanner,
	.closedReportImportantNote {
		padding: 13px;
	}

	.closedReportCustomerTotal {
		font-size: 0.94rem;
	}

	.closedReportProductInfo > span:not(.closedReportProductRef) {
		white-space: normal;
	}

	.closedReportProductPrice {
		font-size: 0.86rem;
	}

	.closedReportInternationalTitle strong {
		font-size: 0.88rem;
	}

	.closedReportInternationalTotal {
		font-size: 0.9rem;
	}
}

/* Closed report package and label flow */
.closedReportChoosePackageBtn,
.closedReportGroupPackageBtn,
.closedReportChangePackageBtn,
.closedReportPrimaryPackageBtn,
.closedReportCancelPackageBtn,
.closedReportGenerateLabelsBtn,
.closedReportDownloadLabelBtn,
.closedReportDownloadAllBtn,
.closedReportInternationalGenerateBtn,
.closedReportInternationalDownloadBtn,
.closedReportInternationalReviewBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	border: 0;
	border-radius: 7px;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: 0;
	cursor: pointer;
}

.closedReportChoosePackageBtn {
	min-height: 40px;
	margin-left: auto;
	padding: 9px 14px;
	border: 1px solid #2470f3;
	background: #ffffff;
	color: #1258d4;
	font-size: 0.82rem;
	white-space: nowrap;
}

.closedReportPackageButtonIcon,
.closedReportPackageBadgeIcon,
.closedReportPackageModalCube {
	display: inline-block;
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231258d4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7.5 4.27 9 5.15'/%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.closedReportPackageButtonIcon::before,
.closedReportPackageBadgeIcon::before,
.closedReportPackageModalCube::before {
	display: none;
}

.closedReportPackageButtonIcon::after,
.closedReportPackageBadgeIcon::after,
.closedReportPackageModalCube::after {
	display: none;
}

.closedReportCustomerCard {
	position: relative;
}

.closedReportCustomerCard.has-package-state .closedReportCustomerOrders {
	white-space: normal;
}

.closedReportPackageBadge {
	grid-area: package;
	display: inline-flex;
	align-items: center;
	justify-self: end;
	gap: 17px;
	min-width: 146px;
	padding: 8px 10px;
	border-radius: 7px;
	color: #1258d4;
	text-align: left;
}

.closedReportPackageBadge.is-assigned {
	background: #eef4fe;
}

.closedReportPackageBadge.is-processing {
	border: 1px solid #cedffc;
	background: #f4f8fe;
}

.closedReportPackageBadge.is-ready {
	background: #effbf3;
	color: #176d36;
}

.closedReportPackageBadge.is-error {
	border: 1px solid #f1b7c0;
	background: #fff2f4;
	color: #a52238;
}

.closedReportPackageBadge.is-pending {
	border: 1px solid #dce6f7;
	background: #f9fafd;
	color: #74748a;
}

.closedReportPackageBadgeIcon {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
}

.closedReportPackageBadgeText {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 1px;
}

.closedReportPackageBadge.is-editable {
	cursor: pointer;
}

.closedReportPackageBadge.is-editable:hover,
.closedReportPackageBadge.is-editable:focus-within {
	background: #e2edfd;
}

.closedReportPackageEditIcon {
	display: inline-flex;
	width: 30px;
	height: 32px;
	margin: -8px -10px -8px 2px;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #cbdcf7;
	color: #1258d4;
}

.closedReportPackageEditIcon svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
}

.closedReportPackageBadge strong {
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.2;
}

.closedReportPackageBadge small {
	color: #65657a;
	font-size: 0.68rem;
	font-weight: 600;
}

.closedReportCustomerSelect {
	position: absolute;
	z-index: 3;
	top: 20px;
	left: 17px;
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.closedReportCustomerSelect .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.closedReportCustomerSelect input,
.closedReportSelectAll input,
.closedReportPackageOption input,
.closedReportPackageCountOption input,
.closedReportPackageSizeOption input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.closedReportCustomerSelect > span[aria-hidden],
.closedReportSelectAll > span[aria-hidden] {
	width: 19px;
	height: 19px;
	box-sizing: border-box;
	border: 1.5px solid #7495cd;
	border-radius: 4px;
	background: #ffffff;
}

.closedReportCustomerSelect input:checked + span,
.closedReportSelectAll input:checked + span {
	border-color: #1258d4;
	background: #1258d4;
	box-shadow: inset 0 0 0 4px #1258d4;
}

.closedReportCustomerSelect input:checked + span::after,
.closedReportSelectAll input:checked + span::after {
	content: "";
	display: block;
	width: 8px;
	height: 4px;
	margin: 5px 0 0 4px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
}

.closedReportCustomerCard.is-package-selectable .closedReportCustomerToggle {
	padding-left: 52px;
}

.closedReportCustomerCard.is-package-selected {
	border-color: #2470f3;
	box-shadow: 0 0 0 1px #2470f3;
}

.closedReportUsaSelectionToolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px 18px;
	align-items: center;
	margin-bottom: 12px;
	padding: 14px 16px;
	border: 1px solid #d6e4fd;
	border-radius: 8px;
	background: #eef4fe;
}

.closedReportUsaSelectionTitle {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: #1258d4;
}

.closedReportUsaSelectionTitle > span:last-child {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.closedReportUsaSelectionTitle strong {
	color: #243655;
	font-size: 0.92rem;
}

.closedReportUsaSelectionTitle small {
	color: #5f6176;
	font-size: 0.78rem;
	font-weight: 500;
}

.closedReportChangePackageBtn {
	padding: 7px 9px;
	background: transparent;
	color: #1258d4;
	font-size: 0.78rem;
}

.closedReportSelectAll {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #323351;
	font-size: 0.78rem;
	cursor: pointer;
}

.closedReportSelectedCount {
	justify-self: end;
	color: #1258d4;
	font-size: 0.8rem;
}

.closedReportUsaSelectionActions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin-top: 11px;
}

.closedReportPrimaryPackageBtn {
	width: 100%;
	min-height: 46px;
	padding: 11px 17px;
	background: #0c5de7;
	color: #ffffff;
	font-size: 0.88rem;
}

.closedReportPrimaryPackageBtn:disabled,
.closedReportGenerateLabelsBtn:disabled,
.closedReportDownloadLabelBtn:disabled,
.closedReportDownloadAllBtn:disabled {
	background: #d3d1da;
	color: #8b8995;
	cursor: not-allowed;
}

.closedReportGroupPackageBtn:disabled {
	opacity: 0.58;
	cursor: not-allowed;
}

.closedReportCancelPackageBtn {
	align-self: center;
	padding: 5px 12px;
	background: transparent;
	color: #1258d4;
	font-size: 0.78rem;
	text-decoration: underline;
}

.closedReportPackageError {
	display: block;
	min-height: 18px;
	color: #c6283d;
	font-size: 0.76rem;
	font-weight: 600;
	text-align: center;
}

.closedReportPackagesAssignedBanner {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-top: 11px;
	padding: 13px 15px;
	border: 1px solid #b9e9c9;
	border-radius: 8px;
	background: #effbf3;
	color: #176d36;
}

.closedReportPackagesAssignedBanner > span:last-child {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.closedReportPackagesAssignedBanner strong {
	font-size: 0.84rem;
}

.closedReportPackagesAssignedBanner small {
	color: #49745a;
	font-size: 0.76rem;
	font-weight: 500;
}

#closedReportInternationalPackingError:empty {
	min-height: 0;
}

.closedReportPackagesAssignedBanner.is-error {
	border-color: #f1b7c0;
	background: #fff2f4;
	color: #a52238;
}

.closedReportPackagesAssignedBanner.is-error small {
	color: #824451;
}

.closedReportPackagesAssignedBanner.is-error .closedReportSuccessIcon {
	border-color: #c6283d;
}

.closedReportPackagesAssignedBanner.is-error .closedReportSuccessIcon::after {
	top: 5px;
	left: 10px;
	width: 2px;
	height: 8px;
	border: 0;
	border-radius: 2px;
	background: #c6283d;
	transform: none;
	box-shadow: 0 11px 0 -0.25px #c6283d;
}

.closedReportSuccessIcon {
	position: relative;
	width: 23px;
	height: 23px;
	flex: 0 0 23px;
	border: 1.5px solid #20a454;
	border-radius: 50%;
}

.closedReportSuccessIcon::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 5px;
	width: 10px;
	height: 5px;
	border-bottom: 2px solid #20a454;
	border-left: 2px solid #20a454;
	transform: rotate(-45deg);
}

.closedReportGenerateLabelsBtn {
	width: 100%;
	min-height: 46px;
	margin-top: 10px;
	padding: 11px 17px;
	background: #1258d4;
	color: #ffffff;
	font-size: 0.88rem;
}

.closedReportGenerateLabelsBtn:hover:not(:disabled) {
	background: #0d49b5;
}

.closedReportGenerateLabelsBtn:focus-visible {
	outline: 3px solid rgba(18, 88, 212, 0.25);
	outline-offset: 2px;
}

.closedReportGenerateIcon {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.closedReportCustomerDownload {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 17px;
	border-top: 1px solid #e3e8f0;
	background: #f9fafd;
}

.closedReportCustomerDownload.is-downloaded {
	background: #f2fbf5;
}

.closedReportCustomerDownloadStatus,
.closedReportUsaBulkDownloadSummary {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
}

.closedReportCustomerDownloadStatus > span:last-child,
.closedReportUsaBulkDownloadSummary > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.closedReportCustomerDownloadStatus strong,
.closedReportUsaBulkDownloadSummary strong {
	color: #282749;
	font-size: 0.78rem;
	font-weight: 700;
}

.closedReportCustomerDownloadStatus small,
.closedReportUsaBulkDownloadSummary small {
	overflow: hidden;
	color: #686a7e;
	font-size: 0.7rem;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportDownloadFileIcon {
	width: 20px;
	height: 22px;
	flex: 0 0 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231258d4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h6'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.closedReportDownloadIcon {
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat;
}

.closedReportDownloadLabelBtn {
	min-height: 36px;
	flex: 0 0 auto;
	padding: 7px 12px;
	border: 1px solid #2470f3;
	background: #ffffff;
	color: #1258d4;
	font-size: 0.75rem;
}

.closedReportUsaBulkDownload {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 10px;
	padding: 13px 15px;
	border: 1px solid #d4e1f7;
	border-radius: 8px;
	background: #f6f9fe;
}

.closedReportDownloadAllBtn {
	min-height: 40px;
	flex: 0 0 auto;
	padding: 9px 15px;
	background: #0c5de7;
	color: #ffffff;
	font-size: 0.8rem;
}

.closedReportInternationalPackageBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 16px;
	border-top: 1px solid #e5ebf5;
	background: #f9fafd;
}

.closedReportInternationalPackageBar.is-configured {
	background: #f2fbf5;
}

.closedReportInternationalPackageBar.is-ready {
	background: #eef9f2;
}

.closedReportInternationalPackageBar.is-error {
	background: #fff4f5;
}

.closedReportInternationalPackageSummary {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 10px;
	color: #1258d4;
}

.closedReportInternationalPackageSummary > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.closedReportInternationalPackageSummary strong {
	color: #2d2d50;
	font-size: 0.8rem;
}

.closedReportInternationalPackageSummary small {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	gap: 2px;
	color: #66697c;
	font-size: 0.72rem;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportInternationalCompletedBoxes {
	color: #4c5870;
	font-weight: 600;
}

.closedReportInternationalPackageActions {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 8px;
}

.closedReportGroupPackageBtn,
.closedReportInternationalGenerateBtn,
.closedReportInternationalDownloadBtn,
.closedReportInternationalReviewBtn {
	min-height: 36px;
	flex: 0 0 auto;
	padding: 7px 11px;
	border-radius: 6px;
	font-size: 0.75rem;
	font-weight: 600;
}

.closedReportGroupPackageBtn {
	border: 1px solid #2470f3;
	background: #ffffff;
	color: #1258d4;
}

.closedReportInternationalGenerateBtn,
.closedReportInternationalDownloadBtn {
	border: 1px solid #0c5de7;
	background: #0c5de7;
	color: #ffffff;
}

.closedReportInternationalReviewBtn {
	border: 1px solid #efb8be;
	background: #ffffff;
	color: #a62032;
}

.closedReportInternationalActionError {
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	background: #ffffff;
	color: #b42336;
	font-size: 0.72rem;
	font-weight: 600;
}

.closedReportInternationalActionError:not(:empty) {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #f2d5d9;
}

body.closed-report-package-modal-open {
	overflow: hidden;
}

.closedReportPackageModal {
	position: fixed;
	z-index: 2147483600;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.closedReportPackageModalBackdrop {
	position: absolute;
	inset: 0;
	background: rgba(25, 32, 43, 0.58);
}

.closedReportPackageModalDialog {
	position: relative;
	z-index: 1;
	width: min(620px, 100%);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	box-sizing: border-box;
	padding: 28px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 22px 60px rgba(19, 32, 55, 0.24);
	color: #232044;
	letter-spacing: 0;
}

.closedReportInternationalPackageModalDialog {
	width: min(980px, 100%);
}

.closedReportPackageModalClose {
	position: absolute;
	z-index: 2;
	top: 17px;
	right: 17px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: #f1f5fc;
	cursor: pointer;
}

.closedReportPackageModalClose::before,
.closedReportPackageModalClose::after {
	content: "";
	position: absolute;
	top: 16px;
	left: 9px;
	width: 16px;
	border-top: 2px solid #546279;
	transform: rotate(45deg);
}

.closedReportPackageModalClose::after {
	transform: rotate(-45deg);
}

.closedReportPackageModalHandle {
	display: none;
	width: 38px;
	margin: -13px auto 16px;
	border-top: 4px solid #d2d7df;
	border-radius: 4px;
}

.closedReportPackageModalHeader {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	padding: 0 36px;
	text-align: center;
}

.closedReportPackageModalHeader h3,
.closedReportInternationalModalHeader h3 {
	margin: 0;
	color: #201c4c;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.closedReportPackageModalHeader p,
.closedReportInternationalModalHeader p {
	margin: 7px 0 0;
	color: #62667b;
	font-size: 0.95rem;
	font-weight: 500;
}

.closedReportPackageModalHeader a,
.closedReportInternationalModalHeader a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 7px;
	color: #1258d4;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
}

.closedReportPackageModalHeader a span,
.closedReportInternationalModalHeader a span {
	display: inline-flex;
	width: 14px;
	height: 14px;
	align-items: center;
	justify-content: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 0.62rem;
	font-style: normal;
}

.closedReportPackageOptions {
	display: grid;
	gap: 9px;
	margin-bottom: 14px;
}

.closedReportPackageOption {
	position: relative;
	display: grid;
	grid-template-columns: 126px minmax(0, 1fr) 24px;
	gap: 15px;
	align-items: center;
	min-height: 110px;
	padding: 10px 16px;
	border: 1px solid #dee5f0;
	border-radius: 7px;
	background: #ffffff;
	cursor: pointer;
}

.closedReportPackageOption.is-selected,
.closedReportPackageSizeOption.is-selected,
.closedReportPackageCountOption.is-selected {
	border-color: #2470f3;
	background: #f6f9ff;
	box-shadow: inset 0 0 0 1px #2470f3;
}

.closedReportPackageOptionVisual {
	position: relative;
	display: inline-flex;
	width: 120px;
	height: 88px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	color: #5580c9;
}

.closedReportPackageOptionVisual > span {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.closedReportPackageOptionVisual > span::before {
	display: none;
}

.closedReportPackageOptionVisual > span::after {
	display: none;
}

.closedReportPackageOptionVisual--poly-mailer > span {
	background-image: url("assets/package-reference/poly-mailer.svg");
}

.closedReportPackageOptionVisual--small-box > span {
	background-image: url("assets/package-reference/small-box.svg");
}

.closedReportPackageOptionVisual--medium-box > span {
	background-image: url("assets/package-reference/medium-box.svg");
}

.closedReportPackageOptionVisual--standard-large-box > span {
	background-image: url("assets/package-reference/large-box.svg");
}

.closedReportPackageOptionText {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.closedReportPackageOptionText strong {
	color: #20314f;
	font-size: 0.92rem;
}

.closedReportPackageOptionText small {
	color: #555b72;
	font-size: 0.78rem;
	font-weight: 500;
}

.closedReportPackageOptionText em {
	color: #76798a;
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 500;
}

.closedReportShippingBreakdown {
	max-width: 420px;
	color: #5b6475;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.3;
}

.closedReportShippingGroup {
	display: grid;
	gap: 2px;
}

.closedReportShippingGroup + .closedReportShippingGroup {
	margin-top: 3px;
}

.closedReportShippingGroupTitle {
	font-weight: 500;
}

.closedReportShippingLine {
	display: block;
	padding-left: 5px;
}

.closedReportPackageRadioMark {
	width: 19px;
	height: 19px;
	box-sizing: border-box;
	border: 1.5px solid #738dbb;
	border-radius: 50%;
}

.is-selected > .closedReportPackageRadioMark {
	border: 5px solid #1258d4;
}

.closedReportContinueArrow {
	position: relative;
	width: 16px;
	height: 16px;
}

.closedReportContinueArrow::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 3px;
	width: 7px;
	height: 7px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.closedReportInternationalModalHeader {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 13px;
	align-items: start;
	margin-bottom: 20px;
	padding: 0 42px 0 0;
}

.closedReportPackageModalCube {
	width: 25px;
	height: 25px;
	margin: 5px 0 0 3px;
	color: #1258d4;
}

.closedReportInternationalModalHeader > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
}

.closedReportInternationalModalHeader p strong {
	color: #1258d4;
}

.closedReportPackageStep {
	padding: 18px 0;
	border-top: 1px solid #e3e8f0;
}

.closedReportPackageStepTitle {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-bottom: 14px;
}

.closedReportPackageStepTitle > span:first-child {
	display: inline-flex;
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #1258d4;
	color: #ffffff;
	font-weight: 600;
}

.closedReportPackageStepTitle > span:last-child {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.closedReportPackageStepTitle strong {
	color: #20314f;
	font-size: 0.9rem;
}

.closedReportPackageStepTitle small {
	color: #62667a;
	font-size: 0.74rem;
	font-weight: 500;
}

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

.closedReportPackageCountOption {
	position: relative;
	display: flex;
	min-height: 118px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 12px;
	border: 1px solid #dee5f0;
	border-radius: 7px;
	background: #ffffff;
	text-align: center;
	cursor: pointer;
}

.closedReportPackageCountOption.is-disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.closedReportPackageCountVisual {
	display: inline-flex;
	height: 40px;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.closedReportPackageCountVisual > span {
	width: 31px;
	height: 31px;
	border: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%2321324f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5 16 4l11 6.5v11L16 28 5 21.5z'/%3E%3Cpath d='m5 10.5 11 6.4 11-6.4M16 28V16.9'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: none;
}

.closedReportPackageCountOption > strong {
	color: #292650;
	font-size: 0.78rem;
}

.closedReportPackageCountOption > small {
	color: #6c6f80;
	font-size: 0.68rem;
	font-weight: 500;
}

.closedReportPackageCountOption.is-selected > strong,
.closedReportPackageCountOption.is-selected > small {
	color: #1258d4;
}

.closedReportPackageCountRadioMark {
	position: absolute;
	top: 12px;
	left: 12px;
}

.closedReportPackageSizeRows {
	display: grid;
	gap: 15px;
}

.closedReportPackageSizeRow > strong {
	display: block;
	margin-bottom: 7px;
	color: #303b4f;
	font-size: 0.78rem;
}

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

.closedReportPackageSizeOption {
	position: relative;
	display: grid;
	grid-template-areas:
		"radio title"
		"visual visual"
		"dimensions dimensions";
	grid-template-columns: 20px minmax(0, 1fr);
	grid-template-rows: auto 112px auto;
	gap: 5px 7px;
	align-items: center;
	min-height: 172px;
	padding: 10px;
	border: 1px solid #dee5f0;
	border-radius: 7px;
	background: #ffffff;
	text-align: center;
	cursor: pointer;
}

.closedReportPackageSizeOption .closedReportPackageOptionVisual {
	grid-area: visual;
	width: 100%;
	height: 112px;
	transform: none;
}

.closedReportPackageSizeOption > strong {
	grid-area: title;
	justify-self: center;
	color: #292650;
	font-size: 0.8rem;
}

.closedReportPackageSizeOption > small {
	grid-area: dimensions;
	color: #737688;
	font-size: 0.68rem;
	font-weight: 500;
}

.closedReportPackageSizeOption .closedReportPackageRadioMark {
	grid-area: radio;
}

.closedReportInternationalModalActions {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-top: 16px;
	border-top: 1px solid #e3e8f0;
}

.closedReportInternationalModalActions > small {
	color: #747687;
	font-size: 0.68rem;
	font-weight: 500;
	text-align: center;
}

.closedReportRateModal {
	position: fixed;
	inset: 0;
	z-index: 10040;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 18px;
}

.closedReportRateBackdrop {
	position: absolute;
	inset: 0;
	background: rgba(17, 22, 42, 0.64);
}

.closedReportRateDialog {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto auto;
	width: min(900px, 100%);
	max-height: min(90vh, 820px);
	overflow: hidden;
	box-sizing: border-box;
	padding: 24px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 60px rgba(14, 26, 56, 0.28);
	color: #121a3a;
}

.closedReportRateClose {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #f1f4fa;
	cursor: pointer;
}

.closedReportRateClose::before,
.closedReportRateClose::after {
	content: "";
	position: absolute;
	top: 18px;
	left: 11px;
	width: 16px;
	height: 2px;
	background: #55617a;
	transform: rotate(45deg);
}

.closedReportRateClose::after {
	transform: rotate(-45deg);
}

.closedReportRateHeader {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0 48px 18px 0;
	border-bottom: 1px solid #dbe3f2;
}

.closedReportRateHeaderIcon {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	padding: 7px;
	box-sizing: border-box;
	border-radius: 7px;
	background: #eaf2ff;
	stroke: #1258d4;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.closedReportRateHeader h3 {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 700;
}

.closedReportRateHeader p {
	margin: 3px 0 0;
	color: #59657c;
	font-size: 0.9rem;
}

.closedReportRateContent {
	display: grid;
	gap: 16px;
	overflow-y: auto;
	padding: 18px 4px 6px 0;
}

.closedReportRateQuote {
	display: grid;
	gap: 10px;
}

.closedReportRateQuote + .closedReportRateQuote {
	padding-top: 16px;
	border-top: 1px solid #dbe3f2;
}

.closedReportRateQuoteHeader {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.closedReportRateQuoteHeader strong {
	font-size: 1rem;
}

.closedReportRateQuoteHeader small {
	color: #667188;
	font-size: 0.8rem;
	text-align: right;
}

.closedReportRateOptions {
	display: grid;
	gap: 8px;
}

.closedReportRateOption {
	position: relative;
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) minmax(150px, auto) auto;
	align-items: center;
	gap: 12px;
	min-height: 72px;
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid #cfd9eb;
	border-radius: 7px;
	background: #ffffff;
	cursor: pointer;
}

.closedReportRateOption:has(input:checked) {
	border: 2px solid #1258d4;
	padding: 11px 13px;
	background: #f3f7ff;
}

.closedReportRateOption input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.closedReportRateRadio {
	position: relative;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1.5px solid #8fa1c3;
	border-radius: 50%;
}

.closedReportRateOption input:checked + .closedReportRateRadio {
	border: 6px solid #1258d4;
}

.closedReportRateService,
.closedReportRatePrice {
	display: grid;
	gap: 2px;
}

.closedReportRateService strong,
.closedReportRatePrice strong {
	font-size: 0.92rem;
	font-weight: 700;
}

.closedReportRateService small,
.closedReportRatePrice small {
	color: #68748b;
	font-size: 0.76rem;
}

.closedReportRatePrice {
	text-align: right;
}

.closedReportRatePrice strong {
	color: #087a36;
	font-size: 1rem;
}

.closedReportRateLowest {
	padding: 5px 8px;
	border-radius: 6px;
	background: #e5f7eb;
	color: #087a36;
	font-size: 0.72rem;
	font-weight: 700;
	white-space: nowrap;
}

.closedReportRateError {
	min-height: 18px;
	margin: 8px 0 0;
	color: #c91f32;
	font-size: 0.82rem;
}

.closedReportRateActions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	padding-top: 14px;
	border-top: 1px solid #dbe3f2;
}

.closedReportRateCancel,
.closedReportRateConfirm {
	min-height: 48px;
	border-radius: 7px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.closedReportRateCancel {
	border: 1px solid #1258d4;
	background: #ffffff;
	color: #1258d4;
}

.closedReportRateConfirm {
	border: 1px solid #1258d4;
	background: #1258d4;
	color: #ffffff;
}

.closedReportRateCancel:hover,
.closedReportRateConfirm:hover {
	filter: brightness(0.95);
}

.closedReportRateClose:focus-visible,
.closedReportRateOption:has(input:focus-visible),
.closedReportRateCancel:focus-visible,
.closedReportRateConfirm:focus-visible {
	outline: 3px solid rgba(18, 88, 212, 0.25);
	outline-offset: 2px;
}

@media (max-width: 620px) {
	.closedReportRateModal {
		align-items: flex-end;
		padding: 0;
	}

	.closedReportRateDialog {
		width: 100%;
		max-height: 94vh;
		padding: 20px 14px 14px;
		border-radius: 8px 8px 0 0;
	}

	.closedReportRateHeader {
		align-items: flex-start;
		gap: 10px;
	}

	.closedReportRateHeader h3 {
		font-size: 1.15rem;
	}

	.closedReportRateQuoteHeader {
		display: grid;
		gap: 3px;
	}

	.closedReportRateQuoteHeader small {
		text-align: left;
	}

	.closedReportRateOption {
		grid-template-columns: 22px minmax(0, 1fr) auto;
		gap: 9px;
		padding: 11px;
	}

	.closedReportRateOption:has(input:checked) {
		padding: 10px;
	}

	.closedReportRateLowest {
		grid-column: 2 / 4;
		justify-self: start;
	}

	.closedReportRateActions {
		gap: 8px;
	}
}

@media (max-width: 760px) {
	.closedReportChoosePackageBtn {
		width: 100%;
		margin: 7px 0 0;
	}

	.closedReportHeading {
		flex-wrap: wrap;
	}

	.closedReportInternationalPackageBar {
		align-items: stretch;
		flex-direction: column;
	}

	.closedReportInternationalPackageSummary small {
		white-space: normal;
	}

	.closedReportInternationalPackageActions {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.closedReportGroupPackageBtn,
	.closedReportInternationalGenerateBtn,
	.closedReportInternationalDownloadBtn,
	.closedReportInternationalReviewBtn {
		width: 100%;
	}

	.closedReportInternationalPackageActions > :only-child {
		grid-column: 1 / -1;
	}

	.closedReportUsaBulkDownload {
		align-items: stretch;
		flex-direction: column;
	}

	.closedReportDownloadAllBtn {
		width: 100%;
	}

	.closedReportPackageModal {
		align-items: flex-end;
		padding: 0;
	}

	.closedReportPackageModalDialog {
		width: 100%;
		max-height: 94vh;
		padding: 24px 16px 18px;
		border-radius: 8px 8px 0 0;
	}

	.closedReportPackageModalHandle {
		display: block;
	}

	.closedReportInternationalModalHeader .closedReportPackageModalHandle {
		grid-column: 1 / -1;
		justify-self: center;
		margin-bottom: 4px;
	}

	.closedReportPackageModalClose {
		top: 14px;
		right: 14px;
	}

	.closedReportPackageCountOptions {
		gap: 6px;
	}

	.closedReportPackageSizeOptions {
		grid-template-columns: 1fr;
	}

	.closedReportPackageSizeOption {
		grid-template-areas:
			"visual title radio"
			"visual dimensions radio";
		grid-template-columns: 140px minmax(0, 1fr) 20px;
		grid-template-rows: 1fr 1fr;
		min-height: 116px;
		text-align: left;
	}

	.closedReportPackageSizeOption .closedReportPackageOptionVisual {
		width: 136px;
		height: 96px;
	}

	.closedReportPackageSizeOption > strong {
		justify-self: start;
	}

}

@media (max-width: 500px) {
	.closedReportInternationalPackageActions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.closedReportCustomerToggle {
		grid-template-areas:
			"preview total chevron"
			"title title chevron"
			"meta meta chevron"
			"orders orders chevron"
			"package package chevron";
	}

	.closedReportPackageBadge {
		min-width: 50%;
		justify-self: start;
	}

	.closedReportCustomerDownload {
		align-items: stretch;
		flex-direction: column;
	}

	.closedReportDownloadLabelBtn {
		width: 100%;
	}

	.closedReportUsaSelectionToolbar {
		grid-template-columns: 1fr;
	}

	.closedReportChangePackageBtn,
	.closedReportSelectedCount {
		justify-self: start;
	}

	.closedReportPackageOption {
		grid-template-columns: 98px minmax(0, 1fr) 22px;
		padding: 9px;
	}

	.closedReportPackageOptionVisual {
		width: 110px;
		height: 72px;
		transform: none;
	}

	.closedReportPackageOptionVisual.closedReportPackageOptionVisual--poly-mailer {
		width: 100px;
	}

	.closedReportPackageSizeOption {
		grid-template-columns: 112px minmax(0, 1fr) 20px;
	}

	.closedReportPackageSizeOption .closedReportPackageOptionVisual {
		width: 117px;
		height: 82px;
	}

	.closedReportPackageCountOption {
		min-height: 108px;
		padding: 8px 4px;
	}

	.closedReportPackageCountOption > small {
		display: none;
	}

	.closedReportInternationalModalHeader {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 10px;
	}

	.closedReportPackageModalCube {
		width: 20px;
		height: 20px;
	}

}

/* Guided international customer-bag packing */
.closedReportInternationalPackingSlipsBtn,
.closedReportPackingPlacedBtn,
.closedReportSecondaryPackageBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 36px;
	box-sizing: border-box;
	padding: 7px 12px;
	border-radius: 6px;
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0;
	cursor: pointer;
}

.closedReportInternationalPackingSlipsBtn,
.closedReportSecondaryPackageBtn {
	border: 1px solid #1258d4;
	background: #ffffff;
	color: #1258d4;
}

.closedReportPackingPlacedBtn {
	border: 1px solid #168844;
	background: #168844;
	color: #ffffff;
}

.closedReportInternationalPackingSlipsBtn:disabled,
.closedReportPackingPlacedBtn:disabled,
.closedReportSecondaryPackageBtn:disabled {
	border-color: #d3d9e3;
	background: #e8ebf0;
	color: #858c98;
	cursor: not-allowed;
}

.closedReportPackingBagIcon,
.closedReportPackingSlipIcon,
.closedReportPackingCheckIcon,
.closedReportPackingPrintIcon,
.closedReportPackingBoxCheckIcon {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.closedReportPackingBagIcon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231258d4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V6a5 5 0 0 1 10 0v2'/%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E");
}

.closedReportInternationalGenerateBtn .closedReportPackingBagIcon,
.closedReportPackingPlacedBtn .closedReportPackingBoxCheckIcon {
	filter: brightness(0) invert(1);
}

.closedReportPackingSlipIcon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231258d4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h9l4 4v16H6z'/%3E%3Cpath d='M14 2v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E");
}

.closedReportPackingCheckIcon,
.closedReportPackingBoxCheckIcon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.closedReportPackingPrintIcon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'/%3E%3Crect x='6' y='14' width='12' height='8' rx='1'/%3E%3C/svg%3E");
}

.closedReportPackingModalHeader > span:last-child > small {
	display: block;
	margin-top: 4px;
	color: #626c80;
	font-size: 0.75rem;
	font-weight: 500;
}

.closedReportPackingProgress {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 16px 0;
	padding: 11px 14px;
	border: 1px solid #cfe0fb;
	border-radius: 7px;
	background: #edf4ff;
	color: #35435c;
	font-size: 0.82rem;
}

.closedReportPackingProgress strong {
	color: #1258d4;
}

.closedReportPackingProgress button {
	padding: 3px;
	border: 0;
	background: transparent;
	color: #1258d4;
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

.closedReportPackingMobileTopbar {
	display: block;
}

.closedReportPackingWorkspace {
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 16px;
	min-height: 430px;
}

.closedReportPackingQueue {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-right: 10px;
	border-right: 1px solid #dfe7f2;
}

.closedReportPackingQueueItem {
	display: flex;
	min-height: 52px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 3px;
	padding: 8px 10px;
	border: 1px solid #dce5f2;
	border-radius: 7px;
	background: #ffffff;
	color: #25324b;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.closedReportPackingQueueItem.is-current {
	border-color: #1258d4;
	background: #edf4ff;
	box-shadow: inset 3px 0 0 #1258d4;
}

.closedReportPackingQueueItem.has-bag-editor {
	min-height: 66px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	cursor: default;
}

.closedReportPackingBagEditor {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	color: #5f6878;
	font-size: 0.72rem;
	font-weight: 500;
}

.closedReportPackingBagCountDropdown {
	width: auto;
}

.closedReportPackingBagCountTrigger {
	display: inline-flex;
	min-width: 54px;
	height: 27px;
	align-items: center;
	justify-content: right;
	gap: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #2f6fe8;
	border-radius: 5px;
	background: linear-gradient(180deg, #3b7cf5 0%, #2f6fe8 100%);
	color: #ffffff;
	font: inherit;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(47, 111, 232, 0.18);
}

.closedReportPackingBagCountTrigger:hover,
.closedReportPackingBagCountTrigger:focus-visible {
	border-color: #245fce;
	background: linear-gradient(180deg, #3473e9 0%, #245fce 100%);
	outline: none;
}

.closedReportPackingBagCountTrigger:disabled {
	border-color: #c9d0da;
	background: #eef1f5;
	color: #8a93a2;
	cursor: not-allowed;
	box-shadow: none;
}

.closedReportPackingBagCountTrigger strong {
	display: inline-flex;
	min-width: 10px;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	font-size: 0.9rem;
	font-weight: 600;
}

.closedReportPackingBagCountTrigger svg {
	box-sizing: content-box;
	width: 15px;
	height: 15px;
	flex: 0 0 15px;
	padding: 9px 4px;
	border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.closedReportPackingBagCountTrigger:disabled svg {
	border-left-color: #c9d0da;
}

.closedReportPackingDropdownMenu.closedReportPackingBagCountMenu {
	top: calc(100% + 5px);
	right: -5px;
	left: auto;
	width: 68px;
	min-width: 68px;
	max-height: 235px;
	padding: 5px;
	z-index: 90;
}

.closedReportPackingDropdownMenu.closedReportPackingBagCountMenu .closedReportPackingDropdownOption {
	min-height: 38px;
	padding: 7px 11px;
	font-size: 0.85rem;
}

.closedReportPackingQueueItem.has-checkbox,
.closedReportPackingCustomerDropdownOption.has-checkbox {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.closedReportPackingQueueItem.has-checkbox > span:first-child,
.closedReportPackingCustomerDropdownOption.has-checkbox > span:first-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.closedReportPackingQueueItem.has-checkbox {
	cursor: default;
}

.closedReportPackingQueueCustomerBtn {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.closedReportPackingQueueCheckboxBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.closedReportPackingQueueCheckboxBtn:disabled {
	cursor: not-allowed;
}

.closedReportPackingQueueCustomerBtn:focus-visible,
.closedReportPackingQueueCheckboxBtn:focus-visible {
	outline: 2px solid #1258d4;
	outline-offset: 3px;
}

.closedReportPackingQueueCheckbox {
	position: relative;
	display: inline-flex;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border: 2px solid #1258d4;
	border-radius: 3px;
	background: #ffffff;
}

.is-batch-selected .closedReportPackingQueueCheckbox {
	background: #1258d4;
}

.is-batch-selected .closedReportPackingQueueCheckbox::after {
	position: absolute;
	top: 3px;
	left: 6px;
	width: 6px;
	height: 11px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	content: "";
	transform: rotate(45deg);
}

.closedReportPackingQueueItem.is-placed:disabled,
.closedReportPackingCustomerDropdownOption.is-placed:disabled {
	opacity: 1;
	cursor: not-allowed;
}

.closedReportPackingQueueItem.is-placed .closedReportPackingQueueCheckbox,
.closedReportPackingCustomerDropdownOption.is-placed .closedReportPackingQueueCheckbox {
	border-color: #168844;
	background: #168844;
}

.closedReportPackingQueueItem.is-labeled small,
.closedReportPackingQueueItem.is-placed small {
	color: #168844;
}

.closedReportPackingQueueItem strong {
	font-size: 0.78rem;
}

.closedReportPackingQueueItem small {
	color: #70798b;
	font-size: 0.68rem;
	font-weight: 500;
}

.closedReportPackingCustomerDropdown {
	display: none;
}

.closedReportPackingCustomerDropdownValue,
.closedReportPackingCustomerDropdownOption {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
}

.closedReportPackingCustomerDropdownValue strong,
.closedReportPackingCustomerDropdownOption strong {
	font-size: 0.8rem;
	font-weight: 600;
}

.closedReportPackingCustomerDropdownValue small,
.closedReportPackingCustomerDropdownOption small {
	color: #70798b;
	font-size: 0.7rem;
	font-weight: 500;
}

.closedReportPackingCustomerDropdownOption.is-placed:not(.is-selected) small {
	color: #168844;
}

.closedReportPackingCustomerDropdownOption.is-selected small {
	color: #ffffff;
}

.closedReportPackingCustomerPanel {
	min-width: 0;
}

.closedReportPackingCustomerHeading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 3px 15px;
	margin-bottom: 12px;
	padding-bottom: 11px;
	border-bottom: 1px solid #dfe7f2;
}

.closedReportPackingCustomerHeading > span {
	grid-column: 1 / -1;
	color: #1258d4;
	font-size: 0.72rem;
	font-weight: 600;
}

.closedReportPackingCustomerHeading strong {
	font-size: 1.05rem;
	font-weight: 600;
}

.closedReportPackingCustomerHeading small {
	align-self: center;
	color: #59657a;
	font-size: 0.78rem;
	font-weight: 600;
}

.closedReportPackingProductList {
	display: flex;
	max-height: 250px;
	overflow-y: auto;
	flex-direction: column;
	border: 1px solid #dce5f2;
	border-radius: 7px;
}

.closedReportPackingBagSummary {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 76px;
	padding: 13px 15px;
	border: 1px solid #cfe0fb;
	border-radius: 7px;
	background: #f4f8ff;
	color: #263551;
}

.closedReportPackingBagSummaryIcon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	padding: 8px;
	border-radius: 7px;
	background-color: #e5efff;
	background-size: 22px 22px;
}

.closedReportPackingBagSummary > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.closedReportPackingBagSummary strong {
	font-size: 0.88rem;
	font-weight: 600;
}

.closedReportPackingBagSummary small {
	color: #5f6c82;
	font-size: 0.74rem;
	font-weight: 500;
	line-height: 1.35;
}

.closedReportPackingBoxes {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.closedReportPackingBoxCard {
	--box-top: #e4dacb;
	--box-left: #cbbb9f;
	--box-right: #d6c8b4;
	--box-tape: #b7a58c;
	display: grid;
	grid-template-rows: auto 164px auto auto;
	min-width: 0;
	padding: 10px 11px 11px;
	border: 2px solid #aeb4bc;
	border-radius: 12px;
	background: #ffffff;
	color: #566174;
	text-align: center;
}

.closedReportPackingBoxCard > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: #4f596b;
}

.closedReportPackingBoxCard > header strong,
.closedReportPackingBoxCard > header span {
	font-size: 0.76rem;
	font-weight: 600;
}

.closedReportPackingBoxCardVisual {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 164px;
}

.closedReportPackingBoxCardVisual svg {
	display: block;
	width: min(100%, 190px);
	height: 164px;
}

.closedReportPackingBoxCardVisual .box-edge {
	fill: none;
	stroke: rgba(119, 75, 30, 0.12);
	stroke-width: 1.2;
	stroke-linejoin: round;
}

.closedReportPackingBoxCardTitle {
	color: #202a3d;
	font-size: 0.86rem;
	font-weight: 600;
}

.closedReportPackingBoxCard > small {
	margin-top: 2px;
	color: #667084;
	font-size: 0.68rem;
	font-weight: 500;
}

.closedReportPackingBoxCard.is-active {
	--box-top: #ffd79f;
	--box-left: #e9a754;
	--box-right: #f2bd76;
	--box-tape: #cf8b3f;
	grid-template-rows: auto 144px auto auto;
	border-color: #1258d4;
	background: #ebf2ff;
	box-shadow: 0 0 0 1px rgba(18, 88, 212, 0.1);
}

.closedReportPackingBoxCard.is-active > header strong {
	color: #1258d4;
}

.closedReportPackingBoxCard.is-closed {
	border-color: #168844;
	background: #f4fdf8;
}

.closedReportPackingBoxCard.is-closed > header strong {
	color: #215a9f;
}

.closedReportPackingBoxCard.is-locked {
	grid-template-rows: auto 144px auto auto;
	opacity: 0.72;
}

.closedReportPackingBoxCard.is-active .closedReportPackingBoxCardVisual,
.closedReportPackingBoxCard.is-locked .closedReportPackingBoxCardVisual {
	transform: translateY(-20px);
}

.closedReportPackingBoxCard.is-locked .closedReportPackingBoxCardVisual {
	filter: grayscale(0.82) saturate(0.3);
}

.closedReportPackingProductRow {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	gap: 11px;
	align-items: center;
	min-height: 72px;
	padding: 8px 10px;
	border-bottom: 1px solid #e4ebf5;
}

.closedReportPackingProductRow:last-child {
	border-bottom: 0;
}

.closedReportPackingProductImageBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	cursor: pointer;
}

.closedReportPackingProductImageBtn:focus-visible {
	outline: 2px solid #1258d4;
	outline-offset: 2px;
}

.closedReportPackingProductRow img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	border: 1px solid #dfe6f1;
	border-radius: 6px;
}

.closedReportPackingProductRow > span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.closedReportPackingProductRow strong,
.closedReportPackingProductRow > b {
	margin-right: 5px;
	color: #263551;
	font-size: 0.78rem;
}

.closedReportPackingProductRow small {
	color: #4f5b70;
	font-size: 0.72rem;
	font-weight: 500;
}

.closedReportPackingProductRow em {
	overflow: hidden;
	color: #69748a;
	font-size: 0.64rem;
	font-style: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportPackingControls {
	display: grid;
	grid-template-columns: minmax(150px, 0.55fr) minmax(220px, 1fr);
	gap: 12px;
	margin-top: 14px;
}

.closedReportPackingControl {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #39465e;
	font-size: 0.72rem;
	font-weight: 600;
}

.closedReportPackingStaticValue {
	display: flex;
	align-items: center;
	min-height: 48px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid #bfd2f2;
	border-radius: 9px;
	background: #f5f7fb;
	color: #24324e;
	font-size: 0.88rem;
	font-weight: 500;
}

.closedReportPackingDropdown {
	position: relative;
	width: 100%;
}

.closedReportPackingDropdownTrigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
	padding: 0 14px;
	border: 1px solid #bfd2f2;
	border-radius: 9px;
	background: #ffffff;
	color: #24324e;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
	box-shadow: none;
}

.closedReportPackingDropdownTrigger:hover,
.closedReportPackingDropdownTrigger:focus-visible {
	border-color: #8eb4f2;
	background: #f8faff;
	outline: none;
}

.closedReportPackingDropdownTrigger:disabled {
	cursor: not-allowed;
	color: #69748a;
	background: #f5f7fb;
}

.closedReportPackingDropdown.is-placeholder .closedReportPackingDropdownTrigger > span {
	color: #98a2b3;
}

.closedReportPackingDropdownTrigger svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: #25324f;
	transition: transform 0.18s ease;
}

.closedReportPackingDropdown.is-open .closedReportPackingDropdownTrigger svg {
	transform: rotate(180deg);
}

.closedReportPackingDropdownMenu {
	position: absolute;
	top: calc(100% + 7px);
	left: 0;
	right: 0;
	z-index: 80;
	box-sizing: border-box;
	max-height: 230px;
	padding: 6px;
	overflow-y: auto;
	border: 1px solid #d7e1f2;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 18px 36px rgba(28, 42, 74, 0.18);
}

.closedReportPackingDropdownOption {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 38px;
	padding: 8px 12px;
	border: 0;
	border-radius: 8px;
	background: #ffffff;
	color: #243257;
	font: inherit;
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
}

.closedReportPackingDropdownOption:hover,
.closedReportPackingDropdownOption:focus-visible {
	background: #f3f7ff;
	outline: none;
}

.closedReportPackingDropdownOption.is-selected {
	background: #1258d4;
	color: #ffffff;
}

.closedReportPackingBoxOption {
	justify-content: space-between;
	gap: 12px;
}

.closedReportPackingBoxOption small {
	flex: 0 0 auto;
	font-size: 0.72rem;
	font-weight: 600;
}

.closedReportPackingBoxOption.is-active small {
	color: #168a48;
}

.closedReportPackingBoxOption.is-closed,
.closedReportPackingBoxOption.is-locked {
	cursor: not-allowed;
	color: #8b95a8;
	background: #f5f7fb;
}

.closedReportPackingBoxOption.is-selected small {
	color: #ffffff;
}

.swal2-container.closedReportPackingSwalContainer {
	z-index: 2147483646 !important;
}

.swal2-popup.closedReportPackingSwalPopup {
	width: min(520px, calc(100vw - 28px));
	padding: 28px 30px 26px;
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(15, 35, 70, 0.28);
	font-family: inherit;
}

.closedReportPackingSwalPopup .swal2-icon {
	margin: 0 auto 18px;
}

.swal2-title.closedReportPackingSwalTitle {
	padding: 0;
	color: #17254a;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
}

.swal2-html-container.closedReportPackingSwalText {
	margin: 12px 0 0;
	padding: 0;
	color: #56627a;
	font-size: 0.95rem;
	line-height: 1.45;
	white-space: pre-line;
}

.closedReportPackingSwalCustomerList {
	display: grid;
	gap: 7px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.closedReportPackingSwalCustomerList li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 9px 10px;
	border: 1px solid #d9e5f7;
	border-radius: 6px;
	background: #f5f8fd;
}

.closedReportPackingSwalCustomerList strong {
	color: #263551;
	font-size: 0.82rem;
	font-weight: 600;
}

.closedReportPackingSwalCustomerList span {
	color: #5e6b80;
	font-size: 0.74rem;
	font-weight: 500;
}

.swal2-actions.closedReportPackingSwalActions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	margin: 24px 0 0;
}

.swal2-actions.closedReportPackingSwalActions.closedReportPackingSwalSingleAction {
	grid-template-columns: minmax(0, 220px);
	justify-content: center;
}

.closedReportPackingSwalConfirm,
.closedReportPackingSwalCancel {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	margin: 0;
	padding: 10px 18px;
	border-radius: 6px;
	font-family: inherit;
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}

.closedReportPackingSwalConfirm {
	border: 1px solid #1258d4;
	background: #1258d4;
	color: #ffffff;
}

.closedReportPackingSwalCancel {
	border: 1px solid #1258d4;
	background: #ffffff;
	color: #1258d4;
}

.closedReportPackingSwalConfirm:hover,
.closedReportPackingSwalConfirm:focus-visible {
	background: #0f4bb6;
	border-color: #0f4bb6;
}

.closedReportPackingSwalCancel:hover,
.closedReportPackingSwalCancel:focus-visible {
	background: #edf4ff;
}

.closedReportPackingSwalConfirm:focus-visible,
.closedReportPackingSwalCancel:focus-visible {
	outline: 3px solid rgba(18, 88, 212, 0.2);
	outline-offset: 2px;
}

.closedReportPackingStatus {
	margin-top: 12px;
	padding: 10px 12px;
	border-left: 3px solid #1258d4;
	background: #f1f6fe;
	color: #48556b;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.4;
}

.closedReportPackingStatus.is-labeled {
	border-left-color: #d89300;
	background: #fff8e6;
}

.closedReportPackingStatus.is-placed {
	border-left-color: #168844;
	background: #effaf3;
}

.closedReportPackingActions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.closedReportPackingActions > :only-child {
	grid-column: 1 / -1;
}

.closedReportPackingReviewGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.closedReportPackingReviewBox {
	min-width: 0;
	border: 1px solid #cfdcf0;
	border-radius: 7px;
	overflow: hidden;
}

.closedReportPackingReviewBox > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 11px;
	background: #edf4ff;
	color: #203454;
}

.closedReportPackingReviewBox > header strong {
	font-size: 0.78rem;
}

.closedReportPackingReviewBox > header small {
	color: #1258d4;
	font-size: 0.68rem;
	font-weight: 600;
}

.closedReportPackingReviewBox > button {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 9px 11px;
	border: 0;
	border-top: 1px solid #e1e8f2;
	background: #ffffff;
	color: #2b3850;
	font-family: inherit;
	text-align: left;
	cursor: pointer;
}

.closedReportPackingReviewBox > button > span {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.closedReportPackingReviewBox > button strong,
.closedReportPackingReviewBox > button b {
	font-size: 0.72rem;
}

.closedReportPackingReviewBox > button small {
	overflow: hidden;
	color: #6a7485;
	font-size: 0.65rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.closedReportPackingReviewBox > p {
	margin: 0;
	padding: 18px 11px;
	color: #a52a3a;
	font-size: 0.72rem;
	text-align: center;
}

.closedReportPackingReviewWarning,
.closedReportPackingReviewSuccess {
	margin: 14px 0 0;
	padding: 11px 13px;
	border-radius: 7px;
	font-size: 0.76rem;
}

.closedReportPackingReviewWarning {
	border: 1px solid #f0c4ca;
	background: #fff3f5;
	color: #a52238;
}

.closedReportPackingReviewSuccess {
	display: flex;
	flex-direction: column;
	gap: 3px;
	border: 1px solid #b9e9c9;
	background: #effbf3;
	color: #176d36;
}

.closedReportPackingReviewActions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
	margin-top: 8px;
}

@media (max-width: 760px) {
	.closedReportInternationalPackingSlipsBtn,
	.closedReportPackingPlacedBtn,
	.closedReportSecondaryPackageBtn {
		width: 100%;
	}

	.closedReportPackingWorkspace {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.closedReportPackingMobileTopbar {
		display: grid;
		grid-template-columns: 1fr;
		gap: 6px;
		align-items: stretch;
		margin: 16px 0;
	}

	.closedReportPackingMobileTopbar .closedReportPackingProgress {
		min-width: 0;
		margin: 0;
	}

	.closedReportPackingQueue {
		display: flex;
		max-height: 250px;
		overflow-y: auto;
		padding-right: 6px;
		padding-bottom: 6px;
		border-right: 0;
	}

	.closedReportPackingCustomerDropdown {
		display: none;
	}

	.closedReportPackingCustomerDropdown .closedReportPackingDropdownTrigger {
		height: 100%;
		min-height: 56px;
	}

	.closedReportPackingCustomerDropdownMenu {
		max-height: 260px;
	}

	.closedReportPackingReviewGrid,
	.closedReportPackingReviewActions {
		grid-template-columns: 1fr;
	}

	.closedReportPackingBoxes {
		grid-template-columns: repeat(3, minmax(150px, 1fr));
		overflow-x: auto;
		padding-bottom: 6px;
		scroll-snap-type: x proximity;
	}

	.closedReportPackingBoxCard {
		scroll-snap-align: start;
	}
}

@media (max-width: 545px) {
	.closedReportPackingMobileTopbar,
	.closedReportPackingControls {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.closedReportInternationalCustomerGroupHeader {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.closedReportPackingBoxes {
		grid-template-columns: repeat(1, minmax(138px, 1fr));
	}

	.closedReportPackingBoxCard {
		grid-template-rows: auto 117px auto auto;
		padding: 8px;
	}

	.closedReportPackingBoxCard.is-active {
		grid-template-rows: auto 115px auto auto;
	}

	.closedReportPackingBoxCard.is-locked {
		grid-template-rows: auto 112px auto auto;
	}

	.closedReportPackingBoxCard.is-active .closedReportPackingBoxCardVisual {
		transform: translateY(-20px);
	}

	.closedReportPackingBoxCardVisual,
	.closedReportPackingBoxCardVisual svg {
		height: 124px;
	}

	.closedReportPackingBoxCard.is-closed .closedReportPackingBoxCardVisual.closedReportPackingBoxCardVisual--medium-box {
		height: 100px;
	}
}

@media (max-width: 480px) {
	.swal2-popup.closedReportPackingSwalPopup {
		padding: 24px 18px 20px;
	}

	.swal2-title.closedReportPackingSwalTitle {
		font-size: 1.3rem;
	}

	.swal2-actions.closedReportPackingSwalActions {
		grid-template-columns: 1fr;
	}

	.closedReportPackingProgress,
	.closedReportPackingCustomerHeading {
		align-items: flex-start;
		grid-template-columns: 1fr;
	}

	.closedReportPackingCustomerHeading > span {
		grid-column: 1;
	}

	.closedReportPackingProductRow {
		grid-template-columns: 50px minmax(0, 1fr);
		gap: 8px;
	}

	.closedReportPackingProductRow img {
		width: 48px;
		height: 48px;
	}

	.closedReportPackingProductImageBtn {
		width: 48px;
		height: 48px;
	}

	.closedReportPackingProductRow > b {
		grid-column: 2;
	}

	.closedReportPackingActions {
		grid-template-columns: 1fr;
	}

	.closedReportPackingActions > :only-child {
		grid-column: 1;
	}
}