/*
  Arquivo: ag-kanban-mini-menu-near-board.css
  Origem: public/index.html
  Bloco original: <style id="ag-kanban-mini-menu-near-board-style">
  Função: posiciona e ajusta visualmente o mini menu do Kanban próximo ao quadro.
  Observação: extração passiva; não altera lógica JS, filtros, drag/drop, clique de cards ou integração Kanban → Histórico.
*/

/* ===== ag-kanban-mini-menu-near-board-style ===== */
/* O mini menu pertence ao Kanban: sai do cabeçalho "Quadro de Pedidos" e fica acoplado ao quadro. */
#kanbanWrap,
.kanban-wrap{
  position:relative !important;
}

/* Quando o JS mover o menu para dentro do Kanban, ele vira um botão flutuante do próprio quadro. */
#kanbanWrap > .kanban-mini-menu-wrap,
.kanban-wrap > .kanban-mini-menu-wrap{
  position:sticky !important;
  top:10px !important;
  left:auto !important;
  right:14px !important;
  float:right !important;
  width:max-content !important;
  margin:0 12px -44px auto !important;
  z-index:90 !important;
  display:flex !important;
  justify-content:flex-end !important;
  pointer-events:auto !important;
}

/* Botão mais integrado ao quadro. */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-trigger,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-trigger{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(26,115,232,.18) !important;
  color:#1a73e8 !important;
  box-shadow:0 10px 26px rgba(15,23,42,.11), 0 2px 6px rgba(15,23,42,.06) !important;
  backdrop-filter:blur(10px);
}

/* Dropdown abre a partir do botão que está dentro do Kanban. */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown{
  top:calc(100% + 10px) !important;
  right:0 !important;
}

/* Remove espaço morto que poderia ficar no toolbar original. */
.kanban-toolbar .kanban-mini-menu-wrap{
  margin-left:auto;
}

/* Em telas menores, mantém o menu dentro do quadro sem quebrar. */
@media (max-width:900px){
  #kanbanWrap > .kanban-mini-menu-wrap,
  .kanban-wrap > .kanban-mini-menu-wrap{
    top:8px !important;
    right:10px !important;
    margin-right:8px !important;
  }
}


/* =========================================================
   PATCH FINAL — mini menu abre para baixo com blur
   Objetivo:
   1) forçar o popover compacto do Kanban a abrir PARA BAIXO;
   2) aplicar blur no fundo enquanto o mini menu estiver aberto;
   3) manter o painel acima do blur.
========================================================= */

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.20);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  z-index:1200;
}

body.kanban-mini-menu-open::before,
body:has(#kanbanMiniMenuBtn.is-open)::before{
  opacity:1;
}

#kanbanWrap > .kanban-mini-menu-wrap,
.kanban-wrap > .kanban-mini-menu-wrap{
  z-index:1302 !important;
}

#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-trigger,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-trigger{
  position:relative !important;
  z-index:1304 !important;
}

#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
.kanban-mini-dropdown{
  top:calc(100% + 12px) !important;
  bottom:auto !important;
  right:0 !important;
  transform:none !important;
  transform-origin:top right !important;
  z-index:1303 !important;
  max-height:min(460px, calc(100vh - 120px)) !important;
  overflow:auto !important;
}

.kanban-mini-dropdown[hidden]{
  display:none !important;
}

@supports not selector(body:has(#kanbanMiniMenuBtn.is-open)){
  body.kanban-mini-menu-open::before{
    opacity:1;
  }
}

/* =========================================================
   PATCH POSIÇÃO FINAL — mini menu fora da área dos cartões
   O botão deve ficar acima do quadro, no canto direito,
   não dentro das colunas/cards.
========================================================= */

/* O wrap do Kanban vira referência visual */
#kanbanWrap,
.kanban-wrap {
  position: relative !important;
}

/* Esconde menus duplicados fora do quadro */
body .kanban-toolbar > .kanban-mini-menu-wrap,
body .kanban-page-head > .kanban-mini-menu-wrap,
body .kanban-header > .kanban-mini-menu-wrap,
body .kanban-topbar > .kanban-mini-menu-wrap {
  display: none !important;
}

/* Mantém só o menu real do quadro, mas FORA da área dos cards */
#kanbanWrap > .kanban-mini-menu-wrap,
.kanban-wrap > .kanban-mini-menu-wrap {
  display: block !important;
  position: absolute !important;

  /* ponto principal: fica acima da área dos cartões */
  top: -56px !important;
  right: 22px !important;

  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483002 !important;
}

/* Botão acima do blur */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-trigger,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-trigger {
  position: relative !important;
  z-index: 2147483003 !important;
}

/* Dropdown abre para baixo do botão */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483004 !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
}

