: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;
}

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);
}

.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;
}