.stats_user {
    width: 75px;
}
.column-auto {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 240px;
    gap: 5px;
    z-index: 1000;
    color: #494949;
    font-weight: bold;
    font-family: var(--font);
    white-space: nowrap;
    font-size: 10pt;
    top: 45px;
}

.column-auto.visible {
    display: block;
}

/* Заголовок меню */
.auto-menu-title {
    margin-bottom: 0.6em;
    font-size: 1em;
}

/* Контейнер колонок */
.auto-menu-columns {
    display: flex;
    flex-direction: column;
    gap: 0.3em; /* уменьшили расстояние между строками */
}

/* Каждая строка — в одну линию */
.column-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4em;
    font-size: 1em;
    line-height: 1.2;
}

/* Группа toggle + текст */
.column-label {
    display: flex;
    align-items: center;
    gap: 0.4em;
}

/* ------------------------------ */
/* Toggle — компактный, Ч/Б       */
/* ------------------------------ */
.toggle {
    width: 1.8em;
    height: 1em;
    background: #e0e0e0;
    border-radius: 1em;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    border: 0.07em solid #313131;
    /*transition: background 0.2s ease;*/
}

.toggle_null {
    width: 1.8em;
    height: 1em;
    position: relative;
    flex-shrink: 0;
    /*transition: background 0.2s ease;*/
}

.toggle::after {
    content: "";
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    top: 0.05em;
    left: 0.05em;
    background: #ffffff;
    border-radius: 50%;
    border: 0.07em solid #313131;
    /*transition: all 0.2s ease;*/
}

.toggle.on {
    background: #bfbfbf;
}

.toggle.on::after {
    left: 0.9em;
}

/* ------------------------------ */
/* Pin — компактный Ч/Б           */
/* ------------------------------ */
.pin {
    font-size: 1em;
    cursor: pointer;
    opacity: 0.7;
    /*transition: opacity 0.2s, transform 0.2s;*/
    color: #313131;
}

.pin:hover {
    opacity: 1;
}

.pin.pinned {
    opacity: 1;
    transform: rotate(-40deg);
}