.crm-navbar {
    transition: background-color 0.3s ease, color 0.3s ease;
    /* Держим навбар и его выпадающие меню поверх контента страниц (в т.ч. Vue-виджетов),
       иначе на «тяжёлых» страницах дропдаун «Администрация» открывается за контентом. */
    position: relative;
    z-index: 1050;
}
.crm-navbar .dropdown-menu {
    z-index: 1051;
}

[data-bs-theme="light"] .crm-navbar {
    background-color: #179e1a;
    color: #000000;
}

[data-bs-theme="light"] .crm-navbar .navbar-brand,
[data-bs-theme="light"] .crm-navbar .nav-link {
    color: #ebf8ed !important;
}

[data-bs-theme="dark"] .crm-navbar {
    background-color: #1c1c1c;
    color: #ffffff;
}

[data-bs-theme="dark"] .crm-navbar .navbar-brand,
[data-bs-theme="dark"] .crm-navbar .nav-link {
    color: #ffffff !important;
}

.crm-navbar .dropdown-item.active {
    background-color: #0d6efd;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .crm-navbar .dropdown-menu {
    background-color: #2c2c2c;
    color: #ffffff;
    border-color: #444;
}

[data-bs-theme="dark"] .crm-navbar .dropdown-item {
    color: #ffffff;
}

[data-bs-theme="dark"] .crm-navbar .dropdown-item:hover,
[data-bs-theme="dark"] .crm-navbar .dropdown-item:focus {
    background-color: #3a3a3a;
    color: #ffffff;
}

.btn-theme-toggle {
    border-radius: 0.375rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

[data-bs-theme="light"] .btn-theme-toggle {
    background-color: #f8f9fa;
    color: #000;
    border: 1px solid #ced4da;
}

[data-bs-theme="dark"] .btn-theme-toggle {
    background-color: #2c2c2c;
    color: #fff;
    border: 1px solid #444;
}


.material-icons {
    font-size: 1.2rem;
}

/* Темная тема для SimpleMDE */
.simplemde-dark .CodeMirror {
    background-color: #121212 !important;
    color: #ffffff !important;
}

.simplemde-dark .CodeMirror-gutters {
    background-color: #1e1e1e !important;
    border-right: 1px solid #333 !important;
}

.simplemde-dark .editor-toolbar {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333 !important;
}

.simplemde-dark .editor-toolbar a {
    color: #ffffff !important;
}

.simplemde-dark .editor-toolbar a:hover {
    background-color: #333 !important;
}

.simplemde-dark .editor-preview {
    background-color: #121212 !important;
    color: #ffffff !important;
}

.simplemde-dark .editor-preview-side {
    background-color: #121212 !important;
    color: #ffffff !important; }

.crm_coin {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url('/images/crm.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0px;
    vertical-align: middle;
}

.money-vip {
    font-size: 23px;
    font-weight: lighter;
}
.money-no {
    font-size: 18px;
    font-weight: lighter;
    color: #a1a09a;
    text-transform: uppercase;
}

.job-name {
    font-size: 15px;
    text-transform: uppercase;
    padding-top: 15px;
    font-weight: lighter;
}

.bg-intro {
    background: url("/images/wrapper.png");
    background-size: cover;
}