/* Blur quando o mini menu estiver aberto */
body.kanban-mini-menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: none !important;
}

/* Mantém botão/dropdown acima do blur */
body.kanban-mini-menu-open #kanbanWrap > .kanban-mini-menu-wrap,
body.kanban-mini-menu-open .kanban-wrap > .kanban-mini-menu-wrap,
body.kanban-mini-menu-open #kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
body.kanban-mini-menu-open .kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown {
  z-index: 2147483004 !important;
}


/* =========================================================
   PATCH POSIÇÃO DEFINITIVA — mini menu em faixa própria
   Fica fora dos cards, mas dentro do quadro, no espaço entre
   a fila de produção e as colunas do Kanban.
========================================================= */

/* O quadro cria uma faixa superior para o mini menu */
#kanbanWrap,
.kanban-wrap {
  position: relative !important;
  padding-top: 58px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Mantém escondidos os menus duplicados de cabeçalho/topbar */
.kanban-toolbar .kanban-mini-menu-wrap,
.kanban-page-head .kanban-mini-menu-wrap,
.kanban-header .kanban-mini-menu-wrap,
.kanban-topbar .kanban-mini-menu-wrap {
  display: none !important;
}

/* Menu correto: filho direto do quadro, ancorado na faixa superior */
#kanbanWrap > .kanban-mini-menu-wrap,
.kanban-wrap > .kanban-mini-menu-wrap {
  display: block !important;
  position: absolute !important;
  top: 14px !important;
  right: 22px !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483002 !important;
}

/* Botão visível acima do blur */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-trigger,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-trigger {
  position: relative !important;
  z-index: 2147483003 !important;
}

/* Dropdown abre para baixo do botão, sem invadir para cima */
#kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
.kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483004 !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
}

/* Blur global quando o mini menu estiver aberto */
body.kanban-mini-menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: none !important;
}

/* Garante que o menu fique acima do blur */
body.kanban-mini-menu-open #kanbanWrap > .kanban-mini-menu-wrap,
body.kanban-mini-menu-open .kanban-wrap > .kanban-mini-menu-wrap,
body.kanban-mini-menu-open #kanbanWrap > .kanban-mini-menu-wrap .kanban-mini-dropdown,
body.kanban-mini-menu-open .kanban-wrap > .kanban-mini-menu-wrap .kanban-mini-dropdown {
  z-index: 2147483004 !important;
}


/* =========================================================
   PATCH DEFINITIVO — faixa própria do mini menu do Kanban
   O botão fica fora dos cards, entre a fila de produção e o quadro.
========================================================= */

/* Faixa própria acima do quadro */
.kanban-mini-menu-band {
  width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 22px 10px 22px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2147483002 !important;
}

/* O menu dentro da faixa é o único válido */
.kanban-mini-menu-band .kanban-mini-menu-wrap {
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483003 !important;
}

/* Esconde menus duplicados fora da faixa */
body.has-kanban-mini-menu-band .kanban-toolbar .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-page-head .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-header .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-topbar .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band #kanbanWrap > .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-wrap > .kanban-mini-menu-wrap {
  display: none !important;
}

/* Remove o padding-top que patches anteriores colocaram no quadro */
body.has-kanban-mini-menu-band #kanbanWrap,
body.has-kanban-mini-menu-band .kanban-wrap {
  padding-top: 0 !important;
  overflow: visible !important;
}

/* Dropdown abre para baixo da faixa */
.kanban-mini-menu-band .kanban-mini-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483005 !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
}

/* Botão e painel acima do blur */
body.kanban-mini-menu-open .kanban-mini-menu-band,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-wrap,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-dropdown {
  z-index: 2147483005 !important;
}

/* Blur global quando o mini menu estiver aberto */
body.kanban-mini-menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: none !important;
}


/* =========================================================
   PATCH FINAL — apenas 1 botão do mini menu na faixa
========================================================= */

/* Esconde todos os menus duplicados */
.kanban-mini-menu-duplicate,
.kanban-mini-menu-band .kanban-mini-menu-wrap:not(.kanban-mini-menu-real),
body.has-kanban-mini-menu-band .kanban-toolbar .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-page-head .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-header .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-topbar .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band #kanbanWrap > .kanban-mini-menu-wrap:not(.kanban-mini-menu-real),
body.has-kanban-mini-menu-band .kanban-wrap > .kanban-mini-menu-wrap:not(.kanban-mini-menu-real) {
  display: none !important;
}

