/* v0.11.0: camada visual isolada. Mantém seletores e fluxo da v0.10.1. */
:root{--canvas:#f5f6fa;--text-strong:#182230;--border:#e3e7ee;--radius-lg:14px;--shadow-xs:0 2px 5px rgba(16,24,40,.025)}
body{background:var(--canvas);line-height:1.45}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #818cf8;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}
.skip-link{position:fixed;top:8px;left:12px;z-index:300;transform:translateY(-160%);padding:10px 16px;background:#fff;border:2px solid #4f46e5;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.sidebar{background:#121c2d}
.sidebar nav a{border-radius:8px;min-height:41px}
.sidebar nav a:hover{transform:none}
.sidebar nav a.active{background:#33416a;background:color-mix(in srgb,var(--brand) 38%,#182338);box-shadow:none}
.sidebar nav a.active:before{background:#a5b4fc;left:0;width:3px}
.nav-group>span{color:#9aa9bc;font-size:10px;letter-spacing:.09em}
.nav-icon{background:transparent;border-radius:0}
.nav-icon svg{display:block;width:19px;height:19px}
.sidebar-store-card{border-radius:10px}
.topbar{background:#fff;box-shadow:none;backdrop-filter:none}
.topbar-context{min-width:0}.topbar-context strong{font-size:14px}
.quick-sell{box-shadow:none;border-radius:8px}
.quick-sell:hover,.primary:hover:not(:disabled){transform:none}
.content{padding:28px 30px 38px}
.page-head h1{font-size:28px;letter-spacing:-.035em;line-height:1.18}
.page-head p{font-size:13px;color:#667085;line-height:1.55}
.eyebrow{font-size:10px;letter-spacing:.1em}
.panel{border-radius:14px;box-shadow:var(--shadow-xs)}
.panel-head{flex-wrap:wrap}
.panel-head h2{font-size:17px;letter-spacing:-.02em}
.primary,.secondary,.filterbar button{border-radius:8px;min-height:40px;font-size:13px;box-shadow:none}
.tiny-btn{min-height:32px}
.filterbar{border-radius:10px;padding:10px;gap:10px;box-shadow:none}
.form-grid,.stack{gap:16px}
.form-grid label,.stack label{font-size:13px}
.form-grid input,.form-grid select,.stack input,.stack select,.filterbar input,.filterbar select{border-radius:8px}
.table-wrap{border-radius:10px;max-width:100%;overscroll-behavior-x:contain}
.zebra thead th{font-size:11px;letter-spacing:.035em;padding:12px;background:#f7f8fb}
.zebra td{font-size:13px;padding:12px;line-height:1.45}
.zebra td.money,.metric strong,.dashboard-stock-strip strong{font-variant-numeric:tabular-nums}
.zebra tbody tr:hover{background:#f0f3fa}
.zebra th[aria-sort]{cursor:pointer}
.column-filters input{background:#fff;width:100%;min-width:70px}
.table-wrap:focus-visible{outline-offset:2px}
.empty strong{display:block;color:#344054;font-size:14px}.empty p{font-size:13px;margin:5px 0 14px}
.dashboard-view .hero-head{align-items:center;margin-bottom:22px}
.dashboard-view .hero-head h1{font-size:30px}
.privacy-toggle{gap:8px;white-space:nowrap;min-height:42px}
.privacy-form{margin:0}
.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.dashboard-periods{width:auto;background:#e9ecf2;border:1px solid #e1e5ed;border-radius:9px;padding:4px;gap:2px}
.dashboard-periods a{font-size:12px;min-height:34px;display:flex;align-items:center;justify-content:center;padding:7px 14px;white-space:nowrap}
.dashboard-periods a.on{color:#344054;box-shadow:0 1px 4px #10182812}
.dashboard-period-caption{font-size:12px;color:#667085}
.dashboard-kpis{gap:16px;margin-bottom:26px}
.dashboard-kpis .metric{padding:21px 20px;min-height:145px;border-radius:14px;box-shadow:var(--shadow-xs)}
.dashboard-kpis .metric:before{display:none}
.dashboard-kpis .metric>span{font-size:13px;color:#475467;font-weight:600}
.dashboard-kpis .metric>strong{font-size:clamp(21px,2.1vw,30px);letter-spacing:-.035em;line-height:1.25;margin-top:15px;white-space:nowrap}
.dashboard-kpis .metric small{font-size:12px;margin-top:9px;color:#667085}
.dashboard-kpis .spotlight{background:#233450!important;background-image:none!important;border-color:#233450}
.dashboard-kpis .spotlight>span,.dashboard-kpis .spotlight small{color:#ccd6e7!important}
.dashboard-kpis .spotlight>strong{color:white!important}
.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.dashboard-section-head h2{font-size:16px;margin:0;letter-spacing:-.02em}
.dashboard-section-head>span{font-size:12px;color:#667085}
.dashboard-stock-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:0;background:white;border-radius:14px;overflow:hidden;margin-bottom:26px}
.dashboard-stock-strip>div{min-width:0;padding:20px;border-right:1px solid var(--border);background:transparent;border-radius:0}
.dashboard-stock-strip>div:last-child{border-right:0}
.dashboard-stock-strip span{font-size:12px;color:#475467}
.dashboard-stock-strip strong{display:block;font-size:21px;letter-spacing:-.025em;margin:10px 0 7px;overflow-wrap:anywhere}
.dashboard-stock-strip small{display:block;font-size:11px;color:#667085;line-height:1.6}
.private-placeholder{font-size:inherit!important;letter-spacing:.12em;color:#98a2b3!important;user-select:none}
.dashboard-recent{padding:22px}
.dashboard-recent .panel-head{margin-bottom:18px}
.dashboard-recent .zebra{min-width:640px}
.dashboard-recent .table-wrap .column-filters th:last-child:empty{background:#f7f8fb}
.seller-goal-card{box-shadow:none;border-radius:14px}
.pos-search-panel,.pos-cart,.pos-checkout-column{border-radius:14px}
.scan-box{border-radius:9px}
.search-result{min-height:64px;border-radius:9px}
.checkout-summary{border-radius:10px}
.modal-card{border-radius:16px}.modal-head button{min-width:38px;min-height:38px}
.login-card{border-radius:16px;box-shadow:0 12px 40px #1822300c}
.login-form .login-submit{box-shadow:none!important}
@media(min-width:761px) and (max-width:1180px){.content{padding:24px 20px}.dashboard-stock-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stock-strip>div:nth-child(2){border-right:0}.dashboard-stock-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:760px){
 .content{padding:20px 14px calc(90px + env(safe-area-inset-bottom))}
 .page-head h1,.dashboard-view .hero-head h1{font-size:26px}
 .dashboard-view .hero-head{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:14px}
 .dashboard-toolbar{gap:8px;margin-bottom:16px}.dashboard-periods{width:100%}.dashboard-periods a{flex:1;padding:8px 10px}
 .dashboard-period-caption{font-size:11px}
 .dashboard-kpis{gap:10px;margin-bottom:22px}.dashboard-kpis .metric{padding:15px 13px;min-height:128px}
 .dashboard-kpis .metric>span{font-size:12px}.dashboard-kpis .metric>strong{font-size:clamp(17px,4.5vw,25px);margin-top:13px}
 .dashboard-kpis .metric small{font-size:11px}
 .dashboard-section-head{display:block}.dashboard-section-head>span{display:block;margin-top:4px;font-size:11px}
 .dashboard-stock-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}
 .dashboard-stock-strip>div{padding:15px 13px}.dashboard-stock-strip>div:nth-child(2){border-right:0}.dashboard-stock-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
 .dashboard-stock-strip strong{font-size:18px}.dashboard-stock-strip span{font-size:12px}
 .dashboard-recent{padding:15px}.dashboard-recent .panel-head{gap:12px}.dashboard-recent .button-row{width:100%}.dashboard-recent .button-row a{flex:1}
 .panel-head .button-row{flex-wrap:wrap}.privacy-toggle{min-height:42px;font-size:12px}
 .primary,.secondary,.filterbar button,.tiny-btn{min-height:42px}
 .topbar .store-switch{flex:0 1 auto;min-width:0}.topbar .store-switch select{width:98px;max-width:98px}.mobile-brand{min-width:0}.mobile-brand small{max-width:95px}
 .mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}
 .mobile-nav a{min-width:44px;min-height:44px;justify-content:center}
 .seller-goal-card{padding:20px;gap:16px}.seller-goal-card h2{font-size:25px}
 .login-panel{padding:20px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.privacy-form,.dashboard-toolbar{display:none!important}.dashboard-view .private-placeholder{color:#667085!important}}
/* Neutraliza a decoração das camadas antigas sem reescrever suas regras. */
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"DejaVu Sans",sans-serif}
.page-head{padding:0;min-height:0;background:none;border:0;border-radius:0;box-shadow:none}
.page-head:after{display:none}
.dashboard-view .hero-head{padding:0}
.dashboard-kpis .metric>span{margin-top:0;text-transform:none;letter-spacing:0}
.dashboard-view .private-placeholder{display:inline;margin:0;text-transform:none;font-weight:inherit}
.dashboard-stock-strip{border:1px solid var(--border)!important;box-shadow:var(--shadow-xs)!important}
.dashboard-stock-strip>div{border-color:var(--border)!important}
.dashboard-stock-strip span,.dashboard-stock-strip small{color:#667085!important}
.dashboard-stock-strip strong{color:#182230!important}
.dashboard-stock-strip .positive{color:#067647!important}
.dashboard-stock-strip .negative{color:#b42318!important}
.dashboard-stock-strip .private-placeholder{color:#98a2b3!important}
@media(max-width:760px){
 .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dashboard-stock-strip>div{border-right:1px solid var(--border)!important;border-bottom:0}
 .dashboard-stock-strip>div:nth-child(2n){border-right:0!important}
 .dashboard-stock-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
 .topbar .store-switch{display:flex}
 .checkout-btn{position:static}
}
.stock-hero article.brand{display:block;margin:0}
.stock-hero article.brand strong{display:block;white-space:nowrap}
.dashboard-kpis .metric>strong{white-space:normal;overflow-wrap:anywhere}
