#kt_app_content_container:has(.task-boards-page) {
    padding-inline: 115px !important;
}

.task-boards-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.task-boards-page .task-boards-shell {
    margin-inline: 0 !important;
    max-width: none !important;
    width: 100%;
}

.task-boards-page .task-board-panel {
    gap: .45rem;
    min-height: 0;
    padding: .75rem .9rem;
}

.task-boards-page .task-board-panel__sharing {
    align-items: center;
    display: flex;
    gap: .4rem;
    min-height: 32px;
    width: 100%;
}

.task-boards-page .task-board-panel__sharing-count {
    display: none !important;
}

.task-boards-page .task-board-panel__sharing-stack {
    align-items: center;
    display: flex;
    flex: 0 1 auto;
    max-width: 70px;
    min-height: 22px;
    min-width: 0;
    overflow: visible;
}

.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar,
.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar > img,
.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar > .symbol-label {
    height: 22px !important;
    width: 22px !important;
}

.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar {
    flex: 0 0 22px;
}

.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar:not(:first-child) {
    margin-left: -8px !important;
}

.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-avatar .symbol-label {
    font-size: .66rem !important;
    line-height: 1 !important;
}

.task-boards-page .task-board-panel__sharing-stack .task-board-panel__sharing-overflow .symbol-label {
    font-size: .6rem !important;
}

.task-boards-page .task-board-panel__sharing > .task-board-panel__action-group {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: .15rem;
    margin-left: auto;
    min-width: max-content;
}

.task-boards-page .task-board-panel__sharing > .task-board-panel__action-group .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0 !important;
}

.task-boards-page .task-board-panel__actions:empty,
.task-boards-page .task-board-panel__actions.is-compact-empty {
    display: none !important;
}

.task-boards-page .task-board-panel__description {
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .task-boards-page .task-board-panel__sharing {
        gap: .25rem;
    }

    .task-boards-page .task-board-panel__sharing-stack {
        max-width: 64px;
    }

    .task-boards-page .task-board-panel__sharing > .task-board-panel__action-group {
        gap: .05rem;
    }
}

/* Only the kanban column scrolls. Individual task cards must always expand
   naturally with their content and never create an inner scrollbar. */
.tasks-kanban-column > .card-body {
    overflow-y: scroll !important;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.tasks-kanban-column > .card-body::-webkit-scrollbar {
    width: 8px;
}

.tasks-kanban-column > .card-body::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 999px;
}

.tasks-kanban-column > .card-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.tasks-kanban-column > .card-body::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.tasks-kanban-column .tasks-kanban-card,
.tasks-kanban-column .tasks-kanban-card > .card-body {
    max-height: none !important;
    overflow: visible !important;
}

.tasks-kanban-column .tasks-kanban-card > .card-body {
    scrollbar-gutter: auto !important;
    scrollbar-width: auto;
}
