/* PRONTO FLUX · refinamento visual de 23/10/2026
   Escopo: PDV, notificações, menu de conta, Pix e tutoriais.
   Sem alterar lógica de pagamento nem cadastros. */

/* O contador ocupa uma cápsula vermelha bem dimensionada, inclusive com 2–3 dígitos. */
#topNotices,#topNotifications{position:relative!important;overflow:visible!important}
#topNotices .notice-badge,#topNotifications .notice-badge{
 position:absolute!important;top:-9px!important;right:-8px!important;
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 width:auto!important;min-width:21px!important;max-width:42px!important;height:21px!important;
 padding:0 5px!important;margin:0!important;border-radius:999px!important;
 background:#e01b26!important;color:#fff!important;
 border:2px solid var(--panel)!important;box-shadow:0 2px 7px #0004!important;
 text-align:center!important;font-size:10px!important;line-height:1!important;
 font-weight:900!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important;
 white-space:nowrap!important;z-index:12!important;transform:none!important;
}
#topNotices .notice-badge[hidden],#topNotifications .notice-badge[hidden]{display:none!important}
@media(max-width:640px){
 #topNotices .notice-badge,#topNotifications .notice-badge{top:-7px!important;right:-6px!important;min-width:19px!important;height:19px!important;font-size:9px!important;padding:0 4px!important}
}

/* Passos e informações do caixa alinhados com o corpo do PDV. */
#content .pdv-stage-tabs,#content .pdv-cash-strip{
 box-sizing:border-box!important;width:min(100%,1080px)!important;max-width:1080px!important;
 margin-inline:auto!important;position:relative;
}
#content .pdv-stage-tabs{gap:8px!important;padding:7px!important;min-height:53px!important;
 border:1px solid var(--border)!important;border-radius:15px!important;
 background:linear-gradient(120deg,var(--panel),var(--panel2))!important;
 box-shadow:0 5px 18px #0000000a!important;margin-bottom:8px!important}
#content .pdv-stage-tab{min-height:39px!important;border-radius:10px!important;
 font-size:10px!important;letter-spacing:0!important;gap:8px!important;transition:background .14s,border-color .14s!important}
#content .pdv-stage-tab>span{width:20px!important;height:20px!important;border-radius:7px!important;font-size:10px!important}
#content .pdv-stage-tab.active{background:color-mix(in srgb,var(--red) 18%,var(--panel2))!important;
 border-color:color-mix(in srgb,var(--red) 62%,var(--border))!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 20%,transparent)!important}
#content .pdv-stage-tab:focus-visible{outline:2px solid var(--red);outline-offset:2px}
#content .pdv-cash-strip{min-height:45px!important;padding:9px 13px!important;gap:10px!important;
 border-radius:13px!important;background:var(--panel)!important;border-color:var(--border)!important;
 box-shadow:0 3px 12px #00000008!important}
#content .pdv-cash-strip>b{font-size:11px!important;font-weight:850!important}
#content .pdv-cash-strip>small{font-size:10px!important}
#content .pdv-cash-strip .pdv-step{letter-spacing:.04em!important}
@media(min-width:1100px){
 #content .pdv-stage-tabs,#content .pdv-cash-strip{transform:translateX(10px);width:calc(min(100%,1080px) - 20px)!important}
}
@media(max-width:900px){
 #content .pdv-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #content .pdv-stage-tab{min-height:38px!important;font-size:9px!important}
 #content .pdv-cash-strip{flex-wrap:wrap}
}
.light #content .pdv-stage-tab.active{color:#8b1018!important}
.light #content .pdv-stage-tab.active>span{color:#fff!important}

/* Ícone da empresa mais reconhecível no menu pessoal. */
.account-menu-row[data-account-page="settings"] .account-row-icon{
 color:var(--red)!important;width:32px!important;height:32px!important;
 border:1px solid color-mix(in srgb,var(--red) 25%,var(--border))!important;
 border-radius:10px!important;background:color-mix(in srgb,var(--red) 8%,var(--panel))!important;
}
.account-menu-row[data-account-page="settings"] .account-row-icon svg{width:20px!important;height:20px!important;stroke-width:1.9!important}
.account-menu-row[data-account-page="settings"]:hover .account-row-icon{background:color-mix(in srgb,var(--red) 13%,var(--panel))!important}

/* O Pix usa o símbolo sólido vermelho em todas as opções visuais padronizadas. */
.payment-method-card.pf-pix-method .payment-method-card-icon{color:var(--red)!important;
 background:color-mix(in srgb,var(--red) 7%,var(--panel))!important;
 border:1px solid color-mix(in srgb,var(--red) 25%,var(--border))!important}
.payment-method-card.pf-pix-method .payment-method-card-icon svg{display:block;width:25px!important;height:25px!important;stroke:none!important;fill:currentColor!important}
.pdv-payment-method-button[data-pf-payment-type="pix"] .pf-pdv-payment-symbol{color:var(--red)!important}

/* O tour automático continua. Apenas botões repetitivos por módulo são removidos. */
.pf-module-help-btn,[data-pf-module-help]{display:none!important}

/* Reduz repaints caros em listas extensas sem esconder ou paginar dados. */
#content .payment-method-card,#content .inventory-product-card{contain:layout style}
@media(prefers-reduced-motion:reduce){#content .pdv-stage-tab{transition:none!important}}