/* loginBG::before is defined in login-custom.css */
iframe, object, embed {
    max-width: 100%;
}
.img-logo-topo{
	/* filter: invert(99%);
	filter: brightness(3.5); */
	max-height: 1.5em;
}
.box-top{
	background: url("../img/images/bg.jpg") no-repeat center center fixed;
	background-size: cover;
}

.bg-primary{
	background-color: rgba(242,168,15 , 0.6)  !important;
}
.bg-primary-dark{
	background-color: rgb(242, 166, 15)  !important;

}
.color-primary  {
	color: #F2A80F !important	
}
.shadow-100{
	box-shadow: #3E4095 0 0 6px 1px !important;
}
.white-text {
	color: aliceblue !important;	
	font-family: monospace !important;
	font-weight: 100 !important;
}
.text-card{
	text-align: justify !important;
	
}
.color-secondary{
	color: #3E4095 !important;
}
.bg-secondary, .bg-secondary > *  {
	background-color: #3E4095 !important;
	color: #FFF !important;
	text-shadow: none !important;
}

.card-01{
	
	background-size: cover;
}
.card-image{
	background-size: cover;
	max-height: 300px;
}
.sapFAvatarIcon{
	color: #F2A80F !important
}

.paginatorIconButton .sapMBtnInner {
	background: rgba(255, 255, 255, 0.96) !important;
	border: 1px solid rgba(62, 64, 149, 0.16) !important;
	border-radius: 0.85rem !important;
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.06) !important;
	min-width: 2.5rem !important;
}

.paginatorIconButton .sapMBtnIcon {
	color: #3E4095 !important;
	font-size: 1rem !important;
}

.paginatorIconButton:hover .sapMBtnInner {
	background: rgba(62, 64, 149, 0.08) !important;
	border-color: rgba(62, 64, 149, 0.28) !important;
}

.paginatorRefreshButton .sapMBtnInner {
	background: rgba(242, 168, 15, 0.12) !important;
	border-color: rgba(242, 168, 15, 0.28) !important;
}

.paginatorRefreshButton .sapMBtnIcon {
	color: #F2A80F !important;
}

.paginatorIconButton.sapMBtnDisabled .sapMBtnInner,
.paginatorIconButton .sapMBtnInner.sapMBtnDisabled {
	background: rgba(243, 244, 246, 0.92) !important;
	border-color: rgba(203, 213, 225, 0.65) !important;
	box-shadow: none !important;
}

.paginatorIconButton.sapMBtnDisabled .sapMBtnIcon,
.paginatorIconButton .sapMBtnInner.sapMBtnDisabled .sapMBtnIcon {
	color: #94A3B8 !important;
}

.estoque-entry-hero {
	background: linear-gradient(135deg, rgba(242, 168, 15, 0.12) 0%, rgba(62, 64, 149, 0.08) 100%);
	border: 1px solid rgba(62, 64, 149, 0.2);
	border-radius: 14px;
	padding: 1rem 1.25rem;
}

.estoque-entry-card {
	background-color: #ffffff;
	border: 1px solid rgba(62, 64, 149, 0.18);
	border-radius: 12px;
	box-shadow: 0 6px 16px rgba(62, 64, 149, 0.08);
	padding: 0.5rem;
	min-height: 8rem;
}

.estoque-card-header.sapFCardHeader {
	background-color: #acbcee !important;
	color: black !important;
	border-radius: 0.75rem 0.75rem 0 0;
}
.estoque-card-header :hover {
	background-color: #7699db !important;
	
	border-radius: 0.75rem 0.75rem 0 0;
}



.vendasPageContent .sapMLIB.sapMLIBTypeInactive {
	background: transparent !important;
	border: none !important;
	padding: 0.25rem 0 !important;
}


.vendaTile {
  border-radius: 0.75rem;
  overflow: hidden;
}
.vendasTilesRow {
  gap: 0.5rem;
}

.vendaDialogContent {
  padding: 5%;
  box-sizing: border-box;
}

.vendasItemHelperDialog .sapMDialogTitle {
	background: linear-gradient(100deg, rgba(62, 64, 149, 0.1) 0%, rgba(242, 168, 15, 0.16) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.16) !important;
}

.vendasItemHelperDialog .sapMDialogSubHeader .sapMBar {
	background: #f8f9ff !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.12) !important;
}

.vendasItemHelperHintStrip {
	border-radius: 12px;
	border: 1px solid rgba(62, 64, 149, 0.12);
	background: linear-gradient(90deg, rgba(62, 64, 149, 0.06) 0%, rgba(242, 168, 15, 0.08) 100%) !important;
}

.vendasItemHelperTable {
	border: 1px solid rgba(62, 64, 149, 0.12);
	border-radius: 16px;
	box-shadow: 0 10px 22px rgba(62, 64, 149, 0.08);
	overflow: hidden;
}

.vendasItemHelperTable .sapMListHdrTBar,
.vendasItemHelperTable .sapMListInfoTBar {
	background: rgba(248, 249, 255, 0.94) !important;
}

.vendasItemHelperTable .sapMListTblCell {
	padding-top: 0.55rem !important;
	padding-bottom: 0.55rem !important;
}

.vendasItemHelperDialog .sapMListTblRow:hover > td {
	background-color: rgba(62, 64, 149, 0.04) !important;
}

.vendasItemHelperRow .sapMObjectIdentifierTitle {
	font-weight: 600;
}

.vendasItemHelperItemCell {
	gap: 0.2rem;
}

.sapFShellBar{	
	padding: 0.5rem 1rem !important;
}

