/* Minimal Bootstrap-like color utilities */
:root {
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-danger: #dc3545;
    --bs-warning: #ffc107;
    --bs-info: #0dcaf0;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-muted: #6c757d;
}

/* text-* utilities */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-info {
    color: var(--bs-info) !important;
}

.text-light {
    color: var(--bs-light) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

.text-muted {
    color: var(--bs-muted) !important;
}

/* optional “soft” backgrounds for icons */
.bg-soft-primary {
    background: color-mix(in srgb, var(--bs-primary) 12%, transparent);
}

.bg-soft-success {
    background: color-mix(in srgb, var(--bs-success) 12%, transparent);
}

.bg-soft-danger {
    background: color-mix(in srgb, var(--bs-danger) 12%, transparent);
}

.bg-soft-warning {
    background: color-mix(in srgb, var(--bs-warning) 18%, transparent);
}

.bg-soft-info {
    background: color-mix(in srgb, var(--bs-info) 14%, transparent);
}

.bg-soft-secondary {
    background: color-mix(in srgb, var(--bs-secondary) 12%, transparent);
}

/*.t-icon {*/ /* your base from earlier */
    /*display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8em;
    height: 1.8em;
    font-size: 1.15rem;
    line-height: 1;
    vertical-align: middle;
    border-radius: 6px;
    cursor: pointer;
    transition: transform .14s ease, color .14s ease, background-color .14s ease;
}*/
.t-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4em; /* ↓ was 1.8em */
    height: 1.4em; /* ↓ was 1.8em */
    font-size: 1rem; /* ↓ was 1.15rem */
    line-height: 1;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.14s ease, color 0.14s ease;
}

    .t-icon:hover {
        transform: scale(1.08);
    }

/* Center everything in cells so text isn't stuck at the top */
.tabulator .tabulator-cell {
    display: flex; /* enables vertical centering */
    align-items: center; /* middle! */
    padding: 6px 8px; /* was larger by default on many themes */
    line-height: 1.2; /* keeps rows compact */
}

/* Action columns: even tighter + centered */
.tabulator .cell-action {
    justify-content: center;
    padding: 0 6px;
}

/* Make icons small enough not to stretch the row */
.t-icon {
    width: 1.3em;
    height: 1.3em;
    font-size: 0.95rem;
    line-height: 1;
    vertical-align: middle;
}