/*:root {
    color-scheme: light;
    --tblr-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tblr-body-bg: #f5f7fb;
    --tblr-body-color: #232e3c;
    --tblr-bg-surface: #ffffff;
    --tblr-border-color: #d9e2ef;
    --tblr-primary: #206bc4;
    --tblr-secondary: #656d77;
    --tblr-muted: #66738f;
    --tblr-page-gap: 0;
}*/
/*
body {
    background-color: var(--tblr-body-bg);
    color: var(--tblr-body-color);
    font-family: var(--tblr-font-sans-serif, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    scrollbar-gutter: stable;
}

.page {
    --tblr-page-gap: 0;
    gap: 0;
    width: 100%;
}

.page-wrapper {
    margin-left: 0;
    padding-left: 0;
}

.navbar-vertical {
    margin: 0;
}

.page-body .container {
    padding: 1rem;
}

@media (min-width: 768px) {
    .page-body .container {
        padding: 2rem;
    }
}

@media (min-width: 1200px) {
    .page-body .container {
        padding: 3rem;
    }
}

!*
 * Fallback styles for dropdown menus in the sidebar. When Tabler's CSS
 * is unavailable, ensure that the dropdown menu can still be toggled
 * via the "show" class added by our JavaScript.
 *!
.navbar-vertical .dropdown-menu {
    display: none;
}

.navbar-vertical .dropdown-menu.show {
    display: block;
}

!* Компактная таблица для платёжного календаря *!
.table-compact tbody tr > * {
    padding-top: .35rem;
    padding-bottom: .35rem;
}

.table-compact .badge {
    font-size: .75rem;
}

.nowrap {
    white-space: nowrap;
}

.text-truncate {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .table-compact tbody tr > * {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }

    .text-truncate {
        max-width: 200px;
    }
}*/

/* Улучшаем контрастность модалок с эффектом blur, чтобы данные оставались читаемыми */
.modal.modal-blur .modal-content {
    background-color: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.modal.modal-blur .modal-header,
.modal.modal-blur .modal-body,
.modal.modal-blur .modal-footer {
    color: inherit;
}

/* ProjectDirection Picker (Tabler) */
.pd-tree-wrap {
    height: 340px;                /* фиксированная высота области дерева */
    max-height: 340px;
    overflow: auto;               /* скролл внутри */
    border: 1px solid var(--tblr-border-color, #d9e2ef);
    border-radius: .5rem;
    padding: .25rem;
    background: var(--tblr-bg-surface, #fff);
}

.pd-node { padding-left: .25rem; }
.pd-row { padding: .15rem .35rem; border-radius: .35rem; }
.pd-row:hover { background: rgba(10,21,72,.05); }

.pd-kind { width: 18px; display: inline-flex; justify-content: center; }
.pd-spacer { width: 32px; display: inline-block; }

.pd-toggle.btn { height: 24px; width: 24px; padding: 0; }

.pd-name { font-size: .875rem; line-height: 1.15rem; }

.pd-row-selected { background: rgba(10,21,72,.08); }
.pd-selected { font-weight: 600; }

.pd-children { margin-left: 14px; border-left: 1px dashed rgba(10,21,72,.15); padding-left: 10px; }