/* ============================================================
   BOX BOY WEB V5.8.8 — PEDIDOS: REFINO VISUAL DA FILA
   Escopo estritamente visual:
   - mantém a largura atual da fila e a área atual do mapa;
   - remove título/subtítulo redundantes da fila;
   - move seleção + Ações para a linha da busca;
   - preserva Empresas e Situações;
   - remove apenas os chips fixos Produção / Pronto acima da lista;
   - menu hambúrguer mais leve, com chevron laranja;
   - alternador de tema somente por ícone;
   - fundo azul-marinho apenas enquanto Pedidos está ativo.
   ============================================================ */

body.orders-ui-v588{
  background:#061522!important;
  background-image:
    radial-gradient(circle at 80% 5%,rgba(18,72,108,.16),transparent 34%),
    linear-gradient(180deg,#071827 0%,#06131f 100%)!important;
  background-attachment:fixed!important;
  color:#f4f7f9;
}
body.orders-ui-v588 .main-content{
  background:linear-gradient(180deg,rgba(7,24,39,.97) 0%,rgba(6,19,31,.99) 100%)!important;
}
body.orders-ui-v588 .main-content>.top{
  background:transparent!important;
  border-bottom-color:#1b3649!important;
}

/* A proporção MAPA/FILA NÃO muda nesta versão.
   As larguras continuam sendo definidas por orders-layout-v5686.css. */

/* Menu do topo: usa exatamente o mesmo botão padrão da página principal. */
body.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  gap:0!important;
  border:1px solid #f39a28!important;
  border-radius:9px!important;
  background:#0b141b!important;
  box-shadow:0 3px 9px rgba(0,0,0,.22)!important;
  color:#f6f8f9!important;
}
body.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791:hover{
  border-color:#ffad43!important;
  background:#101d26!important;
  box-shadow:0 4px 12px rgba(0,0,0,.26),0 0 0 2px rgba(255,155,43,.07)!important;
}
body.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791::after{
  content:none!important;
  display:none!important;
}
body.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791>.sidebar-menu-glyph-v5791{
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:17px!important;
  min-height:17px!important;
  max-height:17px!important;
}
body.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791>.sidebar-menu-glyph-v5791>i{
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:2px!important;
  min-height:2px!important;
  max-height:2px!important;
  transform:none!important;
}
body.orders-ui-v588 #sidebarToggle.sidebar-toggle-v5791.is-expanded>.sidebar-menu-glyph-v5791>i:nth-child(1),
body.orders-ui-v588 #sidebarToggle.sidebar-toggle-v5791.is-expanded>.sidebar-menu-glyph-v5791>i:nth-child(2),
body.orders-ui-v588 #sidebarToggle.sidebar-toggle-v5791.is-expanded>.sidebar-menu-glyph-v5791>i:nth-child(3){
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  transform:none!important;
}
/* Tema: mantém o recurso, mas no Pedidos deixa apenas o ícone. */
body.orders-ui-v588 .global-theme-toggle-v540{
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  justify-content:center!important;
  gap:0!important;
  border-radius:8px!important;
  background:#0b1d2b!important;
  border-color:#294a60!important;
  color:#f4f7f9!important;
}
body.orders-ui-v588 .global-theme-toggle-v540 .theme-label-v540{
  display:none!important;
}
body.orders-ui-v588 .global-theme-toggle-v540 .theme-icon-v540{
  font-size:17px!important;
}

/* Fila: troca apenas o acabamento cinza por azul-marinho.
   Largura, grid e responsividade permanecem intocados. */
body.orders-ui-v588 #ordersPanelPage .orders-panel-shell{
  background:#071522!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-panel-list{
  background:linear-gradient(180deg,#081a29 0%,#071522 52%,#06131f 100%)!important;
  background-image:linear-gradient(180deg,#081a29 0%,#071522 52%,#06131f 100%)!important;
  box-shadow:inset 1px 0 0 #19384c!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-groups{
  scrollbar-color:#36556a #071522;
}
body.orders-ui-v588 #ordersPanelPage .orders-groups::-webkit-scrollbar-track{
  background:#071522;
}
body.orders-ui-v588 #ordersPanelPage .orders-groups::-webkit-scrollbar-thumb{
  background:#36556a;
}

/* Busca + seleção + Ações na mesma linha. */
body.orders-ui-v588 #ordersPanelPage .orders-search-row-v588{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  padding:10px 10px 6px!important;
  background:transparent!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-search-row-v588 .orders-search-box{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:34px!important;
  margin:0!important;
  background:#07131f!important;
  border-color:#2b4557!important;
  box-shadow:none!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-search-row-v588 .orders-search-box:focus-within{
  border-color:#d58e2a!important;
  box-shadow:0 0 0 1px rgba(255,166,43,.12)!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588.hidden{
  display:none!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-select-v540{
  min-width:34px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 6px!important;
  border-color:#3b5363!important;
  border-radius:7px!important;
  background:#0b1d2b!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-menu-toggle-v540{
  height:34px!important;
  min-height:34px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  border-color:#3b5363!important;
  background:#0b1d2b!important;
  color:#eef4f7!important;
}

/* Empresas e Situações permanecem: são filtros/grupamentos operacionais. */
body.orders-ui-v588 #ordersPanelPage .orders-list-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  padding:0 10px!important;
  background:transparent!important;
  border-bottom:1px solid #173549!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-list-tabs button{
  height:34px!important;
  font-size:9px!important;
  color:#a9bac6!important;
}
body.orders-ui-v588 #ordersPanelPage .orders-list-tabs button.active{
  color:#ffb22e!important;
  border-bottom-color:#ffb22e!important;
}

/* Defesa contra cache/HTML misto: estes blocos redundantes nunca aparecem em V5.8.8. */
body.orders-ui-v588 #ordersPanelPage .orders-list-head-copy-v5686,
body.orders-ui-v588 #ordersPanelPage .orders-stage-strip-v5686{
  display:none!important;
}

/* Tema claro preservado se o usuário alternar. */
body.boxboy-theme-light.orders-ui-v588{
  background:#eef3f6!important;
  background-image:linear-gradient(180deg,#f4f7f9 0%,#edf2f5 100%)!important;
}
body.boxboy-theme-light.orders-ui-v588 .main-content{
  background:#f3f6f8!important;
}
body.boxboy-theme-light.orders-ui-v588 #ordersPanelPage .orders-panel-list{
  background:#f7f9fa!important;
  box-shadow:inset 1px 0 0 #cbd6dd!important;
}
body.boxboy-theme-light.orders-ui-v588 #ordersPanelPage .orders-search-row-v588 .orders-search-box,
body.boxboy-theme-light.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-select-v540,
body.boxboy-theme-light.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-menu-toggle-v540{
  background:#fff!important;
  border-color:#bdcbd4!important;
  color:#20313b!important;
}
body.boxboy-theme-light.orders-ui-v588 #sidebarToggle.sidebar-toggle.sidebar-toggle-v5791{
  background:transparent!important;
  color:#20313b!important;
}
body.boxboy-theme-light.orders-ui-v588 .global-theme-toggle-v540{
  background:#fff!important;
  color:#20313b!important;
  border-color:#bdcbd4!important;
}

@media(max-width:520px){
  body.orders-ui-v588 #ordersPanelPage .orders-search-row-v588{
    gap:5px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-select-v540{
    min-width:31px!important;
    padding:0 4px!important;
  }
  body.orders-ui-v588 #ordersPanelPage .orders-head-actions-v588 .orders-bulk-menu-toggle-v540{
    padding:0 7px!important;
    font-size:8px!important;
  }
}