/* ── Custom Table Header Addon ─────────────────────────────────────────────── */

/* Column picker button */
.cth-columns-btn {
    border-color: var(--crm-primary, #530383);
    color: var(--crm-primary, #530383);
}
.cth-columns-btn:hover,
.cth-columns-btn.active {
    background: var(--crm-primary, #530383) !important;
    color: #fff !important;
}

/* Sortable list */
#cth-sortable-list {
    max-height: 420px;
    overflow-y: auto;
}

.cth-col-item {
    border: 1px solid #e5e7eb;
    transition: background .12s;
    user-select: none;
}
.cth-col-item:hover {
    background: #f0f4f8 !important;
}

/* Drag placeholder (jQuery UI) */
.cth-placeholder {
    height: 40px;
    background: #ede9fe;
    border: 2px dashed var(--crm-primary, #530383);
    border-radius: 8px;
    margin-bottom: 4px;
}

/* Loading spinner in cross-module cells */
.cth-loading {
    display: inline-block;
    animation: cth-pulse 1.2s ease-in-out infinite;
}

@keyframes cth-pulse {
    0%, 100% { opacity: .4; }
    50%       { opacity: 1;  }
}

/* Cross-module column header mark */
th.cth-cross-col::after {
    content: '✦';
    font-size: .55rem;
    vertical-align: super;
    margin-left: 3px;
    opacity: .6;
}