/* =====================================================================
   Tabs — compact (PostHog-style)
   Ships with the CH.BowlingCRM.UI.Framework library; consumers link it
   via _content/CH.BowlingCRM.UI.Framework/css/tabs.css and supply the
   `--bo-*` theme tokens.

   This file only makes the tab bar smaller and sizes each tab to its own
   content. MudBlazor's native scroll arrows are left as-is; touch/wheel
   scrolling is added in tabs.js by driving those same native arrows.
   ===================================================================== */

.mud-tabs .mud-tab {
    /* size each tab to its own content (Mud defaults to width:100%, which
       makes every tab as wide as the widest one). */
    width: auto;
    /* MudTabs sets an inline min-width:160px (its MinimumTabWidth default),
       which only an !important rule can override. */
    min-width: 0 !important;
    flex: 0 0 auto;          /* never grow/shrink to fill the bar */
    white-space: nowrap;     /* keep the label on one line so the tab hugs it */
    min-height: 38px;
    padding: 4px 14px;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
}

.mud-tabs .mud-tabs-tabbar-inner {
    min-height: 38px;
}

/* Mud's native scroll-arrow is an icon button whose vertical padding would
   make the whole bar taller — strip it and keep the arrow centred. */
.mud-tabs .mud-tabs-scroll-button {
    display: flex;
    align-items: center;
    align-self: center;
}

.mud-tabs .mud-tabs-scroll-button .mud-button-root {
    height: auto;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
}