/* Красная кнопка с градиентом */
.zabota-gradient-button {
    background: linear-gradient(39.58deg, #F15C27 16.52%, #FE2C1A 63.98%, #FF184F 85.03%);
    border-radius: 4px;
    color: white !important;
    box-shadow: none !important; /* Убирает тень */
}

.text-white {
    color: white !important;
}

.zabota-focus-red > .mud-input-control-input-container > .mud-input.mud-input-outlined > input:focus ~ .mud-input-outlined-border {
    border: 1px solid;
    border-color: #FA3C1F !important;
}

/* Оборачивает весь контент диалога в рамку */
.zabota-dialog-border {
    border: 1px solid;
    border-color: #5A5E6A !important;
}

/* Светлая тема — серый бордюр */
.mud-theme-light .zabota-dialog-border {
    border-color: #3E4559;
}

/* Тёмная тема — белый бордюр */
.mud-theme-dark .zabota-dialog-border {
    border-color: #5A5E6A !important;
}

.zabota-themed-background {
    background-color: var(--mud-palette-background);
    min-height: 100vh;
    padding: 16px;
}

.active-link {
    color: var(--mud-drawer-text) !important; /* Используем переменные темы */
    font-weight: 600 !important; /* Сделаем шрифт чуть толще */
}

@media (prefers-color-scheme: dark) {
    .active-link {
        color: var(--mud-drawer-text-dark) !important;
    }
}

/* Стиль для кнопки панели меню */
.drawer-toggle-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

/* Стиль для логотипа */
.logo-max {
    position: absolute;
    left: 10px;
    max-width: 100%;
    width: auto;
    max-height: 60%;
    object-fit: contain; /* Сохраняет пропорции */
}

/* Общие стили строк таблицы */
.zabota-dark-table {
    background-color: #14192C;
    border: 1px solid;
    border-color: #33323E !important;
}

/* Строка с Blocked=true в темной теме */
.zabota-dark-blocked {
    background-color: #262C41 !important;
}

/* Строка с Blocked=true в светлой теме */
.zabota-light-blocked {
    background-color: #F1F1F1 !important;
}

/* Стиль кнопки на драйвере */
.zabota-dark-button {
    background-color: #14192B;
}

/* Оборачивает весь контент диалога в рамку */
.zabota-dialog-dark {
    background-color: #14192C;
}

.zabota-dialog-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(5px);
}