.cl_input_flex { flex: 1; min-width: 0; }
.cl_th_tip     { margin-left: .3rem; }

.cl_pagin {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .1rem;
    margin-top: 1.25rem;
}

.cl_pagin_num,
.cl_pagin_arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    font-size: .84rem;
    color: hsl(var(--muted-foreground));
    text-decoration: none;
    border-radius: 4px;
    transition: color .1s, background .1s;
}

.cl_pagin_num:hover,
.cl_pagin_arrow:hover {
    color: hsl(var(--foreground));
    background: hsl(var(--muted));
}

.cl_pagin_cur {
    font-weight: 700;
    color: hsl(var(--foreground));
    cursor: default;
}

.cl_pagin_arrow {
    font-size: .9rem;
    margin: 0 .2rem;
}

.cl_pagin_ellipsis {
    font-size: .84rem;
    color: hsl(var(--muted-foreground));
    padding: 0 .2rem;
    line-height: 2rem;
}

.cl_plm_mark     { font-size: .72rem; color: hsl(var(--muted-foreground)); margin-left: .15rem; cursor: help; vertical-align: super; }
.cl_plm_footnote { font-size: .72rem; color: hsl(var(--muted-foreground)); margin: .5rem 0 0; font-style: italic; }

.cl_preset.active,
.cl_preset.active:hover { background: hsl(var(--primary)) !important; color: hsl(var(--primary-foreground)) !important; border-color: hsl(var(--primary)) !important; }

.cl_tension_cell { display: flex; flex-direction: column; gap: .25rem; align-items: flex-start; }