/* ===== admin-centered-layout-fix ===== */
/* Correção: depois de recolher a sidebar direita, as telas administrativas
   precisam centralizar o conteúdo dentro da área útil real, sem herdar
   sobra/offset do layout de 3 colunas. */
.app.app-no-right-panel .main{
  grid-column:2 / 3;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}
.app.app-no-right-panel .main-control-view.active,
.app.app-no-right-panel .dashboard-view.active,
.app.app-no-right-panel .formal-quote-view.active,
.app.app-no-right-panel .hist-pedidos-view.active,
.app.app-no-right-panel .home-view.active,
.app.app-no-right-panel .clientes-view.active{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  padding-left:clamp(18px, 3vw, 46px);
  padding-right:clamp(18px, 3vw, 46px);
}
.app.app-no-right-panel .hv,
.app.app-no-right-panel .hp-wrap,
.app.app-no-right-panel .main-control-wrap,
.app.app-no-right-panel .dash-wrap,
.app.app-no-right-panel .formal-quote-wrap,
.app.app-no-right-panel .clientes-wrap{
  width:min(100%, 1240px);
  max-width:1240px;
  margin-left:auto !important;
  margin-right:auto !important;
}
/* O quadro pode continuar rolando horizontalmente, mas a rolagem fica só nele,
   não empurrando a tela administrativa inteira para a direita. */
.app.app-no-right-panel .kanban-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  margin-left:0;
  margin-right:0;
}
.app.app-no-right-panel .kanban-board{
  padding-left:0;
  padding-right:0;
}
/* Pedido e orçamento formal ficam com o documento centralizado quando o painel direito está recolhido. */
.app.app-no-right-panel .pedido-view.active{
  overflow-x:hidden;
}
.app.app-no-right-panel .pedido-view.active > *{
  margin-left:auto;
  margin-right:auto;
}

/* ===== admin-left-bias-fix ===== */
/* Ajuste fino: com a sidebar direita recolhida, o conteúdo administrativo
   fica levemente deslocado para a esquerda, sem voltar a ficar colado na lateral. */
.app.app-no-right-panel .hv,
.app.app-no-right-panel .hp-wrap,
.app.app-no-right-panel .main-control-wrap,
.app.app-no-right-panel .dash-wrap,
.app.app-no-right-panel .formal-quote-wrap,
.app.app-no-right-panel .clientes-wrap{
  margin-left:clamp(6px, 1.4vw, 24px) !important;
  margin-right:auto !important;
  max-width:min(1240px, calc(100% - clamp(20px, 4vw, 72px))) !important;
}
.app.app-no-right-panel .home-view.active,
.app.app-no-right-panel .dashboard-view.active,
.app.app-no-right-panel .main-control-view.active,
.app.app-no-right-panel .hist-pedidos-view.active,
.app.app-no-right-panel .clientes-view.active,
.app.app-no-right-panel .formal-quote-view.active{
  padding-left:clamp(12px, 1.8vw, 28px) !important;
  padding-right:clamp(12px, 1.8vw, 28px) !important;
}
.app.app-no-right-panel .kanban-wrap{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* ===== pedido-clientes-left-tune ===== */
/* Ajuste localizado: apenas Pedido e Clientes estavam herdando centralização forte.
   Mantém as demais telas administrativas como estão. */
.app.app-no-right-panel .pedido-view.active{
  padding-left:clamp(12px,1.4vw,22px) !important;
  padding-right:clamp(12px,1.4vw,22px) !important;
}
.app.app-no-right-panel .pedido-view.active .pedido-toolbar,
.app.app-no-right-panel .pedido-view.active .pedido-sheet{
  margin-left:clamp(58px,6.2vw,118px) !important;
  margin-right:auto !important;
}
.app.app-no-right-panel .pedido-view.active .pedido-toolbar{
  width:980px;
  max-width:calc(100% - clamp(58px,6.2vw,118px));
}
.app.app-no-right-panel .clientes-view.active{
  padding-left:clamp(12px,1.4vw,22px) !important;
  padding-right:clamp(12px,1.4vw,22px) !important;
}
.app.app-no-right-panel .clientes-view.active .cv-wrap{
  margin-left:clamp(58px,6.2vw,118px) !important;
  margin-right:auto !important;
  max-width:min(1040px, calc(100% - clamp(58px,6.2vw,118px))) !important;
}
@media (max-width: 1280px){
  .app.app-no-right-panel .pedido-view.active .pedido-toolbar,
  .app.app-no-right-panel .pedido-view.active .pedido-sheet,
  .app.app-no-right-panel .clientes-view.active .cv-wrap{
    margin-left:24px !important;
  }
  .app.app-no-right-panel .pedido-view.active .pedido-toolbar{
    max-width:calc(100% - 24px);
  }
}