.entrada-stock-page {
	gap: 0.75rem;
	background: linear-gradient(180deg, rgba(62, 64, 149, 0.04) 0%, rgba(255, 255, 255, 0.65) 35%, #ffffff 100%);
	border-radius: 14px;
}

.entrada-stock-hero {
	background: linear-gradient(140deg, rgba(62, 64, 149, 0.1) 0%, rgba(242, 168, 15, 0.14) 100%);
	border: 1px solid rgba(62, 64, 149, 0.18);
	border-radius: 16px;
	padding: 1rem 1.25rem;
}

.entrada-stock-kpi-row {
	gap: 0.5rem;
}

.entrada-stock-kpi {
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(62, 64, 149, 0.16);
	border-radius: 999px;
	padding: 0.35rem 0.65rem;
}

.entrada-stock-workspace {
	gap: 1rem;
	align-items: stretch;
}

.entrada-stock-col {
	min-width: 20rem;
}

.entrada-stock-col-main {
	flex: 2 1 42rem;
}

.entrada-stock-col-side {
	flex: 1 1 24rem;
}

.entrada-stock-panel {
	background: #ffffff;
	border: 1px solid rgba(62, 64, 149, 0.16);
	border-radius: 14px;
	box-shadow: 0 8px 18px rgba(62, 64, 149, 0.08);
	overflow: hidden;
}

.entrada-stock-panel .sapMPanelHdrTB {
	background: linear-gradient(90deg, rgba(62, 64, 149, 0.06) 0%, rgba(242, 168, 15, 0.1) 100%);
	border-bottom: 1px solid rgba(62, 64, 149, 0.12);
}

.entrada-stock-summary-panel .sapMText {
	color: #4a4e63;
}

.entrada-stock-pending-list {
	background: transparent;
}

.entrada-stock-pending-item {
	background: #fbfbff;
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 12px;
	margin-bottom: 0.5rem;
}

.entrada-stock-pending-main {
	min-width: 14rem;
}

@media (max-width: 1100px) {
	.entrada-stock-col-main,
	.entrada-stock-col-side {
		flex: 1 1 100%;
	}

	.entrada-stock-panel .sapMSF {
		width: 100% !important;
	}
}

/* ================================================================
   ENTRADA DE ESTOQUE — Redesign Moderno (DynamicPage)
   Cores da marca: Indigo #3E4095 | Amber #F2A80F
   ================================================================ */

.voozeEntradaPage {
	background: linear-gradient(160deg, rgba(62, 64, 149, 0.05) 0%, #f4f5f8 60%, #ffffff 100%);
	min-height: 100%;
}

/* Header expandido com gradiente sutil */
.voozeEntradaHeader {
	background: linear-gradient(120deg, rgba(62, 64, 149, 0.07) 0%, rgba(242, 168, 15, 0.09) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.1) !important;
}

/* Ícone grande no título */
.voozeEntradaTitleIcon {
	font-size: 1.625rem;
	color: #3E4095;
}

/* Botão de IA com gradiente indigo */
.voozeAIButton.sapMBtn .sapMBtnInner {
	background: linear-gradient(135deg, #3E4095 0%, #5c6bc0 100%) !important;
	border-color: #3E4095 !important;
	color: #fff !important;
}
.voozeAIButton.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner {
	background: linear-gradient(135deg, #2e3080 0%, #3E4095 100%) !important;
}

/* ---- KPI Cards ---- */
.voozeKpiRow {
	gap: 1rem;
	padding: 0.5rem 0 0.75rem;
}

.voozeKpiCard {
	padding: 0.875rem 1.375rem;
	border-radius: 16px;
	min-width: 9.5rem;
	border: 1px solid transparent;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.voozeKpiCard:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.11);
}

.voozeKpiCardIndigo {
	background: linear-gradient(145deg, #e8eaf6 0%, #c5cae9 100%);
	border-color: rgba(62, 64, 149, 0.25);
}
.voozeKpiCardIndigo .voozeKpiIcon,
.voozeKpiCardIndigo .sapMTitle .sapMTitleText {
	color: #3E4095 !important;
}

.voozeKpiCardGreen {
	background: linear-gradient(145deg, #e8f5e9 0%, #c8e6c9 100%);
	border-color: rgba(46, 125, 50, 0.25);
}
.voozeKpiCardGreen .voozeKpiIcon,
.voozeKpiCardGreen .sapMTitle .sapMTitleText {
	color: #2e7d32 !important;
}

.voozeKpiCardAmber {
	background: linear-gradient(145deg, rgba(255, 248, 225, 1) 0%, rgba(255, 236, 153, 0.7) 100%);
	border-color: rgba(242, 168, 15, 0.4);
}
.voozeKpiCardAmber .voozeKpiIcon {
	color: #b8860b;
}
.voozeKpiCardAmber .voozeKpiStatus {
	color: #7d5700;
	font-size: 1.1rem;
	font-weight: 700;
}

.voozeKpiTop {
	margin-bottom: 0.375rem;
}
.voozeKpiIcon {
	font-size: 1.05rem;
}
.voozeKpiLabel {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: #6b7280;
}
/* Número KPI grande */
.voozeKpiNumber.sapMTitle .sapMTitleText {
	font-size: 2.25rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
}

/* ---- Layout do workspace ---- */
.voozeEntradaWorkspace {
	gap: 1rem;
	align-items: flex-start;
	padding: 0.75rem 1rem 1.5rem;
}

.voozeColMain {
	flex: 2 1 40rem;
	min-width: 22rem;
}
.voozeColSide {
	flex: 1 1 22rem;
	min-width: 20rem;
}

/* ---- Panel moderno ---- */
.voozePanel {
	background: #ffffff !important;
	border: 1px solid rgba(62, 64, 149, 0.14) !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 22px rgba(62, 64, 149, 0.08) !important;
	overflow: hidden !important;
}
.voozePanel .sapMPanelHdrTB {
	background: linear-gradient(90deg, rgba(62, 64, 149, 0.05) 0%, rgba(242, 168, 15, 0.08) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.1) !important;
	border-radius: 18px 18px 0 0 !important;
}

/* ---- Tabela ---- */
.voozeEntradaTable .sapMListTblRow:hover > td {
	background-color: rgba(62, 64, 149, 0.04) !important;
}
.voozeEntradaTable .sapMListTblRow.sapMLIBSelected > td {
	background-color: rgba(62, 64, 149, 0.1) !important;
}
.voozeGrupoVendaWrap {
	gap: 0.25rem;
}
.voozeGrupoVendaChip.sapMObjStatus {
	display: inline-flex;
	align-items: center;
	padding: 0.22rem 0.6rem;
	border-radius: 999px;
	border: 1px solid rgba(62, 64, 149, 0.14);
	background: linear-gradient(135deg, rgba(62, 64, 149, 0.08) 0%, rgba(99, 102, 241, 0.14) 100%);
	box-shadow: 0 3px 10px rgba(62, 64, 149, 0.08);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.voozeGrupoVendaChip.sapMObjStatus:hover {
	transform: translateY(-1px);
	border-color: rgba(62, 64, 149, 0.3);
	box-shadow: 0 8px 18px rgba(62, 64, 149, 0.12);
}
.voozeGrupoVendaChip.sapMObjStatus .sapMObjStatusText,
.voozeGrupoVendaChip.sapMObjStatus .sapMObjStatusLink {
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	color: #2f3a8f !important;
}
.voozeGrupoVendaEmpty {
	color: #94a3b8;
	font-size: 0.74rem;
	font-style: italic;
}

/* ---- Card de resumo do lote ---- */
.voozeBatchCard {
	background: linear-gradient(145deg, #ffffff 0%, rgba(62, 64, 149, 0.05) 100%);
	border: 1px solid rgba(62, 64, 149, 0.18);
	border-radius: 18px;
	box-shadow: 0 4px 20px rgba(62, 64, 149, 0.1);
	padding: 1.25rem 1.375rem;
}
.voozeBatchCard .sapMObjectNumberText {
	font-size: 1.375rem !important;
	font-weight: 700 !important;
}
.voozeBatchCardHeader {
	width: 100%;
	margin-bottom: 0.5rem;
}
.voozeBatchIcon {
	font-size: 1.5rem;
	color: #3E4095;
}
.voozeBatchHint {
	color: #6b7280;
	font-size: 0.85rem;
}

/* Botão salvar — verde vibrante */
.voozeSaveButton.sapMBtn .sapMBtnInner {
	background: linear-gradient(135deg, #1b7a3a 0%, #28a745 100%) !important;
	border-color: #1b7a3a !important;
	color: #fff !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
}
.voozeSaveButton.sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner {
	background: linear-gradient(135deg, #155c2c 0%, #1e8c3a 100%) !important;
	box-shadow: 0 4px 16px rgba(27, 122, 58, 0.35) !important;
}
.voozeSaveButton.sapMBtn.sapMBtnDisabled .sapMBtnInner {
	background: #e0e0e0 !important;
	border-color: #ccc !important;
	color: #999 !important;
}

/* ---- Lista de entradas pendentes ---- */
.voozePendingList .sapMLIBHighlighted {
	border-left: 4px solid #28a745 !important;
}
.voozePendingList .sapMNLI {
	border-bottom: 1px solid rgba(62, 64, 149, 0.08) !important;
	transition: background-color 0.15s ease;
}
.voozePendingList .sapMNLI:hover {
	background-color: rgba(62, 64, 149, 0.03) !important;
}
.voozePendingList .sapMNLITitle {
	font-weight: 600 !important;
	color: #1a1a2e !important;
}
.voozePendingList .sapMNLIDescription {
	color: #3E4095 !important;
	font-weight: 500 !important;
}
.voozePendingList .sapMNLIDatetime {
	color: #2e7d32 !important;
	font-weight: 600 !important;
}

/* ---- Dialog de entrada ---- */
.voozeFormDialog.sapMDialog {
	border-radius: 20px !important;
	overflow: hidden !important;
}
.voozeFormDialog .sapMDialogTitle {
	background: linear-gradient(90deg, rgba(62, 64, 149, 0.06) 0%, rgba(242, 168, 15, 0.09) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.12) !important;
}
.voozeFormItemHeader {
	background: rgba(62, 64, 149, 0.05);
	border-radius: 12px;
	padding: 0.75rem 1rem;
	border: 1px solid rgba(62, 64, 149, 0.12);
}
.voozeFormItemIcon {
	font-size: 1.75rem;
	color: #3E4095;
}
.voozeFormItemDesc {
	color: #6b7280;
	font-size: 0.85rem;
}
.voozeFormBody {
	padding: 0.25rem 0 !important;
}

/* ---- Responsivo ---- */
@media (max-width: 1024px) {
	.voozeColMain,
	.voozeColSide {
		flex: 1 1 100%;
		min-width: unset;
	}
	.voozeEntradaWorkspace {
		padding: 0.5rem 0.5rem 1rem;
	}
}

/* ================================================================
   ENTRADA DE ESTOQUE - Operacao rapida
   ================================================================ */

.voozeEntradaPage {
	background:
		radial-gradient(circle at top left, rgba(62, 64, 149, 0.08) 0%, rgba(62, 64, 149, 0) 32%),
		linear-gradient(165deg, rgba(242, 168, 15, 0.08) 0%, #f5f7fb 48%, #ffffff 100%);
}

.voozeEntradaHeader {
	background: linear-gradient(120deg, rgba(62, 64, 149, 0.08) 0%, rgba(242, 168, 15, 0.1) 100%) !important;
}

.voozeKpiCard {
	padding: 0.95rem 1.35rem;
	border-radius: 18px;
	min-width: 9.75rem;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
	backdrop-filter: blur(4px);
}

.voozeKpiCard:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
}

.voozeKpiCardBlue {
	background: linear-gradient(145deg, #eef6ff 0%, #d8e9ff 100%);
	border-color: rgba(42, 100, 195, 0.22);
}

.voozeKpiCardBlue .voozeKpiIcon,
.voozeKpiCardBlue .sapMTitle .sapMTitleText {
	color: #1f5fa8 !important;
}

.voozeKpiLabel {
	font-weight: 700;
	letter-spacing: 0.08em;
}

.voozeKpiNumber.sapMTitle .sapMTitleText {
	font-size: 2.1rem !important;
}

.voozeColMain {
	flex: 2 1 44rem;
}

.voozePanel {
	background: rgba(255, 255, 255, 0.94) !important;
	border-radius: 20px !important;
	box-shadow: 0 10px 28px rgba(62, 64, 149, 0.08) !important;
}

.voozePanel .sapMPanelHdrTB {
	border-radius: 20px 20px 0 0 !important;
}

.voozeEntradaHintStrip {
	margin: 1rem 1rem 0;
	border-radius: 14px;
	border: 1px solid rgba(47, 111, 193, 0.12);
	background: linear-gradient(90deg, rgba(226, 239, 255, 0.9) 0%, rgba(247, 250, 255, 0.95) 100%) !important;
}

.voozeEntradaTable {
	margin-top: 0.75rem;
}

.voozeEntradaTable .sapMListTblHeaderCell {
	background: transparent !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.08);
}

.voozeEntradaTable .sapMListTblCell {
	padding: 0.35rem 0.85rem !important;
	border-bottom: none !important;
}

.voozeEntradaTable .sapMListTblRow:hover > td {
	background: rgba(62, 64, 149, 0.03) !important;
}

.voozeTableRow.sapMLIBFocusable:focus {
	outline: none !important;
}

.voozeEntradaItemCard {
	width: 100%;
	padding: 1rem 1.1rem;
	border-radius: 18px;
	border: 1px solid rgba(62, 64, 149, 0.1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 248, 252, 0.98) 100%);
	box-shadow: 0 6px 18px rgba(62, 64, 149, 0.06);
	gap: 0.65rem;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.voozeTableRow:hover .voozeEntradaItemCard {
	transform: translateY(-1px);
	border-color: rgba(62, 64, 149, 0.2);
	box-shadow: 0 10px 26px rgba(62, 64, 149, 0.09);
}

.voozeEntradaItemHeader {
	gap: 0.75rem;
}

.voozeEntradaItemName.sapMTitle,
.voozeEntradaItemName.sapMTitle .sapMTitleText {
	color: #182033 !important;
	font-size: 1.08rem !important;
	font-weight: 700 !important;
}

.voozeEntradaItemDesc {
	color: #64748b;
	font-size: 0.82rem;
	max-width: 42rem;
}

.voozeEntradaItemCode {
	color: #6b7280;
	font-size: 0.74rem;
	font-weight: 600;
}

.voozeEntradaItemMetaRow,
.voozeEntradaDialogMetaRow {
	gap: 0.45rem;
}

.voozeEntradaMetaStatus.sapMObjStatus {
	padding: 0.18rem 0.65rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(62, 64, 149, 0.11);
}

.voozeEntradaMetaStatus.sapMObjStatus .sapMObjStatusText {
	font-weight: 700;
}

.voozeEntradaQuickHeader {
	margin-top: 0.15rem;
}

.voozeEntradaQuickTitle {
	color: #334155;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.voozeEntradaQuickActions,
.voozeEntradaDialogQuickActions {
	gap: 0.45rem;
}

.voozeEntradaQuickActionButton.sapMBtn {
	margin: 0 0.35rem 0.35rem 0;
}

.voozeEntradaQuickActionButton.sapMBtn .sapMBtnInner {
	height: 2rem;
	border-radius: 999px !important;
	padding: 0 0.85rem !important;
	border: 1px solid rgba(62, 64, 149, 0.14) !important;
	background: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%) !important;
	color: #243b70 !important;
	font-size: 0.76rem !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 12px rgba(62, 64, 149, 0.08);
}

.voozeEntradaQuickActionButton.sapMBtn:hover .sapMBtnInner {
	border-color: rgba(62, 64, 149, 0.28) !important;
	box-shadow: 0 8px 18px rgba(62, 64, 149, 0.12);
	transform: translateY(-1px);
}

.voozeEntradaQuickActionBase.sapMBtn .sapMBtnInner {
	background: linear-gradient(135deg, #3e4095 0%, #5869cc 100%) !important;
	border-color: #3e4095 !important;
	color: #fff !important;
}

.voozeEntradaQuickActionBase.sapMBtn:hover .sapMBtnInner {
	box-shadow: 0 10px 20px rgba(62, 64, 149, 0.2) !important;
}

.voozeEntradaQuickEmpty {
	color: #7c8798;
	font-size: 0.8rem;
	font-style: italic;
	padding: 0.15rem 0 0.05rem;
}

.voozeBatchCard {
	border-radius: 20px;
	box-shadow: 0 10px 28px rgba(62, 64, 149, 0.1);
	padding: 1.3rem 1.4rem;
}

.voozeBatchCardHeader {
	margin-bottom: 0.6rem;
}

.voozeBatchIcon {
	font-size: 1.45rem;
}

.voozeBatchMetrics {
	gap: 0.6rem;
	margin: 0.35rem 0 0.7rem;
}

.voozeBatchMetricCard {
	flex: 1 1 8.5rem;
	min-width: 7.8rem;
	padding: 0.75rem 0.85rem;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.84);
	border: 1px solid rgba(62, 64, 149, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.voozeBatchMetricLabel {
	color: #64748b;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.voozeBatchHint {
	line-height: 1.45;
}

.voozeSaveButton.sapMBtn .sapMBtnInner {
	border-radius: 12px !important;
	font-weight: 700 !important;
}

.voozePendingList {
	padding: 0.25rem 0.25rem 0.6rem;
}

.voozePendingEntryItem.sapMLIB {
	margin: 0.45rem 0.75rem;
	padding: 0.2rem;
	border-radius: 16px;
	border: 1px solid rgba(62, 64, 149, 0.1);
	background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%);
	box-shadow: 0 6px 18px rgba(62, 64, 149, 0.06);
}

.voozePendingEntryTitle {
	color: #182033;
	font-size: 0.92rem;
	font-weight: 700;
}

.voozePendingEntryMeta {
	color: #5f6b7c;
	font-size: 0.78rem;
	line-height: 1.35;
}

.voozeFormDialog.sapMDialog {
	border-radius: 20px !important;
	overflow: hidden !important;
}

.voozeFormItemHeader {
	border-radius: 14px;
	padding: 0.85rem 1rem;
}

.voozeFormBody {
	padding: 0.25rem 0 !important;
}

@media (max-width: 1024px) {
	.voozeBatchMetricCard {
		flex: 1 1 calc(50% - 0.6rem);
	}
}

@media (max-width: 720px) {
	.voozeKpiCard {
		min-width: calc(50% - 0.5rem);
	}

	.voozeEntradaItemCard {
		padding: 0.9rem;
	}

	.voozeEntradaTable .sapMListTblCell {
		padding: 0.3rem 0.55rem !important;
	}

	.voozeBatchMetricCard {
		flex-basis: 100%;
	}
}

/* ================================================================
   ESTOQUE - DynamicPage (lista + agregadores)
   ================================================================ */

.voozeEstoquePage {
	background: linear-gradient(165deg, rgba(62, 64, 149, 0.06) 0%, rgba(242, 168, 15, 0.06) 48%, #ffffff 100%);
}

.voozeEstoqueTitleIcon {
	font-size: 1.65rem;
	color: #3e4095;
}

.voozeEstoqueHeader {
	background: linear-gradient(
    125deg,
    rgba(80, 140, 255, 0.04) 0%,
    rgba(190, 225, 255, 0.3) 100%
  ) !important;
	border-bottom: 1px solid rgba(25, 44, 120, 0.2) !important;
}



.voozeEstoqueHeaderContent {
	gap: 0.65rem;
	min-height: 8.5rem;
	padding: 0.35rem 0.25rem 0.75rem;
}

.voozeEstoqueAggList {
	background: transparent;
}

.voozeEstoqueAggList .sapMListUl {
	display: grid;
	margin-bottom: 1px;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	gap: 0.9rem;
}

.voozeEstoqueAggItem {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(25, 44, 120, 0.16);
	border-radius: 14px;
	min-height: 4.8rem;
	box-shadow: 0 4px 14px rgba(25, 44, 120, 0.08);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.voozeEstoqueAggItem.sapMLIBHoverable:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(25, 44, 120, 0.14);
}

.voozeEstoqueAggItem.sapMLIBHighlightInformation {
	border-color: rgba(25, 44, 120, 0.45);
	box-shadow: 0 10px 22px rgba(25, 44, 120, 0.22);
}

.voozeEstoqueAggIcon {
	font-size: 1.1rem;
	color: #3e4095;
}

.voozeEstoqueAggLabel {
	font-weight: 700;
	color: #182046;
}

.voozeEstoqueAggHint {
	font-size: 0.75rem;
	color: #5f6478;
}

.voozeEstoquePanel {
	background: #ffffff !important;
	border: 1px solid rgba(62, 64, 149, 0.16) !important;
	border-radius: 18px !important;
	box-shadow: 0 6px 22px rgba(62, 64, 149, 0.08) !important;
	overflow: hidden !important;
}

.voozeEstoquePanel .sapMPanelHdrTB {
	background: linear-gradient(90deg, rgba(62, 64, 149, 0.07) 0%, rgba(242, 168, 15, 0.11) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.12) !important;
}

.voozeEstoqueTable .sapMListTblCell {
	vertical-align: middle;
}

.voozeEstoqueTable .sapMListTblRow:hover > td {
	background-color: rgba(62, 64, 149, 0.05) !important;
}

.voozeEstoqueTable .sapMObjStatus {
	font-weight: 600;
}

@media (max-width: 900px) {
	.voozeEstoqueAggList .sapMListUl {
		grid-template-columns: 1fr;
	}
}

/* ================================================================
   USUÁRIOS — Gerenciamento de Permissões
   Cores da marca: Indigo #3E4095 | Amber #F2A80F
   ================================================================ */

.voozeUsuariosPage {
	background: linear-gradient(160deg, rgba(62, 64, 149, 0.05) 0%, #f4f5f8 60%, #ffffff 100%);
	min-height: 100%;
}

.voozeUsuariosHeader {
	background: linear-gradient(120deg, rgba(62, 64, 149, 0.07) 0%, rgba(242, 168, 15, 0.09) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.1) !important;
}

.voozeUsuariosTitleIcon {
	font-size: 1.625rem;
	color: #3E4095;
}

.voozeUsuariosAdminKpiRow {
	gap: 0.75rem;
	padding-top: 0.25rem;
}

.voozeUsuariosAdminFilterShell,
.voozeUsuariosAdminTableShell {
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(62, 64, 149, 0.12);
	border-radius: 1rem;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

.voozeUsuariosAdminFilterShell {
	padding: 0.75rem 1rem 0.25rem;
}

.voozeUsuariosAdminFilterShell .sapUiCompFilterBar {
	background: transparent;
	border: none;
}

.voozeUsuariosAdminTableShell {
	
}

.voozeUsuariosAdminTableShell .sapUiCompSmartTable {
	background: transparent;
}

.voozeUsuariosAdminTableShell .sapMListTblRow:hover > td {
	background-color: rgba(62, 64, 149, 0.04) !important;
}

.voozeUsuariosTable .sapMListTblRow:hover > td {
	background-color: rgba(62, 64, 149, 0.04) !important;
}

.voozeRoleBadge {
	border-radius: 999px;
	padding: 0.125rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 600;
}

/* Seções do dialog de permissões */
.voozePermSection {
	background: #f8f9ff;
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 10px;
	padding: 0.75rem 1rem;
	margin-bottom: 0.5rem;
}

.voozePermSectionTitle {
	color: #3E4095 !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin-bottom: 0.5rem !important;
}

.voozePermToggles {
	gap: 0.5rem;
}

.voozePermItem {
	background: #ffffff;
	border: 1px solid rgba(62, 64, 149, 0.16);
	border-radius: 8px;
	padding: 0.5rem 0.75rem;
	min-width: 10.5rem;
	flex: 1 0 10.5rem;
}

.voozePermItem .sapMCb {
	font-weight: 600;
}

.voozePermDesc {
	font-size: 0.7rem !important;
	color: #6b7280 !important;
	margin-top: 0.1rem !important;
	padding-left: 1.875rem;
}

.voozeUserPermHeader {
	background: linear-gradient(135deg, rgba(62, 64, 149, 0.06) 0%, rgba(242, 168, 15, 0.08) 100%);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 12px;
	padding: 0.875rem 1.125rem;
}

.voozePermDialog.sapMDialog {
	max-height: 92vh;
}

.voozePermDialog .sapMDialogTitle {
	background: linear-gradient(100deg, rgba(62, 64, 149, 0.1) 0%, rgba(242, 168, 15, 0.14) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.14) !important;
}

/* ================================================================
   CONFIGURACOES - Aba Geral + Performance
   ================================================================ */

.voozeSettingsPage {
	background: linear-gradient(165deg, rgba(62, 64, 149, 0.05) 0%, rgba(242, 168, 15, 0.05) 48%, #ffffff 100%);
}

.voozeSettingsTabs .sapMITBContainerContent {
	background: transparent;
	border: none;
}

.voozeSettingsGeneralPanel {
	gap: 0.9rem;
}

.voozeSettingsHero {
	background: linear-gradient(130deg, rgba(62, 64, 149, 0.12) 0%, rgba(242, 168, 15, 0.16) 100%);
	border: 1px solid rgba(62, 64, 149, 0.2);
	border-radius: 16px;
	box-shadow: 0 10px 24px rgba(25, 44, 120, 0.11);
	padding: 0.95rem 1.15rem;
}

.voozeSettingsHeroIcon {
	font-size: 1.65rem;
	color: #192c78;
}

.voozeSettingsHeroText {
	color: #4f5572;
	font-size: 0.86rem;
}

.voozeSettingsTileWrap {
	gap: 0.2rem;
}

.voozeSettingsTile {
	min-width: 16rem;
	border-radius: 14px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(25, 44, 120, 0.16);
	box-shadow: 0 6px 16px rgba(25, 44, 120, 0.08);
	transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.voozeSettingsTile:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(25, 44, 120, 0.15);
}

.voozeSettingsTile .sapMGTHeaderImage {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 999px;
	font-size: 1rem;
}

.voozeSettingsTileLanguage .sapMGTHeaderImage {
	background: rgba(0, 105, 92, 0.14);
	color: #00695c;
}

.voozeSettingsTileDepartment .sapMGTHeaderImage {
	background: rgba(25, 44, 120, 0.14);
	color: #192c78;
}

.voozeSettingsTileMeasure .sapMGTHeaderImage {
	background: rgba(33, 120, 196, 0.14);
	color: #2178c4;
}

.voozeSettingsTileCategory .sapMGTHeaderImage {
	background: rgba(132, 76, 22, 0.14);
	color: #844c16;
}

.voozeSettingsTileUsers .sapMGTHeaderImage {
	background: rgba(97, 35, 137, 0.14);
	color: #612389;
}

.voozeSettingsTileSubscriptions .sapMGTHeaderImage {
	background: rgba(27, 124, 86, 0.14);
	color: #1b7c56;
}

.voozeSettingsTile .sapMGTHdrTxt {
	font-weight: 700;
	color: #1c2141;
}

.voozeSettingsTile .sapMGTSubHdrTxt {
	color: #5f6478;
}

.voozeSettingsPerformanceCard {
	background: #ffffff;
	border: 1px solid rgba(62, 64, 149, 0.16);
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(62, 64, 149, 0.08);
	padding: 1rem 1.15rem;
}

.voozeSettingsPerformanceIcon {
	font-size: 1.45rem;
	color: #3e4095;
	background: rgba(62, 64, 149, 0.08);
	border-radius: 999px;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
}

.voozeSettingsSlider .sapMSliderProgress {
	background-color: #3e4095;
}

.voozeSettingsSlider .sapMSliderHandle {
	border-color: #3e4095;
}

@media (max-width: 960px) {
	.voozeSettingsTile {
		min-width: 13.2rem;
	}
}

@media (max-width: 640px) {
	.voozeSettingsHero {
		padding: 0.85rem 0.95rem;
	}

	.voozeSettingsTile {
		width: 100%;
		min-width: 100%;
	}
}

/* ================================================================
   ASSINATURAS - ADMIN
   ================================================================ */

.voozeAssinaturaPage {
	background: linear-gradient(160deg, rgba(20, 52, 122, 0.06) 0%, rgba(27, 124, 86, 0.06) 42%, #ffffff 100%);
}

.voozeAssinaturaHeader {
	background: linear-gradient(115deg, rgba(20, 52, 122, 0.11) 0%, rgba(27, 124, 86, 0.16) 100%) !important;
	border-bottom: 1px solid rgba(20, 52, 122, 0.18) !important;
}

.voozeAssinaturaTitleIcon {
	font-size: 1.6rem;
	color: #14347a;
}

.voozeAssinaturaPanel {
	background: #ffffff !important;
	border: 1px solid rgba(20, 52, 122, 0.14) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 22px rgba(20, 52, 122, 0.08) !important;
	overflow: hidden;
}

.voozeAssinaturaPanel .sapMPanelHdrTB {
	background: linear-gradient(95deg, rgba(20, 52, 122, 0.06) 0%, rgba(27, 124, 86, 0.1) 100%) !important;
	border-bottom: 1px solid rgba(20, 52, 122, 0.12) !important;
}

.voozeAssinaturaTable .sapMListTblRow:hover > td {
	background-color: rgba(20, 52, 122, 0.04) !important;
}

.voozeAssinaturaDialog .sapMDialogTitle {
	background: linear-gradient(95deg, rgba(20, 52, 122, 0.08) 0%, rgba(27, 124, 86, 0.12) 100%) !important;
	border-bottom: 1px solid rgba(20, 52, 122, 0.12) !important;
}

/* ================================================================
   ASSINATURAS - DASHBOARD ANALYTICS
   ================================================================ */

.voozeSubDashPage {
	background: linear-gradient(160deg, rgba(12, 52, 136, 0.06) 0%, rgba(12, 159, 127, 0.05) 42%, #ffffff 100%);
}

.voozeSubDashTitleIcon {
	font-size: 1.625rem;
	color: #1d4a9c;
}

.voozeSubDashContent {
	gap: 0.35rem;
}

.voozeSubDashTileRow {
	gap: 0.75rem;
	align-items: stretch;
}

.voozeSubDashTile {
	flex: 1 1 15rem;
	min-width: 13.5rem;
	border-radius: 16px;
	background: #ffffff !important;
	border: 1px solid rgba(24, 54, 128, 0.12);
	box-shadow: 0 8px 18px rgba(24, 54, 128, 0.08);
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.voozeSubDashTile:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(24, 54, 128, 0.15);
}

.voozeSubDashTile .sapMGTContent {
	padding-top: 0.2rem;
}

.voozeSubDashTile .sapMNumericContent {
	width: auto;
}

.voozeSubDashTile .sapMNumericContentValue {
	font-size: 1.62rem;
	font-weight: 700;
}

.voozeSubDashTile .sapMTileCntFtrTxt {
	font-size: 0.74rem;
	color: #59617b;
}

.voozeSubDashTileCustomers {
	border-left: 4px solid #3e57d8;
}

.voozeSubDashTileRevenue {
	border-left: 4px solid #2b9e9e;
}

.voozeSubDashTileProfit {
	border-left: 4px solid #6a5acd;
}

.voozeSubDashTileInvoices {
	border-left: 4px solid #4a86d4;
}

.voozeSubDashMiddleRow {
	gap: 0.95rem;
	align-items: stretch;
}

.voozeSubDashPanel {
	background: #ffffff !important;
	border: 1px solid rgba(22, 57, 138, 0.14) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 22px rgba(22, 57, 138, 0.08) !important;
	overflow: hidden !important;
}

.voozeSubDashPanel .sapMPanelHdrTB {
	background: linear-gradient(90deg, rgba(22, 57, 138, 0.06) 0%, rgba(15, 157, 142, 0.1) 100%) !important;
	border-bottom: 1px solid rgba(22, 57, 138, 0.1) !important;
}

.voozeSubDashPanelBody {
	padding: 0.5rem 0.25rem;
}

.voozeSubDashDonutPanel {
	flex: 1 1 23rem;
	min-width: 20rem;
}

.voozeSubDashDonutWrap {
	gap: 0.45rem;
}

.voozeSubDashStatusList .sapMListUl {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.45rem;
}

.voozeSubDashStatusItem {
	
	border: 1px solid rgba(22, 57, 138, 0.12);
	border-radius: 12px;
	padding: 0.45rem 0.65rem;
}

.voozeSubDashLinePanel {
	flex: 2 1 34rem;
	min-width: 22rem;
}

.voozeSubDashLineChart {
	min-height: 12rem;
}

.voozeSubDashChartFoot {
	border-top: 1px dashed rgba(22, 57, 138, 0.18);
	padding-top: 0.55rem;
}

.voozeSubDashTable .sapMListTblRow:hover > td {
	background-color: rgba(22, 57, 138, 0.04) !important;
}

.voozeSubDashTable .sapMObjStatus {
	font-weight: 600;
}

.voozeSettingsTileSubscriptionsDash .sapMGTHeaderImage {
	background: rgba(34, 103, 202, 0.13);
	color: #2267ca;
}

@media (max-width: 1024px) {
	.voozeSubDashLinePanel,
	.voozeSubDashDonutPanel {
		flex: 1 1 100%;
		min-width: 100%;
	}
}

@media (max-width: 640px) {
	.voozeSubDashTile {
		min-width: 100%;
	}
}

/* ================================================================
   PERFIL DA LOJA - DYNAMIC PAGE
   ================================================================ */

/* ── Pagina ── */
.voozeDynPage {
	background:
		radial-gradient(circle at 10% 5%, rgba(62, 64, 149, 0.09) 0%, rgba(62, 64, 149, 0) 32%),
		radial-gradient(circle at 90% 8%, rgba(242, 168, 15, 0.12) 0%, rgba(242, 168, 15, 0) 32%),
		linear-gradient(180deg, #f5f7fb 0%, #ffffff 100%);
}

/* ── Header expandido — fundo sutil ── */
.voozeDynPage .sapFDynamicPageHeader {
	background: linear-gradient(115deg, rgba(62, 64, 149, 0.05) 0%, rgba(242, 168, 15, 0.07) 100%);
	border-bottom: 1px solid rgba(62, 64, 149, 0.1);
}

/* ── Logo da loja ── */
.voozeDynLogoImage {
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 14px;
	box-shadow: 0 6px 16px rgba(62, 64, 149, 0.1);
	display: block;
	height: 4rem;
	object-fit: cover;
	width: 4rem;
}

.voozeDynLogoFallback {
	align-items: center;
	background: linear-gradient(135deg, rgba(62, 64, 149, 0.13) 0%, rgba(242, 168, 15, 0.16) 100%);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 14px;
	display: flex;
	height: 4rem;
	justify-content: center;
	width: 4rem;
}

/* ── Texto auxiliar / muted ── */
.voozeDynMuted {
	color: #5d647d;
	font-size: 0.825rem;
}

/* ── KPI blocks no header ── */
.voozeDynKpi {
	background: rgba(255, 255, 255, 0.82);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 16px;
	box-shadow: 0 6px 14px rgba(62, 64, 149, 0.07);
	min-width: 8.5rem;
	padding: 0.65rem 0.85rem;
}

.voozeDynKpi .sapMLabel {
	color: #49506b;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.voozeDynKpi .sapMTitle .sapMTitleText {
	color: #1a244f;
	font-size: 1.6rem;
	font-weight: 700;
}

/* ── Intro de cada aba ── */
.voozeDynSectionIntro {
	color: #515872;
	max-width: 56rem;
}

/* ── Panel preview (identidade visual) ── */
.voozeDynPreviewPanel.sapMPanel {
	background:
		linear-gradient(145deg, rgba(62, 64, 149, 0.07) 0%, rgba(255, 255, 255, 0.98) 50%),
		linear-gradient(180deg, rgba(242, 168, 15, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(62, 64, 149, 0.08);
	min-width: 22rem;
}

/* ── Panel formulario de edicao ── */
.voozeDynFormPanel.sapMPanel {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(62, 64, 149, 0.12);
	border-radius: 18px;
	box-shadow: 0 10px 24px rgba(62, 64, 149, 0.07);
	flex: 1 1 26rem;
	min-width: 22rem;
}

/* ── Area de preview da logo dentro do panel ── */
.voozeDynPreviewMedia {
	background: linear-gradient(135deg, rgba(62, 64, 149, 0.07) 0%, rgba(242, 168, 15, 0.1) 100%);
	border: 1px solid rgba(62, 64, 149, 0.11);
	border-radius: 20px;
	min-height: 12rem;
	padding: 1.2rem;
}

/* ── Logo real no preview ── */
.voozeDynPreviewImage {
	background: rgba(255, 255, 255, 0.84);
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(62, 64, 149, 0.11);
	display: block;
	height: 9rem;
	max-width: 16rem;
	object-fit: contain;
	width: 100%;
}

/* ── Fallback no preview ── */
.voozeDynPreviewFallback {
	align-items: center;
	background: rgba(255, 255, 255, 0.72);
	border: 1px dashed rgba(62, 64, 149, 0.2);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	height: 9rem;
	justify-content: center;
	max-width: 16rem;
	width: 100%;
}

/* ── Iniciais da loja no fallback ── */
.voozeDynPreviewInitials {
	color: #1a244f;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

/* ── Responsivo ── */
@media (max-width: 960px) {
	.voozeDynPreviewPanel.sapMPanel,
	.voozeDynFormPanel.sapMPanel {
		min-width: 100%;
	}

	.voozeDynKpi {
		min-width: 7rem;
	}
}

@media (max-width: 640px) {
	.voozeDynKpi {
		min-width: 100%;
	}

	.voozeDynPreviewImage,
	.voozeDynPreviewFallback {
		max-width: none;
	}
}

/* ================================================================
   MINHA LOJA — DIALOG CONFIGURAR ESTRUTURA
   ================================================================ */

.voozeStoreCatalogMeta {
	gap: 0.35rem;
	min-width: 6rem;
}

.voozeStoreCatalogMeta .sapMObjectNumberText {
	font-size: 1.1rem;
	font-weight: 700;
	color: #24306f;
}

.voozeStoreSetupDialog.sapMDialog {
	border-radius: 20px !important;
	overflow: hidden !important;
}

.voozeStoreSetupDialog .sapMDialogTitle {
	background: linear-gradient(100deg, rgba(62, 64, 149, 0.1) 0%, rgba(242, 168, 15, 0.14) 100%) !important;
	border-bottom: 1px solid rgba(62, 64, 149, 0.14) !important;
}

.voozeStoreSetupContent {
	gap: 0.85rem;
}

.voozeStoreSetupMetrics {
	gap: 0.65rem;
}

.voozeStoreSetupMetric {
	border-radius: 16px;
	box-shadow: 0 6px 16px rgba(25, 44, 120, 0.06);
	min-width: 10rem;
	padding: 0.7rem 0.85rem;
}

.voozeStoreSetupMetricPrimary {
	background: linear-gradient(145deg, rgba(62, 64, 149, 0.12) 0%, rgba(96, 110, 190, 0.17) 100%);
	border: 1px solid rgba(62, 64, 149, 0.2);
}

.voozeStoreSetupMetricSecondary {
	background: linear-gradient(145deg, rgba(17, 121, 106, 0.11) 0%, rgba(88, 177, 167, 0.16) 100%);
	border: 1px solid rgba(17, 121, 106, 0.18);
}

.voozeStoreSetupMetricNeutral {
	background: linear-gradient(145deg, rgba(32, 103, 182, 0.1) 0%, rgba(145, 200, 255, 0.18) 100%);
	border: 1px solid rgba(32, 103, 182, 0.16);
}

.voozeStoreSetupMetricAccent {
	background: linear-gradient(145deg, rgba(242, 168, 15, 0.15) 0%, rgba(255, 215, 132, 0.28) 100%);
	border: 1px solid rgba(242, 168, 15, 0.24);
}

.voozeStoreSetupMetricLabel {
	color: #49506b;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.voozeStoreSetupGrid {
	align-items: stretch;
	gap: 0.9rem;
}

.voozeStoreWizard {
	background: transparent;
}

.voozeStoreWizard .sapMWizardProgressNav {
	background: rgba(255, 255, 255, 0.94);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 16px;
	box-shadow: 0 6px 18px rgba(62, 64, 149, 0.06);
	margin-bottom: 0.75rem;
	padding: 0.2rem;
}

.voozeStoreWizard .sapMWizardStepContainer {
	padding: 0;
}

.voozeStoreWizard .sapMWizardNextButton .sapMBtnInner {
	background: linear-gradient(135deg, #3E4095 0%, #5a6ab6 100%) !important;
	border-color: #3E4095 !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 18px rgba(62, 64, 149, 0.18);
	color: #fff !important;
}

.voozeStoreSetupPane {
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(62, 64, 149, 0.14);
	border-radius: 18px;
	box-shadow: 0 8px 18px rgba(62, 64, 149, 0.07);
	flex: 1 1 20rem;
	gap: 0.75rem;
	min-height: 0;
	padding: 1rem;
}

.voozeStoreSetupPaneHeader {
	gap: 0.75rem;
}

.voozeStoreSetupPaneIntro {
	flex: 1 1 18rem;
	gap: 0.2rem;
}

.voozeStoreSetupStepContent {
	min-height: 0;
}

.voozeStoreSetupStepMeta {
	gap: 0.45rem;
	min-width: 13rem;
}

.voozeStoreSetupActionRow {
	gap: 0.45rem;
}

.voozeStoreSetupActionRow .sapMBtn .sapMBtnInner {
	border-radius: 999px !important;
}

.voozeStoreSetupList {
	background: transparent !important;
	flex: 1 1 auto;
}

.voozeStoreSetupPane .sapMMsgStrip {
	border-radius: 12px;
}

.voozeStoreSetupList .sapMListUl {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.voozeStoreSetupItem {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.voozeStoreSetupItem .sapMLIBContent {
	background: #fbfcff;
	border: 1px solid rgba(62, 64, 149, 0.12);
	border-radius: 16px;
	box-shadow: 0 6px 16px rgba(62, 64, 149, 0.06);
	padding: 0.85rem 0.9rem;
}

.voozeStoreSetupText {
	flex: 1 1 12rem;
	gap: 0.2rem;
	min-width: 12rem;
}

.voozeStoreSetupText .sapMCb {
	font-weight: 600;
}

.voozeStoreSetupHint {
	color: #5d647d;
	font-size: 0.76rem;
}

.voozeStoreSetupFieldGroup {
	flex: 0 1 15rem;
	gap: 0.45rem;
	max-width: 16rem;
	width: 100%;
}

.voozeStoreSetupSelect {
	width: 100%;
}

.voozeStoreSetupReviewMeta {
	gap: 0.35rem;
	min-width: 8.5rem;
}

.voozeStoreSetupReviewMeta .sapMBtn .sapMBtnInner {
	border-radius: 999px !important;
}

@media (max-width: 960px) {
	.voozeStoreSetupPane {
		flex-basis: 100%;
		min-height: 0;
	}

	.voozeStoreSetupStepMeta {
		align-items: flex-start !important;
		min-width: 100%;
	}

	.voozeStoreSetupFieldGroup,
	.voozeStoreSetupReviewMeta {
		max-width: none;
		min-width: 100%;
	}
}

@media (max-width: 640px) {
	.voozeStoreSetupMetric {
		min-width: 100%;
	}

	.voozeStoreSetupActionRow .sapMBtn {
		width: 100%;
	}
}

/* ================================================================
   ESTATISTICAS - DASHBOARD DO SISTEMA
   ================================================================ */

.voozeStatsPage {
	background: linear-gradient(165deg, rgba(18, 59, 140, 0.06) 0%, rgba(13, 122, 104, 0.07) 55%, #ffffff 100%);
}

.voozeStatsTitleIcon {
	font-size: 1.65rem;
	color: #17439a;
}

.voozeStatsContent {
	gap: 0.35rem;
}

.voozeStatsTileRow {
	gap: 0.8rem;
	align-items: stretch;
}

.voozeStatsTile {
	flex: 1 1 15rem;
	min-width: 13.5rem;
	border-radius: 16px;
	background: #ffffff !important;
	border: 1px solid rgba(20, 56, 136, 0.14);
	box-shadow: 0 8px 20px rgba(20, 56, 136, 0.08);
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.voozeStatsTile:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(20, 56, 136, 0.15);
}

.voozeStatsTileSales {
	border-left: 4px solid #2457d6;
}

.voozeStatsTileTicket {
	border-left: 4px solid #18a2a2;
}

.voozeStatsTileStock {
	border-left: 4px solid #4f86d2;
}

.voozeStatsTileDebt {
	border-left: 4px solid #7f5dbf;
}

.voozeStatsTileTopItem {
	border-left: 4px solid #2a8a67;
}

.voozeStatsTile .sapMNumericContentValue {
	font-size: 1.6rem;
	font-weight: 700;
}

.voozeStatsTile .sapMTileCntFtrTxt {
	font-size: 0.74rem;
	color: #5b637f;
}

.voozeStatsMidRow {
	gap: 1rem;
	align-items: stretch;
}

.voozeStatsBottomRow {
	gap: 1rem;
	align-items: stretch;
}

.voozeStatsPanel {
	background: #ffffff !important;
	border: 1px solid rgba(20, 56, 136, 0.14) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 22px rgba(20, 56, 136, 0.08) !important;
	overflow: hidden !important;
}

.voozeStatsPanel .sapMPanelHdrTB {
	background: linear-gradient(90deg, rgba(20, 56, 136, 0.06) 0%, rgba(16, 146, 126, 0.12) 100%) !important;
	border-bottom: 1px solid rgba(20, 56, 136, 0.1) !important;
}

.voozeStatsPanelBody {
	padding: 0.5rem 0.25rem;
}

.voozeStatsFinancePanel {
	flex: 1 1 23rem;
	min-width: 20rem;
}

.voozeStatsLinePanel {
	flex: 2 1 35rem;
	min-width: 22rem;
}

.voozeStatsTablePanel {
	flex: 2 1 35rem;
	min-width: 22rem;
}

.voozeStatsAlertPanel {
	flex: 1 1 24rem;
	min-width: 20rem;
}

.voozeStatsFinanceWrap {
	gap: 0.5rem;
}

.voozeStatsStatusList .sapMListUl {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.45rem;
}

.voozeStatsStatusItem {
	background: rgba(247, 249, 255, 0.95);
	border: 1px solid rgba(20, 56, 136, 0.12);
	border-radius: 12px;
	padding: 0.45rem 0.65rem;
}

.voozeStatsLineChart {
	min-height: 12rem;
}

.voozeStatsChartFoot {
	border-top: 1px dashed rgba(20, 56, 136, 0.18);
	padding-top: 0.55rem;
}

.voozeStatsTable .sapMListTblRow:hover > td {
	background-color: rgba(20, 56, 136, 0.04) !important;
}

.voozeStatsTable .sapMObjStatus {
	font-weight: 600;
}

@media (max-width: 1080px) {
	.voozeStatsLinePanel,
	.voozeStatsFinancePanel,
	.voozeStatsTablePanel,
	.voozeStatsAlertPanel {
		flex: 1 1 100%;
		min-width: 100%;
	}
}

@media (max-width: 640px) {
	.voozeStatsTile {
		min-width: 100%;
	}
}

/* ================================================================
   LANDING PAGE
   ================================================================ */

.voozeLandingPremiumCtaCard {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 249, 252, 0.98) 100%);
}

.voozeLandingPremiumCtaActions {
	gap: 0.5rem;
}

/* ================================================================
   ATIVACAO INICIAL DA LOJA
   ================================================================ */

.voozeActivationPage {
	--voozeActivationPrimary: #2d3e8b;
	--voozeActivationAccent: #f2a80f;
	--voozeActivationInk: #16213f;
	--voozeActivationMuted: #5f6b85;
	--voozeActivationBorder: rgba(45, 62, 139, 0.14);
	--voozeActivationSurface: rgba(255, 255, 255, 0.92);
	background:
		radial-gradient(circle at top left, rgba(242, 168, 15, 0.14) 0%, rgba(242, 168, 15, 0) 34%),
		linear-gradient(180deg, rgba(45, 62, 139, 0.08) 0%, rgba(255, 255, 255, 0.82) 26%, #f7f9fc 100%);
	min-height: 100%;
}

.voozeActivationPage .sapFDynamicPageTitle {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 247, 255, 0.96) 60%, rgba(255, 249, 235, 0.96) 100%) !important;
	border-bottom: 1px solid var(--voozeActivationBorder);
	box-shadow: 0 12px 28px rgba(22, 33, 63, 0.06);
}

.voozeActivationContent {
	gap: 1.5rem;
	padding-bottom: 2rem;
}

.voozeActivationPage .sapMHBox {
	background: transparent !important;
	background-color: transparent !important;
}

.voozeActivationTitleBlock {
	
}

.voozeActivationTitleIcon {
	font-size: 1.4rem;
	color: var(--voozeActivationPrimary);
}

.voozeActivationEyebrow {
	color: var(--voozeActivationPrimary);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.16rem;
	text-transform: uppercase;
}

.voozeActivationMainTitle.sapMTitle {
	color: var(--voozeActivationInk);
	font-size: 2.4rem;
	line-height: 1.05;
}

.voozeActivationSubTitle.sapMTitle {
	color: var(--voozeActivationPrimary);
	font-weight: 600;
}

.voozeActivationHeaderText {
	max-width: 50rem;
}

.voozeActivationHeaderLead,
.voozeActivationHeaderDescription,
.voozeActivationLead,
.voozeActivationSectionIntro,
.voozeActivationCatalogText,
.voozeActivationTrustText,
.voozeActivationFooterText,
.voozeActivationMetricHelper,
.voozeActivationStepText,
.voozeActivationBenefitDescription {
	color: var(--voozeActivationMuted);
}

.voozeActivationHero {
	align-items: stretch;
	gap: 1rem;
}

.voozeActivationHeroMain,
.voozeActivationCatalogCard,
.voozeActivationBenefitsCard,
.voozeActivationTrustCard,
.voozeActivationMetricCard,
.voozeActivationStepCard {
	background: var(--voozeActivationSurface);
	border: 1px solid var(--voozeActivationBorder);
	border-radius: 1.25rem;
	box-shadow: 0 18px 36px rgba(22, 33, 63, 0.08);
}

.voozeActivationHeroMain {
	flex: 2 1 42rem;
	padding: 1.5rem;
}

.voozeActivationCatalogCard {
	flex: 1 1 22rem;
	padding: 1.25rem;
}

.voozeActivationSummaryStrip {
	border-radius: 0.9rem;
}

.voozeActivationSegmentRow {
	gap: 0.35rem;
}

.voozeActivationCatalogList,
.voozeActivationBenefitList,
.voozeActivationChecklist {
	background: transparent;
}

.voozeActivationCatalogItem,
.voozeActivationBenefitItem,
.voozeActivationChecklistItem {
	background: transparent;
	border: none;
	padding-left: 0;
	padding-right: 0;
}

.voozeActivationListIcon {
	color: var(--voozeActivationPrimary);
	font-size: 1rem;
	margin-top: 0.1rem;
}

.voozeActivationMetricRow,
.voozeActivationStepsRow,
.voozeActivationLowerRow {
	gap: 1rem;
}

.voozeActivationMetricCard {
	flex: 1 1 12rem;
	padding: 1.15rem 1.25rem;
}

.voozeActivationMetricIcon {
	color: var(--voozeActivationAccent);
	font-size: 1.05rem;
}

.voozeActivationMetricLabel {
	color: var(--voozeActivationPrimary);
	font-weight: 700;
}

.voozeActivationMetricValue.sapMTitle {
	color: var(--voozeActivationInk);
	font-size: 1.9rem;
}

.voozeActivationStepCard {
	flex: 1 1 15rem;
	min-height: 13.5rem;
	padding: 1.2rem;
}

.voozeActivationStepNumber {
	align-items: center;
	background: rgba(45, 62, 139, 0.08);
	border-radius: 999px;
	color: var(--voozeActivationPrimary);
	display: inline-flex;
	font-size: 0.9rem;
	font-weight: 800;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

.voozeActivationStepIcon {
	color: var(--voozeActivationAccent);
	font-size: 1.2rem;
}

.voozeActivationBenefitsCard,
.voozeActivationTrustCard {
	flex: 1 1 24rem;
	padding: 1.3rem;
}

.voozeActivationBenefitTextBlock {
	flex: 1 1 auto;
}

.voozeActivationBenefitTitle {
	color: var(--voozeActivationInk);
	font-weight: 700;
}

.voozeActivationFooter {
	background: rgba(255, 255, 255, 0.94) !important;
	border-top: 1px solid var(--voozeActivationBorder) !important;
	box-shadow: 0 -10px 24px rgba(22, 33, 63, 0.05);
}

@media (max-width: 980px) {
	.voozeActivationMainTitle.sapMTitle {
		font-size: 2rem;
	}

	.voozeActivationHeroMain,
	.voozeActivationCatalogCard,
	.voozeActivationBenefitsCard,
	.voozeActivationTrustCard,
	.voozeActivationMetricCard,
	.voozeActivationStepCard {
		flex: 1 1 100%;
	}
}

@media (max-width: 640px) {
	.voozeActivationPage .sapFDynamicPageTitle {
		padding-top: 0.4rem;
	}

	.voozeActivationMainTitle.sapMTitle {
		font-size: 1.7rem;
	}

	.voozeActivationHeroMain,
	.voozeActivationCatalogCard,
	.voozeActivationBenefitsCard,
	.voozeActivationTrustCard {
		padding: 1rem;
	}

	.voozeActivationMetricCard,
	.voozeActivationStepCard {
		padding: 1rem;
	}
}

/* ================================================================
   CONTROLE DE ENTREGAS
   ================================================================ */

.voozeEntregaPage {
	--voozeEntregaPrimary: #0f5d66;
	--voozeEntregaSecondary: #156f8a;
	--voozeEntregaAccent: #ee8c2a;
	--voozeEntregaInk: #173240;
	--voozeEntregaMuted: #617481;
	--voozeEntregaBorder: rgba(15, 93, 102, 0.14);
	--voozeEntregaSurface: rgba(255, 255, 255, 0.94);
	background:
		radial-gradient(circle at top right, rgba(238, 140, 42, 0.16) 0%, rgba(238, 140, 42, 0) 33%),
		radial-gradient(circle at top left, rgba(21, 111, 138, 0.14) 0%, rgba(21, 111, 138, 0) 34%),
		linear-gradient(180deg, rgba(15, 93, 102, 0.07) 0%, rgba(247, 250, 252, 0.86) 26%, #f6f8fb 100%);
	min-height: 100%;
}

.voozeEntregaPage .sapFDynamicPageTitle {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.97) 0%, rgba(240, 250, 251, 0.97) 52%, rgba(255, 248, 239, 0.97) 100%) !important;
	border-bottom: 1px solid var(--voozeEntregaBorder);
	box-shadow: 0 14px 28px rgba(23, 50, 64, 0.07);
}

.voozeEntregaDialog .sapMDialogSection,
.voozeEntregaDialog .sapMDialogScrollCont {
	background: transparent;
}

.voozeEntregaDialogContent {
	padding: 1rem;
}

.voozeEntregaTitleIcon {
	color: var(--voozeEntregaPrimary);
	font-size: 1.45rem;
}

.voozeEntregaHeader {
	background: transparent !important;
	padding: 0 1rem 1rem;
}

.voozeEntregaMetricRow {
	gap: 1rem;
}

.voozeEntregaMetric {
	background: var(--voozeEntregaSurface);
	border: 1px solid var(--voozeEntregaBorder);
	border-radius: 1.1rem;
	box-shadow: 0 16px 32px rgba(23, 50, 64, 0.08);
	flex: 1 1 12rem;
	min-width: 12rem;
	overflow: hidden;
	padding: 1rem 1.1rem;
	position: relative;
}

.voozeEntregaMetric::before {
	border-radius: 999px;
	content: "";
	height: 8.5rem;
	opacity: 0.18;
	position: absolute;
	right: -2.8rem;
	top: -4.5rem;
	width: 8.5rem;
}

.voozeEntregaMetricPrimary::before {
	background: rgba(15, 93, 102, 0.44);
}

.voozeEntregaMetricSecondary::before {
	background: rgba(21, 111, 138, 0.42);
}

.voozeEntregaMetricNeutral::before {
	background: rgba(23, 50, 64, 0.24);
}

.voozeEntregaMetricAccent::before {
	background: rgba(238, 140, 42, 0.42);
}

.voozeEntregaMetricLabel {
	color: var(--voozeEntregaPrimary);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08rem;
	position: relative;
	text-transform: uppercase;
}

.voozeEntregaMetric .sapMTitle {
	color: var(--voozeEntregaInk);
	font-size: 1.95rem;
	position: relative;
}

.voozeEntregaMetricHint {
	color: var(--voozeEntregaMuted);
	position: relative;
}

.voozeEntregaContent {
	gap: 1rem;
	padding-bottom: 2rem;
}

.voozeEntregaTopRow {
	align-items: stretch;
	gap: 1rem;
}

.voozeEntregaPanel {
	background: var(--voozeEntregaSurface);
	border: 1px solid var(--voozeEntregaBorder);
	border-radius: 1.2rem;
	box-shadow: 0 20px 38px rgba(23, 50, 64, 0.08);
	overflow: hidden;
}

.voozeEntregaPanel .sapMPanelHdr,
.voozeEntregaPanel .sapMPanelContent {
	background: transparent;
	border: none;
}

.voozeEntregaPanel .sapMPanelWrappingDiv,
.voozeEntregaPanel .sapMPanelBGTransparent {
	background: transparent;
}

.voozeEntregaFormPanel {
	flex: 1.4 1 38rem;
}

.voozeEntregaPreviewPanel {
	flex: 1 1 22rem;
}

.voozeEntregaPanelBody {
	gap: 1rem;
	padding: 1.25rem;
}

.voozeEntregaForm .sapMLabel {
	color: var(--voozeEntregaInk);
	font-weight: 600;
}

.voozeEntregaActionRow {
	gap: 0.75rem;
}

.voozeEntregaPreviewCard {
	background:
		linear-gradient(140deg, rgba(15, 93, 102, 0.12) 0%, rgba(21, 111, 138, 0.08) 48%, rgba(238, 140, 42, 0.14) 100%);
	border: 1px solid rgba(15, 93, 102, 0.12);
	border-radius: 1.1rem;
	gap: 1rem;
	padding: 1.15rem;
}

.voozeEntregaPreviewHero {
	gap: 1rem;
}

.voozeEntregaPreviewIconWrap {
	background: linear-gradient(140deg, rgba(15, 93, 102, 0.14) 0%, rgba(255, 255, 255, 0.72) 100%);
	border: 1px solid rgba(15, 93, 102, 0.12);
	border-radius: 1rem;
	height: 5rem;
	width: 5rem;
}

.voozeEntregaPreviewIcon {
	color: var(--voozeEntregaPrimary);
	font-size: 2rem;
}

.voozeEntregaPreviewText {
	flex: 1 1 14rem;
}

.voozeEntregaPreviewTags {
	gap: 0.5rem;
}

.voozeEntregaPreviewAddress {
	background: rgba(255, 255, 255, 0.7);
	border-radius: 0.95rem;
	padding: 0.9rem 1rem;
}

.voozeEntregaAddressLine {
	color: var(--voozeEntregaInk);
	font-weight: 600;
}

.voozeEntregaTablePanel {
	width: 100%;
}

.voozeEntregaTable .sapMListTblRow {
	background: rgba(255, 255, 255, 0.82);
}

.voozeEntregaTable .sapMColumnHeader {
	background: rgba(15, 93, 102, 0.05);
}

.voozeEntregaMuted {
	color: var(--voozeEntregaMuted);
}

.voozeEntregaEyebrow {
	color: var(--voozeEntregaPrimary);
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.12rem;
	text-transform: uppercase;
}

@media (max-width: 1100px) {
	.voozeEntregaFormPanel,
	.voozeEntregaPreviewPanel {
		flex: 1 1 100%;
	}
}

@media (max-width: 720px) {
	.voozeEntregaHeader {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}

	.voozeEntregaMetric {
		min-width: 100%;
	}

	.voozeEntregaPanelBody {
		padding: 1rem;
	}

	.voozeEntregaPreviewIconWrap {
		height: 4.2rem;
		width: 4.2rem;
	}
}