.invoice-batch-command {
  position: relative;
}

.invoice-batch-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + var(--space-2));
  left: 0;
  min-width: 8rem;
  padding: var(--space-1);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.invoice-batch-menu[hidden] {
  display: none;
}

.invoice-batch-menu button {
  display: block;
  width: 100%;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius);
  background: transparent;
  color: var(--ink);
  text-align: left;
}

.invoice-batch-menu button:hover,
.invoice-batch-menu button:focus-visible {
  background: var(--surface-2);
  outline: none;
}

.invoice-batch-menu [data-invoice-batch="delete"]:hover,
.invoice-batch-menu [data-invoice-batch="delete"]:focus-visible {
  color: var(--rose);
  background: var(--rose-soft);
}

@media (min-width: 761px) and (max-width: 1400px) {
  .invoice-commandbar-primary {
    grid-template-columns: auto minmax(180px, 1fr);
  }

  .invoice-command-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-x: visible;
  }
}