/* Faixa correta acima do quadro */
.kanban-mini-menu-band {
  width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 22px 10px 22px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2147483002 !important;
}

/* Menu real dentro da faixa */
.kanban-mini-menu-band .kanban-mini-menu-real {
  display: block !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483003 !important;
}

/* Dropdown real aparece abaixo do botão */
.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483005 !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
}

/* Se estiver aberto, força visibilidade */
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Blur */
body.kanban-mini-menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: none !important;
}

/* Menu acima do blur */
body.kanban-mini-menu-open .kanban-mini-menu-band,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown {
  z-index: 2147483005 !important;
}


/* =========================================================
   PATCH CONTROLE FINAL — dropdown visível e blur sem travar
========================================================= */

.kanban-mini-menu-duplicate {
  display: none !important;
}

.kanban-mini-menu-band {
  width: 100% !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 0 22px 10px 22px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2147483002 !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  z-index: 2147483003 !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: 2147483005 !important;
  max-height: min(72vh, 560px) !important;
  overflow: auto !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

body.kanban-mini-menu-open::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  pointer-events: none !important;
}

body.kanban-mini-menu-open .kanban-mini-menu-band,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown {
  z-index: 2147483005 !important;
}


/* =========================================================
   PATCH BACKDROP REAL — lista acima do blur
========================================================= */

/* Desativa o blur antigo via pseudo-elemento, que estava cobrindo o dropdown */
body.kanban-mini-menu-open::before {
  display: none !important;
  content: none !important;
}

/* Backdrop real controlado por JS */
#agKanbanMiniMenuBackdrop.ag-kanban-mini-menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482000 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease !important;
}

#agKanbanMiniMenuBackdrop.ag-kanban-mini-menu-backdrop.open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Faixa e botão acima do backdrop */
.kanban-mini-menu-band {
  z-index: 2147483000 !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real,
.kanban-mini-menu-band .kanban-mini-menu-real.is-open-above-backdrop,
.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-trigger {
  position: relative !important;
  z-index: 2147483002 !important;
}

/* Dropdown acima do blur */
.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown {
  z-index: 2147483005 !important;
}

.kanban-mini-menu-band .kanban-mini-menu-real .kanban-mini-dropdown:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483005 !important;
}


/* =========================================================================
   PATCH PORTAL LIMPO (2026-05) — dropdown e backdrop como irmaos no <body>
   Resolve de vez a lista atras do blur: ambos compartilham o stacking
   context raiz do body, entao o z-index relativo entre eles SEMPRE vale.
   Controlado por ag-kanban-mini-menu.js (reescrita limpa).
   ========================================================================= */

/* desativa qualquer blur antigo via pseudo-elemento */
body.kanban-mini-menu-open::before,
body::before {
  content: none !important;
}

/* Backdrop com blur — fica ABAIXO do dropdown portado */
#agKanbanMiniMenuBackdrop.ag-kanban-mini-menu-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  background: rgba(15, 23, 42, 0.22) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .16s ease !important;
}
#agKanbanMiniMenuBackdrop.ag-kanban-mini-menu-backdrop.open {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Dropdown portado para o body — ACIMA do backdrop, sempre nitido.
   A aparencia (fundo, largura, raio) continua vindo do style.css. */
body > .kanban-mini-dropdown.is-portaled {
  position: fixed !important;
  z-index: 2147483601 !important;   /* > backdrop */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  box-shadow: 0 24px 60px -12px rgba(0, 0, 0, .55),
              0 8px 24px -8px rgba(0, 0, 0, .45) !important;
  animation: agMiniMenuPortalIn .14s ease-out both !important;
}
body > .kanban-mini-dropdown.is-portaled[hidden] {
  display: none !important;
}

@keyframes agMiniMenuPortalIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* o botao na faixa permanece acima do backdrop quando possivel */
body.kanban-mini-menu-open .kanban-mini-menu-band,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-menu-real,
body.kanban-mini-menu-open .kanban-mini-menu-band .kanban-mini-trigger {
  z-index: 2147483602 !important;
}

/* esconde de vez qualquer wrap duplicado fora da faixa */
.kanban-mini-menu-wrap.kanban-mini-menu-duplicate,
body.has-kanban-mini-menu-band .kanban-toolbar .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band .kanban-page-head .kanban-mini-menu-wrap,
body.has-kanban-mini-menu-band #kanbanWrap > .kanban-mini-menu-wrap:not(.kanban-mini-menu-real),
body.has-kanban-mini-menu-band .kanban-wrap > .kanban-mini-menu-wrap:not(.kanban-mini-menu-real) {
  display: none !important;
}