﻿.tabheader {
    margin-bottom: 25px;
}

.tabpanel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.childheader {
    margin: -40px 0 0 0;
    padding: 0 10px 0 10px;
    background-color: var(--mud-palette-background);
}

.tabchildstyle {
    padding: 20px;
    gap: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-primary);
}

.buttonsContainer {
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.buttonstyle {
    padding: 35px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-text-primary);
    background-color: var(--mud-palette-background-gray);
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: var(--mud-typography-default-size);
    line-height: var(--mud-typography-default-lineheight);
}

.mud-table-cell,
.mud-table-pagination-select .mud-input .mud-input-root,
.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    font-size: var(--mud-typography-default-size);
}

.groupHeader {
    margin: -50px 0 0 0;
    padding: 0 10px 0 10px;
    background-color: var(--mud-palette-background);
}

    .groupHeader button {
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
    }

.wide .column-header {
    width: 300px;
}

.GridSummaryPanel {
    align-content: center;
    margin-top: 5px;
    padding: 5px;
    border: solid;
    border-radius: 10px;
    border-width: 2px;
    gap: 10px;
}

    .GridSummaryPanel > .mud-grid-item {
        padding: 3px;
        border: solid;
        border-radius: 10px;
        border-color: #808080;
        border-width: 1px;
    }

.attachmentGroup {
    border-radius: 15px;
    border: solid;
    border-width: 1px;
    padding: 10px;
}

.progress-below-appbar {
    position: fixed; /* مثل AppBar همیشه بالا بمونه */
    top: 64px; /* ارتفاع پیش‌فرض MudAppBar در حالت desktop */
    left: 0;
    right: 0;
    z-index: 1100; /* بالاتر از محتوا ولی پایین‌تر از AppBar */
}
