/* ---------------------------------------------------------------------------
   wwwroot/css/shared/global/17-carbon-tabs.css

   Loaded by _Layout.cshtml as part 17 of 17 for every page.
   Cascade order is the file order in that <link> list:
     previous: 16-utilities.css
     next:     (last)

   Split out of a single monolithic stylesheet. Do not reorder the <link>
   tags and do not move a rule between these files: both change the cascade.
--------------------------------------------------------------------------- */
/* ==========================================================================
   LAYER 13b - CARBON TAB STRIP
   The underlined Carbon tab bar rendered by _DashboardProductGrid (Home
   Dashboard) and NativeReport/Grid. It was byte-identical in both page files;
   both pages want the same result, and no other page renders this markup.
   Placed after LAYER 3's `.cds--tab--list { gap: .75rem }
` so the combined
   result matches what the page files used to produce.
   ========================================================================== */
.cds--tabs {
    margin-bottom: 0;
}

.cds--tabs__nav-item {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #525252;
    cursor: pointer;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    transition: all 0.15s ease;
}

.cds--tabs__nav-item:hover {
    background: #e0e0e0;
    color: #161616;
}

.cds--tabs__nav-item--selected {
    border-bottom-color: #0f62fe;
    color: #161616;
    font-weight: 600;
}

.cds--tabs__nav-item-label {
    white-space: nowrap;
}

.cds--tab--list {
    display: flex;
    gap: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}