﻿:root {
    --mud-appbar-height: 50px !important; /* Nowa domyślna wysokość */
    --mud-palette-appbar-background: var(--mud-palette-surface) !important;
}



.mud-tabs-toolbar-content {
    overflow-x: scroll;
    scroll-behavior: smooth;
}

.mud-main-content {
    padding-bottom: 55px;
}

/*.mud-background-surface {
    background-color: var(--mud-palette-surface);
}*/

.mud-checkbox-label-small p {
    font-size: x-small;
}

.mud-expansion-panel-bold {
}

    .mud-expansion-panel-bold .mud-expand-panel-header {
        padding: 0px!important;
    }

    .mud-expansion-panel-bold .mud-expand-panel-text {
        font-weight: bold;
    }
    .mud-expansion-panel-bold .mud-expand-panel-content {
        font-size: smaller;
    }

.mud-table-cell
{
    font-size:0.7rem;
}

.mud-alert-message {
    white-space: pre-line;
}
/*.mud-tab.mud-tab-active {
    color: var(--mud-palette-primary);
    border-width: 2px;
    border-color: var(--mud-palette-primary);
    border-radius: 5px 5px 0 0;
    
    
}*/
/*.mud-main-content {
    background:#f9f9f9;
}*/
.mud-icon-size-xsmall {
    font-size: 0.8rem!important;
}
.mud-popover.mud-popover-open {
    opacity: 1 !important;
}

.mud-grid-item {
    min-width: 0;
}
.stat-dialog .mud-dialog-title, .stat-dialog .mud-dialog-actions {
    background: #f5f5f5;
}

.stat-dialog .mud-dialog-content 
{
    padding: 5px 1px!important;
}

.mud-nav-link {
    text-decoration: none;
}
.mud-tab-panel {
padding: 20px 0px;
}

.mud-button-xs {
    min-width: 32px;
    height: 22px;
    padding: 0 8px;
    font-size: 0.65rem;
    line-height: 1;
}

    .mud-button-xs.mud-icon-button {
        width: 22px;
        height: 22px;
        padding: 0;
    }
    .mud-button-xs.mud-button-label {
        font-size: 11px;
    }

.surface-1 {
    background-color: #FFFFFF;
}

.surface-2 {
    background-color: #F5F5F5;
}

.surface-3 {
    background-color: #EEEEEE;
}

/* Dark mode — MudBlazor dodaje klasę na <body> */
.dark-mode-theme .surface-1 {
    background-color: #1E1E1E;
}

.dark-mode-theme .surface-2 {
    background-color: #252525;
}

.dark-mode-theme .surface-3 {
    background-color: #2E2E2E;
}