@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Regular.woff2') format('woff2'), url('../fonts/Lexend-Regular.woff') format('woff'), url('../fonts/Lexend-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Regular.woff2') format('woff2'), url('../fonts/Lexend-Regular.woff') format('woff'), url('../fonts/Lexend-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-ExtraLight.woff2') format('woff2'), url('../fonts/Lexend-ExtraLight.woff') format('woff'), url('../fonts/Lexend-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Thin.woff2') format('woff2'), url('../fonts/Lexend-Thin.woff') format('woff'), url('../fonts/Lexend-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Light.woff2') format('woff2'), url('../fonts/Lexend-Light.woff') format('woff'), url('../fonts/Lexend-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-ExtraBold.woff2') format('woff2'), url('../fonts/Lexend-ExtraBold.woff') format('woff'), url('../fonts/Lexend-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Bold.woff2') format('woff2'), url('../fonts/Lexend-Bold.woff') format('woff'), url('../fonts/Lexend-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Black.woff2') format('woff2'), url('../fonts/Lexend-Black.woff') format('woff'), url('../fonts/Lexend-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-SemiBold.woff2') format('woff2'), url('../fonts/Lexend-SemiBold.woff') format('woff'), url('../fonts/Lexend-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Medium.woff2') format('woff2'), url('../fonts/Lexend-Medium.woff') format('woff'), url('../fonts/Lexend-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    padding-bottom: 0;
    font-size: 16px !important;
    /*font-family: 'Lexend' !important;*/
    /*height: 100vh;*/
    /*min-height: 992px;*/
    /*position: relative;*/
}

#loading-img-wrapper {
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #loading-img-wrapper > img {
        width: 250px;
        height: auto;
    }

#app {
    height: 100%;
}

main {
    height: unset !important;
    overflow-x: unset;
}

.flex-1 {
    flex: 1;
}


.grid-btn-hidden {
    display: none !important;
}

.w-unset {
    width: unset !important;
}

.w-contain {
    width: contain !important;
}

.w-fit-content {
    width: fit-content !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.action-column {
    width: 40px !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.view-mode {
    pointer-events: none !important;
    opacity: 1 !important;
}

.view-mode .mud-input-input,
.view-mode .mud-input-label,
.view-mode .mud-select-input,
.view-mode .mud-input-slot {
    color: var(--mud-palette-text-primary) !important;
    -webkit-text-fill-color: var(--mud-palette-text-primary) !important;
}

.rounded-lg {
    border-radius: 16px !important;
}

:root {
    --app-surface-bg: var(--mud-palette-surface);
    --app-surface-muted: var(--mud-palette-background-gray);
    --app-surface-border: var(--mud-palette-lines-default);
    --app-shadow-soft: 0 10px 24px rgba(12, 31, 52, 0.08);
    --app-shadow-hover: 0 14px 32px rgba(12, 31, 52, 0.14);
}

.mud-main-content {
    background: var(--mud-palette-background);
}

.mud-card,
.mud-paper {
    border-radius: 16px !important;
}

.mud-card {
    border: 1px solid var(--app-surface-border);
    background: var(--app-surface-bg);
    box-shadow: var(--app-shadow-soft);
    transition: transform .18s ease, box-shadow .18s ease;
}

.mud-card:hover {
    transform: translateY(-1px);
    box-shadow: var(--app-shadow-hover);
}

.mud-paper {
    border: 1px solid var(--app-surface-border);
    background: var(--app-surface-bg);
}

.idp-form-surface {
    background: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-lines-default) !important;
}

.mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px;
}

.dashboard-shell .mud-item {
    margin-bottom: 8px;
}

.dashboard-hero {
    background: linear-gradient(145deg, var(--mud-palette-surface), var(--mud-palette-background-gray));
    border: 1px solid var(--app-surface-border);
}

.dashboard-stat-card .mud-avatar {
    box-shadow: 0 8px 20px rgba(20, 103, 140, 0.2);
}

.dashboard-panel {
    background: linear-gradient(160deg, var(--mud-palette-surface), var(--mud-palette-background-gray));
}

.mud-theme-dark .bg-grey {
    background-color: var(--mud-palette-surface) !important;
}

.mud-theme-dark .idp-form-surface {
    background: linear-gradient(160deg, var(--mud-palette-surface), #171a21) !important;
}

.mud-theme-dark .mud-tabs {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
}

.mud-theme-dark .mud-tabs-toolbar {
    background: var(--mud-palette-background-gray);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.mud-theme-dark .mud-tabs-panels,
.mud-theme-dark .mud-tab-panel {
    background: #181717 !important;
    border-top: 1px solid var(--mud-palette-lines-default);
}