/* Global: no header dimming/color-shift on hover/sort indicators (all modules using FooTable). */

.footable > thead > tr > th {
    transition: none !important;
}

.footable > thead > tr > th:hover {
    background-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
}

.footable > thead > tr > th.footable-sortable:hover {
    background-color: inherit !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* Индикатор направления сортировки — всегда в одной строке с текстом заголовка */
.footable > thead > tr > th.footable-sortable,
table.table > thead > tr > th.footable-sortable,
table.table > thead > tr > th[data-sort-key],
table.table > thead > tr > th.project-dashboard-dual-sort-col,
table > thead > tr > th.footable-sortable,
table > thead > tr > th[data-sort-key],
table > thead > tr > th.project-dashboard-dual-sort-col,
td.footable-sortable,
th.footable-sortable {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.footable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
.footable > thead > tr > th > span.footable-sort-indicator,
.footable > thead > tr > th.footable-sortable span.footable-sort-indicator,
table.table > thead > tr > th.footable-sortable > span.footable-sort-indicator,
table.table > thead > tr > th > span.footable-sort-indicator,
table.table > thead > tr > th.footable-sortable span.footable-sort-indicator,
table > thead > tr > th.footable-sortable > span.footable-sort-indicator,
table > thead > tr > th > span.footable-sort-indicator,
table > thead > tr > th.footable-sortable span.footable-sort-indicator,
table > thead > tr > th.footable-sortable > span.inline-task-sort-indicator,
table > thead > tr > th.footable-sortable span.inline-task-sort-indicator,
.footable > thead > tr > th.footable-sortable > span.fooicon,
.footable > thead > tr > th.footable-sortable span.fooicon,
table > thead > tr > th.footable-sortable > span.fooicon,
table > thead > tr > th.footable-sortable span.fooicon {
    display: inline-block !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    padding-inline-start: 5px !important;
    padding-inline-end: 0 !important;
    padding-left: 0 !important;
    line-height: 1 !important;
}

.footable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
.footable > thead > tr > th.footable-sortable span.footable-sort-indicator {
    opacity: 1 !important;
    transition: none !important;
}

.footable > thead > tr > th.footable-sortable:hover > span.footable-sort-indicator,
.footable > thead > tr > th.footable-sortable:hover span.footable-sort-indicator {
    opacity: 1 !important;
}

.footable > thead > tr > th.footable-sortable > span.fooicon,
.footable > thead > tr > th.footable-sortable span.fooicon {
    opacity: 1 !important;
    transition: none !important;
}

.footable > thead > tr > th.footable-sortable:hover > span.fooicon,
.footable > thead > tr > th.footable-sortable:hover span.fooicon {
    opacity: 1 !important;
}

@media (hover: none) {
    .footable > thead > tr > th.footable-sortable > span.footable-sort-indicator,
    .footable > thead > tr > th.footable-sortable span.footable-sort-indicator,
    .footable > thead > tr > th.footable-sortable > span.fooicon,
    .footable > thead > tr > th.footable-sortable span.fooicon {
        opacity: 1 !important;
    }
}

/* Global table overflow behavior: if table is wider than container/page, show horizontal scrollbar. */
.table-responsive,
.box-body.table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

html,
body {
    overflow-x: auto;
}