/**
 * Button Component Styles
 * Переиспользуемые стили для кнопок
 *//* Кнопки калькуляторов */.calculator-btn{
    width: 100%;
    padding: var(--spacing-md) var(--spacing-2xl);
    background: var(--color-button-primary);
    border: none;
    border-radius: var(--button-radius, var(--radius-full));
    color: #eeeeee !important;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-primary);
    cursor: pointer;
    transition: all var(--transition-base);
    flex-shrink: 0;
}.calculator-btn:hover{
    background: rgba(238, 238, 238, 0.9);
    transform: translateY(-1px);
}.calculator-btn:active{
    transform: translateY(0);
}/* Кнопки в чате (теги калькуляторов) *//* Теги/темы калькуляторов (по умолчанию — тёмная тема) */.calculator-button{
    background: var(--color-button-secondary);
    border: none;
    border-radius: var(--button-radius, var(--radius-full));
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-primary);
    color: var(--color-text-disabled);
    cursor: pointer;
    transition: all var(--transition-base);
    backdrop-filter: blur(10px);
    white-space: nowrap;
}.calculator-button:hover{
    background: var(--color-button-secondary-hover);
    border: none;
    color: var(--color-text-primary);
    transform: translateY(-1px);
}.calculator-button:active{
    transform: translateY(0);
    background: rgba(238, 238, 238, 0.18);
    color: var(--color-text-primary);
}/* Заблокированная кнопка Dashboard */.calculator-button.locked, .calculator-button:disabled{
    background: rgba(238, 238, 238, 0.02);
    color: rgba(238, 238, 238, 0.2);
    cursor: not-allowed;
    opacity: 0.5;
    position: relative;
    pointer-events: none;
}.calculator-button.locked:hover, .calculator-button:disabled:hover{
    background: rgba(238, 238, 238, 0.02);
    color: rgba(238, 238, 238, 0.2);
    transform: none;
}.calculator-button.locked::after{
    content: '🔒';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    opacity: 0.6;
}/* Кнопки инвойса */.invoice-btn{
    padding: 0 24px;
    height: 44px;
    border: none;
    border-radius: var(--button-radius, var(--radius-full));
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}.invoice-btn-preview{
    background: rgba(238, 238, 238, 0.06);
    border: none;
    color: rgba(238, 238, 238, 0.8);
}.invoice-btn-preview:hover{
    background: rgba(238, 238, 238, 0.1);
    color: #eeeeee;
}.invoice-btn-secondary{
    background: rgba(238, 238, 238, 0.06);
    border: none;
    color: rgba(238, 238, 238, 0.8);
}.invoice-btn-secondary:hover{
    background: rgba(238, 238, 238, 0.1);
    color: #eeeeee;
}.invoice-btn-generate{
    background: #eeeeee;
    border: none;
    color: #121212;
    position: relative;
    min-width: 120px;
}.invoice-btn-generate:hover:not(.loading){
    background: rgba(238, 238, 238, 0.9);
    transform: translateY(-1px);
}.invoice-btn-generate.loading{
    color: transparent;
    pointer-events: none;
    cursor: not-allowed;
}.invoice-btn-generate.loading::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border: 2px solid var(--color-button-primary-text);
    border-top-color: transparent;
    border-radius: var(--radius-circle);
    animation: invoice-spinner 0.6s linear infinite;
}@keyframes invoice-spinner{to{
        transform: rotate(360deg);
    }
}/* Кнопка генерации в модалке */.invoice-generate-btn{
    background: var(--color-button-secondary);
    border: none;
    border-radius: var(--button-radius, var(--radius-full));
    padding: var(--spacing-sm) var(--spacing-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-primary);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-base);
    margin-top: var(--spacing-sm);
    white-space: nowrap;
}.invoice-generate-btn:hover{
    background: var(--color-button-secondary-hover);
    color: var(--color-text-primary);
}/* Адаптивность для кнопок */@media (max-width: 768px){.invoice-btn{
        width: 100%;
    }
}