/* Redesign: кнопки (r__*) */

.r__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 40px;
    padding: 0.5rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--r__radius);
    background: transparent;
    color: var(--r__text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--r__transition), border-color var(--r__transition), color var(--r__transition), box-shadow var(--r__transition);
}

.r__btn:hover,
.r__btn:focus {
    color: var(--r__text);
    text-decoration: none;
}

.r__btn:disabled,
.r__btn.is-disabled {
    opacity: 0.55;
    pointer-events: none;
}

.r__btn i,
.r__btn svg {
    flex-shrink: 0;
    font-size: 1.05em;
}

.r__btn--primary {
    background: var(--r__primary);
    border-color: var(--r__primary);
    color: #fff;
}

.r__btn--primary:hover,
.r__btn--primary:focus {
    background: var(--r__primary-hover);
    border-color: var(--r__primary-hover);
    color: #fff;
}

.r__btn--secondary {
    background: var(--r__secondary-bg);
    border-color: var(--r__secondary-bg);
    color: var(--r__text);
}

.r__btn--secondary:hover,
.r__btn--secondary:focus {
    background: var(--r__secondary-hover);
    border-color: var(--r__secondary-hover);
    color: var(--r__text);
}

.r__btn--outline {
    background: var(--r__surface);
    border-color: var(--r__input-border);
    color: var(--r__text);
}

.r__btn--outline:hover,
.r__btn--outline:focus {
    background: var(--r__secondary-bg);
    color: var(--r__text);
}

.r__btn--ghost {
    background: transparent;
    border-color: transparent;
    color: var(--r__text-muted);
}

.r__btn--ghost:hover,
.r__btn--ghost:focus {
    background: var(--r__secondary-bg);
    color: var(--r__text);
}

.r__btn--ai {
    background: var(--r__surface);
    border-color: #ddd6fe;
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.08);
    color: var(--r__text);
}

.r__btn--icon {
    width: 40px;
    min-width: 40px;
    padding: 0;
}

.r__btn--lg {
    min-height: 46px;
    padding: 0.7rem 1.25rem;
}

.r__btn--block {
    width: 100%;
}

.r__btn--pill {
    border-radius: var(--r__radius-pill);
}