/**
 * Fixed action-column tooltips (dotcommTooltip.js).
 */

#dotcomm-tooltip-layer {
    position: fixed;
    z-index: 200000;
    pointer-events: none;
    max-width: min(320px, calc(100vw - 16px));
    padding: 4px 8px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.35;
    white-space: nowrap;
    border-radius: 4px;
    background-color: var(--dotcomm-tooltip-bg, #454545);
    color: var(--dotcomm-tooltip-fg, #fff);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 0);
    transition: opacity 0.1s ease, visibility 0.1s ease;
}

#dotcomm-tooltip-layer.is-visible {
    opacity: 1;
    visibility: visible;
}

/* Legacy ::after tooltips only inside marked action cells */
table[data-dotcomm-action-tooltips] tbody td[data-dotcomm-action-cell] [data-title]::after,
table[data-dotcomm-action-tooltips] tbody td[data-dotcomm-action-cell] [data-title]:hover::after {
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* btn-group / Status buttons must not be clipped in narrow action columns */
table[data-dotcomm-action-tooltips] tbody td[data-dotcomm-action-cell] {
    overflow: visible !important;
    vertical-align: middle;
    white-space: nowrap;
}

.bootstrap-table .fixed-table-container table[data-dotcomm-action-tooltips] tbody td[data-dotcomm-action-cell] {
    overflow: visible !important;
}

table[data-dotcomm-action-tooltips] tbody td[data-dotcomm-action-cell] .btn-group {
    display: inline-flex;
    flex-wrap: nowrap;
}