/* Box Boy V5.8.49 — menus operacionais da tela principal de Pedidos.
   Complementa V5.8.48 sem alterar modais, backend, mapas ou outros módulos. */

/* O botão de ações em lote ocupa o cabeçalho de Pedidos. */
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v540.orders-bulk-menu-toggle-v5849 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 11px !important;
  min-width: 94px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  color: #eff6ff !important;
  border: 1px solid #385c78 !important;
  border-radius: 9px !important;
  background: #0a2235 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  letter-spacing: .005em;
  box-shadow: 0 1px 0 rgba(255,255,255,.04) inset !important;
  transition: background-color .15s ease,border-color .15s ease;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849 > span {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849 > svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  transition: transform .14s ease;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849[aria-expanded="true"] > svg { transform: rotate(180deg); }
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849:hover:not(:disabled),
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849[aria-expanded="true"] {
  background: #12354c !important;
  border-color: #ff982d !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849 {
  color: #102145 !important;
  border-color: #ff8723 !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(19,43,80,.06) !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849:hover:not(:disabled),
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849[aria-expanded="true"] {
  background: #fff7ee !important;
  border-color: #f87813 !important;
}

/* Sobrescreve a largura forçada de 136px dos CSS históricos, para não cortar as opções. */
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-v540 > .orders-bulk-dropdown-v540.orders-bulk-dropdown-v5849 {
  display: flex;
  flex-direction: column;
  width: 238px !important;
  min-width: 220px !important;
  max-width: calc(100vw - 18px) !important;
  max-height: min(370px, calc(100dvh - 90px));
  top: calc(100% + 8px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 8px !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid #3b5e7b !important;
  border-radius: 13px !important;
  background: #0a2134 !important;
  box-shadow: 0 18px 42px rgba(1,12,26,.54) !important;
  z-index: 5500 !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-v540 > .orders-bulk-dropdown-v5849 {
  background: #fff !important;
  border-color: #d6e0ea !important;
  box-shadow: 0 18px 46px rgba(22,42,70,.22) !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button {
  display: flex !important;
  flex: 0 0 auto;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 43px !important;
  padding: 10px 12px !important;
  border-radius: 9px !important;
  border: 0 !important;
  background: transparent !important;
  color: #eef5ff !important;
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 670 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  cursor: pointer;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button svg {
  flex: 0 0 21px !important;
  width: 21px !important;
  height: 21px !important;
  color: inherit;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button span {
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button:hover:not(:disabled),
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button:focus-visible {
  color: #fff !important;
  background: #17425a !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button {
  color: #102347 !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button:hover:not(:disabled),
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button:focus-visible {
  color: #102347 !important;
  background: #fff3e6 !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button.danger,
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button.danger:hover:not(:disabled) {
  color: #ff5766 !important;
  background: rgba(238,44,68,.18) !important;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button.danger,
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button.danger:hover:not(:disabled) {
  color: #c91f3e !important;
  background: #fff0f2 !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > button:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
}
body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > .orders-bulk-divider-v540 {
  flex: 0 0 1px;
  height: 1px;
  margin: 7px 8px;
  background: #34536c;
}
body.boxboy-theme-light.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-dropdown-v5849 > .orders-bulk-divider-v540 {
  background: #e2e8f0;
}

/* Ações individuais no botão de três pontos do card: mesma linguagem visual.
   Mantém o elemento <details> e seus data-attributes, preservando permissões e eventos. */
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 { position: relative; }
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > summary.bb-more-trigger-v5849 {
  width: 36px !important;
  height: 35px !important;
  min-height: 35px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #42617c !important;
  border-radius: 9px !important;
  background: #0a2336 !important;
  color: #ebf4ff !important;
  box-shadow: none !important;
  cursor: pointer;
}
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > summary.bb-more-trigger-v5849 svg {
  width: 19px !important;
  height: 19px !important;
  stroke-width: 2;
  color: inherit !important;
  stroke: currentColor !important;
}
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849[open] > summary.bb-more-trigger-v5849,
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > summary.bb-more-trigger-v5849:hover {
  background: #13354a !important;
  border-color: #ff9936 !important;
  color: #ffb359 !important;
}
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > summary.bb-more-trigger-v5849 {
  background: #fff !important;
  border-color: #d8e0e9 !important;
  color: #172c50 !important;
}
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849[open] > summary.bb-more-trigger-v5849,
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > summary.bb-more-trigger-v5849:hover {
  background: #fff6ec !important;
  border-color: #ff992f !important;
  color: #d77111 !important;
}
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 {
  position: fixed !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  min-width: 210px !important;
  max-width: calc(100vw - 16px) !important;
  height: auto !important;
  padding: 9px !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #091f31 !important;
  border: 1px solid #3d5c78 !important;
  border-radius: 13px !important;
  color: #eef7ff !important;
  box-shadow: 0 16px 40px rgba(0, 8, 20, .57) !important;
  z-index: 6500 !important;
}
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849:not([open]) > .bb-more-options-v5849 { display: none !important; }
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 {
  background: #fff !important;
  border-color: #d9e2ed !important;
  color: #13264b !important;
  box-shadow: 0 18px 44px rgba(22, 40, 68, .2) !important;
}
#ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 > .bb-more-option-v5849 {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 43px !important;
  margin: 0 !important;
  padding: 10px 13px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #e8f2fc !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: pointer;
}
#ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > button svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  stroke: currentColor;
}
#ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > button > span { color: inherit; font-size: inherit; font-weight: inherit; }
#ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > button:hover,
#ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > button:focus-visible { background: #143d57 !important; color: #fff !important; }
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 > .bb-more-option-v5849 { color: #13264b !important; }
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 > .bb-more-option-v5849:hover,
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 > .bb-more-option-v5849:focus-visible { background: #fff3e8 !important; color: #15254c !important; }
#ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > .bb-more-divider-v5849 {
  flex: 0 0 1px;
  width: calc(100% - 16px);
  height: 1px;
  margin: 5px 8px;
  background: #304b61;
}
body.boxboy-theme-light #ordersPanelPage .orders-card-v5662 .bb-more-options-v5849 > .bb-more-divider-v5849 { background: #e0e6ef; }
#ordersPanelPage :is(.orders-bulk-menu-toggle-v5849,.bb-more-trigger-v5849,.orders-bulk-dropdown-v5849 button,.bb-more-option-v5849):focus-visible {
  outline: 2px solid #ffac3d !important;
  outline-offset: 2px !important;
}
@media (max-width: 600px) {
  body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-toggle-v5849 {
    min-width: 84px !important;
    padding: 0 10px !important;
    gap: 8px !important;
    font-size: 11px !important;
  }
  body.orders-ui-v589 #ordersPanelPage .orders-head-actions-v589 .orders-bulk-menu-v540 > .orders-bulk-dropdown-v5849 {
    min-width: 205px !important;
    max-height: min(320px, calc(100dvh - 100px));
  }
  #ordersPanelPage .orders-card-v5662 .bb-more-menu-v5849 > .bb-more-options-v5849 > .bb-more-option-v5849 {
    min-height: 44px !important;
  }
}
