/* Reuse the existing Radix tabs and permissions: one extra, touch-friendly row. */
@media (max-width: 767px), (max-width: 1023px) and (max-height: 500px), (pointer: coarse) and (max-width: 1200px) {
  .sales-statistics-page .sales-sheet-tabs {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 2px 0 0;
    padding: 2px;
    border: 0;
    border-radius: 6px;
    background: #f6f9ff;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scrollbar-color: #c5d5ee transparent;
    zoom: 1;
  }
  .sales-statistics-page .sales-sheet-tabs [role='tablist'] {
    width: max-content;
    min-width: 100%;
    height: 44px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 4px;
    padding: 0;
  }
  .sales-statistics-page .sales-sheet-tabs .sheet-tab {
    flex: 0 0 auto;
    min-width: 64px;
    height: 44px;
    padding: 0 10px;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 4px;
    touch-action: manipulation;
  }
  .sales-statistics-page .sales-sheet-tabs .sheet-tab[data-state='active'] {
    color: #1d4ed8;
    background: #eaf1ff;
    box-shadow: none;
  }
  .sales-statistics-page .sales-sheet-tabs .sheet-tab:active { background: #e4eeff; }
  .sales-statistics-page .sales-sheet-tabs .sheet-tab:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
  }
}