@import url("./r360-ecommerce-stock-r189-readable.css?v=20260820-r189-readable-2");

/* R189 loader/compact shell.
   Mantém a URL já carregada pelo preview, mas delega a tabela e a legibilidade para a R189. */

.page:has(.ecommerce-stock-page-actions){
  padding-top:0!important;
}
.page:has(.ecommerce-stock-page-actions) .page-header{
  display:grid!important;
  grid-template-columns:minmax(330px,1fr) minmax(620px,auto)!important;
  align-items:end!important;
  gap:8px 16px!important;
  margin-bottom:8px!important;
  padding:0!important;
}
.page:has(.ecommerce-stock-page-actions) .page-header h1{
  margin:0 0 2px!important;
  font-size:22px!important;
  line-height:1.08!important;
}
.page:has(.ecommerce-stock-page-actions) .page-header p{
  max-width:580px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.page:has(.ecommerce-stock-page-actions) .page-header::before{
  margin-top:-13px!important;
}
.ecommerce-stock-page-actions{
  display:grid!important;
  grid-template-columns:minmax(235px,1.25fr) repeat(5,max-content)!important;
  align-items:end!important;
  justify-content:end!important;
  width:100%!important;
  gap:5px!important;
}
.ecommerce-stock-page-actions>button{
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.ecommerce-stock-selector{
  min-width:0!important;
  width:100%!important;
  gap:2px!important;
}
.ecommerce-stock-selector span{
  font-size:8px!important;
}
.ecommerce-stock-selector select{
  min-height:34px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
  font-size:12px!important;
}

/* Fluxo lateral continua compacto, sem espremer a área principal. */
.ecommerce-stock-tabs{
  top:60px!important;
  gap:3px!important;
  padding:44px 7px 7px!important;
  border-radius:13px!important;
}
.ecommerce-stock-tabs::before{
  height:36px!important;
  padding:0 11px!important;
  font-size:8px!important;
}
.ecommerce-stock-tabs button{
  min-height:48px!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  gap:0 7px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
.ecommerce-stock-tabs button::before{
  width:24px!important;
  height:24px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
.ecommerce-stock-tabs button::after{
  font-size:7px!important;
}

@media(max-width:1180px){
  .page:has(.ecommerce-stock-page-actions) .page-header{
    grid-template-columns:1fr!important;
  }
  .ecommerce-stock-page-actions{
    grid-template-columns:minmax(220px,1fr) repeat(3,max-content)!important;
    justify-content:stretch!important;
  }
}

@media(max-width:760px){
  .ecommerce-stock-page-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .ecommerce-stock-selector{
    grid-column:1/-1!important;
  }
  .ecommerce-stock-page-actions>button{
    width:100%!important;
  }
}