/* Compact, consistent header controls. Undo/redo have no resting container. */
.sales-statistics-page .sales-business-header { box-shadow: none; }
.sales-statistics-page .sales-header-tools { align-items: center; gap: 8px; }
.sales-statistics-page .sales-header-tools > :is(a, div) {
  border-radius: 6px;
  border-color: #dce5f2;
  box-shadow: none;
}
.sales-statistics-page .sales-header-tools > div:has(> .sheet-action-button) {
  border: 0;
  background: transparent;
  padding: 0;
  gap: 4px;
}
.sales-statistics-page .sales-header-tools .sheet-action-button {
  position: relative;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 6px;
  color: #383b40;
  overflow: visible;
}
.sales-statistics-page .sales-header-tools .sheet-action-button:disabled {
  pointer-events: auto;
  opacity: 1;
  color: #bec3ca;
  cursor: default;
}
.sales-statistics-page .sales-header-tools .sheet-action-button:is(:hover, :focus-visible) {
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.sales-statistics-page .sales-header-tools .sheet-action-button::after {
  content: attr(title);
  position: absolute;
  /* Reset the Button hover-overlay inset: it must not constrain this balloon. */
  inset: auto;
  top: calc(100% + 12px);
  left: 50%;
  width: max-content;
  height: auto;
  transform: translateX(-50%);
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 2px 8px #00000014;
  padding: 7px 12px;
  color: #333;
  font: 400 14px/20px "Microsoft YaHei", "PingFang SC", sans-serif;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1000;
}
.sales-statistics-page .sales-header-tools .sheet-action-button::before {
  content: "";
  position: absolute;
  inset: auto;
  top: calc(100% + 8px);
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translateX(-50%) rotate(45deg);
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: 0;
  border-bottom: 0;
  border-radius: 2px 0 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1001;
}
.sales-statistics-page .sales-header-tools .sheet-action-button:is(:hover, :focus-visible)::after,
.sales-statistics-page .sales-header-tools .sheet-action-button:is(:hover, :focus-visible)::before {
  opacity: 1;
  visibility: visible;
}
@media (pointer: coarse) {
  .sales-statistics-page .sales-header-tools .sheet-action-button { width: 44px; height: 44px; }
}
