

/* Start:/local/templates/bsmu/components/itach/events.tabs/.default/style.css?17745277791305*/
/* Обёртка табов */
.tabs-nav {
    display: flex;
    gap: 10px;
    padding: 10px 0;
}

/* Таб-кнопка */
.tab-option {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 15px 20px;
    background-color: #ffffff;
    border: 1px solid #CFD9EC;
    border-radius: 6px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    user-select: none;
}

/* Скрываем нативный radio */
.tab-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Текст */
.tab-option__text {
    font-size: 14px;
    color: #3d3d3d;
    transition: color 0.2s ease;
}

/* === Активный таб === */
.tab-option:has(input[type="radio"]:checked) {
    background-color: #2e4a97;
    border-color: #2e4a97;
}

.tab-option:has(input[type="radio"]:checked) .tab-option__text {
    color: #ffffff;
}

/* === Hover для неактивного === */
.tab-option:not(:has(input[type="radio"]:checked)):hover {
    border-color: #2e4a97;
    background-color: #f0f4ff;
}

.tab-option:not(:has(input[type="radio"]:checked)):hover .tab-option__text {
    color: #2e4a97;
}

/* End */
/* /local/templates/bsmu/components/itach/events.tabs/.default/style.css?17745277791305 */
