/* Shared controls used throughout the application. */
.sa-button {
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--sa-control-height);
    border-radius: var(--sa-radius-control);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.sa-button--primary {
    border: 1px solid var(--sa-color-primary);
    color: white;
    background: var(--sa-color-primary);
    box-shadow: var(--sa-shadow-control);
}

.sa-button--primary:hover {
    border-color: var(--sa-color-primary-hover);
    background: var(--sa-color-primary-hover);
}

.sa-button--ghost:hover { background: #f4f7fb; }

.sa-button--ghost {
    border: 1px solid var(--sa-color-border);
    background: white;
    color: var(--sa-color-text);
}