/* /Components/TabComponent/TabComponent.razor.rz.scp.css */
/*****************/
/**Tab Component**/
/*****************/
.tabs[b-pkdd87zh8d] {
    display: flex;
    /* background-color: var(--rz-sidebar-background-color); */
    margin-top: calc(-1 * var(--rz-layout-body-padding));
    width: calc(100% + var(--rz-layout-body-padding) * 2);
    padding: 5px 5px 0 5px;
    height: 2.5rem;
    border-bottom: 1px solid var(--rz-border-color);
}

.tabs-ltr[b-pkdd87zh8d] {
    margin-left: calc(-1 * var(--rz-layout-body-padding));
}

.tabs-rtl[b-pkdd87zh8d] {
    margin-right: calc(-1 * var(--rz-layout-body-padding));
}

.tab[b-pkdd87zh8d] {
    display: flex;
    align-items: center;
    background-color: var(--rz-neutral-lighter); 
    color: var(--rz-text-secondary-color); 
    border: 1px solid var(--rz-border-color);
    border-bottom: none;
    border-radius: var(--rz-tabs-border-radius) var(--rz-tabs-border-radius) 0 0; 
    cursor: pointer;
    transition: var(--rz-tabs-transition); 
    font-size: 10px;
    margin-right: 2px; /* Sekmeler arası boşluk */
    box-shadow: none;
}

.tab:hover[b-pkdd87zh8d] {
    background-color: var(--rz-neutral-light);
    color: var(--rz-text-color);
}

.tab.active[b-pkdd87zh8d] {
    background-color: var(--rz-base-background-color) !important;
    color: var(--rz-primary) !important;
    border: 1px solid var(--rz-border-color) !important;
    border-bottom: 3px solid var(--rz-primary) !important; /* Aktif sekmeyi belirginleştiren alt çizgi */
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.03) !important;
    font-weight: bolder;
}

.tab .close[b-pkdd87zh8d] {
    margin-left: 10px;
    cursor: pointer;
    color: var(--rz-text-secondary-color);
    font-size: 12px;
}

.tab .close:hover[b-pkdd87zh8d] {
    color: var(--rz-danger);
}

.button-close-all[b-pkdd87zh8d] {
    cursor: pointer;
    align-self: center;
    margin-left: 8px; /* Son sekmeden hemen sonra emniyetli boşluk */
    display: inline-flex;
    align-items: center;
}