@media (width<=1023px){body:has(nav[aria-label="Seções do cliente"]){--cliente-gap:.5rem}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"]){border-radius:.8rem!important;padding:.65rem .75rem!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:first-child{gap:.45rem!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:first-child>span{width:2.35rem!important;height:2.35rem!important;font-size:.78rem!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"]) h1{font-size:.86rem!important;line-height:1.15!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"]) h1+span{margin-top:.18rem!important;padding:.12rem .45rem!important;font-size:.56rem!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:last-child{grid-template-columns:minmax(0,1fr) auto!important;gap:.16rem .7rem!important;margin-top:.42rem!important;font-size:.64rem!important;display:grid!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:last-child>p{min-width:0;margin:0!important}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:last-child>p:nth-child(2){justify-self:end}body:has(nav[aria-label="Seções do cliente"]) header:has(+nav[aria-label="Seções do cliente"])>div:last-child>p:nth-child(3){grid-column:1/-1}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px -16px #0f172a47;border-radius:.8rem!important;margin-top:.5rem!important;padding:.2rem!important;top:.2rem!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"]>div{gap:.1rem!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"] button{border-radius:.62rem!important;gap:.1rem!important;min-width:0!important;height:2.7rem!important;padding-inline:.08rem!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"] button svg{width:.8rem!important;height:.8rem!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"] button span{letter-spacing:-.02em;text-overflow:clip!important;white-space:nowrap!important;font-size:.52rem!important;line-height:1!important;overflow:visible!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"]+div{gap:.5rem!important;margin-top:.45rem!important}body:has(nav[aria-label="Seções do cliente"]) nav[aria-label="Seções do cliente"]+div>div:first-child:has([role=group]){margin-top:-.05rem!important;margin-bottom:.38rem!important}body:has(nav[aria-label="Seções do cliente"]) [role=group][aria-label="Unidade de exibição das métricas"]{width:auto!important;min-width:0!important;height:2rem!important;margin-block:0!important;padding:.125rem!important}body:has(nav[aria-label="Seções do cliente"]) [role=group][aria-label="Unidade de exibição das métricas"] button{gap:.25rem!important;min-width:0!important;height:1.75rem!important;min-height:1.75rem!important;padding-inline:.6rem!important;font-size:.68rem!important;line-height:1!important}body:has(nav[aria-label="Seções do cliente"]) [role=group][aria-label="Unidade de exibição das métricas"] button svg{width:.82rem!important;height:.82rem!important}body:has(nav[aria-label="Seções do cliente"]) section{border-radius:.8rem!important;padding:.68rem!important}body:has(nav[aria-label="Seções do cliente"]) section>header{margin-bottom:.5rem!important}body:has(nav[aria-label="Seções do cliente"]) section h2{font-size:.78rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2{gap:.45rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\]{border-radius:.68rem!important;gap:.36rem!important;min-height:4.45rem!important;padding:.56rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\]>span:first-child{width:1.55rem!important;height:1.55rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\]>span:first-child svg{width:.78rem!important;height:.78rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\] p:first-child{font-size:.62rem!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\] p:nth-child(2){margin-top:.1rem!important;line-height:1.15!important}body:has(nav[aria-label="Seções do cliente"]) .grid.grid-cols-2.gap-2>div.rounded-\[14px\] button{width:1.75rem!important;height:1.75rem!important}body:has(nav[aria-label="Seções do cliente"]) section:has(>header h2:first-child){box-shadow:none!important}body:has(nav[aria-label="Seções do cliente"]) section:has(>header h2:first-child)>p.mt-2{margin-top:.4rem!important;font-size:.62rem!important}:is(body:has(nav[aria-label="Seções do cliente"]) input[aria-label=Buscar\ pedidos],body:has(nav[aria-label="Seções do cliente"]) input[aria-label=Buscar\ pagamentos]){height:2.15rem!important}:is(body:has(nav[aria-label="Seções do cliente"]) article.rounded-\[14px\],body:has(nav[aria-label="Seções do cliente"]) a.rounded-\[14px\]){border-radius:.68rem!important;padding:.58rem!important}:is(body:has(nav[aria-label="Seções do cliente"]) article.rounded-\[14px\] .mt-2,body:has(nav[aria-label="Seções do cliente"]) a.rounded-\[14px\] .mt-2){margin-top:.32rem!important}body:has(nav[aria-label="Seções do cliente"]) section.border-warning\/40{background:var(--card)!important;border-color:hsl(var(--border) / .8)!important}body:has(nav[aria-label="Seções do cliente"]) section:has(.divide-y) .divide-y>div{padding-block:.46rem!important}body:has(nav[aria-label="Seções do cliente"]) section:has(.divide-y) .divide-y>div span:first-child{font-size:.58rem!important}body:has(nav[aria-label="Seções do cliente"]) section:has(.divide-y) .divide-y>div span:last-child{font-size:.72rem!important}}
