/* نوار تب workspace — Design System Afrandeh */



.workspace-tab-bar {

    display: flex;

    flex-wrap: nowrap;

    gap: 6px;

    overflow-x: auto;

    padding: 4px 4px 10px;

    margin-bottom: 8px;

    border-bottom: 2px solid var(--afr-border, var(--mud-palette-lines-default));

    background: var(--mud-palette-background);

    -webkit-overflow-scrolling: touch;

}



.workspace-tab {

    display: inline-flex;

    align-items: center;

    gap: 2px;

    max-width: 240px;

    min-height: 34px;

    padding: 6px 6px 6px 12px;

    border: 1px solid var(--afr-border, var(--mud-palette-lines-default));

    border-radius: var(--afr-radius-sm, 6px) var(--afr-radius-sm, 6px) 0 0;

    cursor: pointer;

    user-select: none;

    background: var(--afr-tab-idle-bg, var(--mud-palette-background-gray));

    color: var(--afr-tab-idle-text, var(--mud-palette-text-secondary));

    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;

}



.workspace-tab:hover:not(.workspace-tab--active) {

    color: var(--mud-palette-text-primary);

    border-color: var(--afr-brand-primary, var(--mud-palette-primary-lighten));

    background: var(--mud-palette-table-hover, var(--mud-palette-action-default-hover));

}



.workspace-tab--active {

    background: var(--afr-tab-active-bg, var(--mud-palette-surface));

    color: var(--afr-tab-active-text, var(--afr-brand-primary, var(--mud-palette-primary)));

    font-weight: 700;

    border-color: var(--afr-tab-active-border, var(--afr-brand-primary, var(--mud-palette-primary)));

    border-bottom: 2px solid var(--afr-tab-active-bg, var(--mud-palette-surface));

    margin-bottom: -2px;

    box-shadow: var(--afr-shadow-sm, 0 -1px 4px rgba(0, 0, 0, 0.08));

}



/* Dark — تب غیرفعال: پس‌زمینه تیره + متن روشن (MudThemeProvider ممکن است .mud-theme-dark روی html نگذارد) */

.mud-theme-dark .workspace-tab:not(.workspace-tab--active),

html[data-theme="dark"] .workspace-tab:not(.workspace-tab--active) {

    background: rgba(255, 255, 255, 0.1);

    color: rgba(255, 255, 255, 0.82);

    border-color: rgba(255, 255, 255, 0.16);

}



.mud-theme-dark .workspace-tab:not(.workspace-tab--active):hover,

html[data-theme="dark"] .workspace-tab:not(.workspace-tab--active):hover {

    background: rgba(255, 255, 255, 0.16);

    color: rgba(255, 255, 255, 0.96);

    border-color: var(--afr-brand-primary, #008cce);

}



.mud-theme-dark .workspace-tab--active,

html[data-theme="dark"] .workspace-tab--active {

    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.35);

}



/* Light — تب غیرفعال: متن تیره روی پس‌زمینه روشن */

.mud-theme-light .workspace-tab:not(.workspace-tab--active),

html[data-theme="light"] .workspace-tab:not(.workspace-tab--active) {

    background: var(--mud-palette-background-gray, #ebeff2);

    color: var(--mud-palette-text-secondary, #4d535a);

}



.workspace-tab__title {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.875rem;

    line-height: 1.25;

    color: inherit;

    font-weight: inherit;

}



.workspace-tab--active .workspace-tab__title {

    color: inherit;

}



.workspace-tab__close {

    flex-shrink: 0;

    color: inherit !important;

    opacity: 0.78;

}



.workspace-tab__close:hover {

    opacity: 1;

}



.mud-theme-dark .workspace-tab:not(.workspace-tab--active) .workspace-tab__close,

html[data-theme="dark"] .workspace-tab:not(.workspace-tab--active) .workspace-tab__close {

    color: rgba(255, 255, 255, 0.82) !important;

}



@media (max-width: 768px) {

    .workspace-tab {

        min-height: var(--afr-touch-min, 44px);

        max-width: min(240px, 70vw);

    }

}