.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.page-body {
    flex: 1;
}

/* Фикс: dropdown не обрезается внутри table-responsive */
.card > .table-responsive {
    overflow: visible !important;
}
@media (max-width: 767.98px) {
    .card > .table-responsive {
        overflow-x: auto !important;
    }
}

/* Рабочие материалы — «prose»: единый вид контента в редакторе и на странице.
   Перебивает глобальные стили Tabler (p, h*, ul/ol, blockquote, table и т.д.) по специфичности. */
.workbase-prose {
    line-height: 1.5;
}

.workbase-prose p {
    margin: 0;
}

.workbase-prose h1,
.workbase-prose h2,
.workbase-prose h3,
.workbase-prose h4 {
    margin: 1rem 0 0.5rem;
    font-weight: 600;
    line-height: 1.3;
}

.workbase-prose ul,
.workbase-prose ol {
    margin: 0 0 0.5rem;
    padding-left: 1.5rem;
}

.workbase-prose li {
    margin: 0;
}

.workbase-prose blockquote {
    border-left: 3px solid #d9dde3;
    padding-left: 1rem;
    color: #6c7a91;
    margin: 0.75rem 0;
}

.workbase-prose a {
    color: #206bc4;
    text-decoration: underline;
}

.workbase-prose pre {
    background: #f6f8fb;
    padding: 1rem;
    border-radius: 4px;
    overflow: auto;
    margin: 0.5rem 0;
}

.workbase-prose code {
    background: #f6f8fb;
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
}

.workbase-prose pre code {
    background: none;
    padding: 0;
}

.workbase-prose hr {
    margin: 0.75rem 0;
    border: 0;
    border-top: 1px solid #d9dde3;
}

.workbase-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.workbase-prose table {
    border-collapse: collapse;
    width: 100%;
    margin: 0.5rem 0;
}

.workbase-prose th,
.workbase-prose td {
    border: 1px solid #d9dde3;
    padding: 6px 8px;
    vertical-align: top;
    position: relative;
}

.workbase-prose th {
    background-color: #f9f9f9;
}

.workbase-prose > :first-child {
    margin-top: 0;
}

.workbase-prose > :last-child {
    margin-bottom: 0;
}

.workbase-prose .tiptap > :first-child,
.workbase-prose .ProseMirror > :first-child {
    margin-top: 0;
}

.workbase-prose .tiptap > :last-child,
.workbase-prose .ProseMirror > :last-child {
    margin-bottom: 0;
}

/* Рабочие материалы — редактор (TipTap, headless) */
.workbase-editor {
    overflow: hidden;
}

.workbase-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid #d9dde3;
    background: #f9f9f9;
}

.workbase-toolbar__group {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    padding-right: 0.375rem;
    margin-right: 0.125rem;
    border-right: 1px solid #e3e6ea;
}

.workbase-toolbar__group:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.workbase-color {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.25rem;
    cursor: pointer;
    color: #626976;
}

.workbase-hint {
    font-size: 0.75rem;
}

.workbase-color input[type="color"] {
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #d9dde3;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.workbase-toolbar .ti {
    font-size: 1.15rem;
    line-height: 1;
}

.workbase-toolbar .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.75rem;
    padding: 0.25rem;
}

.workbase-editor__content .tiptap,
.workbase-editor__content .ProseMirror {
    min-height: 300px;
    padding: 0.75rem 1rem;
    outline: none;
}

.workbase-editor table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.workbase-editor th,
.workbase-editor td {
    border: 1px solid #d9dde3;
    padding: 6px 8px;
    vertical-align: top;
    position: relative;
}

.workbase-editor th {
    background-color: #f9f9f9;
}

.workbase-editor .selectedCell {
    background-color: rgba(114, 182, 236, 0.25);
}

.workbase-editor .column-resize-handle {
    position: absolute;
    right: -2px;
    top: 0;
    bottom: -2px;
    width: 4px;
    background-color: #72b6ec;
    pointer-events: none;
}

.workbase-editor .tableWrapper {
    overflow-x: auto;
}

.workbase-editor .resize-cursor {
    cursor: col-resize;
}

.workbase-editor__content .tiptap p.is-editor-empty:first-child::before,
.workbase-editor__content .ProseMirror p.is-editor-empty:first-child::before {
    content: attr(data-placeholder);
    float: left;
    color: #adb5bd;
    pointer-events: none;
    height: 0;
}

/* Компактный редактор описания (TipTap) для карточек компаний/поставщиков */
.rich-editor {
    overflow: hidden;
}

.rich-editor__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.125rem;
    padding: 0.375rem 0.5rem;
    border-bottom: 1px solid #d9dde3;
    background: #f9f9f9;
}

.rich-editor__divider {
    width: 1px;
    align-self: stretch;
    margin: 0 0.25rem;
    background: #e3e6ea;
}

.rich-editor__toolbar .ti {
    font-size: 1.15rem;
    line-height: 1;
}

.rich-editor__toolbar .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    min-height: 1.75rem;
    padding: 0.25rem;
}

.rich-editor__content .tiptap,
.rich-editor__content .ProseMirror {
    min-height: 110px;
    max-height: 360px;
    overflow-y: auto;
    padding: 0.5rem 0.75rem;
    outline: none;
}

/* intl-tel-input внутри bootstrap-колонок и модальных контейнеров */
.iti {
    width: 100%;
}

.iti--inline-country-selector:not(.iti--detached-country-selector) .iti__country-selector {
    z-index: 1050;
}

/* Бейджи задач в навбаре: Tabler делает .badge абсолютным в углу пункта,
   из-за чего два бейджа накладываются. Позиционируем их группой справа. */
.navbar .navbar-nav .nav-link {
    position: relative;
}

.navbar .navbar-nav .nav-link .task-badges {
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
    display: inline-flex;
    gap: .25rem;
}

.navbar .navbar-nav .nav-link .task-badges .badge {
    position: static;
    transform: none;
}

/* Прокручиваемый список выбора (беседы в модалке «Отправить в чат» и т.п.) */
.chat-picker {
    max-height: 260px;
    overflow-y: auto;
}